/* 
Activity Bags

Created By  Rob W
www.boost-creative.co.uk
--------------------------------------------------------


=Structure

	Generic
	Frame
	Header
	Content
	Footer
	Misc
	

=Generic
--------------------------------------------------------
*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:20px 0px;
	background:#FFFFFF ;
	color: #333333;
}

p {	line-height: 1.7em;}
p, li {	font-size:1.1em; }
a { color:#4DA7DC;  text-decoration:none; }
a:hover {color: #8ECAEE;}

img {	border:0; }

.last {
	background:none!important;
	border:none!important;
}

h2, h3, p{ margin-left:10px; margin-right:20px;}

/*
=Frame
--------------------------------------------------------
*/

#frame {
	width:913px;
	margin:0px auto;
	padding:0px 0px;
	background:url(../images/layout/frame_background.png) repeat-y;
}

/*
=Header
--------------------------------------------------------
*/


#frame #header {
	background:url(../images/layout/header.jpg) no-repeat;
	height:244px;
	position:relative;
	width:913px;
	padding-top:1px;
}

#frame #header h1 {	margin:36px 0px 0px 3px;	padding:0px;}

#frame #header h1 a{
	display:block;
	width:300px;
	height:58px;
	background: url(../images/logo.jpg) no-repeat ;
	text-indent:-5000px;
	overflow:hidden;
}



#header ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:33px;
	right:18px;
}

#header ul li{
	float:left;
	display:inline-block;
	margin:0px;
}

#header ul li a {
	display:block;
	font-size:1.2em;
	color: #999999;
	padding: 8px 10px;
	font-family:Verdana, Helvetica, sans-serif;
	background#FFF;
	text-transform:lowercase;
}

#header ul li a#home {
	background:#52afe6; 
	color:#FFF;
	padding:8px 15px;
}

#frame #header ul li #home:hover { background-color: #8ECAEE;}

#frame #header ul li a:hover, #frame #header ul li#current_area a { background:#4da7dc; color:#FFF;}


#header_image { position:absolute; top:24px; right:40px; }

#frame #header .controls {
	display: block;
	background-image:url(../images/layout/controls_background.png);
	background-repeat:no-repeat;
	color:#C1C2C6;
	bottom:-2px;
	font-size:1.1em;
	padding:0px 0px 0px 29px;
	position:absolute;
}

#frame #header .controls:hover { color:#4da7dc;} 


#frame #header #home_button {	left:2px;	background-position: -193px -30px;}

#frame #header #basket_button {	left:155px;	background-position: 0px -30px;}

#frame #header #account_button {	left:58px;	background-position: -94px -30px;}
#frame #header #home_button:hover {	background-position: -193px 0px;}
#frame #header #basket_button:hover { 	background-position: 0px 0px; }
#frame #header #account_button:hover { 	background-position: -94px 0px;}

/*
=Basket
--------------------------------------------------------
*/

#frame #basket {
	background:url(../images/layout/cart_background.png) no-repeat;
	height:70px;
	margin:20px 0px 20px 5px;
	width:894px;
	position:relative;
}

#frame #basket p{
	width:209px;
	text-transform:uppercase;
	font-size:1.0em;
	position:absolute;
	top:14px;
	right:120px;
	padding:0px;
	color:#636466;
	margin:0px;	text-align:right;
}

#frame #basket p span { background:#FFF; padding:1px 3px 1px 2px; border:1px solid #DADADA; }
#frame #basket p strong{
	display:block;
	padding-top:4px;
	margin-top:5px;
	border-top:1px solid #FFF;
}

#frame #basket a {
	display:block;
	position:absolute;
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
	right:14px;
	top:30px;
	text-transform:uppercase;	
}

#frame #basket a:hover {	color:#4DA7DC;}

/*
=Content
--------------------------------------------------------
*/

#frame #content {
	margin:5px auto;
	width:880px;
	position:relative;
}

#frame #content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*html #frame #content{
	display: inline-block; 
	width: 100%;
}

* html #frame #content{
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}


#frame #content h2{
	font-size:2.0em;
	font-weight:normal;
	text-transform:lowercase;
	color:#008ed3;
	margin:0px 10px;
}

#frame #content h2 span{  	font-weight:normal; font-size:0.8em; }
#homepage-welcome {font-size:1.15em;  color: #666666;}
.home-text { font-family:Verdana, Arial, Helvetica, sans-serif; }
#frame #content h3{
	font-size:2.0em;
	color:#008ed3;
	margin:10px;
}

#frame #content h3 span{
	color:#9c9ea0;
	font-weight:normal;
}

#frame #content h2.category {
	height:70px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:-75px;
	left:10px;
}

#frame #content h2.manufacturers_title {
	position:absolute;
	top:-65px;
	left:30px;	margin:0px;
	padding:0px;	text-transform:none;
	color:#666666;
	font-size:2.0em;
}

#frame #content table { font-size:1.1em;  margin:10px; padding:5px; border:1px solid #E4E4E4;}
#frame #content table table { margin:0px;  border:none; }


#frame #content #manufacturer_dropdown {
	width:156px;
	position:absolute;
	left:340px;
	top:-80px;
	height:23px;
	border:none;
	padding:3px 7px 3px 4px;
	background: url(../images/layout/drop_down.png) no-repeat;
	font-size:10px;
}


#frame #content #price_dropdown {
	width:156px;
	position:absolute;
	left:340px;
	top:-50px;
	border:none;	height:23px;
	padding:3px 7px 3px 4px;
	background: url(../images/layout/drop_down.png) no-repeat;
	font-size:10px;
}

/* Info Box -------------------------------------------------------- */

#frame #content .info_box {
	margin:20px 10px 20px 0px;
	padding-top:10px;
	border-top:3px solid #F3F3F3;
	
}
#frame #content .info_box a {
	color:#666666;
	font-size:1.1em;
}

#frame #content .info_box a:hover {
	color:#008ed3;
}
/* Secondary Nav Styles -- */
#secondary {
	list-style:none;
	margin:0px;
	padding:10px 0px 5px 10px;	
	width:870px;
	border:1px solid #d7d8d9;
	margin:20px 0px;
	clear:both; height:183px;
}
#secondary li { float:left;}
#secondary a{
	width:108px;
	height:183px;
	display:block;
	background:url(../images/layout/secondary-links.jpg) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
}

#secondary a:hover{ opacity:0.7;}


#secondary #photography-secondary { background-position: -109px 0px; }
#secondary #diving-secondary { background-position: -218px 0px; }
#secondary #fishing-secondary { background-position: -326px 0px; }
#secondary #beach { background-position: -435px 0px; }
#secondary #watersports-secondary { background-position: -545px 0px; }
#secondary #sailing-secondary  { background-position: -653px 0px; }
#secondary #general-secondary { background-position: -760px 0px; 	width:110px; }

/* Advert Styles -------------------------------------------------------- */

 #content .advert {
	width:880px;
	border:1px solid #d7d8d9;
	margin:20px 0px;
	clear:both;
}

#content .advert img{
	display:block;
	margin:1px auto;
}


#content #home_page_advert {
	width:340px;
	border-right:65px solid #a4bfd3;
	float:right;
	display:inline;
	margin-left:30px;
	margin-bottom:20px;
	clear:left;
}

 #content #home_page_advert a{
	display:block;
	border-left:8px solid #d7d8d9;
	border-right:8px solid #d7d8d9;
	margin-right:5px;
}

 #content #home_page_advert a img{	display:block; }

#content #home_page_advert a span{
	display:block;
	text-align:right;
	color: #666666 ;
	font-size:1.1em;
	position:relative;
	margin:3px 9px 0px;
	padding:5px;
}

#content #home_page_advert a span strong { color:#FFF; font-size:13px; position:absolute;  right:-74px; bottom:10px;}

#content #home_page_advert a:hover  span{  color:#008ed3;}


/* --- Advert -  Latest --- */
#latest { position:relative; height:200px;  z-index:100;  }
#content #latest h2{
	width:329px;
	height:61px;
	margin:0px;
	text-indent:-9000px;
	background:url(../images/layout/latest-products-background.png) no-repeat;
	top:-9px;
	left:-8px;
	overflow:hidden;
	position:absolute; z-index:110;
}

#content #latest ul{
	margin:0px;
	list-style:none;
	width:auto;
	padding:0px;
}

#content #latest li { width:280px; float:left; margin:30px 0px 10px 0px; padding:0px 0px 0px 5px; } 
#latest a  { display:block; text-align:right;   font-size:11px;  color:#646567;}
#latest  span{ display:block; font-weight:bold; color:#0085ca; font-size:12px;  font-family:Verdana, Arial, Helvetica, sans-serif;}
#latest  strong { display:block; font-size:13px; color:#646567; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#latest li  em { font-style:normal; font-size:30px; color:#fcc200; display:block; font-weight:bold;}
#latest li  em span { display:inline;font-size:12px;  color:#646567;}
#latest a:hover strong { color:#45a6d9; }
#content #latest img {  display:inline; }


#content #latest #product_one { margin-top:18px; }
#content #latest #product_one span { padding-top:55px;}
#content #latest #product_one img {float:right; margin:0px 0px 0px 2px;}

#content #latest #product_two { margin:10px 0px 0px 20px; width:268px;  z-index:101; position:relative;   }
#latest #product_two  a { padding: 0px 70px 0px 5px;  }
#latest #product_two  em{ text-align:left;  position:absolute; right:-60px; top:0px; padding: 15px 0px 0px 5px; border-left:1px solid #c4c5c6; width:110px;}
#content #latest #product_two  img { margin-top:15px; }

#content #latest #product_three { margin-top:60px; margin-left:-20px; position:relative; }
#content #latest #product_three img {float:right; margin:0px 0px 0px 0px; position:absolute; bottom:-41px; right:-30px;}

#content #latest #product_three a { padding-right:130px; }

/* 
Forms-------------------------------------------------------- */

#content form label input, #content form label textarea,  #content form label select {
	display:block;
	margin:5px 0px 0px;
	background:#FFF;
	border: 1px solid  #D6D6D6;
	width:450px;
	padding:8px 5px 5px;
	font-size:1em;
	line-height:17px;
}

#content form#create p{ margin-left:20px; }
#content form#create h3 {
	margin:40px 10px 30px;
	padding-bottom:9px;
	border-bottom:3px solid #D1D1D1;
}


/* 
Homepage -------------------------------------------------------- */


/* Popular */

#frame #content #most_popular {
	border:2px solid #d7d8d9;
	margin:20px 0px;
	width:420px;
	padding:2px 10px;
}

#frame #content #most_popular ol{
	color:#008ed3;
	font-size:1.3em;
	font-weight:bold;
	padding:0px;
	margin:15px 5px 15px 75px;
}

#frame #content #most_popular ol li{	margin-bottom:20px;}

#frame #content #most_popular ol li a{
	color:#808184;
	word-spacing:1px;
	font-weight:normal;
	 position:relative;
}
#frame #content #most_popular ol li a img{ width:40px;  position:absolute; left:-70px; top:-5px; border:1px solid #E2E2E2; }

#frame #content #most_popular ol li a:hover{ color:#008ed3;}

#frame #content #most_popular ol li a span{	font-size:0.8em;	padding:0px 5px; }

/* Reviews */

#frame #content #reviews {
	border:1px dashed #d7d8d9;
	width:870px;
	clear:both;
	padding-left:10px
}

/* 
Product Listing -------------------------------------------------------- */

.product_listing {
	width:280px;
	border:2px solid #d7d8d9;
	margin:20px 4px 20px 4px;
	float:left;
	position:relative;
}

#frame #content .product_listing h3{
	background:#4DA7DC;
	margin:5px;
}

.product_listing h3 a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:0.7em;
	padding:8px 6px 8px 4px;
	color:#FFF;
	min-height:35px;
}

#frame #content .product_listing img {
	display:block;
	margin:5px auto 10px;
}

#frame #content .product_listing  p {
	margin:10px 15px 5px;
	padding:0px;
	height:80px;
	font-size:0.9em;
	color: #666666
}

#frame #content .product_listing  p .manufacturer_name {
	position:absolute;
	right:10px;
	bottom:38px;
	font-size:1.2em;
}

#frame #content .product_listing form  { margin:0px; }
#frame #content .product_listing form p {
	margin:5px;
	height:30px;
}

#frame #content .product_listing form p strong {
	display:block;
	height:23px;
	float:right;
	font-weight:normal;
	background:#4DA7DC;
	text-align:center;
	width:80px;
	color:#FFF;
	font-size:1.5em;
	padding:7px 0px 0px;
}



/* 
Product Details-------------------------------------------------------- */

#product_details {
	padding-top:20px;
	padding-left:10px;
	margin-top:20px;
	border-top: 2px solid #F7F8F8;		
	color:#666666;
}

#frame #content  #product_details h2{
	font-size:2.9em;
	letter-spacing:-1px;
	margin-bottom:0px;
	text-transform:none;
}

#frame #content  #product_details h2 strong {
	font-size:0.8em;
}

#frame #content  #product_details h2 span{
	display:block;
	margin:4px 0px 20px;	
	letter-spacing:0px;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

#image_holder  {
	text-align:center;
	margin:10px 0px 10px 50px;
	display:inline;
	float:right;
}

#image_holder img  { 	
	border:1px solid #d7d8d9; 
	display:block; 
	padding:1px 10px;
	
}

#image_holder p{ 
	margin:10px auto 0px;
	padding:0px;
}

/* 
Login /Account-------------------------------------------------------- */

#new_customer, #login {
	width:350px;
	padding:10px 20px;
	float:left;
	margin:20px;
}

#content  form #new_customer h3 , #content  form #login h3{ margin-left:0px; }

#content  form #new_customer p , #content  form #login  p{ margin-left:0px; }

#new_customer {	margin-right:10px;}

#login {
	border-left:3px solid #E8E8E8;
	padding-left:40px;
}

#new_customer {	margin-left:10px;}

#new_customer span, #login span { 
	display:block; 
	font-size:0.7em; 
	margin:3px 0px 15px;
	border-bottom:1px solid #E8E8E8;
	padding-bottom:5px;
}

#content  form #login label input {	width:340px; }

/* 
Basket Page -------------------------------------------------------- */


#frame #content .productListing {
	margin:20px 5px;
	width:870px;
}

#content .productListing  td{ padding:10px;}

#content .productListing  table td{	padding:5px;}

#content table .heading {
	font-size:1.1em;
	background:#d7d8d9;
	color:#666666;
	padding:10px 5px;
}

#content .productListing a { font-size:1.1em; }
#content .productListing img { border:1px solid #E9E9E9; }
#content .productListing td {	font-size:1.2em;}

content .productListing  .productListing-even{	background:#F4F4F4;}

#content .productListing  .productListing-odd{	background-color: #FBFBFB;}

#address {
	width:250px;
	float:right;
}

/*
=Footer
--------------------------------------------------------
*/


#frame #footer {
	background:url(../images/layout/footer.png) no-repeat bottom;
	height:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:913px;
	position:relative;

}

#frame #footer ul{
	list-style:none;
	margin:0px;
	padding:5px 0px 5px 0px;
	background:#FFF;
	border:2px solid #dddedf;
	position:absolute;
	top:50px;
	left:200px;
}


#frame #footer ul li{
	float:left;
	padding:5px 8px 5px 8px;
	background:url(../images/layout/footer_background.png) no-repeat right;
}

#frame #footer ul li a{
	display:block;
	font-size:0.9em;
	color:#636466;
}

#frame #footer ul li a:hover{	color:#4DA7DC;}

.error, .error-text {
	color:#FF0000;
	font-size:11px;
}