@charset "utf-8";
html { overflow:auto; height:100%; }
html, body { margin:0; padding:0; }
body { background-color:#fff; color:#252525; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:300;  min-height:100%; }

img { border:0; }
div span { line-height:17px; }
hr { border:0px; border-top:1px solid #fff; clear:both; height:1px; margin:5px 0 0; padding:0; }

h1 { float:left; margin:17px 0 0; padding:0; }	
h2 { color:#444; font-size:26px; margin:0; font-weight:300; }
h3 { color:#444; font-size:19px; margin:5px 0 0px; font-weight:300; }
p { line-height:20px; margin:10px 0; white-space:normal; }

form { margin:0; padding:0; }
fieldset { border:0; }
label { display:block; margin:12px 0 4px; }
label.error { background-color:#e4587d; color:#fff; margin:1px; padding:3px 6px; display:inline-block; }
INPUT.required, TEXTAREA.required, INPUT.req { border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:14px; padding:5px; width:90%; }
TEXTAREA.required { height:100px; }

.clear { clear:both; height:0; margin:0; padding:0; }
.left { float:left; }
.right { float:right; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.italic { font-style:italic; }

p.error { color:#e4587d; -moz-border-radius:6px; border-radius:6px; padding:10px; }
label.error, p.error { background-color:#e4587d; color:#fff; display:block;  }
label.error { width:90%; }
.confirm { background-color:#22a5a8; -moz-border-radius:6px; border-radius:6px; color:#fff; padding:10px; }

a:link, a:visited, a:active { color:#384DA0; text-decoration:none; outline:none; }
a:hover { color:#C62761; }
	

.wrapper { margin:0 auto; width:800px; }

.green { color:#22a5a8; }
.blue { color:#384DA0; }
.pink { color:#e4587d; }


/*
* LAYOUT STYLES
*=================================================================*/
#super-wrapper { clear:both; margin:0 auto; padding:120px 0 0; position:relative; z-index:100; overflow:hidden; width:100%; min-height:100%; }
#wrapper { margin:0 auto; position:relative; width:562px; min-height:100%; }

#header { background: rgb(238,238,238); background: rgba(238,238,238,.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee)"; border-top:2px #f78ea9 solid; border-bottom:1px solid #d3d3d3; height:36px; overflow:visible; margin:0px; padding:10px 0; min-width:760px; }
	#nav { float:right; list-style:none; min-height:20px; margin:0 10px 0 0; padding:0px; width:415px; }
	#nav li { float:left; margin:0px 12px 0; padding:0px; font-size:16px; }
	#nav li span { display:block;font-size:11px; white-space:nowrap; }
	#cart-preview { background:#f78ea9 url(../images/bg-carti.png) center top repeat-x; color:#fff; font-size:16px; float:right; margin-top:-10px; padding:10px; z-index:400; position:relative; }
		#cart-preview a:link, #cart-preview a:visited, #cart-preview a:active { color:#fff; } #cart-preview a:hover { color:#eee; }
#footer { background-color:#eee;  border:1px solid #d3d3d3; clear:both; font-size:11px; margin:10px 0; overflow:auto; padding:15px; width:530px; }
	#footer p { margin:0; padding:0; }

.banner-main, #photo_panel { border:1px solid #ddd; height:260px; width:560px; }
#photo_panel { background-color:#fff; overflow:hidden; margin-bottom:10px; }
.banner-sub { background-color:#33FF00; height:220px; margin:10px 0; width:560px; }


#view-cart { display:block; width:370px; position:absolute; z-index:1000; }
#cart-handle { background: rgb(238,238,238); background: rgba(238,238,238,.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee)"; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; cursor:pointer; padding:5px; width:28px; float:left; position:relative; top:54px; }
	#cart-handle #cart-counter { background:url(../images/cart.png) center bottom no-repeat; height:47px; color:#e3587d; text-align:center; }
#cart-contents { background: rgb(238,238,238); background: rgba(238,238,238,.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee)"; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; float:right; min-height:250px; padding:15px; width:302px; }


   
 /* Z-index of #mask must lower than #boxes .window */  
 #mask {  
   position:absolute;  
   z-index:500;  
   background-color:#000;  
   display:none;  
 }  
     
 #boxes .window {  
   position:absolute;  
   width:440px;  
   display:none;  
   z-index:600;  
   padding:20px;  
 }  
   
   
 /* Customize your modal window here, you can add background image too */  
 #boxes #newsletter {  }  


/*
* PAGE ELEMENT STYLES
*=================================================================*/

.boxed { background: rgb(238,238,238); background: rgba(238,238,238,.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2eeeeee, endColorstr=#f2eeeeee)"; border:1px solid #d3d3d3; padding:15px; margin:10px auto; width:530px; }

.faq-q { background-color:#ddd; cursor:pointer; margin:0 0 5px; padding:7px; }
.faq-q span { float:right; }
.faq-a, .order-details { padding:2px 5px 5px; }

.quote-top {
	background:transparent url(../images/bg-quote.png) top center no-repeat;
	color:#fff;
	padding:25px 15px 2px;
	}	
	
.quote-bot {
	background:transparent url(../images/bg-quote.png) bottom center no-repeat;
	color:#fff;
	margin:0 0 10px;
	padding:2px 15px 2px;
	}
.quote-bot p {
	margin:0px 0 10px;
	}
.topquote-top {
	background:transparent url(../images/bg-topquote.png) top center no-repeat;
	color:#fff;
	padding:25px 15px 2px;
	}
.topquote-bot {
	background:transparent url(../images/bg-topquote.png) bottom center no-repeat;
	color:#fff;
	margin:0 0 10px;
	padding:2px 15px 15px;
	}
.topquote-bot p {
	margin:0px 0 10px;
	}
	
	
.design-thumb {
	float:left;
	margin:0 13px 0 0;
	padding:10px 0 0;
	}
.design-thumb-end {
	float:left;
	margin:0;
	padding:10px 0 0;
	}
	
.tab-on .title, .tab-off .title {
	text-align:center;
	}

.active-on { color:#fff; }
.white { color:#fff; }

.tab-on .title a:link, .tab-on .title a:visited, .tab-on .title a:active {
	color:#fff;
	text-decoration:none;
	}
.tab-on .title a:hover {
	color:#fff;
	text-decoration:underline;
	}
.tab-on .plusminus, .tab-off .plusminus {
	float:right;
	margin:0 15px;
	}
.content {
	padding:15px;
	text-align:center;
	width:100px;
	}
#selection_panel {
	background:transparent url(../images/arrow-active-bgl.png) top left no-repeat;
	clear:both;
	display:block;
	margin:10px 0 0;
	height:50px;
	}
#selection_panel .tab {
	color:#888;
	float:right;
	font-size:16px;
	font-weight:bold;
	padding:17px 5px 20px 5px;
	position:relative;
	margin-left:-25px;
	height:35px;
	text-align:center;
	width:18%;
	}
#selection_panel .active { background:transparent url(../images/arrow-active.png) top right no-repeat; }
#selection_panel .active-on { background:transparent url(../images/arrow-active-on.png) top right no-repeat; }
#selection_panel .active-on a:link, #selection_panel .active-on a:visited, #selection_panel .active-on a:active, .active-on a:hover {
	color:#fff;
	}
#selection_panel .inactive { background:transparent url(../images/arrow-inactive.png) top right no-repeat; }
.selection-text {
	float:left;
	width:300px;
	}
	
.static-text { background:none; border:0; color:#e4587d; display:inline; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, helvetica, sans-serif; font-size:20px; }
.static-text2 {
	background:none;
	border:0;
	color:#22a6a9;
	display:inline;
	font-size:14px;
	padding:7px 0;
	}
	
.selected_product_thumb { float:left; background-color:#ddd; padding:10px 3px 10px 0; }
.product_thumb { float:left; padding:10px 3px 10px 0; }
	.product_thumb span, .selected_product_thumb span { display:block; margin-top:5px; }
.selected_color_block { float:left; background-color:#ddd; padding:8px; }
.color_block { float:left; padding:8px; }
	
#submit {
	margin:18px 0 0;
	}
#wizard-nav {
	font-size:14px;
	padding:0 0 5px;
	}
.order-line {
	cursor:pointer;
	font-size:14px;
	margin:0 0 5px;
	padding:7px;
	}

.order-details p { margin:0; }
	




.cell { background-color:#dddddd; margin:1px; }
.cell-alt { background-color:#cccccc; margin:1px; }
.header {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	margin:1px;
	}

.big-price {
	clear:both;
	font-size:18px;
	margin:0 25px 15px 0;
	padding:10px 0 0;
	text-align:right;
	width:100%;
	}
	.big-price span { color:#e4587d;  }
#grand_total { color:#e4587d; font-size:28px; margin:0 25px 0 0; padidng:0 0 15px; text-align:center; width:100%; }
#cart_buttons {
	padding:10px 0;
	text-align:center;
	}
	
.step {
	line-height:20px;
	margin:10px 0;
	padding-left:40px;
	}
.step .title {
	color:#e4587d;
	display:block;
	font-size:15px;
	margin-top:4px;
	}
#step1 { background:transparent url(../images/step1.gif) 0 -2px no-repeat; }
#step2 { background:transparent url(../images/step2.gif) 0 -2px  no-repeat; }
#step3 { background:transparent url(../images/step3.gif) 0 -2px  no-repeat; }
#step4 { background:transparent url(../images/step4.gif) 0 -2px  no-repeat; }
#step5 { background:transparent url(../images/step5.gif) 0 -2px no-repeat; }
	

	
/*
* IMAGE REPLACEMENT STYLES
*=================================================================*/
.img { display:block; text-indent:-2000em; text-decoration:none; z-index:1000; }

#logo { background:transparent url(../images/focus-fits.png) 0 0 no-repeat; float:left;  height:32px; margin:2px 0 0; padding:0; width:260px; }
	
	
#design-filter a {
	background:transparent url(../images/btn-matsblocks.png) 0 0 no-repeat;
	height:50px;
	margin:15px 0 5px;
	width:562px;
	}


div.slider { width: 150px; background: #fff; }
.counter { border:0; background:#22a5a8; color:#fff; float:right; font-size:18px; margin:-8px 0 0; padding:1px 10px; width:25px; text-align:center; }

#top_content {
	position: absolute; 
	top: 0px; 
	left: -5980px; 
	width:590; 
	z-index: -1;
	overflow:hidden;
}

.pic {
	background-color:#fff;
	border:1px solid #999;
	float:left;
	padding:5px;
	margin:0 15px 15px 0;
	width:240px;
	}

.testimonial { padding:10px 0; }
.testimonial .pic {
	background-color:#fff;
	border:1px solid #999;
	float:left;
	padding:5px;
	margin:0 25px 0 0;
	width:175px;
	}
.testimonial .quote {
	float:left;
	width:300px;
	}
.testimonial .quote P { margin:0 0 15px; }