﻿/* base styles that are common to all formats i.e. print and screen */
* { margin: 0; padding: 0; border: 0 }
html,body { background-color:#ffffff; margin:0 auto 0 auto; padding:0px; width:100%; font-size:100.01%; }
body { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px !important; color:#797979; }

h1 { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:20px; line-height:20px; color:#4d4d4d; }
h2 { font-size:1.6em; color:#f25e32; margin:0 0 10px 0; }
h3 { font-size:1.4em; color:#f25e32; margin:0 0 10px 0; }
h4 { font-size:1.25em; color:#f25e32; margin:0 0 10px 0; }
h5 { font-size:1.2em; color:#f25e32; margin:0 0 10px 0; }
h6 { font-size:1.1em; color:#f25e32; margin:0 0 10px 0; }

.accessibility, hr { display:none; }
a { color:#38797b; text-decoration:none; }
a:hover { color:#fc800e; text-decoration:underline; }

.clear { clear:both; font-size:0; line-height:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	/* Hides from IE-mac */
	* html .clearfix { height:1%; }
	.clearfix { display:block; }


/************ TEMPLATE *************/
/* container */
#container { position:relative; width:100%; }

/* content */
#content { width:100%; padding:0 0 0 0; margin:0 0 0 0; }
#content .content-inner { width:993px; position:relative; margin:0 auto;  }

/************ INTERNAL PAGES *************/
.page { background-color:#fff; }
.page .content-inner { padding:0 0 30px 0; position:relative; z-index:20; }
.page .content-panoramic-bg { z-index:10; position:absolute; left:0; margin:0; width:100%; height:570px; background-position:top center !important; }
.page .main-pane { z-index:10; margin:0 0 0 0; width:993px; float:left; min-height:300px; height:auto !important; }
.page .main-pane .content-summary { position:relative; width:990px; padding:0px; margin:0 0 0 0; font-size:1em; color:#797979; }
.page .main-pane .content-body { clear:both; padding:0 0; }
.content-summary a {color: #38797b; text-decoration: underline}
.content-summary a:hover, .content-summary a:focus {text-decoration: none}

.header { display:block; height:78px; float:right; width:990px; }
	.header-left { float:left; width:226px; }
		#logo-top { display:block; float:left; width:224px; height:79px; margin:0 0 0 0; }
	.header-right { display:block; float:right; width:764px; text-align:right; }
		.top-nav-cart { display:block; float:right; padding:0 0 0 0; background:url(header/cart_bg.png) no-repeat; height:79px; width:289px; }
			.cart-items { float:left; padding:12px 0 0 125px; font-size:11px; text-align:left; color:#9f9f9f; width:91px; }
			.cart-button { float:left; padding:0 0 0 0; }
		.phonenumber { float:left; width:470px; padding:34px 0 0 0; }
		
	.top-bar { display:block; float:left; width:990px; height:39px; margin-left:0; }
		.top-bar-nav { list-style:none; float:left; margin:0 0 0 0; padding:0 0 0 0; width:990px; }
			.top-bar-nav li { float:left; display:block; padding:0 0 0 0; margin:0 0 0 0; }
			.top-bar-nav li.home a { display:block; width:133px; height:39px; background:url(header/mosquitonets_on.jpg) no-repeat; }
			.top-bar-nav li.home a:hover { display:block; width:133px; height:39px; background:url(header/mosquitonets_on.jpg) no-repeat; }
			.top-bar-nav li.product a { display:block; width:103px; height:39px; background:url(header/product_off.jpg) no-repeat; }
			.top-bar-nav li.product a:hover { display:block; width:103px; height:39px; background:url(header/product_on.jpg) no-repeat; }
			.top-bar-nav li.delivery a { display:block; width:139px; height:39px; background:url(header/delivery_off.jpg) no-repeat; }
			.top-bar-nav li.delivery a:hover { display:block; width:139px; height:39px; background:url(header/delivery_on.jpg) no-repeat; }
			.top-bar-nav li.gallery a { display:block; width:68px; height:39px; background:url(header/gallery_off.jpg) no-repeat; }
			.top-bar-nav li.gallery a:hover { display:block; width:68px; height:39px; background:url(header/gallery_on.jpg) no-repeat; }
			.top-bar-nav li.payment a { display:block; width:45px; height:39px; background:url(header/payment_off.jpg) no-repeat; padding:0 32px 0 0; }
			.top-bar-nav li.payment a:hover { display:block; width:45px; height:39px; background:url(header/payment_on.jpg) no-repeat; padding:0 32px 0 0; }
			.top-bar-nav li.specialoffers a { display:block; width:91px; height:39px; background:url(header/specialoffers_off.jpg) no-repeat; }
			.top-bar-nav li.specialoffers a:hover { display:block; width:91px; height:39px; background:url(header/specialoffers_off.jpg) no-repeat; }
			.top-bar-nav li.kidsteens a { display:block; width:91px; height:39px; background:url(header/kidscanopies_off.png) no-repeat; }
			.top-bar-nav li.kidsteens a:hover { display:block; width:91px; height:39px; background:url(header/kidscanopies_off.png) no-repeat; }
			.top-bar-nav li.resortstyle a { display:block; width:107px; height:39px; background:url(header/resortstyle_off.png) no-repeat; }
			.top-bar-nav li.resortstyle a:hover { display:block; width:107px; height:39px; background:url(header/resortstyle_off.png) no-repeat; }
			.top-bar-nav li.deluxebox a { display:block; width:83px; height:39px; background:url(header/deluxebox_off.png) no-repeat; }
			.top-bar-nav li.deluxebox a:hover { display:block; width:83px; height:39px; background:url(header/deluxebox_off.png) no-repeat; }
			.top-bar-nav li.classiccotton a { display:block; width:98px; height:39px; background:url(header/classiccotton_off.png) no-repeat; }
			.top-bar-nav li.classiccotton a:hover { display:block; width:98px; height:39px; background:url(header/classiccotton_off.png) no-repeat; }
			.top-bar-nav li a span { display:none; }
	.top-image { display:block; float:left; width:990px; height:253px; margin-left:0; }
		.top-image-categories { float:left; width:145px; padding:5px 0 0 2px; }
			.top-image-categories-off { background:url(layout/category_off.png) no-repeat; width:143px; height:26px; color:#475e6c; font-size:11px; padding:12px 0 0 10px; }
			.top-image-categories-on { background:url(layout/category_on.png) no-repeat; width:143px; height:26px; color:#475e6c; font-size:11px; padding:12px 0 0 10px; }
			
		.top-image-image { float:left; }
		.top-image-imagecontent { float:left; width:500px; }
		.top-image-tag { float:left; padding:5px 0 0 4px; }
			.top-image-tag-desc { width:329px; height:132px; background-color:#ecf1f4; padding:20px 25px 0 20px; color:#7a7a7c; text-align:justify; }
			
	.content { display:block; float:left; width:990px; text-align:left; height:auto !important; padding:0 0 0 0; background-color:#ffffff; }
		.content-heading { }
		.content-body { }
		
		.cat-products-shell { display:block; float:left; width:983px; padding:5px 0 5px 2px; }
		
	#footer { display:block; float:left; width:990px; background:url(layout/footer_bg.png); height:451px; }
		.footer-toptext { padding:12px 32px 0 27px; font-size:11px; height:153px; }
			.toptext-left { width:456px; float:left; }
			.toptext-right { width:436px; float:right; }
		.footer_nav { display:block; float:left; width:990px; height:39px; margin-left:0; padding:24px 0 0 27px; }
			.footer-bar-nav { list-style:none; float:left; margin:0 0 0 0; padding:0 0 0 0; width:990px; }
			.footer-bar-nav a { color:#69676c; font-weight:bold; }
				.footer-bar-nav li { float:left; display:block; padding:0 0 0 0; margin:0 0 0 0; }
					.footer-bar-nav li.product-foot a { display:block; width:135px; }
					.footer-bar-nav li.cutekids-foot a { display:block; width:210px; }
					.footer-bar-nav li.resortstyle-foot a { display:block; width:208px; }
					.footer-bar-nav li.deluxebox-foot a { display:block; width:204px; }
					.footer-bar-nav li.classiccotton-foot a { display:block; width:202px; }
		.footer-links { font-size:11px; }
			.footer-links-nav { width:135px; float:left; padding:0 0 0 27px; margin:-8px 0 0 0; }
			.footer-links-nav4 { width:205px; float:left; }
			.footer-links-nav5 { width:209px; float:left; }
			.footer-links-nav6 { width:204px; float:left; }
			.footer-links-nav7 { width:200px; float:left; }
				.footer-social { padding:80px 0 0 150px; }
			.footer-catlinks { padding:8px 0 0 4px; }	
			.footer-catlinks2 { padding:0 0 0 4px; }
	#footer_copy { display:block; float:left; width:990px; height:20px; background-color:#fff; }
		.footer-copy { text-align:center; font-size:11px; color:#3c797c; padding:12px 0 10px 0; }