/* Wavefinder - Master CSS Document */

@import url("section.css");


html, body, h1, h2, h3, h4, h5, h6, p, blockquote, cite, ol, ul, li, span, fieldset, form, label, img, div { margin:0; padding:0; border:0; }

body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; padding-bottom:30px; overflow-x:hidden; }


#container { width:980px; position:relative; margin:0 auto; padding-top:25px; }

.skip-to-links { display:none; }



/*TOP
--------------------------------------------------------------------------*/
#top { width:980px; height:113px; background:url(../images/bg-top.png) 0 0 no-repeat; position:relative; }

.logo { display:block; width:269px; padding:79px 0 0 0; overflow:hidden; height:0 !important; height /**/:79px; position:absolute; top:0; left:53px; background:url(../images/logo.png) 0 0 no-repeat; z-index:10; }

.slogan { display:block; width:297px; padding:19px 0 0 0; overflow:hidden; height:0 !important; height /**/:19px; position:absolute; top:31px; left:347px; background:url(../images/slogan.gif) 0 0 no-repeat; }

.basket { position:absolute; top:32px; right:20px; }
	.basket ul { float:left; width:105px; list-style:none; }
	.basket li { color:#231f20; font-size:1.3em; padding-top:1px; float:left; clear:both; width:105px; }
	.basket li em { padding-left:3px; font-style:normal; }
	.basket li a { color:#FFF; background:#ed174f; text-decoration:none; display:block; padding:1px 3px; }
	.basket li a:hover { background:#231f20; }
		.basket p { float:left; width:105px; font-size:1.3em; text-align:center; }
		.basket p a { display:block; color:#231f20; text-decoration:none; background:url(../images/cart.gif) center 17px no-repeat; padding-bottom:38px; }



/*PRIMARY NAVI
--------------------------------------------------------------------------*/
#primary-navi { width:940px; height:30px; position:absolute; top:62px; left:20px; }
	#primary-navi li { font-size:1.8em; list-style:none; display:inline; }
	#primary-navi li a { color:#FFF; text-align:center; float:left; height:25px; padding-top:5px; text-decoration:none; }
		
		.navi-home { width:80px; padding-left:10px; }
		.navi-surf { width:68px; }
		.navi-snow { width:79px; }
		.navi-bike { width:70px; }
		.navi-blog { width:71px; }
		.navi-contact { width:96px; }
		.navi-offers { width:105px; position:absolute; top:0; left:835px; }



/*SECONDARY NAVI
--------------------------------------------------------------------------*/
#secondary-navi { position:absolute; top:5px; left:0; }
	#secondary-navi li { font-size:13px; color:#696a6d; list-style:none; float:left; clear:both; width:200px; }
	#secondary-navi li li { width:173px; }
	#secondary-navi li h4 { font-size:1.1em; color:#FFF; padding:3px 0 3px 27px; cursor:pointer }
	
	#secondary-navi .navi-area { padding:3px 0 3px 27px; }
	#secondary-navi .navi-guides { font-weight:bold; background:url(../images/navi-guides.gif) 0 center no-repeat; padding:3px 0 3px 27px; }
	#secondary-navi .navi-guides a {padding:2px 0 2px 0px; background:none }
	
	#secondary-navi li a { color:#696a6d; text-decoration:none; padding:2px 0 2px 37px; background-position:0 -18px; background-repeat:no-repeat; float:left; clear:both; width:163px; }
	#secondary-navi li a.active { background-position:0 0; color:#FFF; }

	#secondary-navi ul.indent {list-style:none}
	#secondary-navi ul.indent li a {background:none}

	#navi-surf li a { background-image:url(../images/active-surf.gif); }
	#navi-snow li a { background-image:url(../images/active-snow.gif); }
	#navi-bike li a { background-image:url(../images/active-bike.gif); }



/*TERTIARY NAVI
--------------------------------------------------------------------------*/
#tertiary-navi { position:absolute; top:6px; right:20px; list-style:none; }
	#tertiary-navi li { font-size:1em; float:left; margin-right:6px; padding-right:7px; background:url(../images/tertiary-divide.gif) right 2px no-repeat; }
	#tertiary-navi li a { color:#FFF; text-decoration:none; }
	#tertiary-navi li a:hover { text-decoration:underline; }
		#tertiary-navi .last { padding-right:0; margin-right:0; background:none; }



/*WRAPPER
--------------------------------------------------------------------------*/
#wrapper { width:940px; background:#FFF; position:relative; margin-top:28px; padding:7px 20px 0 20px; }
	.wrapper-top { position:absolute; top:-13px; left:0; }
	.wrapper-bottom { position:absolute; bottom:-13px; left:0; }
	
	#content { float:right; clear:right; width:750px; }



/*OVERVIEW PAGE
--------------------------------------------------------------------------*/
.overview { width:550px; float:left; background:url(../images/bg-overview.gif) 0 0 repeat-y; }
	.overview ul { list-style:none; }
	.overview li { padding:0 0 40px 30px; font-size:1.4em; color:#636466; width:150px; float:left; }
	.overview li img { padding-bottom:3px; }
	
	.overview li a { padding:5px 0 5px 27px; color:#ed174f; font-weight:bold; text-decoration:none; background:url(../images/tick.png) 0 0 no-repeat; display:block; margin-top:4px;}
	.overview li a.no_image { padding:5px 0 5px 0px; color:#ed174f; font-weight:bold; text-decoration:none; background:none; display:block; margin-top:4px; }
	.overview li a.no_style {padding:0px 0px 3px 0px; background:none}
	.overview li a:hover { color:#636466; }

	.overview-top { height:284px; margin-bottom:16px; position:relative; }
		.overview-top img { position:absolute; top:44px; left:60px; }
			.overview-top div { position:absolute; top:43px; left:215px; width:220px; }
			.overview-top div h2 a { font-size:2.2em; color:#FFF; padding:0 36px 0 0; }
			.overview-top div p { font-size:1.4em; color:#FFF; padding:6px 0 16px 0; }
	
	.overview-top a { padding:5px 0 5px 27px; font-size:1.4em; color:#FFF; font-weight:bold; text-decoration:none; background:url(../images/tick.png) 0 0 no-repeat; display:block; }
	.overview-top a.no_image { padding:5px 0 5px 0px; font-size:1.4em; color:#FFF; font-weight:bold; text-decoration:none; background:none; display:block; }
	.overview-top a:hover { color:#ed174f; }

	.overview-top-tab { display:block; width:41px; padding:190px 0 0 0; overflow:hidden; height:0 !important; height /**/:190px; position:absolute; top:45px; left:0; }
	.overview-top-tab a {padding:0px 0 0px 0px; position:absolute; top:0px; }
	
	.details {display:block; height:50px}

/*GUIDE PAGE
--------------------------------------------------------------------------*/
.guide-detail { width:224px; float:left; }
	.guide-detail h3 { font-size:1.4em; color:#6d6e71; padding-bottom:16px; margin-bottom:8px; }
		.one-star { background:url(../images/star-1.gif) 0 bottom no-repeat; }
		.two-star { background:url(../images/star-2.gif) 0 bottom no-repeat; }
		.three-star { background:url(../images/star-3.gif) 0 bottom no-repeat; }
		.four-star { background:url(../images/star-4.gif) 0 bottom no-repeat; }
		.five-star { background:url(../images/star-5.gif) 0 bottom no-repeat; }
	
	.guide-detail ul { list-style:none; padding-top:7px; }
		.guide-detail li { float:left; width:66px; padding:0 7px 3px 0;}
			.view-slideshow { float:left; display:block; width:59px; padding:35px 0 0 0; overflow:hidden; height:0 !important; height /**/:35px; background:url(../images/view-slideshow.gif) 0 0 no-repeat; }

.guide-info { width:514px; padding:0 0 40px 12px; float:right; background:url(../images/dotty.gif) 0 0 repeat-y; }
	.guide-info h1 { font-size:2.2em; color:#ed174f; }
	.guide-info h2 { font-size:1.3em; color:#231f20; padding:0.2em 0; }
		.guide-info h2.interested-in { width:100%; float:left; clear:both; padding:12px 0; margin-top:8px; background:url(../images/dotty2.gif) 0 0 repeat-x; }
	.guide-info p { font-size:1.3em; color:#696a6d; padding-bottom:1em; }
	.guide-info p strong { font-size:1em; color:#ed174f;}
		.guide-info blockquote { padding-bottom:1em; }
		.guide-info blockquote p { padding-bottom:0; }
		.guide-info blockquote cite { font-size:1em; color:#696a6d; font-style:normal; }

	.guide-info ul { list-style:none; width:100%; float:left; clear:both; }
		.guide-info ul li { float:left; font-size:1.4em; padding:0 0 12px 0; }
		.guide-info ul li strong.tick { padding-right:20px; background:url(../images/tick2.gif) right center no-repeat; }
		
		.guide-info ul li em { font-size:0.8em; font-style:normal; font-weight:normal; }
		.guide-info ul li a { padding:5px 0 5px 27px; color:#ed174f; font-weight:bold; text-decoration:none; display:block; margin-right:12px; }
		.guide-info ul li a:hover { color:#231f20; }
			 .share { background:url(../images/share.gif) 0 0 no-repeat; }
			 .email-friend { background:url(../images/email.gif) 0 0 no-repeat; }
			 .add-to-basket { background:url(../images/tick.png) 0 0 no-repeat; }
			 .guide-info ul li a.in-stock { background:url(../images/in-stock.gif) right 0 no-repeat #ee174f; padding-right:12px; padding-left:12px; color:#FFF; }


	.guide-info ol { list-style:none; padding-top:1em; }
		.guide-info ol li { float:left; width:170px; font-size:1.4em; }
		.guide-info ol li strong { float:left; width:90px; padding:24px 12px 0 8px; }
		.guide-info ol li a { color:#231f20; text-decoration:none; }
		.guide-info ol li a:hover { color:#ed174f; }
		.guide-info ol li img { float:left; }



/*TEXT PAGE
--------------------------------------------------------------------------*/
.text-col { width:538px; padding:0 12px 20px 0; float:left; background:url(../images/dotty.gif) right 0 repeat-y; }
	.text-col h2 { font-size:2em; color:#ed174f; padding:14px 0 0.2em 0px; }
	.text-col p  { font-size:1.4em; color:#696a6d; padding:0 12px 1em 0px; }
	.text-col td {font-size:13px; padding-left:0px; color:#696a6d; font-family:Arial, Helvetica, sans-serif;}
	.text-col ul { list-style:none; padding:0 12px 1em 0px; }
	.text-col li { font-size:1.3em; color:#696a6d; }
		.text-col p a { color:#ed174f; text-decoration:none; }
		.text-col p a:hover { text-decoration:underline; }
	
	.text-col .title { position:relative; width:526px; height:274px; }
		.text-col .title h1 { display:block; width:41px; padding:190px 0 0 0; overflow:hidden; height:0 !important; height /**/:190px; position:absolute; top:40px; left:0; z-index:10; }
		
		.title-about-us { background:url(../images/tab-about-us.png) 0 0 no-repeat; }


.text-col-full { width:724px; background:none }
.text-col-full h2 { font-size:2em; color:#ed174f; padding:14px 0 0.2em 0px; }
.text-col-full p {padding-left:0px}



/*BLOG
--------------------------------------------------------------------------*/
.blog-col { width:588px; padding:0 12px 20px 60px; float:left; background:url(../images/dotty.gif) right 0 repeat-y; }
	
	.blog-post { width:510px; position:relative; padding:0 0 30px 0; float:left; clear:both; }
		.blog-post h1 { font-size:2.2em; color:#ed174f; padding:4px 0 0.6em 5px; }
		.blog-post p { font-size:1.4em; color:#696a6d; padding:0 12px 1em 5px; }
		.blog-post img { margin-bottom:24px; width:500px; }
		.blog-post h2 { position:absolute; top:0; left:-100px; width:77px; height:78px; text-align:center; font-size:1.9em; color:#FFF; font-weight:normal; padding-top:24px; }
			.blog-post h2 strong { font-weight:normal; font-size:1.9em; display:block; }
	
	.main-categories { list-style:none; width:100%; float:left; clear:both; padding:0 0 12px 5px; font-weight:bold; }
		.main-categories li { font-size:2.6em; float:left; padding-right:20px; }
		.main-categories li a { text-decoration:none; }
		.main-categories li a:hover { text-decoration:underline; }
	
	.blog-footer { width:208px; float:left; padding:0 0 12px 12px; background:url(../images/dotty.gif) 0 0 repeat-y; }
	.blog-footer-categories { width:128px; }
		.blog-footer h3 { font-size:1.6em; color:#ed174f; padding:0 0 0.6em 0; }
			.blog-footer ul { list-style:none; }
			.blog-footer li { font-size:1.2em; padding:0 0 0.2em 0; }
			.blog-footer li a { text-decoration:none; color:#696a6d; }
			.blog-footer li a:hover { text-decoration:underline; }
	
	.blog-accessibility { list-style:none; padding:0 10px 16px 10px; float:left; }
		.blog-accessibility li { float:left; font-size:1.4em; padding:0 6px 0 2px; }
		.blog-accessibility li a { padding:5px 0 5px 0; color:#ed174f; font-weight:bold; text-decoration:none; display:block; }
		.blog-accessibility li a:hover { color:#231f20; }
			 .blog-accessibility li a.share { background:url(../images/share.gif) 0 0 no-repeat; padding-left:27px; }



/*HOME PAGE
--------------------------------------------------------------------------*/
.home-top { position:absolute; top:7px; left:20px; }

.home-banner { width:930px; height:284px; position:relative; margin:0 5px 188px 5px; background:url(../image-content/home.jpg) 0 0 no-repeat; }

.home-pods { width:300px; height:211px; position:absolute; top:234px; background:url(../images/home-pods.png) 0 0 no-repeat; }
	.home-pods img { position:absolute; top:99px; left:200px; z-index:10; }
		.home-pods-surf { left:-5px; }
		.home-pods-snow { left:315px; }
		.home-pods-bike { left:635px; }
	
	.home-pods h3 { display:block; width:41px; height:190px; position:absolute; top:9px; left:0; z-index:10; }
	.home-pods h3 a.image img {position:absolute; top:0px; left:0px; }
	
/*		//.home-pods-surf h3 { background:url(../images/tab-surf.png) 0 0 no-repeat; }
		.home-pods-snow h3 { background:url(../images/tab-snow.png) 0 0 no-repeat; }
		.home-pods-bike h3 { background:url(../images/tab-bike.png) 0 0 no-repeat; }
*/			
	.home-pods h4 { font-size:1.8em; color:#696a6d; padding:0.6em 24px 0.2em 61px; }
	.home-pods h4  a {color:#696a6d; text-decoration:none}
	.home-pods p { font-size:1.1em; color:#696a6d; padding:0 24px 0 62px; }
	
.home-pods a.link { padding:5px 0 5px 27px; font-size:1.4em; color:#ed174f; font-weight:bold; text-decoration:none; background:url(../images/tick.png) 0 0 no-repeat; display:block; position:absolute; top:155px; left:61px; width:150px; z-index:10; }
	.home-pods a:hover { color:#231f20; }

/*RIGHT COL
--------------------------------------------------------------------------*/
.right-col { width:186px; padding:0 0 10px 12px; float:left; background:url(../images/bg-right.gif) right 0 no-repeat; }

	.right-col h3 { font-size:1.8em; color:#696a6d; padding:11px 0 0 22px; background:url(../images/cta-h3.gif) 0 10px no-repeat; width:186px; float:left; clear:both; }
	.right-col p { font-size:1.2em; color:#696a6d; background:url(../images/dotty-right.gif) 0 bottom repeat-x; padding:0 0 14px 22px; width:146px; float:left; clear:both; }
	.right-col p a { color:#696a6d; text-decoration:none}
	.right-col p a:hover {text-decoration:underline}
	
	.right-col ul { list-style:none; padding:4px 0 24px 18px; width:232px; float:left; clear:both; }
		.right-col ul li { font-size:1.2em; padding:7px 0 4px 0; background:url(../images/dotty1.gif) 0 bottom repeat-x; }
		.right-col ul li a {color:#696a6d; text-decoration:none; }
		.right-col ul li a:hover {text-decoration:underline}
	
	
	.right-col ul.small { list-style:none; padding:4px 0 24px 18px; width:160px; float:left; clear:both; }

	
	
	
	.right-col ol { list-style:none; padding-top:80px; width:168px; float:left; clear:both; }
		.right-col ol li { font-size:1.2em; padding-bottom:3px; }
		.right-col ol li a { color:#696a6d; text-decoration:none; padding:13px 0 0 46px; height:27px; display:block; }
		.right-col ol li a:hover { text-decoration:underline; }
			.icon-twitter { background:url(../images/twitter.gif) 0 center no-repeat; }
			.icon-facebook { background:url(../images/facebook.gif) 0 center no-repeat; }



/*FOOTER
--------------------------------------------------------------------------*/
.footer { width:940px; float:left; clear:both; background:url(../images/footer.gif) 0 bottom no-repeat; padding:32px 0 16px 0; }
	.footer ul { width:130px; padding-left:10px; float:left; list-style:none; }
	.footer li { font-size:1em; color:#231f20; }
	.footer li h5 { font-size:1em; color:#ed174f; }
	.footer li a { color:#231f20; text-decoration:none; }
	.footer li a:hover { text-decoration:underline; }
		.footer-location { padding-left:5px; }
	
	.footer-wrapper { background:url(../images/footer-divide.gif) 0 0 repeat-y; margin-left:20px; }
	
	.copyright { font-size:1em; color:#8a8c8e; padding-top:10px; float:left; }
	
	.footer-links { float:right; padding-top:10px; list-style:none; }
		.footer-links li { font-size:1em; float:left; margin-right:6px; padding-right:7px; background:url(../images/footer-links-divide.gif) right 2px no-repeat; }
		.footer-links li a { color:#8a8c8e; text-decoration:none; }
		.footer-links li a:hover { text-decoration:underline; }
			.footer-links .last { padding-right:0; margin-right:0; background:none; }



table.products tr td {border-bottom:1px solid #CCC}
table.cart tr td {font-size:12px;}
table.cart tr.top_row td {border-bottom:1px solid #CCC; background-color:#E6E6E6; font-size:14px}
table.cart tr.products td {border-bottom:1px solid #E4E4E4; }


	
	.cart_item {width:715px; height:116px; background-color:#FFFFFF; position:relative; margin:10px 0px; border:1px solid #CED0D1}
	.cart_item img.product {position:absolute; top:12px; left:12px}
	.cart_item strong.name {position:absolute; left:100px; top:12px; width:235px; font-size:12px; color:#4a423a}
	.cart_item strong.description {position:absolute; left:100px; top:32px; width:235px; font-size:12px; color:#4a423a; font-weight:normal}
	.cart_item_bottom {margin:0px 0px; padding:0px 0px; position:absolute; left:144px; bottom:9px; width:230px}
	.cart_item_bottom img {padding:0px 7px 0px 0px; float:left}
	.cart_item_bottom strong {font-size:12px; font-weight:normal;padding-top:2px;  display:block; float:left}
	
	.cart_item form {display:inline; margin:0px 0px; padding:0px 0px; position:absolute; bottom:9px; left:376px; width:338px}
	.cart_item form label {font-size:12px; color:#676767}
	.cart_item form input.qty {text-align:center; padding:1px 1px; border:1px solid #676767; width:30px; margin:0px 10px}
	.cart_item form input.update {position:absolute; right:0px; top:4px}
	.cart_item form input.delete {position:absolute; right:0px; top:-75px}
	.cart_item form a.gift_wrap {position:absolute; right:0px; top:-54px}
	.cart_item span.price {font-size:12px; color:#ed174f;}
	
	.cart_item_total {float:right; width:340px; margin-bottom:12px; position:relative; font-size:12px; color:#4a423a}
	.cart_item_total img {position:absolute; right:33px; z-index:1}
	.cart_item_total em {width:108px; font-style:normal; color:#676767; display:block; float:left; margin-left:-8px;}
	.cart_item_total .price {font-size:12px; color:#ed174f; display:block; width:100px; float:left; margin-top:-5px; }

	.cart_item_final_total {border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; width:715px; height:50px; position:relative}
	.cart_item_final_total form {position:absolute; top:16px; left:376px; width:338px}
	.cart_item_final_total em {width:108px; font-style:normal; display:block; float:left; font-size:14px; color:#676767; font-weight:bold}
	.cart_item_final_total form .price {font-size:20px; color:#ed174f; font-weight:bold; display:block; width:100px; float:left; margin-top:-5px;}
	.cart_item_final_total form input.order {position:absolute; right:0px; top:-5px}
	.cart_item_final_total a.continue {font-size:12px; color:#ed174f; font-weight:bold; position:absolute; left:0px; top:16px}
	.cart_item_final_total a.discount {font-size:12px; color:#ed174f; font-weight:bold; position:absolute; left:120px; top:16px}

	.cart_item_final_payment {border-top:1px solid #cacaca; width:715px;  position:relative; padding-top:20px}
	.cart_item_final_payment em {font-style:normal; display:block; float:left; font-size:14px;  font-weight:bold;}
	.cart_item_final_payment .price {font-size:30px; color:#ed174f; font-weight:bold; display:block; width:100px;  margin-top:-5px; margin:10px 0px 20px 0px}
	.cart_item_final_payment .order_total {float:right; width:332px; margin-right:10px} 

	.cart_item_final_items {float:left; width:332px}
	.cart_item_final_items p {margin:0px 0px; padding:5px 0px}
	
	.address_col {width:342px; float:left; margin-right:20px}
	.address_col h2 {font-size:14px; color:#ed174f; font-weight:bold; margin-bottom:10px}
	.address_col p {padding:0px 0px}	
	
	.form_row {margin-bottom:8px; padding-bottom:8px}
	.form_row label {display:block; width:100px; float:left; font-size:12px; color:#4a423a}
	.form_row label.longer {width:150px}
	.form_row input.text {float:left; width:234px}
	.form_row select.text {float:left; width:234px}
	
.content_error {margin:10px 0px; padding:10px 10px; border:2px solid #ed174f; background:#E9E9E9}
.content_error p {font-size:14px; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px}
.content_error ul {margin:0px 0px 0px 0px; padding-left: 20px; list-style:circle; }
.content_error ul li {font-size:14px; color:#ed174f}
.content_error a {text-decoration: underline; color: #067d50;}

p.red {color:#ed174f}

/*CLEAR FIX
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }


.collapse {
  margin-bottom:0;
  overflow:hidden;
}

.footer-ie6-fix {
  min-height: 575px;
}