@charset "utf-8";
body {
	color:#252525;
	font-family:"trebuchet ms", "lucida grande", arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
label {
	display:block;
	margin:7px 0 4px;
	}
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 {
	font-size:22px;
	margin:0;
	}
h3 {
	font-size:17px;
	margin:5px 0 10px;
	}
p {
	line-height:20px;
	margin:10px 0;
	}
form { margin:0; padding:0; }

.no-top { padding-top:0; margin-top:0; }
.no-bot { padding-bottom:0; margin-bottom:0; }
.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; }
.error { color:#FF3300; }
.confirm { color:#fff88e; }

a:link, a:visited, a:active {
	color:#7bc143;
	text-decoration:none;
	}
a:hover {
	color:#eee;
	}

/*
* LAYOUT STYLES
*=================================================================*/
#super-wrapper {
	margin:0 auto;
	position:relative;
	width:800px;
	z-index:100;
	}
#wrapper {
	margin:0 auto;
	position:relative;
	width:560px;
	}
#flash-blog {
	position:absolute;
	top:0;
	right:0;
	float:right;
	z-index:1;
	}
#header {
	border:0px;
	margin:70px 0px 10px;
	}
#footer {
	clear:both;
	font-size:10px;
	font-weight:bold;
	margin:10px 0;
	width:560px;
	}
.banner-main, #photo_panel {
	border:1px solid #ddd;
	height:260px;
	width:560px;
	}
#photo_panel { background-color:#fff; }
.banner-sub {
	background-color:#33FF00;
	height:220px;
	margin:10px 0;
	width:560px;
	}
	
/*
* PAGE ELEMENT STYLES
*=================================================================*/

.white-top {
	background:transparent url(../images/bg-white.png) top center no-repeat;
	color:#FFF;
	padding:15px 15px 2px;
	}
.white-bot {
	background:transparent url(../images/bg-white.png) bottom center no-repeat;
	color:#FFF;
	margin:0 0 10px;
	padding:2px 15px 2px;
	}
.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:#7bc143;
	display:inline;
	font-family:"trebuchet ms", "lucida grande", arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	}
.static-text2 {
	background:none;
	border:0;
	color:#7bc143;
	display:inline;
	font-family:"trebuchet ms", "lucida grande", arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding:7px 0;
	}
	
.selected_product_thumb {
	float:left;
	background-color:#004759;
	padding:10px 3px 10px 0;
	}
.product_thumb {
	float:left;
	padding:10px 3px 10px 0;
	}
.selected_color_block {
	float:left;
	background-color:#004759;
	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;
	}
.faq-q {
	background-color:#004759;
	cursor:pointer;
	margin:0 0 5px;
	padding:7px;
	}
.faq-q span {
	float:right;
	}
.faq-a, .order-details {
	padding:2px 5px 5px;
	}
.order-details p { margin:0; }
	
INPUT.required, TEXTAREA.required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
	width:90%;
	}
TEXTAREA.required {
	height:100px;
	}



.cell { background-color:#004759; margin:1px; }
.cell-alt { background-color:#3e5359; 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%;
	}
#grand_total {
	color:#7bc143;
	font-size:28px;
	margin:0 25px 0 0;
	padidng:0 0 15px;
	text-align:center;
	width:100%;
	}
#cart_buttons {
	padding:10px 0;
	}
	
.step {
	line-height:20px;
	margin:5px 0;
	padding-left:40px;
	}
.step .title {
	color:#bbb;
	display:block;
	font-size:15px;
	}
#step1 { background:transparent url(../images/step1.gif) 5px 7px no-repeat; }
#step2 { background:transparent url(../images/step2.gif) 5px 7px  no-repeat; }
#step3 { background:transparent url(../images/step3.gif) 5px 7px  no-repeat; }
#step4 { background:transparent url(../images/step4.gif) 5px 7px  no-repeat; }
#step5 { background:transparent url(../images/step5.gif) 5px 7px  no-repeat; }
	

	
/*
* IMAGE REPLACEMENT STYLES
*=================================================================*/
.css-img {
	display:block;
	text-indent:-2000em;
	text-decoration:none;
	z-index:1000;
	}
H1 a {
	background:transparent url(../images/twin-yoga.png) 0 0 no-repeat;
	height:50px;
	margin:0;
	padding:0;
	width:174px;
	}
#design-filter a {
	background:transparent url(../images/btn-matsblocks.png) 0 0 no-repeat;
	height:50px;
	margin:15px 0 5px;
	width:560px;
	}


div.slider {
	width: 150px;
	height: 16px;
	background: #eee;
}

div.advanced {
	width: 150px;
	margin: 5px 0;
	background:transparent url(../images/slider.gif) 0 center repeat-x;
}
div.advanced div.knob {
	background:transparent url(../images/knob.gif) center center no-repeat;;
	cursor: pointer;
	height:16px;
	width:16px;
}
.counter {
	border:0;
	background:none;
	color:#fff;
	float:right;
	font-size:18px;
	padding:1px 10px;
	width:25px
}

#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; }