@charset "utf-8";
/* CSS Document */
body {
	background:url(../images/body_bg.jpg) repeat-x left top #87623f;
	margin:0px;
	padding:0px;
}
#player1 {
	float:none;
}
.clr {
	clear:both;
}
ul, li, h1, h2, p {
	padding:0px;
	margin:0px;
}
a {
	outline:none;
}
.password a {
	color:#000;
	text-decoration:none;
}
.password a:hover {
	color:#874710;
	text-decoration:underline;
}
#wait {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#916d0a;
}
#wrapper {
	background:url(../images/large_bg.jpg) no-repeat center top;
	width:980px;
	margin:auto;
}
#logo {
	height:97px;
	/*width:600px;*/
	width:500px;
}
.logolink {
	/*background:url(../images/logo.gif) no-repeat left top;
*/display:block;
	/*width:565px;*/
	width:500px;
	height:93px;
	margin-left:35px;
}
#phone {
	width:235px;
	float:right;
	padding:24px 0px 5px 30px;
	/*background:url(../images/phone_icon.gif) no-repeat left 30;*/
font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:20px;
	height:25px;
}
#phone span {
	height:30px;
	width:154px;
	padding-right:35px;
	float:right;/*	background:url(../images/login_reg_btn.gif) no-repeat left bottom;*/
}
#login {
	height:30px;
	float:right;
	background:url(../images/login_reg_btn.gif) no-repeat left bottom;
}
#navigation {
	background:url(../images/topnavigation_bg.jpg) no-repeat center bottom;
	padding-top:20px;
}
#navigation ul {
	list-style-type:none;
	/*padding:0px 0px 0px 46px;*/
	height:52px;
	padding:0px 0px 0px 42px;
}
#navigation ul li {
	background:url(../images/nav_sep.jpg) no-repeat right center;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#79451e;
	float:left;
	height:35px;
	/*padding:15px 17px 0px 17px;*/
	padding:15px 15px 0px 15px;
}
#navigation ul li a {
	font-weight:bold;
	font-size:16px;
	color:#79451e;
	text-decoration:none;
}
#navigation ul li a:hover {
	font-weight:bold;
	font-size:16px;
	color:#000;
	text-decoration:none;
}





/*nav gwo starts here*/



#navigation-gwo {
	background:url(../images/topnavigation_bg-gwo.jpg) no-repeat center bottom;
	padding-top:20px;
}
#navigation-gwo ul {
	list-style-type:none;
	/*padding:0px 0px 0px 46px;*/
	height:52px;
	padding:0px 0px 0px 42px;
}
#navigation-gwo ul li {
	background:url(../images/nav_sep.jpg) no-repeat right center;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#79451e;
	float:left;
	height:35px;
	/*padding:15px 17px 0px 17px;*/
	padding:15px 15px 0px 15px;
}
#navigation-gwo ul li a {
	font-weight:bold;
	font-size:16px;
	color:#79451e;
	text-decoration:none;
}
#navigation-gwo ul li a:hover {
	font-weight:bold;
	font-size:16px;
	color:#000;
	text-decoration:none;
}





/*nav gwo ends here*/





#header {
	width:885px;
	height:364px;
	/*margin:auto;
*/padding:12px 12px 0px 12px;
	margin-left:35px;
	background:url(../images/header-index.jpg) no-repeat 15px 13px #fff;
}
#header ul {
	margin-top:201px;
	padding-left:30px;
	margin-bottom:13px;
}
#header ul li {
	padding-left:30px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
}

#header ul li a{
	color:#fff;
	text-decoration:none;
}


#header ul li a:hover{
	color:#cacaca;
	text-decoration:none;
}




a.headerbtns {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 0 0 0;
}
a:hover.headerbtns {
	color:#660000;	
}
/*html > body #header {
      background:#FFFFFF;
width:885px;
margin:auto;
padding:12px 11px 0px 11px;
border-left:2px solid #ffffff;
}*/
#headerinner {
	background:#FFFFFF;
	width:885px;
	padding:12px 12px 0px 12px;
	margin-left:35px;
}
/*html > body #headerinner {
      background:#FFFFFF;
width:885px;
padding:12px 11px 0px 11px;
}*/
#watchvideo_left {
	background:url(../images/watchvideo_left_bg.jpg) no-repeat left top;
	width:360px;
	height:475px;
	float:left;
}
#watchvideo_left h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	padding:20px 0px 0px 18px;
}
#watchvideo_left h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
}
#watchvideo_left ul {
	font-family:Tahoma, Arial, Verdana;
	color:#784a04;
	font-size:24px;
	padding:7px 20px 0px 17px;
	list-style-type:none;
	width:310px;
}
#watchvideo_left ul li {
	margin:0px;
	padding:10px 0px;
	font-family:Tahoma, Arial, Verdana;
	color:#784a04;
	font-size:24px;
	display:block;
	border-bottom:1px dotted #f8cb83;
	line-height:26px;
}
.viewcabinet_btn {
	background:url(../images/cabinetselection_btn.jpg);
	width:326px;
	height:37px;
	display:block;
	margin:30px 0px 13px 13px;
}
.buyvideonow_btn {
	background:url(../images/buy_video_btn.jpg);
	width:227px;
	height:37px;
	display:block;
	margin-left:13px;
}
#watchvideo_right {
	background:url(../images/watchvideo_right_bg.jpg) no-repeat left top;
	width:525px;
	height:475px;
	float:left;
}
#video {
	height:353px;
	/*border:1px solid #FF0000;
*/
padding-left:31px;
	padding-top:10px;
	z-index:-1;
}
#watchvideo_right h1 {
	padding:35px 0px 0px 130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	width:190px;
	float:left;
}
#watchvideo_right h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ee7506;
}
#watchvideo_right h2 {
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	width:144px;
	float:right;
}
#inner_left_header {
	background:url(../images/inner_left_header_bg.jpg) no-repeat left top;
	width:360px;
	/*height:309px;*/height:211px;
	float:left;
}
#inner_left_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	padding:5px 0px 0px 15px;
}
#inner_left_header h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	padding:5px 0px 0px 15px;
}
#inner_left_header h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	padding:5px 0px 0px 15px;
	margin:0;
}
#inner_left_header h3 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
}
#inner_left_header h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
}
#inner_left_header ul {
	font-family:Tahoma, Arial, Verdana;
	color:#784a04;
	font-size:20px;
	padding:2px 20px 0px 15px;
	list-style-type:none;
	width:325px;
}
#inner_left_header ul li {
	margin:0px;
	padding:1px 0px;
	font-family:Tahoma, Arial, Verdana;
	color:#784a04;
	font-size:12px;
	display:block;
	border-bottom:1px dotted #f8cb83;
	font-weight:bold;
}
.left-video {
	background:url(../images/left-video-bg.jpg) no-repeat left bottom;
	width:236px;
	height:248px;
	padding:0px 0px 10px 17px;
	border-bottom:1px dotted #cccccc;
	padding-bottom:15px;
}
.left-video h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5f371c;
	height:30px;
	padding:5px 0px 7px 31px;
}
.left-video h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5f371c;
	padding:5px 0px 7px 31px;
}
#inner_right_header {
	background:url(../images/inner_right_header_bg.jpg) no-repeat left top;
	width:524px;
	/*height:309px;*/height:211px;
	float:left;
}
/*a.innerviewourcabinet{
background:url(../images/view_our_cabinet_btn.jpg) no-repeat left top;
width:325px;
height:37px;
display:block;
margin:90px 0px 10px 15px;
}*/
a.innerwatchvideo {
	background:url(../images/watchvideo_inner_btn.gif) no-repeat left top;
	width:227x;
	height:37px;
	display:block;
	margin:160px 0px 0px 285px;
}
#content {
	background:url(../images/content_bg.jpg) repeat-y center top;
	width:980px;
	margin:auto;
}
#contenttop {
	background:url(../images/content_top.jpg) no-repeat left top;
	width:908px;
	height:55px;
	margin:auto;
}
#contentbottom {
	background:url(../images/footer_bg.jpg) no-repeat left top;
	width:920px;
	height:39px;
	margin:auto;
}
#leftside {
	width:250px;
	padding-right:20px;
}
#become_a_member {
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:15px;
	padding-bottom:15px;
}
#become_a_member h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5f371c;
	background:url(../images/member_icon.gif) left top no-repeat;
	height:30px;
	padding:15px 0px 0px 50px;
}
#become_a_member h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5f371c;
	background:url(../images/member_icon.gif) left top no-repeat;
	padding:6px 0px 0px 50px;
}
#become_a_member label {
	float:right;
	padding:0px 9px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#916d0a;
}
#become_a_member textarea {
	background:none;
	width:163px;
	height:50px;
	border:0px;
	padding:2px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	overflow:auto;
}
#become_a_member input {
	background:none;
	border:0px;
	padding:3px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	width:163px;
}
.become_a_member_inputcaptcha {
	background:url(../images/input_bg_captcha.gif) no-repeat;
	float:left;
	width:133px;
	height:24px;
}
.become_a_member_input {
	background:url(../images/input_bg.gif) no-repeat;
	float:right;
	width:173px;
	height:24px;
}
.become_a_member_ta {
	background:url(../images/textarea_question_bg.gif) no-repeat;
	float:right;
	width:173px;
	height:58px;
	padding-top:3px;
}
.member_submit {
	float:right;
	/*width:72px;*/
	width:87px;
	height:28px;
	margin:5px 0px 0px 0px;
	/*background:url(../images/submit_btn.gif) no-repeat;*/
	background:url(../images/submit_splreq_btn.jpg) no-repeat;
}
#blog {
	margin-bottom:15px;
	padding-top:15px;
}
#blog h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#5f371c;
	background:url(../images/blog_icon.gif) left top no-repeat;
	height:30px;
	padding:15px 0px 0px 60px;
}
#blog h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#5f371c;
	background:url(../images/blog_icon.gif) left top no-repeat;
	height:30px;
	padding:15px 0px 0px 60px;
}
#blog ul {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
#blog ul li {
	background:url(../images/blog_sep.jpg) no-repeat left bottom;
	display:block;
	line-height:20px;
	padding-bottom:10px;
	padding-top:10px;
}
#blog ul li a {
	color:#8c5a3f;
	font-size:13px;
	text-decoration:underline;
}
#blog ul li a:hover {
	color:#8c5a3f;
	text-decoration:none;
}
#rightside {
	width:572px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:20px;
	padding:0px 0px 0px 0px;
	float:right;
}
#rightside a {
	color:#71411e;
	text-decoration:underline;
}
#rightside a:hover {
	text-decoration:none;
}
#rightside .title {
	background:url(../images/h1bg.jpg) no-repeat left bottom;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#71411e;
	line-height:20px;
	margin-top:0px;
	padding-bottom:10px;
	padding-right:18px;
}
#rightside .title span {
	float:left;
	font-weight:bold;
	padding:3px 3px 0 0;
}
#rightside .title h1 {
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#71411e;
	line-height:20px;
	margin-top:0px;
	padding-bottom:10px;
	padding-right:3px;
	float:left !important;
	background:none !important;
}
#rightside h1 {
	background:url(../images/h1bg.jpg) no-repeat left bottom;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#71411e;
	line-height:20px;
	margin-top:0px;
	padding-bottom:10px;
	padding-right:18px;
}
#rightside h1 span {
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#71411e;
	line-height:20px;
}
#rightside #right-header {
	padding-top:3px;
	background:url(../images/h1bg.jpg) no-repeat left bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#71411e;
	line-height:20px;
	margin-top:0px;
	padding-bottom:10px;
	padding-right:18px;
	font-weight:bold;
	float:left;
	width:552px;
}
#rightside #right-header h1 {
	float:left;
	padding:0;
	margin:0;
	background:none;
}
#rightside #right-header span {
	float:left;
	display:block;
	padding:0 0 0 0;
	margin:0;
}
#rightside h2 {
	padding:5px 18px 5px 50px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#b57d4e;
	font-smooth:20px;
	line-height:28px;
}
#rightside p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:20px;
	font-size:13px;
	padding:15px 18px 15px 0px;
}
#rightside img {
	border:1px solid #623c05;
	float:left;
	margin:5px 10px 5px 0px;
}
#rightside span img {
	border:none;
}
#rightside span a {
	text-decoration:none;
	color:#996600;
	font-size:12px;
	font-weight:bold;
}
.section {
	background:url(../images/section_bottom.jpg) no-repeat right bottom;
	padding-top:0px;
	margin-top:0px;
}
.buyvideonow {
	float:right;
	width:224px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/buy_video_now_btn.jpg) no-repeat;
}
.viewproducts {
	float:right;
	width:142px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/view_prod_btn.jpg) no-repeat;
}
.viewhardware {
	float:right;
	width:142px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/view_hardware_btn.jpg) no-repeat;
}
.viewhinges {
	float:right;
	width:130px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/view_hinges_btn.jpg) no-repeat;
}
.getstarted {
	float:right;
	width:119px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/get_started_btn.jpg) no-repeat;
}
.splreq {
	float:right;
	width:87px;
	height:29px;
	margin:5px 20px 0px 0px;
	background:url(../images/submit_splreq_btn.jpg) no-repeat;
}
.main {
	margin:0px 50px 0px 68px;
}
#backtop {
	float:right;
	width:64px;
	padding-right:20px;
	padding-bottom:5px;
}
#top {
	float:right;
	width:64px;
	padding-right:20px;
}
.top {
	background:url(../images/top_btn.jpg) no-repeat left top;
	display:block;
	width:64px;
	height:21px;
	float:right;
	margin:0px 0px 0px 0px;
}
.back {
	margin:5px 0px 0px 0px;
	background:url(../images/back_btn.jpg) no-repeat left top;
	display:block;
	width:64px;
	height:21px;
	float:right;
}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:920px;
	margin:auto;
	text-align:center;
	padding-top:10px;
	line-height:22px;
}
#footer a {
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 10px;
}
#footer a:hover {
	text-decoration:underline;
}
#gallerytop {
	background:url(../images/gallery_top.jpg) no-repeat left top;
	width:522px;
	height:18px;
}
#gallerybottom {
	background:url(../images/gallery_bottom.jpg) no-repeat left top;
	width:522px;
	height:23px;
}
#gallerycontent {
	background:url(../images/gallery_bg.jpg) repeat-x left top #FFFFFF;
	width:520px;
	border-left:1px solid #b4b0ad;
	border-right:1px solid #b4b0ad;
}
#gallerycontent h2 {
	font-size:16px;
	display:block;
	margin:0px;
	padding:4px 0px 0px 8px;
	width:490px;
	color:#FFF;
	height:32px;
	background-color:#93795b;
}
#gallerycontent ul {
	padding:0px;
}
#knowledgebase {
	width:527px;
	padding:10px;
	background:url(../images/knowledge-base-bg.jpg) no-repeat left top;
}
#knowledgebase a {
	color:#916945;
	text-decoration:underline;
}
#knowledgebase a:hover {
	text-decoration:none;
}
.contactform label {
	float:right;
	padding:0px 9px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#916d0a;
}
.contactformta {
	background:url(../images/contact_textarea.gif) no-repeat;
	float:left;
	width:405px;
	height:150px;
	border:0px;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	overflow:auto;
}
.contactformta textarea {
	background:none;
	width:390px;
	height:145px;
	border:0px;
	padding:2px 0px 0px 1px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	overflow:auto;
}
.contactforminp {
	background:url(../images/input_bg.gif) no-repeat;
	float:left;
	width:168px;
	height:24px;
	border:0px;
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}
.contactforminp input {
	background:none;
	width:158px;
	border:0px;
	padding:0px 5px 0px 2px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}

.getquotefrm {
	background:url(../images/input_bg.gif) no-repeat;
	float:left;
	width:168px;
	height:26px;
	border:0px;
	padding:1px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}

.getquotesel {
	float:left;
	width:173px;
	height:23px;
	border:0px;	
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}
.getquotefrm input {
	background:none;
	width:158px;
	border:0px;
	padding:2px 5px 0px 2px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}

.getquotesel select {
	background:none;
	width:173px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}

#navigation .active {
	color:#000000;
	text-decoration:none;
}
#steps .active {
	color:#f07c0c;
	text-decoration:none;
}
.current {
	color:#897451;
	text-decoration:none;
}
.paginate {
	color:#71411e;
	text-decoration:none;
}
.post {
	background:url(../images/post_title_bg.jpg) no-repeat left top;
	margin-bottom:20px;
	padding:20px 0px 0px 10px;
	color:#996600;
	font-weight:bold;
	font-size:16px;
	margin-top:20px;
	height:78px;
}
.sitemapmenu ul, li {
	list-style-type:none;
	line-height:22px;
	font-size:13px;
}
.sitemapmenu a {
	text-decoration:underline;
	color:#000;
}
.sitemapmenu a:hover {
	text-decoration:none;
	color:#b57d4e;
}
/*steps style starts*/
#steps {
	margin:0px;
}
#steps h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#5f371c;
	height:30px;
	padding:15px 0px 10px 10px;
}
#steps h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#5f371c;
	height:30px;
	padding:15px 0px 10px 10px;
}

#steps h3{
font-family:Arial, Helvetica, sans-serif; font-size:16px;
color:#000000;
padding:2px 0px 2px 4px;
margin:10px 0;
background:url(../images/steps-title-bg.jpg) repeat-y bottom left;
}

#steps ul {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#steps ul li {
	display:block;
	line-height:20px;
	padding-bottom:10px;
	padding-top:15px;
}
#steps ul li a {
	color:#000;
	text-decoration:none;
}
#steps ul li a:hover {
	color:#8c5734;
	text-decoration:none;
}
.step1active {
	background:url(../images/step_1_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step1inactive {
	background:url(../images/step_1_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step2active {
	background:url(../images/step_2_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step2inactive {
	background:url(../images/step_2_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step3active {
	background:url(../images/step_3_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step3inactive {
	background:url(../images/step_3_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step4active {
	background:url(../images/step_4_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step4inactive {
	background:url(../images/step_4_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step5active {
	background:url(../images/step_5_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step5inactive {
	background:url(../images/step_5_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step6active {
	background:url(../images/step_6_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step6inactive {
	background:url(../images/step_6_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step7active {
	background:url(../images/step_7_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step7inactive {
	background:url(../images/step_7_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step8active {
	background:url(../images/step_8_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step8inactive {
	background:url(../images/step_8_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step9active {
	background:url(../images/step_9_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step9inactive {
	background:url(../images/step_9_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step10active {
	background:url(../images/step_10_active.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.step10inactive {
	background:url(../images/step_10_inactive.jpg) no-repeat left top;
	width:213px;
	height:33px;
	padding-left:50px;
}
.imagemaincontainer {
	border-bottom:1px dotted #ccc;
	width:520px;
	padding:10px 0px 10px 0px;
	margin-right:40px;
}
.imagecontainer {
	border-bottom:1px dotted #ccc;
	width:271px;
	padding:10px 0px 10px 0px;
	margin-right:10px;
	float:left;
}
.imagecontaineractive {
	border-bottom:1px dotted #ccc;
	width:271px;
	padding:10px 0px 10px 0px;
	margin-right:10px;
	float:left;
	background-color:#eeeeee;
}
.imagesubcontainer {
	border-right:1px dotted #ccc;
	width:137px;
	float:left;
}
.reldiv {
	/*width:101px;*/ border:1px solid #b4b0ad;
	padding:5px;
	position:relative;
}
.imagesubcontainer h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#000000;
	padding:0px;
}
.imagesubcontainer ul li {
	background:url(../images/pricelist.jpg) no-repeat left bottom;
	font-size:11px;
}
.imagesubcontainer ul li span {
	color:#7c5c47;
}
.imagesubcontainerinner {
	width:125px;
	float:left;
}
.imagesubcontainerdetails {
	width:135px;
	float:left;
	text-align:left;
}
.imagesubcontainerdetails h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-top:0px;
	margin-top:0px;/*height:58px;
*/}
.magnify {
	background:url(../images/magnify.gif) no-repeat right bottom;
	width:25px;
	height:39px;
	position:absolute;
	bottom: 0px;
	right: 0px;/*display:block;
	clear:both;*/
}
.magnify a {
	display:block;
	height:39px;
}
.select_proceed {
	display:block;
	background:url(../images/select_proceed_btn.jpg) no-repeat left top;
	width:123px;
	height:23px;
	margin-top:10px;
}
.calculate {
	display:block;
	background:url(../images/calculate_btn.jpg) no-repeat left top;
	width:70px;
	height:23px;
	margin-top:10px;
}
.edit {
	display:block;
	background:url(../images/edit_btn.jpg) no-repeat left top;
	width:58px;
	height:23px;
	margin-top:10px;
}
.skip {
	display:block;
	background:url(../images/skip_btn.jpg) no-repeat left top;
	width:56px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.save_proceedlater {
	display:block;
	background:url(../images/save_proceed_later_btn.jpg) no-repeat left top;
	width:151px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.prev_step {
	display:block;
	background:url(../images/prev_step_btn.jpg) no-repeat left top;
	width:113px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.next_step {
	display:block;
	background:url(../images/next_step_btn.jpg) no-repeat left top;
	width:79px;
	height:23px;
	margin-top:10px;
	margin-right:8px;
	float:left;
}
.buy_sample_door {
	display:block;
	background:url(../images/buy_sample_door_btn.jpg) no-repeat left top;
	width:123px;
	height:23px;
	margin-top:10px;
}
.progress {
	float:right;
	padding:30px 50px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.progress a {
	color:#000000;
	text-decoration:none;
}
.progress a:hover {
	color:#ccc;
	text-decoration:none;
}
.showhide {
	float:right;
	padding-right:0px;
	padding-bottom:10px;
}
.hiddendiv {
	display:none;
	padding:5px 5px 5px 17px;
	text-align:left;
}
table.data {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.data td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	height:27px;
}
table.data input {
	width:40px;
}
table.data select {
	width:50px;
}
table.data a {
	color:#663333;
	text-decoration:underline;
	font-weight:bold;
}
.inputbg {
	background:url(../images/steps_input_bg.gif) left top repeat-x #fff;
	color:#000000;
	border:1px solid #b4b0ad;
	width:160px;
	height:20px;
}
.addtocart {
	display:block;
	background:url(../images/add_to_cart_btn.jpg) no-repeat left top;
	width:79px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.continue {
	display:block;
	background:url(../images/continue-button.jpg) no-repeat left top;
	width:139px;
	height:33px;
	margin-top:10px;
	margin-right:10px;
	float:right;
}
.buynow {
	display:block;
	background:url(../images/buy_now_btn.jpg) no-repeat left top;
	width:79px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.skiptocheckout {
	display:block;
	background:url(../images/skip_to_checkout_btn.jpg) no-repeat left top;
	width:113px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
/*steps style ends*/

/*steps 9 style starts*/
.accesstop {
	width:549px;
	background:url(../images/accessory_table_top.jpg) no-repeat left top;
	padding:0px 6px 0px 0px;
}
.accessbg {
	background:url(../images/accessory_table_bg.jpg) repeat-y left top;
}
.accessbottom {
	background:url(../images/accessory_table_bottom_expand.jpg) no-repeat left bottom #c6c6c6;
	width:535px;
	padding:5px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.accesstitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:20px;
}
/*steps 9 style ends*/

/*paymentmode styles*/

.label-pad {
	width:100px
}
.star {
	color: #FF0000;
}
.select-field {
	width:197px;
}
.ordering-div {
	width:270px;
	font-size:12px;
	font-weight:bold;
}
.ordering-info-box {
	width: auto;
	margin:0px;
	padding:0px;
}
.ordering-bg {
	padding:28px 15px 15px 15px;
	/*	background:url(../images/ordering-bg.jpg) repeat-x top left #fffffd;
*/	font-weight:bold;
	color:#000;
	border-bottom:1px solid #e6f0f4;
}
.cancel {
	display:block;
	background:url(../images/cancel_btn.jpg) no-repeat left top;
	width:56px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.completeorder {
	display:block;
	background:url(../images/complete_order_btn.jpg) no-repeat left top;
	width:113px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
.proceedtocheckout {
	display:block;
	background:url(../images/proceed-to-checkout.jpg) no-repeat left top;
	width:170px;
	height:23px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
/*paymentmode styles*/


/*cart tables*/
table.mycart {
	background-color:#fdf8f5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.mycart td {
	border-bottom:1px solid #ccc;
	border-right:none;
}
table.mycart a {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
table.brdrnone {
	border:none;
}
table.brdrnone td {
	border:none;
	padding:5px;
}
table.brdrnone a {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
table.brdrtbl {
	border:none;
}
table.brdrtbl td {
	border-right:1px solid #ccc;
	border-bottom:none;
	padding:5px;
}
table.brdrtbl a {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
/*cart tables*/

/*checkout*/
.checkoutinp {
	background:url(../images/checkout_input_bg.gif) no-repeat;
	float:left;
	width:213px;
	height:24px;
	border:0px;
	padding:5px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}
.checkoutinp input {
	background:none;
	width:205px;
	border:0px;
	padding:0px 5px 0px 2px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
}
.chkoutta {
	float:left;
	width:213px;
	height:85px;
	border:0px;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	background:url(../images/checkout_textarea_bg.gif) no-repeat;
}
.chkoutta textarea {
	background:none;
	padding:2px 0px 0px 1px;
	margin:0px 0px 0px 0px;
	background:none;
	width:205px;
	height:85px;
	border:0px;
	padding:2px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	overflow:auto;
}
.spl_txtarea {
	width:545px;
	height:92px;
	background:none;
	border:0px;
	padding:5px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	overflow:auto;
}
.spl_txtareabg {
	background:url(../images/text_area_bg.jpg) no-repeat;
	float:left;
	width:552px;
	height:101px;
}
.list_style {
	margin:0px;
	padding:0px;
	list-style:none;
}
.list_style li {
	margin:0px;
	padding:0px 10px 10px 20px;
	background:url(../images/open.jpg) 0px 5px no-repeat;
}
.hyper_link {
	color:#960;
	text-decoration:underline;
}
.hyper_link:hover {
	color:#960;
	text-decoration:none;
}
.pro_amin_div {
	width:553px;
	background:url(../images/pro_center_bg.jpg) left top repeat-y;
}
.pro_top {
	width:553px;
	height:35px;
	padding:10px 0px 0px 0px;
	border-bottom:1px solid #eabe8c;
	background:url(../images/pro_top_bg.jpg) top left no-repeat;
}
.pro_head {
	width:400px;
	height:25px;
	float:left;
	font-size:24px;
	padding:5px 0px 0px 20px;
	color:#ab6c3f;
	font-weight:bold;
}
.pro_bottom {
	width:553px;
	height:11px;
}
#rightside .step-button {
	background:url(../images/step-left-bg.jpg) no-repeat left top;
	color:#fff;
	padding:0 0 0 10px;
	float:right;
	text-decoration:none;
	font-weight:bold;
	margin:0 18px 0 0;
	display:inline;
	cursor:pointer;
}
#rightside .step-button span {
	background:url(../images/step-right-bg.jpg) no-repeat right top;
	color:#fff;
	padding:4px 30px 0 0;
	height:26px;
	display:block;
	text-decoration:none;
}



#rightside #door-style-nav{
	background:url(../images/milter-tenon-bg.jpg) no-repeat left top;
	display:block;
	padding:26px 0 70px 10px;
}
#rightside #door-style-nav .link{
	background:url(../images/wood-steps-sep.jpg) no-repeat right top;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#271008;
	padding:3px 15px;
	text-decoration:none;
	
}
#rightside #door-style-nav .link:hover{
	color:#FFFFFF;
}
#rightside #door-style-nav .link1{
	background:url(../images/wood-steps-sep1.jpg) no-repeat right top;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 15px;
	text-decoration:none;
	
}
#rightside #door-style-nav .link1:hover{
	color:#000000;
}

#rightside #door-style-nav .title{
background:url(../images/tick.jpg) no-repeat left center;
padding:3px 0 4px 25px;
margin:10px 15px 4px 0;
font-size:15px;
border-bottom:1px dotted #996633; 
}


#rightside #wood-steps-nav{
	background:url(../images/wood-steps-bg.jpg) no-repeat left top;
	display:block;
	padding:26px 0 70px 10px;
}
#rightside #wood-steps-nav .link{
	background:url(../images/wood-steps-sep.jpg) no-repeat right top;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#271008;
	padding:3px 15px;
	text-decoration:none;
	
}
#rightside #wood-steps-nav .link:hover{
	color:#FFFFFF;
}
.get-quote-button{
		float:right;
		color:#000;
		background:url(../images/get-quote-button.gif) no-repeat right top;
		text-decoration:none;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		padding:9px 0 8px 0;
		width:177px;
		margin:150px 30px 0 0;
		text-transform:uppercase;
	}
.get-quote-button:hover{
		color:#660000
	}

.follow{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #5f371c;
	font-weight:bold;}	
	
	
.get-started{
width:122px;
height:28px;
float:right;
margin:25px 20px 0px 0px;
}

/*--------------------------------------Video starts here----------------------------*/

#video-new{
width:504px;
height:414px;
background:url(../images/video-bg-new.jpg) left top no-repeat;
padding:20px 8px 20px 8px;
}
#video-new .youtube-container{
width:473px;
height:292px;
background:url(../images/youtube-shade.jpg) left bottom no-repeat;
padding:0px 17px 22px 17px;
}
#video-new .youtube-container .youtube-video{
width:470px;
height:292px;
border:1px solid #898989;
background:url(../images/youtube-img.jpg) left top no-repeat;
}
#video-new .video-number{
width:398px;
height:28px;
background:url(../images/video-number-bg.jpg) left top no-repeat;
margin:15px auto 0 auto;
text-align:center;
padding:10px 0px 0px 0px;
font-size:13px;
color:#f05f08;
font-weight:bold;
}
#video-new .next-prev{
width:398px;
height:33px;
margin:15px auto 0 auto;
}
#video-new .next-prev .prev a{
width:189px;
height:33px;
display:block;
background:url(../images/previous-video.jpg) left top no-repeat;
float:left;
}
#video-new .next-prev .prev a:hover{
background:url(../images/previous-video.jpg) left bottom no-repeat;
}
#video-new .next-prev .prev a.inactive{
background:url(../images/previous-video.jpg) left bottom no-repeat;
}


#video-new .next-prev .next a{
width:189px;
height:33px;
display:block;
background:url(../images/next-video.jpg) left top no-repeat;
float:right;
}
#video-new .next-prev .next a:hover{
background:url(../images/next-video.jpg) left bottom no-repeat;
}

#video-new .next-prev .next a.inactive{
background:url(../images/next-video.jpg) left bottom no-repeat;
}

ul.top-new-links{
font-size:12px;
font-weight:bold;
}

ul.top-new-links li{
float:left;
}
ul.top-new-links li a{
float:left;
color:#612b0f;
padding:0px 11px 0px 11px;
text-decoration:none;
}
ul.top-new-links li a:hover{
color:#ffffff;
}

ul.top-new-links li a.active{
color:#ffffff;
}