@import url(globalreset.css);
@import url(faq.css);

.hidden
{
  display:none;
}

.expanded
{
    display:block;
}
.image
{
padding:2px;
border:1px solid #CCC;
background-color:#FFF;
}

body 
{
    background-color: #49687C;
	color: #666666;
	text-align: center;
	font-family: arial, sans-serif, verdana;
	color: #666666;
	font-weight: normal;
	font-size: 80%;
}

body a
{
    text-decoration:none;
	color:#65B12B;
}

body a:hover{
text-decoration:underline;
}
p
{
    margin-bottom:7px;
margin-top:3px;
}

td
{
    vertical-align:top;
    margin-bottom:10px;
}

#container
{
	margin: 0 auto;
	width: 949px;
	text-align: left;
}

.clr
{
    clear:both;
}
    

#header
{
	
	background-image: url('/_images/skin/top-banner.gif');
	background-repeat: no-repeat;
	background-color:#8AC33E;
	height: 118px;
	width: 949px;
	padding-top: 0px;
	position:relative;
}

.header
{
    background-color:#f2f8ea;
}
#header_salestext
{
    position:absolute;
    right:225px;
    bottom:15px;
    color:#fff;
    font-weight:bold;
    font-size:110%;
}

#header_phonetext
{
    position:absolute;
    right:30px;
    bottom:7px;
    font-weight:bold;
    font-style:italic;
    font-size:180%;
    color:#FFF;
    overflow:none;
}

/************* HEADER COMPONENTS *************/
#search_box
{
	float: left;
	position:absolute;
	top:30px;
	left:270px;
	
}

#search_input
{
    position:absolute;
    top:20px;
    left:0px;
}

#search_text
{
    color:#FFF;
    font-weight:bold;
    font-size:110%;
    position:absolute;
    top:0px;
    left:0px;
    letter-spacing:0px;
    
}

#search_form
{
    position:relative;
    width:260px;
    height:100px;
}

#search_button
{
    position:absolute;
    right:30px;
    top:15px;
}

/**** NAVIGATION ******************/
#topnav_container
{
    position:absolute;
    top:5px;
    right:20px;
}

.topNav
{
    float:left;
    margin-right:10px;
}

.topNav a
{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    
}
.topNav a:hover
{
    text-decoration:underline;
}

/****** BASKET *******/
#basket
{
    position:absolute;
    right:20px;
    top:47px;
}

.basket_content
{
    color:#FFF;
    float:left;
    margin-right:18px;
    font-weight:bold;
    font-size:95%;
}

.basket_content a
{
    color:#FFF;
    text-decoration:none;
}

.basket_content a:hover
{
    text-decoration:underline;
}

#basket_line
{
    position:absolute;
    height:23px;
    width:1px;
    background-image:url('/_images/skin/header_line.gif');
    top:-3px;
    left:51px;
    display:block;
 }

/***** LEFT NAVIGATION *********/
#leftnav_top
{
    color:#6E6F5E;
    font-style:italic;
    font-weight:bold;
    font-size:150%;
   
}

#left_nav
{
    padding-left:25px;
    padding-top:10px;
    width:125px;
}

#left_col
{
    background-color:#FFF;

  
}



#nav{
    margin-left:20px;
    }
    
    #nav ul
    {
    margin:0;
    padding:0;
    list-style:none;
    width:125px;
    }
    
    #nav ul li
    {
    position:relative;
    min-height:1px; /* ie 7 fix */
    vertical-align:bottom; /* ie 7 fix */
    }
    
 
    
    /*#nav li ul {
	position: absolute;
	left: 124px;
	top: 0px;
	display: none;
	}*/
	
	#nav ul li a {
	display: block;
	text-decoration: none;
	color: #6E6F5E;
	background: #fff;
	padding: 5px;
	border-bottom: 0;
	}
	
    #nav li:hover ul, #nav li.over ul { 
	display: block;
    }
	#nav ul li a:hover,#nav ul li ul li a:hover { background: #E6FFBF; }


/*** Left Nav list ends ***/

/***** RIGHT NAVIGATION *********/
h2.rightnav
{
    margin-left:9px;
    font-style:italic;
}



/*************** Main content *****************/

#contentWrapper
{
	float: left;
	width: 949px;
	background-color: #FFFFFF;
	padding-top: 10px;
}

#left_col
{
	float: left;
	width: 150px;
}

#main_content
{
	float: left;
	width: 591px;
	margin-left: 20px;
}



#main_content a:hover
{
    text-decoration:underline;
}
.listcontainer
{
    margin-top:3px;
    width:591px;
    height:30px;    
  
    
}
#protext
{float:left;
}
.init
{
    float:right;
}

.init span a
{
    margin:0 5px 0 5px;
    color:#6E6F5E;
}

#bannerdiv
{
    width:591px;
    height:195px;
    
}

.recent_image
{
    height:40px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}


.recent_item
{
    float:left;
    width:135px;
    margin-right:10px;
 
}

.recent_text
{
    float:right;
    width:75px;
    overflow:hidden;
}

a.recent_link 
{
    color:#3b79a0;
    margin-bottom:10px;
    display:block;
}

.recent_price
{   font-size:100%;
    color:#88c13e;
}

.recent_vat
{   
    font-size:80%;
    color:#777;
}

/********* Internal Content holders ********/

.delBanner
{
	background-color: #fff;
	padding-bottom: 5px;
}

#home_content
{
	float: left;
	background-color: #FFF;
	width: 591px;
	margin-left: 23px;
}


#home
{
float: left;
	background-color: #FFF;
	width: 591px;
	}

#home_content_text,
#int_content_text
{
	width: 591px;
	background-color: #ffffff;
}

#search_content
{
    float:left;
    width:591px;
}

#int_content_text li{margin-bottom: 12px;}

/*********** cms product lists **********/

#cmsContent ul
{
	margin-left: 15px;
	padding-left: 0px;
}

#cmsContent ul li
{
	margin-bottom: 0px;
}

/*********** cms ends **************/

#right_col
{
	float: right;
	text-align: right;
	width: 171px;
}

/** right column **/
#standard_charge
{
    background:url('/_images/skin/right01.gif') no-repeat;
    width:170px;
    height:108px;
    position:relative;
    
}

#standard_charge_now
{
    position:absolute;
    color:#05396A;
    left:10px;
    top:40px;
    font-size:135%;
    font-weight:bold;
}
#standard_charge_price
{
    position:absolute;
    color:#05396A;
    left:90px;
    top:35px;
    font-size:200%;
    font-weight:bold;
}

#standard_charge_terms
{
    font-size:70%;
    position:absolute;
    left:10px;
    top:68px;
}
#standard_charge_excludes
{
    font-size:70%;
    position:absolute;
    left:10px;
    top:80px;
}
#gift_vouchers
{
    background:url('/_images/skin/right02.gif') no-repeat;
    width:170px;
    height:262px;
    position:relative; 
    cursor:pointer;   
}

#gift_subtext_1
{
    top:42px;
     cursor:pointer; 
   left:10px;
}

#gift_subtext_2
{
    
    top:80px;
    left:10px;
     cursor:pointer; 
}

#gift_subtext_2,#gift_subtext_1
{
    position:absolute;
    font-size:95%;
    text-align:left;
    width:155px;
    color: #666666;
    text-decoration:none;
     cursor:pointer; 
}

#gift_vouchers a, #newsletter a
{
text-decoration:none;
cursor:pointer;
}

#gift_vouchers_title,#standard_charge_delivery,#newsletter_title
{
    top:10px;
    left:10px;
    position:absolute;
    color:#FFF;
    font-style:italic;
    font-weight:bold;
    font-size:170%; 
}

#newsletter
{
    background:url('/_images/skin/right03.gif') no-repeat;
    width:170px;
    height:108px;
    position:relative;
}
#newsletter_subtext_1,#newsletter_subtext_2
{   color:#FFF;
    position:absolute;
    text-align:left;
    font-size:200%;
}
#newsletter_subtext_1
{
    
    left:10px;
    top:35px;
}

#newsletter_subtext_2
{
    left:70px;
    top:60px;
}

#newsletter_subtext_3
{
    position:absolute;
    left:10px;
    top:85px;
    color:#05396A;
    text-decoration:underline;
    font-weight:bold;
    font-size:95%;
}

/** right column ends **/

#clickpicks
{
	float: left;
	width: 589px;
	background-color: #F2F8EA;
	text-align: left;
	margin-top:20px;
	border:1px dashed #CCC;
	margin-bottom:10px;
}


#clickpicks h2
{
    color: #666666;
    font-size:150%; 
    font-weight:bold;
	margin-top:10px;
	margin-left:10px;
}

#clickpicks div
{
    width:250px;
    height:100%;
    margin:5px 0 5px 0;
    }
	
#clickpicks td
{padding:10px;
}
#dont_forgets
{
	float: left;
	width: 565px;
	margin-top:10px;
}
	
#feature_strip
{
	width: 591px;
	float: left;
    padding-bottom:10px;
	border-bottom: 2px #ddedc6 solid;
	margin-top:20px;
	text-align: center;
}




#ftr_strip1
{
	width: 949px; 
	float: left;
	margin-top:20px;

}

#ftr_contact
{
    margin-left:0px;
    height:50px;
    margin-top:20px;
    float: right;
    display: block;
    
}

#ftr_salestext
{
    font-weight:bold;
    font-size:110%;
    float: left;
    margin-top: 11px;
    margin-right: 10px;
}

#ftr_phonetext
{
    font-weight:bold;
    font-style:italic;
    font-size:250%;
    float: left;
    overflow: hidden;
}

#ftr_lines
{
    font-size:95%;
    color:#777;
    float: left;
}

#ftr_calls
{
    font-size:95%;
    color:#777;
    margin-left: 35px;
    margin-right: 40px;
    float: left;
}

#ftr_corners
{
    width:949px;
    height:12px;
    line-height:8px;
    display:block;
}
#ftr_leftcorner
{
    background: url('/_images/skin/cnr-left.gif') no-repeat left bottom;
  float:left;
    width:12px;
    height:12px;
    display:block;
      line-height:8px;
    
}
#ftr_rightcorner
{
    background: url('/_images/skin/cnr-right.gif') no-repeat right bottom;
    float:right;
    width:12px;
    height:12px;
    line-height:8px;
}

#ftr_links
{
    margin-top:5px;
}

#ftr_links a
{
    color:#FFF;
    text-decoration:none;
    margin:5px;
}

#ftr_links a:hover
{
    text-decoration:underline;
}
#basketPageContent
{
	float: left;
	width: 580px;
	background-color: #F2F8EA;
	padding: 5px;
	border: 1px dashed #CCC;

}

#basketPageTop
{
	float: left;
	height:16px;
	width: 565px;

}

#basketPageBottom
{
	float: left;
	background-repeat: no-repeat;
	height:14px;
	width: 565px;

}

.highlight
{
	background-color: #ffffff;
	width: 550px;
	border: 1px #ccc solid;
	padding:10px;
	margin:10px 0 10px 0;
}
.grey
{
	color: #9f9f9f;
	font-weight:bold;
	font-size:85%;
}

#checkoutMainText
{
	padding: 10px;
}

#basketPageContent a{color: #8CC63F; text-decoration: none;}
#basketPageContent a:hover{color: #F06B10; text-decoration: underline;}



/****************** Lists ****************/

ol.clickpicks
{
	margin-right: 10px;
	
}


ul.ftr
{
	list-style-type: none;
	margin-top: 0px;
}

ul.ftr li
{
	display: inline;
}

ul.ftr a
{
	text-decoration: none;
	font-size: 85%;
	color: #666666;
}

ul.ftr a:hover
{
	text-decoration: underline;
}

ul.error 
{
	margin-top: 10px;
}



/****************** Forms *******************/

.inputMedium,
.inputSmall
{
	border: 1px solid #ccc;
	margin-bottom: 2px;
	width: 170px;
}
.inputSmall
{
	width: 100px;
	border: 1px solid #ccc;
}
label
{
	float: left;
	width: 100px;
}

select.inputMedium
{
	width: 172px;
	border: 1px solid #ccc;
}

.searchForm
{
	margin-bottom: 0px;
}

input.search
{
	width: 180px;
	height: 14px;
	margin-top: 2px;
}

input.basket
{
	border: 1px #777 solid;
	width: 105px;
	margin: 11px 15px 0 0px;
}

input.voucher
{
	border: 2px #6D90A3 solid;
	width: 205px;
	margin: 0 0 0 0px;
}

.optionsForm
{
	margin-top: 0;
	margin-bottom: 0px;
}

.qtyForm
{
	margin-bottom: -3px;
}

input.qty
{
	border: 2px #6D90A3 solid;
	width: 40px;
}

.billingForm
{
	float: left;
	margin-bottom: 10px;
}

.billingForm label
{
	float: left;
	width: 100px;
	margin: 5px 0 0 0;
	color: #8CC63F;
}

.billingForm input
{
	width: 200px;
	margin: 0 0 3px 0;
	border: 1px #6D90A3 solid;
}

input.checkbox
{
	width: 20px;
	border: 0;
	margin: 3px 0 0 30px;
}

input.checkboxes
{
	width: 20px;
	border: 0;
	margin: 0 0 0 30px;
}

form.addtobasket
{
	float: right;
	width: 110px;
	margin-right: 15px !important;
	margin-right: 0px;
}

input.basketQty, input.basketQtySearch
{
	margin-bottom: 0px !important; margin-bottom: -10px;
	width: 50px;
	width: 100px;
	border: 2px #7FC31C solid;
}

input.basketQtySearch
{
    margin-bottom: 10px;
}

label.label2
{
	margin-bottom: 0px !important;margin-bottom: -10px;
	width: 30px;
}


/************* Text, Links and Images *******************/

h1{font-size: 150%;}

h3{font-size: 120%; color: #FF6600; margin-top:10px; margin-bottom:2px;}
h4{font-size: 120%; color: #FF6600;}
h5{font-size: 100%; color: #FF6600;} /*/ used on terms/conditions page */


h1.home{color: #008000; text-align: center;margin: 0px 0 10px 0;}

h2
{
    font-weight:normal;    
    margin-bottom:10px;
    display:block;
    font-size:150%
}
    
hr.home
{
	border: 1px #6E91A4 solid;
	margin: 10px 0 10px 0;
}

.breadcrumb
{
	color:#65B12B;  
    margin-top:4px;
    margin-left:0px;
    float:left;
	font-family:Arial,sans-serif;
	font-size:12px;

}	

.breadcrumb_container
{
display:block; 
height:100%; 
margin-bottom:10px;
}

.terms_text
{
	font-size: 85%;
	font-weight: normal;
}

.terms_indent
{
	margin-left: 30px;
}

.center
{
	text-align: center;
}



.floatLeft
{
	float: left;
}

.floatRightHome
{
	float: right;
	width: 180px;
}

.description
{
	font-size: 80%;
	width: 150px;
	float: left;
}

#right_col div.creditcards
{
    float: right;
    width: 150px;
    height: 262px;
    background: url(/_images/rightcol/bg-creditcards.gif) no-repeat top left;
    padding: 10px;
    text-align: center;
}


/****************** Basket Page Table ********************/

table.product
{
	width: 570px;
	border: 1px dashed #CCC;
	padding:10px;
	margin:5px;
}

table.product th
{
   padding:10px;
	text-align: center;
	background-color: #F2F8EA;
	height: 20px;
	color: #777;
	font-size:100%;
	font-weight:bold;
}

table.product th.two
{
	text-align: left;
	padding-left: 5px;
}
td.two
{
background-color:#FFF;
padding:10px;
}

table.product td.one
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:10px;
	text-align:center;
	vertical-align:bottom;
	background-color:#FFF;
}

table.product td.three
{
	text-align: right;
	background-color:#FFF;
	padding:10px;
}

.chooseyourcheckout
{
    float: left;
    width: 160px;
    background: #fff;
    padding: 5px;
    border: 1px #ccc solid;
    text-align: center;
}

input#csSubmit{display: block; margin: 0 auto;}


/* MISC */

.inputText
{
	width: 80px;
	border: 1px #CCC solid;
	margin-top: 4px;
}


.index_lightgreen
{
    background-color:#f2f8ea;
    display:block;
  border:1px dashed #CCC;
  margin-bottom:10px;
}
.index_white
{
    background-color:#FFF;
    display:block;
	border:1px dashed #CCC;
	 margin-bottom:10px;

}

.index_product_top
{
    
    margin-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    height:100%;
}

.index_product_greentext
{
    color:#65B12B;  
    margin-right:3px;
    float:left;
	font-family:Arial,sans-serif;
	font-size:12px;
	


}

.index_product_bottom
{
   margin-left:12px;
   margin-top:5px;
   padding-bottom:10px;
   display:block;
}

.index_product_image
{ 
     width: 140px;
     margin:10px;
}
.index_product_text
{
    width: 441px;
}

.index_product_top h2
{float:left;
    font-size:12px;
    margin-bottom:5px;
	font-weight:bold;
}

#section_nav
{
    background-color:#ECEBE6;
}

#section_nav a
{
 color:#444;
 font-size:80%;
 margin-left:10px;
 display:block;
 margin-top:3px;   
}

#section_nav a:hover
{
text-decoration:underline;  
}

#frmSignUp
{background-color:#F2F8EA;
border:1px dashed #CCC;
padding:10px;
}

#frmSignUp ul
{
    list-style-type:square;
    list-style-position:inside;
    font-size:85%;
}
#frmSignUp li
{
    margin:3px;
}

.input_button, .input_button_hover{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#777777;
filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEFF5E8');

}

.related_image
{
    width:60px;
    float:left;
    margin-right:10px;
}

.related_item
{
    float:left;
    width:185px;
    margin-right:10px;
    margin-top:10px;
 
}

.related_link
{
    display:block;
}

.green_underline {
border-bottom-color:#DDEDC6;
border-bottom-style:solid;
border-bottom-width:2px;
display:block;
float:left;
font-size:150%;
width:100%;
color:#65B12B;
}

.icons
{
    margin-top:40px;
}
.icons img
{
    border: 1px solid #CCC;
}

.promo
{
color:#FF6600;
font-weight:bold;
}

/******************** Sitemap ***************************/

#int_content_text .sitemapHold ul{margin: 5px 0 5px 0px;float: left;width: 240px;}
#int_content_text .sitemapHold ul li{margin: 0; padding: 0;float: left;width: 240px;}
#int_content_text .sitemapHold ul li a{float: left; border: solid 1px #ddd; padding: 3px;margin-top: 2px;width: 240px;background: #eee;}
#int_content_text .sitemapHold ul li a:hover{background: #65B12B; color: #fff;}
#int_content_text .sitemapHold h3{border-bottom: solid 1px #ddd;padding-bottom: 5px;margin-bottom: 5px;}
#int_content_text .sitemapHold h4{color: #333;font-size: 100%;}

#athletics-rightcol
{
    background-image: url('/_images/skin/athletics-promo.gif');
    width:170px;
    height:108px;
    display:block;
}

#nonuk table.product td.two{width: 50%;}
#nonuk label{width:100px;}
#nonuk input.inputMedium {width:130px;}

.vatBanner{margin-bottom: 10px;}