@charset "utf-8";
/* CSS Document */

body {background-color:#0d0d0d; font:12px Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#ffa706;}
a:hover {text-decoration:underline;}


/*id*/
#header {width:960px; height:87px; background:url(../images/bg-header.jpg) left no-repeat; margin:0 auto;}
#logo {width:310px; height:64px; background:url(../images/chi-straightener-logo.jpg) no-repeat; float:left; margin-top:13px;}
#logo h1 a{width:310px; height:64px; display:block; text-indent:-9999px;}
#menu-nav {width:430px; height:34px; float:right; margin-top:35px;}
#banner {width:auto; height:398px; margin:0 auto; background:url(../images/bg-banner.jpg) repeat-x;}
#slide-container {width:960px; height:361px; margin:0 auto; padding-top:37px;}
#sider {width:960px; height:298px; background:url(../images/bg-slider.png) no-repeat;}
#slider-shadow {width:960px; height:22px; background:url(../images/slider-shadow.png) no-repeat;}
#container {background:url(../images/bg-wrapper.jpg) repeat-x;}
#wrapper {width:960px; height:auto; margin:0 auto; padding:61px 0 20px 0; font:13px Arial, Helvetica, sans-serif; color:#666;}
#contnr-left {width:190px; height:auto; float:left;}
#contnr-left-main {width:180px; height:auto; background-color:#1a1a1a; padding:0 0 10px 10px;}
#rounded-left-top {width:190px; height:10px; background:url(../images/rounded-top-left-container.jpg) no-repeat;}
#rounded-left-btn {width:190px; height:10px; background:url(../images/rounded-bottom-left-container.jpg) no-repeat;}
#contnr-cntr {width:500px; height:auto; float:left; padding:0 40px;}
#contnr-rght {width:190px; height:auto; float:right;}
#left-nav {width:170px; height:auto; background:#101010 url(../images/most-popular.jpg) no-repeat; padding-top:37px; margin-top:30px;}
#footer-cntnr {width:auto; height:240px; margin:0 auto; background:url(../images/footer-cntnr-bg.jpg) repeat-x;}
#footer-wrapper {width:960px; height:240px; margin:0 auto; background:url(../images/footer-graphix.jpg) right top no-repeat;}

/*main nav*/
ul#nav {margin:0; padding:0;}
ul#nav li {display:inline;}
ul#nav li a {
	width:auto;
	height:auto;
	display:block; 
	float:left; 
	font:14px Georgia, "Times New Roman", Times, serif; 
	color:#9a9a9a;
	padding:8px 10px;
	margin-right:5px;
	text-decoration:none;
	}
ul#nav li a:hover, ul#nav li.current a{background-color:#292929; color:#ffa706;}

/*side bar nav*/
ul#nav-left {margin:0; padding:0;}
ul#nav-left li {width:auto; height:auto; display:block;}
ul#nav-left li a {background:url(../images/bg-left-nav.jpg) no-repeat; padding:4px 20px; display:block; text-decoration:none;}
ul#nav-left li a:hover {background:url(../images/bg-left-nav-hover.jpg) no-repeat;}

/*footer nav*/
ul.nav-foot {margin:0; padding:0;}
ul.nav-foot li {width:auto; height:auto; display:block;}
ul.nav-foot li a {
	display:block; 
	background:url(../images/footer-nav.jpg) no-repeat; 
	padding:9px 0 9px 32px; 
	font:14px Arial, Helvetica, sans-serif; 
	color:#636262; 
	text-decoration:none
	}
ul.nav-foot li a:hover {color:#858585;}
ul.list li {width:auto; height:auto; padding-left:20px; list-style-image:url(../images/bullet.gif); margin-bottom:10px;}
ul.ordered li a{font:14px Arial, Helvetica, sans-serif; color:#333;}
ul.sitemap li a {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#151515; font-weight:bold; margin-bottom:5px;}

/*class*/
.clearboth {clear:both;}
.picture {width:190px; height:auto;}
.color {color:#d13903; font-weight:bold;}
.h1 {font:24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#151515; font-weight:bold; margin-bottom:5px;}
.h1-left {font:16px Arial, Helvetica, sans-serif; color:#e79808; margin:40px 0 10px 0;}
.h1-rght {font:16px Arial, Helvetica, sans-serif; color:#b8b8b8; margin:40px 0 10px 0;}
.h2 {font:14px Arial, Helvetica, sans-serif; color:#e79808;}
.h2-a {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#151515; font-weight:bold; margin-bottom:5px;}
.h3 {font:14px Arial, Helvetica, sans-serif; color:#333;}
.sidebar-left {width:170px; height:auto;}
.sidebar-rght {width:190px; height:auto;}
.rounded-top {width:500px; height:23px; background:url(../images/rounded-top-center-cntnr.jpg) no-repeat;}
.rounded-btm {width:500px; height:14px; background:url(../images/rounded-bottom-center-cntnr.jpg) no-repeat;}
.cnter-cntnt-cntner {width:460px; height:auto; border-bottom:2px solid #0d0d0d; background-color:#FFF; padding:0 20px 25px 20px; line-height:20px; color:#191919;}
.cnter-cntnt-cntner-1 {width:460px; height:auto; background-color:#FFF; padding:0 20px 25px 20px; line-height:20px; color:#191919;}
.footer {width:230px; height:auto; float:left; margin-right:135px; padding-top:40px;}
.footer_right {width:230px; height:auto; float:right; padding-top:40px;}
.note {font:11px Verdana, Geneva, sans-serif; font-style:italic; color:#666; line-height:16px;}

/*product formating*/
.product-cntner {width:500px; height:auto; border-bottom:2px solid #0d0d0d; background-color:#FFF; padding:20px 0 20px 0; text-align:center; line-height:18px;}
.product-cntner-1 {width:500px; height:auto; background-color:#FFF; padding:20px 0 20px 0; text-align:center; line-height:18px;}
.product-details {width:360px; height:auto; margin:0 auto;}
.product-description {
	width:460px; 
	height:auto; 
	margin:0 auto;
	color: #191919;
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	}
	.product-description p {padding:0 0 10px 0; line-height:18px;}
	.product-description h2 {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0 10px 0;}
	
/*ul's*/
.bullet-points {width:460px; margin:0 auto; padding-bottom:10px;}
ul.spec {line-height:18px; text-align:left;}
ul.spec li {list-style-image:url(../images/bullet.gif); list-style-position:outside; margin-left:18px;}
ul.list {line-height:18px;}
ul.list li {background:url(../images/bullet.gif) 1px 6px no-repeat; padding-left:20px;}

.txt-1 {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#3c3b3b; line-height:18px;}
.txt-2 {font:12px Arial, Helvetica, sans-serif; color:#585858; line-height:18px;}
.txt-3 {font:11px Arial, Helvetica, sans-serif; color:#919191; line-height:18px;}
.txt-4 {font:12px Arial, Helvetica, sans-serif; color:#e52615; line-height:18px;}
.txt-5 {font:11px Arial, Helvetica, sans-serif; line-height:18px;}
.txt-6 a{font:11px Arial, Helvetica, sans-serif; font-style:inherit; text-decoration:underline; color:#1a5fac; line-height:18px;}
.clr-1 {color:#1a5fac;}
.clr-2 {color:#fd9a34;}


/* Form */
form {width:400px; border:1px solid #EEE; padding: 10px; margin:40px auto;}
label {display:block; margin-top :8px; width:100%; background-repeat:no-repeat;}
.blue {color:#0099CC; font-weight:bold;}

/* Congratulation message */
.MsgSent {Display:block; padding:10px; margin:40px auto; width:400px; text-align:center; border:1px solid #EEE;	background-color:white;}
.MsgSent h1 {background:url(../images/MsgSent.gif) no-repeat 0 0; padding-left:20px; height:85px; line-height:85px;}

/* Error message */
.MsgError {Display:block;  padding:10px; margin:40px auto; width:400px; text-align:center; border:1px solid #EEE; background-color:white;}
.MsgError h1 {background:url(../images/MsgError.gif) no-repeat 0 0; padding-left:20px; height:85px; line-height:85px; color:#CC0000;}
.MsgSent p, .MsgError p {font-size:1.3em; color:#999;}

/***** FormCheck *****/
.tipsbox .tipsbox_top_left{background:url('../images/top_left.png') no-repeat;	_background:url('../images/top_left.gif') no-repeat; _background-position:9px 8px;}
.tipsbox .tipsbox_top{background:url('../images/top.png') repeat-x; height:17px; _background:url('../images/top.gif') repeat-x;	_background-position:0px 8px;}
.tipsbox .tipsbox_top_right{background:url('../images/top_right.png') no-repeat; _background:url('../images/top_right.gif') no-repeat; _background-position:0px 8px;}
.tipsbox .tipsbox_left{background:url('../images/left.png') repeat-y; width:17px; _background:url('../images/side.gif') repeat-y; _background-position:9px 8px;}
.tipsbox .tipsbox_right{background:url('../images/right.png') repeat-y;	width:22px; _background:url('../images/side.gif') repeat-y; _width:9px;}
.tipsbox .tipsbox_bottom_left{background:url('../images/bottom_left.png'); _background:url('../images/bottom_left.gif') no-repeat; _background-position:9px 0px;}
.tipsbox .tipsbox_mark{background:url('../images/mark.png') no-repeat; height:36px; _background:url('../images/mark.gif') no-repeat;}
.tipsbox .tipsbox_bottom_right{background:url('../images/bottom_right.png'); _background:url('../images/bottom_right.gif') no-repeat;}
.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{background:url('../images/inner.png');}
.tipsbox .tipsbox_inner_ie6 {padding:4px;}
.tipsbox .tipsbox_error {
	background : url('../images/error.png') no-repeat;
	_background : url('../images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}
.tipsbox p, .tipsbox {font-size:1em; font-family:tahoma, verdana, "sans-serif"; margin:0; padding:0; border:0; color:#FFF;}
.tipsbox p {padding-left:55px; line-height:15px;}
.tipsbox p span {font-size:1em; font-weight:bold; color:red; line-height:35px;}
.error_f {border:1px dotted #666; margin-top:5px; background-color:#EAEAEA;}
.error_f p {margin:5px;	color:#A00;}
.error_f p span {font-size:1.1em; color:#000; margin:5px 0px 0px 0px;}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*Forms defaults - change as needed*/
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040;}
label {color:#999; cursor:pointer; padding-left:2px; line-height:16px;}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {position:absolute; left:-3000px;}

/*Radio buttons*/
.radioArea, .radioAreaChecked {display:block; float:left; clear:left; width:15px; height:14px; font-size:0; cursor:pointer;}
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin:0; cursor:pointer;}
.checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {height:15px; background:url(../images/input_bg.gif) repeat-x left top; border:none; padding:4px 0; vertical-align:middle;}
.textinputHovered {background-position:left bottom;}
.inputCorner {padding-bottom:0; vertical-align:middle;}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {width:5px; height:5px; display:block;}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px; background:url(../images/txtarea_l.gif) repeat-y left top; float:left;}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea { border:0; background:none; padding:0; margin:5px;}

/*Selects*/
.selectArea {width:200px; height:21px; background:url(../images/select_bg.gif) repeat-x left top;}
.selectArea .left {width:8px; height:21px; float:left; background:url(../images/select_left.gif) no-repeat left top;}
.selectArea .right {width:21px;	height:21px; float:right; background:url(../images/select_right.gif) no-repeat left top;}
.selectArea .right a {display:block; width:200px; height:21px; margin-left:-179px; position:absolute;}
.selectArea .right i {display:none;}
.selectArea .center {width:160px; color:#FFF; padding-top:3px; overflow:hidden; white-space:nowrap;}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#6f7074;	padding:2px; font-size:11px; z-index:20;}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {margin:0; padding:0;}
.optionsDivVisible a {color:#F2F2F2; text-decoration:none; display:block; padding:1px 4px; border:1px solid #6f7074;}
.optionsDivVisible a:hover {color:#FFF;	background:#5F6062; border-color:#cfd0d6;}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}