/* Blue: #2d6ebc;
   Dark Grey: #636363;
   Light Grey: #c7c7c7;
   Lime Green: #8fbe19; 
   Orange: #ff9000;
*/

@import url("structure.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Tahoma, Verdana, Helvetica, sans-serif;}
	a {font: 10pt/15pt Tahoma,Verdana, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }  
	table { page-break-inside: avoid }
}

body {	
	margin: 0;
	padding: 0;
	background: #e1e1e1 url(../i/sq.gif);
	font: 12px/14px Tahoma, Verdana, Helvetica, sans-serif;
	color:#636363;
}
hr {
	border-bottom: dashed 1px #636363; 
	color:#ffffff; 
	margin: 3px 0 0 0;
}

/* ******************  Header styles  ************** */
#masthead div {
	position: absolute;
}

#topimg {
	top:0;
	left:300px;
	height:150px;
	width:470px;	
}
#logo {
	top:23px;
	left:50px;
	height:38px;
	width:50px;	
}
#strapline {
	font: 10px/12px Tahoma, Verdana, Helvetica, sans-serif;
	top:145px;
	left:70px;	
	color: #ffffff;
}

#improve{
	top: 20px;
	left: 468px;
}

#home {
	top:51px;
	left:280px;
	padding: 0;
	font-size: 10px;
}

#home a{
	color: #ffffff;	
	padding: 0 0 10px 15px;
	text-decoration: none;
	background: url(../i/header/home.gif) 0 1px no-repeat;
}

#email {
	top:51px;
	left:367px;
	color: #ffffff;
	padding: 0;
	font-size: 10px;
}

#email a{
	padding: 0 0 10px 15px;
	color: #ffffff;
	text-decoration: none;
	background: url(../i/header/email.gif) 0 3px no-repeat;
}

#leftline{
	top:21px;
	left:251px;
}

#rightline{
	top:21px;
	left:458px;
}

#diydoc{
	bottom:1px;
	right:3px;
}

#localServer {				/* Do not remove this style - used to warn of local server settings */
	color:red;
	text-transform:uppercase;	
	font: 10px/18px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	left:5px;
}

/*
#topnavigation {
	top:7px;
	right:10px;
	background: #FFFFFF;
	border: 1px solid red;	
	display:none;
}
*/
/* ******************  Main navigation styles  ************** */
#mainnavigation {
	text-align:center;
}
#mainnavigation ul {
	list-style: none;
	margin:0;
	padding:0;	
	width:770px;
	height:30px;
	background-color: #2d6ebc;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#mainnavigation li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
}
#mainnavigation a {
	text-decoration:none;
	font: 9px/32px Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding:10px 6px 9px 21px;
	border-left: dashed 1px #ffffff;
	font-weight: bold;
	background: url(../i/header/arrow.gif) 7px 14px no-repeat;
}

#mainnavigation li a:hover {
	background: #8fbe19 url(../i/header/arrow_on.gif) 7px 14px no-repeat;
}
#mainnavigation li a.main_on {
	background: #8fbe19 url(../i/header/arrow_on.gif) 7px 14px no-repeat;
}

/* ******************  Sub navigation styles  ************** */
#subnavigation {
	float: right;
	margin: 0px 0 10px 20px;
	list-style-image: none;
}

#subnavigation ul {
	padding:0;
	margin: 0;
	width:192px;
	list-style-type: none;
	list-style-image: none;
}
#subnavigation ul li {
	display: block;
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin:0;
	height: 21px;
	border-bottom: dashed 1px #ffffff;
}
#subnavigation ul li a {
	text-decoration:none;
	height: 21px;
	font: 12px/21px Tahoma, Verdana, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	color: #ffffff;
	background: #2d6ebc url(../i/header/arrow.gif) 5px 8px no-repeat;
}
#subnavigation ul li a:hover {
	background: #8fbe19 url(../i/header/arrow_on.gif) 5px 8px no-repeat;
}

#subnavigation ul li a.main_on {
	background: #8fbe19 url(../i/header/arrow_on.gif) 5px 8px no-repeat;
}

/* ******************  Footer navigation styles  ************** */
#footernavigation {
	text-align:right;
	padding: 0 20px 0 0;
}
#footernavigation ul {
	list-style: none;
	margin:0;
	padding:0;	
}
#footernavigation li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
}
#footernavigation a {
	text-decoration:none;
	font: 10px/32px Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding:2px 7px 2px 7px;
	border-left: solid 1px #ffffff;
	font-weight: normal;
	background: none;
}
#footernavigation a.end {
	border-left: none;
}

#footernavigation li a:hover {
	text-decoration: underline;
}

/* ******************  Standard text styles  ************** */
a {
	color: #82b10c;
	text-decoration: underline;
	font-weight: normal;
} 

a:hover {
	text-decoration:underline;
}

a.headerlink{
	font-weight:bold;
	color:#636363;
	font-size:14px;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}

/* Arrow for hyperlinks */
.arrow{
	background: url(../i/arrow.gif) no-repeat 0 5px;
	padding: 0 0 0px 8px;
} 

p{
	margin:10px 0 10px 0;
}

/* Lead paragrpah */
.lead{
	font: 14px/16px Tahoma, Verdana, Helvetica, sans-serif;
}

.lead a{
	font: 14px/14px Tahoma, Verdana, Helvetica, sans-serif;
}

/* Quote styling */
.greensmall{
	font: 17px/18px Tahoma, Verdana, Helvetica, sans-serif;
	color: #82b10c;
	font-weight: bold;
}

.greenlarge{
	font: 24px/24px Tahoma; 
	color: #82b10c;
	font-weight: bold;
}

.bluesmall{
	font: 15px/18px Tahoma; 
	color: #2d6ebc;
	font-weight: bold;
}

.bluelarge{
	font: 20px/24px Tahoma;
	color: #2d6ebc;
	font-weight: bold;
}	

.bluelargest{
	font: 25px/28px Tahoma;
	color: #2d6ebc;
	font-weight: bold;
}

h1, h2, h3 {
	font-weight:bold;
	color:#636363;
}

h1, #homecontent h2 {
	font-size:18px;
	background: url(../i/bullet.gif) 0 7px no-repeat;
	padding: 8px 0 8px 26px;
	margin: 0px 0 10px 0;
	border-top: 0;
	border-bottom: dashed 1px #636363;
}
h2 {
	font-size:16px;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {
	font-size:14px;
	margin: 0 0 10px 0;
	padding: 0;
}
h4 {
	font-size:14px;
	background: url(../i/bullet.gif) 0 7px no-repeat;
	padding: 8px 0 8px 26px;
	margin: 0px 0 10px 0;
	border-top: 0;
	border-bottom: dashed 1px #636363;
	border-top: dashed 1px #636363;
	font-weight:bold;
}
#strapline h1 {
	font: 10px/12px Tahoma, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background: none;
	padding: 0px 0 0px 0px;
	margin: 0px 0 -10px 0;
	border: 0;
}


/* ******************  Standard site image styles ************** */
img {
	border:none;
}

.imgFloatLeft{
 	border: solid 1px #898b8a;
	float: left;
	margin: 2px 10px 10px 0;
}

.imgFloatRight{
 	border: solid 0px #898b8a;
	float: right;
	margin: 2px 10px 10px 0;
}

.rightQuote{
 	float: right; 
 	border:0; 
 	position: relative;  
 	left: -25px;
}

.rightQuoteAbout{
 	float: right; 
 	border:0; 
 	position: relative;  
 	left: -55px;
}

.golfTipsImages{
 	float: right; 
	margin:2px 0 10px 10px;
}

.singleColumnImage {
	border:1px solid #898B8A;
	float:left;
	margin:2px 10px 10px 0px;
}
.singleColumnImageNB {
	border:0px solid #898B8A;
	float:left;
	margin:2px 10px 10px 0px;
}
.sampleHole {
	float: right; 
	border:0; 
	margin: 0;
}
.golfTipsListHolder {
	list-style-image: url(../i/arrow.gif);
	margin-left:195px;
}
.golfTipsListHolder li {
	padding-bottom:5px;
}


/* ******************  Standard site table styles ************** */
.key td{
	height: 45px;
	border: solid 0px;
	vertical-align: top;
}

.key td.number{
	width: 30px;
}

/* ******************  Standard site list styles  ************** */
#columnone ul, #singlecolumn ul {
	list-style-image: url(../i/arrow.gif);
}

#columnone li, #singlecolumn ul li {
	padding:0px 0px 5px 0px;
}

/*** Case Studies ***/
.caseStudy{
	border:1px solid #999999;
	margin:0 0 10px 0;
	/*height:120px;*/
}
.caseStudy img{
	border:1px solid #999999;
	margin:0 0 0 5px;
}
.caseStudy .title{
	border:0 solid red;
	margin:0 0 2px 0;
	padding:2px 2px 2px 2px;
	background:#999999;
}
.caseStudy .title a{
	color:#ffffff;
}
.caseStudy .view{
	margin:2px 0 0 0;
	border-top:1px solid #999999;
	text-align:right;
}

.caseStudyCategory{
	border:1px solid #999999;
	margin:0 5px 10px 0;
	float:left;
	padding:10px;
}



/* ******************  Category Slug styles  ************** */
.slug {
	background:#EDEEED;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #D8D2BD;
	color:#7F7C73;
	padding-left:4px;
	padding-right:4px;
	height:22px;
	text-align:left;
	clear:both;
}
.slugTitle {
	color:#7F7C73;
	width:33px;
	float:left;
	height:22px;
	margin-top:2px;
}
.slugTrail {	
	float:left;
	height:20px;
	line-height:auto;
	font-size:0.8em;
	background: #FFFFFF url(../i/folder.gif) no-repeat 5px ;
	border:solid 1px #7F9DB9;
	padding:1px 2px 0 26px;
	width:80%; /* 80% to fit 800x600 res */
}
span.noSlug {
	color:#C6C7C8;
}
#slugOn {
	background:#FFFECE;
	color:#000000;
}
/* ******************  COPIED FROM RANGESIDE *******************************/
/* ******************  ALL OTHER SITE SPECIFIC STYLES HERE  ************** */

.section{
	border-bottom: dashed 1px #636363;
	padding: 0px 0 8px 0;
	margin: 0px 0 0px 0;
}

.quote{
	width: 400px;
	padding: 0 0 0 35px;
	background: url(../i/66_large.gif) 0 15px no-repeat;
}

.quoteAboutTop{
	width: 400px;
	padding: 0 0 0 35px;
	background: url(../i/66_large.gif) 0 15px no-repeat;
	margin-left:70px;
}

/* Boxes on home page */
.homebox{
	border-bottom: dashed 0px #636363;
	width: 48%;
	margin:0 0 15px 0;
	padding:0;
	float: left;
}

.price{
	font: 16px/18px Tahoma;
	color: #2d6ebc;
	font-weight: bold;
}

.priceorange{
	font: 16px/18px Tahoma;
	color: #ff9000;
	font-weight: bold;
}

.bigblue a{
	width: 110px;
	border: solid 0px red;
	float: left;
	padding: 10px 25px 15px 17px;
	margin: 0 0px 0 0;
	background: url(../i/buttons/bigblue.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
}

.bigblue a:hover{
	background: url(../i/buttons/bigblue_on.gif) no-repeat;
	
}

.bluebox a{
	width: 62px;
	height:18px;
	float: left;
	background: url(../i/buttons/blueButton.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	margin-left:1px;
	padding-top:1px;
}

.bluebox a:hover{
	background: url(../i/buttons/blueButtonOn.gif) no-repeat;
	color: #636363;
}

.greenbox a{
	width: 54px;
	height:18px;
	float: left;
	background: url(../i/buttons/green.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	padding-top:1px;
}

.greenbox a:hover{
	background: url(../i/buttons/green_on.gif) no-repeat;
	color: #636363;
}

/* ******************  hoempage news styles  ************** */
#latestNews div {
	position:relative;
	height:100px;
	padding:0;
	margin:0;
}
#latestNews div img {
	position:absolute;
	top:0;
	left:0;	
	border:solid 1px #330066;
	margin:0 10px 0 0;
}
#latestNews div p {
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:140px;
}
#latestNews a {
	text-decoration:underline;
}


/* ******************  news article styles  ************** */
#newsArticle img {
	margin: 0 0 15px 15px;	
	border:solid 1px #330066;
}
#prev_next {
	float:right;
	padding:10px;
}


/* ******************  Form styles  ************** */
#form1 input, #form1 select, #form1 textarea {
	width:400px;
	border:1px solid #002F76;
	font: 11px/18px Tahoma, Verdana, Helvetica, sans-serif;
	padding:4px;
	background: #f3f3f3;
	color:#FFFFFF;
	font-weight:normal;
}
#form1 input.button {
	width:100px;
	background:#82b10c;
	font-weight:bold;
}
#form1 TD.req, #form1 strong.req {
	font-weight:bold;
	color:#F1790D;
	font-size:20pt;
	vertical-align:top;
	padding-top:10px;
}
#form1 input.tick {
	height:auto;
	width:auto;
	background-image:none;
}

.error ul li{
	list-style-image: none;
	font-weight: bold;
}
/***************** Contact Form Styles ********************/
.formElementError {
	padding:0 0 0 10px;
	color:red;
}

/* ******************  Limit Links styles  ************** */
.limitLinks{
	margin-bottom:0;
	float:right;
}
.arrowsPrevious_active {
	padding: 0 5px 0 0;
}
.arrowsPrevious_deactive {
	padding: 0 5px 0 0;
	color:#C6C7C8;
}
.arrowsNext_active {
	padding: 0 0 0 5px;
}
.arrowsNext_deactive {
	padding: 0 0 0 5px;
	color:#C6C7C8;
}
.linkName_active {
	
}
.linkName_deactive {
	color:#C6C7C8;
}
.linkSpacer {
	font-size:1px;
	width:10px;
}

/* rendererTable3 */
.rendererTable3 {
}
.rendererTable3 form input, .rendererTable3 form textarea, .rendererTable3 form select { 
	width:330px;
	text-align:left;
}

.rendererTable3 td {
	vertical-align:top;
	padding:2px;
}
.rendererTable3 td.formElementRequired {
	width:15px;
	/* JR: Using an image because its hard to get a large font to work cross-browser */
	background: url(../../frontend/i/icons/requiredStar.gif) 0 3px no-repeat;
}
.rendererTable3 td.formElementName {
	font-weight:bold;
	width:auto;
	padding:3px 10px 2px 0;
	white-space: nowrap;
}
.rendererTable3 td.formElement {
	width:330px;
}
.rendererTable3 td.formElementError {
	font-weight:bold;
	color:#D02323;
}
.rendererTable3 td.formElementElement {
	padding-bottom:10px;
}

/********************** Buy Now Forms *************************/
.buyNowBoxBg {
	background-image:url(../i/buynow/rangeGameBoxSm.jpg);
	background-repeat:no-repeat; 
	background-position:bottom right;
	height:490px;
}
.buyNowCoverBox {
	padding-left:55px;
	padding-top:15px;
	/*height:170px;*/
}
.buyNowGameFront {
	float:left;
	padding-right:10px;
}
.buyNowButton {
	background:url(../i/buynow/buyNowButtonBg.jpg) no-repeat;
	width:158px;
	height:48px;
	border:0;
}
.golfProsBox {
	width:420px;
}
.confirmCoverBox {
	height:180px;
	padding-left:55px;
	padding-top:18px;
}
.rangeGameCover {
	float:left;
	padding-right:10px;
}
.checkoutButtonBg {
	background:url(../i/buynow/checkoutButtonBg.jpg) no-repeat;
	width:226px;
	height:48px;
	border:0;
}
#datacontainer {
	float: right;
	width:250px; 
	padding: 0 17px 0 0;
}
table.datacontainer {
	float: right;	
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-collapse: collapse;
}

table.datacontainer th {
	border-width: 1px;
	padding:3px;
	border-style: inset;
	border-color: #ffffff;
	background-color: #2d6ebc;
	color: #ffffff;
	font-size: 10px;
	font-weight:normal;
}

table.datacontainer td {
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	border-style: inset;	
	background-color: none;
	text-align:center;
	font-size: 10px;
	font-weight:normal;
}

/********************** Pro Shop Styles *************************/
.golfShopPrice{
	color: #ff9000;
	font-weight: bold;
}

.productHolder {
	width:145px;
	text-align:center;
	float:left;
	background-color:#ffffff;
	padding:10px 12px 0 12px;
	display:inline;
}

.productImageHolder {
	height:120px;
}
.productLinkHolder {
	height:30px;
	padding-top:10px;
}
.productPriceHolder {
	height:50px;
	padding-top:10px;
}
#topRowProducts {
	padding:10px 10px 0 10px;
}
#productsMargin {
	margin:20px;
}
.productsBreak {
	width:700px;
	height:20px;
	float:right;
}