/*Pallette css from old*/
.mid_bg{background:#fff; width:325px; *width:360px; float:left; font:12px "Arial"; color:#353535; padding:0 6px 5px 13px; border:solid 1px #ccc; border-right:solid 4px #ccc; border-bottom:solid 4px #ccc; min-height:130px; max-height:300px; display:block; height:100% !important; z-index:999999;}

.matpallateheader{width:240px; padding:12px 0 5px 2px; font:17px "Arial"; color:#083671; font-weight:bold; float:left;}

.close{width:60px; height:17px; float:right; margin:5px 0 0 0; text-align:right;}
.close img{border:0;}
.mat_banner {text-align:right;}
#info_box {display:none; *margin-left:-250px !important;}
.matpallatebg{width:281px; background:url(matfabrics/mat_pallate_bg.jpg) no-repeat; height:177px;}




#waranty_text{float:left; text-align:left; color:#333333; font-size:12px; font-weight:normal; width:150px; margin-left:0 !important; height:45px;}
#waranty_text_1{float:left; text-align:left; color:#333333; font-size:12px; font-weight:normal; width:150px; margin-left:30px !important; height:30px;}

.defultbg{width:280px; height:46px; float:left; padding:3px 0 0 0; position:absolute;}

.defultbg img{float:left; vertical-align:middle; margin-right:5px; cursor:pointer;}
.defultbg span{float:left; font-weight:normal; width:170px; text-align:left; color:#0b0d88; padding:0; margin:0; font-size:12px;}
.titles{width:100%; float:left; font-size:11px; color:#000; font-weight:bold; padding:0;}
.h180px{height:180px;}
.sunsh{padding-left:0 !important;}

.sunsh a{margin-right:10px !important;}
.sunsh a:hover{margin-right:10px !important;}
.sunsh img{border:0 !important;}


#text_uv{float:left; margin-left:20px; line-height:18px; width:205px;}
#text_1_uv{float:left; margin-left:10px; line-height:18px; width:200px;}
#text_1_fabric{float:left; margin-left:10px;}
#text_fabric{float:left !important; margin-left:10px;}
.selected_matfab img{float:left !important; margin:0 !important;}


.sunshield_loop{padding-left:0 !important; background:#cc0000; float:left; width:75px; margin:0;}
.sunshield_loop a{margin:0 12px 10px 0 ;}

.sunshield_loop1{padding-left:0 !important; background:#cc0000; float:left; width:80px; margin:0 !important; }
.sunshield_loop1 a{margin:0 !important;}
.sunshield_loop1 img{margin:0 !important; padding:0;}

.sunshield_th1 a{margin-right:40px !important;}

.sunsh a img{padding-left:0 !important;}


#mainidtext_1_fabric{float:left; margin-left:10px; width:170px;}
#mainidtext_1_uv{float:left; margin-left:10px;}

.def_img{width:40px; height:55px; float:left;}
.def_img1{width:58px; height:46px; float:left;  background:url(matfabrics/new_bg.jpg) no-repeat; text-align:center; padding:3px 0 0 0; cursor:pointer;}

.def_img1 img{margin-left:0 !important;}


.thumb li{background: none !important; padding-left:0 !important;}
.thumb li a{background: none !important; padding-left:0 !important;}


.thumb1 li{background: none !important; padding-left:0 !important;}
.thumb1 li a{background: none !important; padding-left:0 !important;}


#mainidtext_fabric{float:left; width:200px; padding:0 0 0 5px; font-weight:bold; font-size:13px;}
#mainidtext_uv{float:left; width:200px; padding:0 0 0 5px;}

.remove_mat{margin:13px 0 0 287px !important; z-index:666; top:33px; left:0; float:none; position:absolute;}
.remove_mat a{border:0 !important;}
.remove_mat img{border:0 !important;}
.bor1bot{background:url(images/bor_btm_img.gif) repeat-x left bottom; padding-bottom:5px; width:100%; float:left; margin:3px 0;}

/*previous css of header*/
.topnav {
	FONT-SIZE: 13px; COLOR: #FFFC00; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
}
.topnav:link {
	FONT-SIZE: 13px; COLOR: #FFFC00; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
}
.topnav:visited {
	FONT-SIZE: 13px; COLOR: #FFFC00; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
}
.topnav:hover {
	FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
}


.topnav2{
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.topnav2:link {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.topnav2:visited {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.topnav2:hover {
	FONT-SIZE: 11px; COLOR: #fff297; TEXT-DECORATION: underline; FONT-FAMILY: verdana;  
}

.mainlink:link {
	FONT-SIZE: 12px; COLOR: #6666FF; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.mainlink:visited {
	FONT-SIZE: 12px; COLOR: #6666FF; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.mainlink:hover {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.black:hover {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}


.leftnav_new{
	FONT-SIZE: 11px; COLOR: #F96400; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; margin-left:3px;
}
.leftnav_new:link {
	FONT-SIZE: 11px; COLOR: #2E2E2E; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; margin-left:3px;
}
.leftnav_new:visited {
	FONT-SIZE: 11px; COLOR: #2E2E2E; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: bold; margin-left:3px;
}
.leftnav_new:hover {
	FONT-SIZE: 11px; COLOR: #F96400; TEXT-DECORATION: none; FONT-FAMILY: verdana;  margin-left:3px;
}

.cart:link {
	FONT-SIZE: 11px; COLOR: #b30101; TEXT-DECORATION: none; FONT-FAMILY: arial; FONT-WEIGHT: bold; margin-left:3px;
}
.cart:visited {
	FONT-SIZE: 11px; COLOR: #b30101; TEXT-DECORATION: none; FONT-FAMILY: arial; FONT-WEIGHT: bold; margin-left:3px;
}
.cart:hover {
	FONT-SIZE: 11px; COLOR: #333333; TEXT-DECORATION: underline; FONT-FAMILY: arial; FONT-WEIGHT: none; margin-left:3px;
}



.fabtab{
	FONT-SIZE: 13px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: arial,verdana; FONT-WEIGHT: bold; 
}
.fabtab:link {
	FONT-SIZE: 13px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: arial,verdana; FONT-WEIGHT: bold; 
}
.fabtab:visited {
	FONT-SIZE: 13px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: arial,verdana; FONT-WEIGHT: bold; 
}
.fabtab:hover {
	FONT-SIZE: 13px; COLOR: #fff04e; TEXT-DECORATION: none; FONT-FAMILY: arial,verdana; FONT-WEIGHT: bold; 
}

.HidePrintHeaderDiv {
display:none; z-index:0;
position:absolute;
}

#PrinterHeader {
	padding-left:20px;
	top:10px;
	
}

.HeaderPrint{
z-index:-10;

}

.prenext{
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: none;
}
.prenext:link {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: none;
}
.prenext:visited {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: none; 
}
.prenext:hover {
	FONT-SIZE: 12px; color:#c82600;  TEXT-DECORATION: none; FONT-FAMILY: verdana; FONT-WEIGHT: none;
}


.matflash {position:absolute; margin-left:25px; top:200px; z-index:0;}


/*new mat css start here*/

.new_content p{font:13px "Arial";}
.new_content ul{list-style-type:none; padding:0 0 0 15px; margin:0;}
.new_content ul li{list-style-type:none; padding:0 0 10px 20px; margin:0; background:url(images/arrB.gif) no-repeat left 5px; font:13px "Arial"; line-height:18px;} 
.no_bg{background:none !important;}

/*expand and collapse boxes css on 22 March 2010 by Rajeev Sinha*/
.form_box{font:13px "Trebuchet MS"; color:#474747; width:100%; float:left; margin-bottom:20px;}
.form_steps h5{font:16px "Trebuchet MS"; font-weight:bold; color:#474747; margin:45px 0 10px 17px; float:left; width:500px;}
.select_type{background:#fff; border:solid 0px #f6dc72; width:549px; float:left; margin:0 0 0 17px; padding:10px;}
.select_type ul{list-style-type:none; padding:0; margin:0 0 0 18px; display:block; text-align:center;}
.select_type ul li{list-style-type:none; padding:0; margin:0; float:left; background:none !important; text-align:center; margin-right:10px; font-size:13px; font-weight:bold; line-height:16px;}
.select_type ul li input{margin-bottom:5px; vertical-align:middle;}
.m0{margin-right:0 !important;}
.select_type_view{background:#fff; width:519px; float:left; margin:20px 0 10px 0;}
.select_pdf_img {position:relative;float:left; width:400px; text-align:right !important; margin:-6px -11px 10px 0; *margin/*\**/:-6px -23px 10px 0;}
.select_pdf_img a{float:left; width:364px; background:url(images/pdf_measurement_icon_new.jpg) no-repeat right top; height:50px; text-decoration:none; position:absolute; left:90px; top:10px;}
.select_pdf_img a:hover{background:url(images/pdf_measurement_icon_new.jpg) no-repeat right -55px !important; height:50px;} 
.select_type_view .select_type_image{float:right; text-align:right; margin:0 0 10px;}


.form_box_new{width:584px; float:left; padding:0x; margin:0 0 0 10px;}
/*.form_box_top{background:url(images/form_box_top.gif) no-repeat center top; width:574px; *width:584px; height:26px; float:left; padding:15px 0 0 10px;}
.form_box_bot{background:url(images/form_box_bot.gif) no-repeat center top; width:584px; height:18px; float:left;}*/

/*bg for IE*/
.form_box_top{background:url(images/form_box_top.gif) no-repeat left top; *background/*\**/:url(images/form_box_top1.gif) no-repeat left top; width:574px; *width:600px; height:26px; float:left; padding:15px 0 0 10px;}
.form_box_bot{background:url(images/form_box_bot.gif) no-repeat left top;*background/*\**/:url(images/form_box_bot1.gif) no-repeat left top; width:600px; height:18px; float:left;}


.form_box_content{width:573px; *width/*\**/:583px; float:left; border:solid 5px #ffeca1; padding:20px 0; }

.expand_strip_box{border:solid 1px #f6dc72; width:549px; float:left; margin:0 8px;}
.strip{background:url(images/strip_bg.gif) repeat-x left top; width:541px; *width:563px; float:left; padding:4px;}
.strip a{text-decoration:none; cursor:pointer;}
.strip a:hover{text-decoration:none;}
.step_title{float:left; width:518px; font-weight:bold; color:#000; font-size:13px;}
.step_title img{vertical-align:middle;  margin:0 10px 0 0;}
.step_normal{float:left; width:23px;}
.step_active{float:left; width:23px;}

.form_steps{width:555px; float:left; padding:10px 0; font:13px "Trebuchet MS"; color:#474747; font-weight:bold; margin:0 0 15px 0;}
.form_steps .rows{width:552px; float:left; padding:5px 0;}
.form_steps .rows .label{width:202px; float:left; padding:0 0 0 20px;}
.form_steps .rows .label img{vertical-align:middle;}
.form_steps .rows .label a{color:#275c92; font-size:12px; font-weight:normal;}
.form_steps .rows .field{width:323px; float:left; font-weight:bold; *padding-left:0px;}

.form_steps .rows .field input{margin-left:20px !important; padding:0 !important;}
.form_steps .rows .field .ml16px{margin-left:16px;}


/*CSS FOR JUMPING MAT ALIGN TO RIGHT
.form_steps .rows1{width:545px; float:left; padding:5px 0;}
.form_steps .rows1 .label{width:202px; float:left; padding:0 0 0 20px;}
.form_steps .rows1 .field{width:323px; float:left; font-weight:bold; }
.form_steps .rows1 .field input{ margin-left:20px;}*/

.form_steps .rows .field img{ margin-left:0; *margin-left:20px; float:none; vertical-align:middle;}
.form_steps .rows img{float:left; vertical-align:middle;}
.form_steps .rows .or{}
.mat_measure .or{color:#cc0000; font-size:20px; font-weight:bold; float:left; padding:180px 10px 0 10px; *padding:80px 10px 0 0;}
.mat_measure a{float:left;}
.mat_measure a img{float:left;}

.form_steps .field b{padding-left:25px; color:#6666ff; font-size:15px;}
/*small rows1 css*/

.box1{width:220px; float:left;}
.box2{width:335px; float:left;}

.form_steps .box1 .rows_small{width:220px; float:left; padding:5px 0;}
.form_steps .box1 .rows_small .label_small{width:85px; float:left; padding:0 0 0 10px;}
.form_steps .box1 .rows_small .field_small{width:115px; float:left; padding:0 0 0 0;}
.form_steps .box1 .rows_small .field_small input{margin-left:10px; margin-top:2px; vertical-align:top;}


.form_steps .box2 .rows_small2{width:335px; float:left; padding:5px 0;}
.form_steps .box2 .rows_small2 .label_small{width:130px; float:left; padding:0 0 0 0;}
.form_steps .box2 .rows_small2 .field_small{width:200px; float:right; padding:0 0 0 0;}

.form_steps .box2 .rows_small2 .field_small input{ margin-left:10px; margin-top:2px; vertical-align:top;}
.form_steps .box2 .rows_small2 .field_small textarea{ margin-left:10px; margin-top:2px; vertical-align:top;}

.pl14px{padding-left:14px;}

/*29 July 2010*/
.form_textarea{width:515px; float:left;  margin:10px 20px 0 10px; font-weight:normal; color:#474747 !important;}
.form_textarea .instruc{width:75px; float:left; font-weight:bold;}
.form_textarea .textare_new{float:left; width:340px;}
.form_textarea .textare_colon{float:left; width:2px; padding-top:2px;  padding-left:11px;  *padding-left:0;}
.form_textarea .textare_new textarea{vertical-align:middle; margin-left:12px; width:420px;}
/*rajeev sinha*/

.w50px{width:50px;}
.w100px{width:100px;}
.next_step{text-align:right !important; width:525px; float:left;  margin:30px 20px 0 0; font-weight:bold; color:#265b8f !important;  margin-top:10px;}
.next_step img{vertical-align:middle;}
.next_step a{float:right;}

.alert_msg{background:url(images/alert_icon.gif) no-repeat 20px 20px #f4f4f4; border:solid 1px #cdcdcd; width:515px; float:left; margin:10px 0 0 10px; font:12px "Arial"; color:#474747; padding:15px 5px 5px 0; *padding:15px 5px 10px 0;}
.alert_msg1{background:#fff !important;}
.alert_msg .image_alert{float:left; width:90px; padding:0 0 0 20px;}
.alert_msg .alert_txt{float:right; width:410px; margin-left:40px; margin-bottom:20px; text-align:left; font-weight:bold; line-height:18px; min-height:40px; height:40px; height:auto !important; margin-top:5px; padding-right:10px; *padding-right:0 !important;}
.alert_msg1 .alert_txt1{float:right; width:430px; margin-left:30px; margin-bottom:20px; text-align:left; font-weight:bold; line-height:18px; min-height:40px; height:40px; height:auto !important; margin-top:5px; padding-right:10px; *padding-right:0 !important;}
.alert_msg .alert_close{text-align:right; font-weight:bold; line-height:19px; margin:-10px -17px 0 0; *margin:-10px 0px 0 0; width:515px; *width:511px; float:left;}
.alert_btn{float:left; width:520px; text-align:center;}
.alert_msg .alert_close img{float:right;}


.pdf_icon{width:300px; float:left; margin:0 0 15px 105px; *margin:0 0 15px 90px;}	
.pdf_icon img{float:left; text-align:left;}

.alert_msg_wht{background:url(images/alert_icon.gif) no-repeat 20px 20px #fff !important;}
.alert_form{width:400px; float:left;}
.alert_form b{float:left;  margin:3px 0 0 10px !important;}
.alert_form input{float:left; vertical-align:top; margin-left:10px !important;}
.alert_form select{float:left; margin:3px 0 0 0;}
.alert_form  span{float:left !important; margin:3px 0 0 10px !important;}


.alert_msg .alert_txt input{margin:2px 5px 0 0; float:left; padding:4px 0;}
.alert_msg .alert_txt img{ float:left;}
.alert_btn input{float:left;}
.alert_btn img{float:left; margin-left:3px;}
.alert_btn span{width:100%; float:left;}


.radio_alert{width:420px; float:left; padding:15px 0 0 0;}
.radio_alert .input_rad{width:20px; float:left; margin-right:5px;}
.radio_alert .input_rad_msg{width:380px; float:left; text-align:left; padding-right:15px; *padding-right:10px;}

.radio_alert input{ *margin-top:-3px !important;}
.ml10px{margin-left:10px !important;}

.colblue{color:#265b8f !important;}

/*h3{background:url(images/strip_bg.gif) repeat-x left top; width:541px; *width/*\**:549px; float:left; padding:4px;}*/
.w50px{width:50px;}
.w100px{width:w80px !important;}



.ml0{margin-left:0 !important;}

.p0{padding:0 !important;}

.bor0{border:0 !important;}


.select_type1{background:#fff; width:540px; float:left; margin:0 0 0 17px; padding:10px;}
.select_type1 ul{list-style-type:none; padding:0; width:540px; margin:0 0 0 11px; display:block; text-align:center;}
.select_type1 ul li{list-style-type:none; padding:0; margin:0; float:left; background:none !important; text-align:center; margin-right:3px; margin-left:8px; font-size:13px; font-weight:bold; line-height:16px;}
.select_type1 ul li input{margin-bottom:5px; vertical-align:middle;}






/*rectangular mat css new on 27july 2010*/
.select_type2{background:#fff; width:538px; *width:550px; float:left; margin:0 0 0 17px; padding:10px;}
.select_type2 ul{list-style-type:none; padding:0 !important; width:538px; *width:550px; margin:0 0 0 5px; display:block; text-align:center; border:solid 1px #ccc; float:left;  padding-left:1px; padding-top:3px; padding-bottom:3px;}

.select_type2 ul li{list-style-type:none; padding:0 5px 10px 5px; margin:0; float:left; background:none !important; text-align:center; margin-left:1px; margin-right:1px; font-size:12px; font-weight:normal; line-height:16px; width:120px;  *width:134px; height:300px; border:solid 1px #ccc !important;}

.select_type2 ul li.active{border:solid 1px #fdd235 !important;}

.select_type2 ul li input{margin-bottom:5px; vertical-align:middle;}
.select_type2 ul li p{display:block; text-align:left; padding:0; margin:0;}
/*old css stylesheet.css*/
TD {FONT-SIZE: 11px; FONT-FAMILY: verdana,arial;}
.sb1 {
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none;
	text-align: justify;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}
a:link {color:#6666FF; text-decoration: none;}
a.looklike:link{color:#000000; text-decoration: none; FONT-SIZE: 11px;}
a.looklike:hover{color:#000000; text-decoration: none; FONT-SIZE: 11px;}
a.looklike:active{color:#000000; text-decoration: none;FONT-SIZE: 11px;}
a.looklike:visited{color:#000000; text-decoration: none;FONT-SIZE: 11px;}

a.nlook:link {color:#000000; text-decoration: none; }
a.nlook:hover {color:#000000;  text-decoration: none; }
a.nlook:active {color:#000000;  text-decoration: none;}
a.nlook:visited {color:#000000;  text-decoration: none;}

.sb2 {
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none;
	text-align: justify;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}
td.r1{BACKGROUND-COLOR: #EFEFEF}
td.r2{BACKGROUND-COLOR: #F4F4F4}
TD.shop {BACKGROUND-COLOR: #6391d1}
TD.wel {BACKGROUND-COLOR: #eaeaea}
TD.mail {BACKGROUND-COLOR: #b1b18c}
TD.top {BACKGROUND-COLOR: #6391d1}
TD.top1 {COLOR: #ffffff; font-size: 11px;font-family: arial; BACKGROUND-COLOR: #3266CC}
TABLE.nav{COLOR: #6391d1; FONT-FAMILY: arial; FONT-SIZE: 11px; TEXT-DECORATION: none}
.drpdwn {BACKGROUND-COLOR: #ffffff; COLOR: #000000; FONT-FAMILY: tahoma,san-serif; FONT-SIZE: 11px}
.fredclass{
	position:absolute;
	top:358px;
	left:380px;
	width: 316px;
	height: 22px;
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
.hom {font-family:verdana,arial,helvetica; 
font-size:11px; color: #000000; 
text-decoration:none;
}
.medium {font-family:verdana,arial,helvetica; font-size:11px;}
H3 {margin: 0px; font-family:verdana,arial narrow; color: #40248A; font-size:14pt;}
H1 {margin: 0px; font-family:verdana,arial narrow; color: #40248A; font-size:14pt;}
H2 {margin: 0px; font-family:verdana,arial narrow; color: #40248A; font-size:14pt;}

a.matchH1:link{	font-family:arial, verdana, helvetica;
	font-size:11px;
	text-decoration:none;
	color: #6666FF;
}
a.matchH1:hover
{
	font-family:arial, verdana, helvetica;
	font-size:11px;
	text-decoration:none;
	color: #6666FF;
}
a.matchH1:visited
{
	font-family:arial, verdana, helvetica;
	font-size:11px;
	text-decoration:none;
	color: #6666FF;
}
.verysmall {font-family:verdana,arial,helvetica; font-size:10px;}
.bottomsmall {font-family:verdana,arial,helvetica; font-size:10px;}
.big {font-family:verdana,arial,verdana,helvetica; font-size: 11px}

p {font-family:verdana,arial,helvetica; font-size:11px; text-align: justify; margin-left: 8px; margin-right: 8px;}
p.sidebar{font-family:verdana,arial,helvetica; font-size:11px; margin-top: 3px;
	margin-bottom: 3px;}
p.small {
	font-family:arial,helvetica;
	font-size:10pt;
	color: #333333;
	text-align: justify;
	margin-left: 5px;
	margin-right: 8px;
	LINE-HEIGHT: 135%;
}
p.cart {
	font-family:Verdana,arial,helvetica;
	font-size:11px;
	color: #333333;
	text-align : left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.yellowHead {
 font-family:arial;
 font-size:14px;
 text-align: justify;
 margin-left: 8px; FONT-WEIGHT: bold;
 color:#000000;
}
p.matsmall {
	font-family:verdana,arial,helvetica;
	font-size:8pt;
	color: #2A2929;
	text-align: justify;
	margin-left: 16px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
p.ns {
	font-family:verdana,arial,helvetica;
	font-size:11px;
	text-align: justify;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.borderone {border-collapse: collapse; border: 1px solid #FF9900; padding: 0 }
p.pos {
	position: absolute;
	top: 77px;
	left: 321px;
	width: 437px;
	height: 204px;
	z-index: 3;
}
p.imgpos {
	position: absolute;
	top: 227px;
	left: 421px;
	width: 437px;
	height: 204px;
	z-index: 3;
}
p.imgpos2 {
	position: absolute;
	top: 210px;
	left: 320px;
	width: 437px;
	height: 204px;
	z-index: 3;
}
p.imgpos3 {
	position: absolute;
	top: 210px;
	left: 548px;
	width: 442px;
	height: 204px;
	z-index: 3;
}
h3.hpos {
	font-family:verdana,arial,helvetica;
	font-size:14px;
	position: absolute;
	top: 87px;
	left: 340px;
	width: 400px;
	height: 173px;
	z-index: 3;
	color: #000000
}
p.pos2 {
	position: absolute;
	top: 15px;
	left: 333px;
	width: 54%;
	height: 23px;
	z-index: 2;
}


p.pos1 {
	position: absolute;
	top: -5px;
	left: -10px;
	width: 779px;
	height: 173px;
}
p.tpos2 {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 54%;
	height: 23px;
	z-index: 2;
}




p.toplayout {
	position: absolute;
	top: -1px;
	left: -8px;
	width: 54%;
	height: 23px;
	z-index: 2;
}
p.toplayout1 {
	position: absolute;
	top: -12px;
	left: -10px;
	width: 54%;
	height: 23px;
	z-index: 2;
}



p.tpos1 {
	position: absolute;
	top: -5px;
	left: -10px;
	width: 779px;
	height: 173px;
}
H2.TRMPHD {font-family:verdana,arial narrow; font-size: 17px;  color: #40248A; font-weight: bold; text-decoration:none;}

H6 {font-family:verdana, arial; font-size: 11px; color: #ff0000}

H5 {
font-family:verdana, arial; 
font-size: 12px; 
margin-left:6px; 
margin-bottom: 0px;
padding-bottom: 0px;
padding:0; padding-top:30px; *padding-top:40px;}

H4 {font-family:arial, verdana ; font-size: 10pt; }
a {text-decoration:none}
a:hover {text-decoration: underline}
a:active     { text-decoration: underline }
a:visited {color: #A03450}
.boxstyle {font-family:verdana,arial,helvetica; font-size:11px; border: 1px solid #F0F0F0; padding: 0}

.boxstyleor {font-family:verdana,arial,helvetica; font-size:11px; border: 1px solid #F0F0F0; padding: 0}
.inputstyle 
{
font-family:verdana,arial,helvetica;
font-size:11px; border: 0px none; padding: 0;
background-color:#6264C9
}
.inputboxstyle 
{
	font-size:13px;
	border: 1px solid #7F9DB9; 
	padding:2px;background-color:#FDF8E1;
	
}

.inputwhitebase {
	font-family:Trebuchet MS, arial, helvetica;
	font-size:13px;
	border: 0px solid #FFFFFF;
	padding: 0;
	background-color:#FFFFFF;
	font-weight: bold;
}
.inputwhitebase input{
	border:0px;
	font-weight: bold;
}


.inputwhitebasebig {
	font-family:arial, helvetica;
	font-size:18px;
	border: 0px solid #FFFFFF;
	padding: 0;
	background-color:#FFFFFF;
	font-weight: bold;
	color: #6666FF;
}
.inputbutstyle {
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color: #0066FF;
	border: 0px solid #00CCFF;
	padding: 0px;
	background-color:#0099FF;
	background-image: url('images/btnbg.gif');
	height: 17px
}
.inputbutYelstyle {
	font-family: arial;
	font-size:11px;
	color: #ffffff;
	border: 0px solid #00CCFF;
	padding: 1px; cursor:pointer;
	font-weight: bold;
	background-image: url('images/btnbgyel.gif');
	height: 22px;
}
.buttonstyle {
        font-family:verdana,arial,helvetica;
        font-size:11px;
        padding: 0;
        background-image:url('images/butbg.gif');
}
select.m {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FDF8E1;
	border: 1px solid #FF6600;
}
p.ans1{
	margin-left: 28px;
	margin-right: 0px;
	margin-top: 1px;
	margin-bottom: 4px;
}
TR.R0 {
color : #000000;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
padding: 3px; 
border-color:#FfFfFf;
}
TR.R1 {
color : #000000;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
padding: 3px; 
border-color:#F3F3F3;
}


td.head6{
   color : black;
   font-family : verdana;
   font-size: 9pt;
   text-decoration : none;
   background-color:#99E6F1;
}

.bottom:link {
 FONT-SIZE: 12px; COLOR: #015f67; TEXT-DECORATION: none; FONT-FAMILY: verdana;  
}
.bottom:visited {
 FONT-SIZE: 12px; COLOR: #015f67; TEXT-DECORATION: none; FONT-FAMILY: verdana; 
}
.bottom:hover {
 FONT-SIZE: 12px; COLOR: #6666ff; TEXT-DECORATION: none; FONT-FAMILY: verdana; 
}
.star{
COLOR: #6666ff;
}


.matformtextboxwidth{

font-size:15px; border: 1px solid #FF9900; 
padding:2px; 
background-color:#FDF8E1; 
width:30px; 

}

.btn{
color:blue;
font-family:'vardana';
font-weight:bold;
width:250px;
font-size:10px;
background-color:#FFFFFF;
border:1px solid;
border-top-color:#C6D6FD;
border-left-color:#C6D6FD;
border-right-color:#C6D6FD;
border-bottom-color:#C6D6FD;
}



.round_mat 
{ 
background: url(images/round_mat1.jpg); 
width: 110px; 
height: 110px 
}

.rect_mat 
{ 
background: url(images/rect_mat.jpg); 
width: 110px; 
height: 110px 
}
.octagonal_mat 
{ 
background: url(images/octagonal_mat.jpg); 
width: 110px; 
height: 110px 
}
.other_shape 
{ 
background: url(images/other_shape.gif); 
width: 110px; 
height: 110px 
}
.trampoline_spring_mat
{ 
background: url(images/trampoline_spring_mat.jpg); 
width: 180px; 
height: 210px 
}
.trampoline_mats_duraclip
{ 
background: url(images/trampoline_mats_duraclip.gif); 
width: 180px; 
height: 210px 
}
.trampoline_mat_sunshield
{ 
background: url(images/trampoline_mat_sunshield.gif); 
width: 180px; 
height: 210px 
}

 .check
{ 
color: #ffffff; 
background: #c5c5c5; 
text-decoration: none; 
padding: 0.2em;
border: 4px solid; 
border-color: #99f #008 #008 #99f 
}

.check:hover 
{ 
color: #ffffff; 
background: #f3f3f3; 
text-decoration: none; 
padding: 0.2em; 
border: 4px solid; 
border-color: #008 #99f #99f #008 
}

.brethcum {
 font-size: 12px;
 font-family: verdana,Arial;
  text-decoration:underline;
 font-weight: bold;
 color:#0008ab
}
.brethcum:visited{
 font-size: 12px;
 font-family: Arial, verdana;
  text-decoration:underline;
 font-weight: bold;
 color:#0008ab
}

.brethcum1 {
 font-size: 12px;
 font-family: Arial, verdana;
 font-weight: bold;
 color:#b30101
 }
 
.brethcum2 {
 font-size: 12px;
 font-family: Arial, verdana;
 font-weight: none;
 color:#0008ab
}

#info_box {display:none; *margin-left:-250px !important;}
.w210px{width:210px;}
.w150px{width:150px;}

.rgt{text-align:right !important;}
.fr{float:right !important;}


/* new css for alignment of radio buttons*/
.jump_mat_radio{width:545px; float:left;}
.jump_mat_radio .radio_option1{width:280px; float:left; padding-left:72px;}
.jump_mat_radio .radio_option2{width:192px; *width:242px; float:left; *padding-left:42px;;}


.jump_mat_radio .radio_option1 input{float:left; margin-bottom:10px;}
.jump_mat_radio .radio_option2 input{float:left; padding-right:10px; margin-bottom:10px;}


#remove_txt{ margin-top:3px; float:left; text-decoration:none; font-size:11px !important; font-weight:normal; color:#265b8f; padding:2px !important; position:absolute; margin-left:100px;}
#remove_txt:hover{text-decoration:none; color:#000;}


#remove_txt_fab{margin-left:100px; margin-top:3px; float:left; text-decoration:none; font-size:11px !important; font-weight:normal; color:#265b8f; padding:2px !important; position:absolute;}
#remove_txt_fab:hover{text-decoration:none; color:#000;}

#remove_txt_flap{ margin-top:25px; float:left; text-decoration:none; font-size:11px !important; font-weight:normal; color:#265b8f; padding:2px !important; position:absolute; margin-left:80px;}

#remove_txt_stich{ margin-top:25px; float:left; text-decoration:none; font-size:11px !important; font-weight:normal; color:#265b8f; padding:2px !important; position:absolute; margin-left:80px;}

.price_all{font-size:15px; font-weight:bold;}
.quantity_1 img{padding:20px 0 30px 0; float:left;}
.grey_bg{background:#ebebe4 !important; border:solid 1px #7f9db9;  padding:3px 10px;}
.price_new{color:#6666ff; font-size:15px; font-weight:bold; line-height:14px;}

ul.top_txt li{padding:10px 0 10px 20px; background-position:left 15px;}
.testi_txt{width:200px; float:left; padding:0 5px 0 15px;}
.testi_desc{width:190px; float:left; padding:3px 20px 0 0 ;}

/*---alert msg css for spring length------*/
.alert_msg_spr{background:url(images/alert_icon.gif) no-repeat 20px 20px ; border:solid 1px #cdcdcd; width:515px; float:left; margin:10px 0 0 10px; font:12px "Arial"; color:#474747; padding:15px 5px 5px 0; *padding:15px 5px 20px 0;}






.alert_msg_spr .image_alert{float:left; width:90px; padding:0 0 0 20px;}
.alert_msg_spr .alert_txt{float:right; width:410px; margin-left:40px; margin-bottom:20px; text-align:left; font-weight:bold; line-height:18px; min-height:60px; height:60px; height:auto !important; margin-top:5px; padding-right:10px; *padding-right:0px;}



/*rajeev css 26th aug2010*/
.alert_msg_spr .alert_txt1{float: left; width:440px; margin-left:10px; margin-bottom:20px; text-align:center; font-weight:bold; line-height:18px; min-height:60px; height:60px; height:auto !important; margin-top:5px; padding-right:10px; *padding-right:0px;}

.next_prev img{margin:0 10px;}
.next_prev a{width:30px;}
.bg_grey{background:#f4f4f4; }
/*rajeev css 26th aug2010*/



.alert_msg_spr .alert_close{text-align:right; font-weight:bold; line-height:19px; margin:-10px -17px 0 0; *margin:-10px 0px 0 0; width:515px; *width:511px; float:left;}
.alert_btn{float:left; width:520px; text-align:center;}
.alert_msg_spr .alert_close img{float:right;}


/*start Footer css code */

.footer_new{width:841px; float:left; margin-left:69px; *margin-left:70px;}
.footer_link{width:791px; *width:841px; float:left; background:url(images/botcor.gif) no-repeat left top #eaeaf6; padding:10px 0 2px 50px; height:25px;}
.footer_link a{margin:0 10px 0 0; font-size:13px;}
.footer_link a:hover{text-decoration:none; color:#0c3865;}
.footer_link a img{border:0; vertical-align:middle; margin:0 4px 0 0;}

.footer_page_link{width:821px; *width:841px; float:left; background:#ffcc33; padding:20px 10px; border-bottom:solid 1px #fff;}
.links_new{width:245px; float:left; padding:0 15px 0 40px; background:url(images/footer_bg_rgt.jpg) repeat-y right top; height:100px;}
.links_new a{display:block; margin:0 0 5px 5px; text-align:left; color:#0c3865 !important; text-decoration:none; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.links_new a:hover{color:#6666ff !important; text-decoration:none;}
.links_new a:visited{color:#0c3865 !important; text-decoration:none;}

.ssl{width:220px; float:right; text-align:center;}
.ssl img{margin:10px 0 0 0;}
.copyright{width:841px; float:left; text-align:center; background:#f8d556; padding:8px 0;}

/*end Footer css code */
.footer_new1{width:841px; float:left; margin-left:69px;}
.footer_link1{width:791px; *width/*\**/:791px; float:left; background:url(images/botcor.gif) no-repeat left top #eaeaf6; padding:10px 0 2px 50px; height:25px;}
.footer_link1 a{margin:0 8px 0 0; font-size:13px;}
.footer_link1 a:hover{text-decoration:none; color:#0c3865;}
.footer_link1 a img{border:0; vertical-align:middle; margin:0 4px 0 0;}

.footer_page_link1{width:821px; *width/*\**/:821px; float:left; background:#ffcc33; padding:20px 10px; border-bottom:solid 1px #fff;}
.links_new1{width:245px; *width/*\**/:245px; float:left; padding:0 15px 0 40px; background:url(images/footer_bg_rgt.jpg) repeat-y right top; height:100px;}
.links_new1 a{display:block; margin:0 0 5px 5px; text-align:left; color:#0c3865 !important; text-decoration:none; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.links_new1 a:hover{color:#6666ff !important; text-decoration:none;}
.links_new1 a:visited{color:#0c3865 !important; text-decoration:none;}

.ssl1{width:220px; float:right; text-align:center;}
.ssl1 img{margin:10px 0 0 0;}
.copyright1{width:841px; float:left; text-align:center; background:#f8d556; padding:8px 0;}


#text_det p{padding:10px 0; margin:0; font-weight:bold;}

/*normal*/
.vring_1{width:250px; *width:250px; float:left; padding:5px; padding-top:0px; color:#353535; }
.vring_1 a{color:#353535; text-decoration:none;}
.vring_1 img{margin:5px 0 0 10px;}

.spring_span{border:solid 1px #ccc; font-weight:normal; color:#353535; margin:10px 0;}
.spring_span td{padding:5px;}
.borbot{border-bottom:solid 1px #ccc;}
.borrgt{border-right:solid 1px #ccc;}




.MultiFile-label{float:left; width:100%; padding:5px 0;}
.MultiFile-label img{vertical-align:middle;}

.grain_img .image_new{margin-left:10px;}

.m_right12px{margin-right:12px !important;}
.m_right10px{margin-right:10px !important;}

.flap_option_1 #id_flap{ margin-top:40px !important; top:15;}


/*new css for octagon mat thumbnails*/
ul.thumb_txt{width:528px; float:left; border:solid 1px #ccc; padding:10px 10px 10px 2px; margin:0 !important;}
ul.thumb_txt li{border:solid 1px #ccc; float:left; font-size:12px; padding:4px; height:280px !important; width:150px !important;} 
ul.thumb_txt li.active{border:solid 1px #fdd235;} 
ul.thumb_txt li p{float:left; width:135px; padding:3px; text-align:left; font-size:12px;}

.txtbox_disabled{float:left; width:200px; margin:-22px 0 0 85px; *margin:0 0 0 10px; position:absolute; color:#cc0000;}



/* Rebounder mat order form*/
.form_box_new_rebounder{width:584px; float:left; padding:0px !important; margin:20px 0 0 10px;}
.form_box_rebounder{background:url(images/form_box_top.gif) no-repeat left top; width:574px; *width:584px; height:26px; float:left; padding:8px 0 0 10px;}

.form_box_content_rebounder{width:574px; *width:584px; float:left; border:solid 5px #ffeca1; padding:20px 0;}
.rebounder_rows{width:549px; float:left; padding:10px 5px 10px 15px; font:13px "Trebuchet MS"; color:#353535; font-weight:bold;}
.rebounder_rows .rebounder_label{width:230px; float:left;}
.rebounder_rows .rebounder_label img{vertical-align:middle; float:left; margin-bottom:15px; margin-right:5px;}
.rebounder_rows .rebounder_field{width:309px; *width:300px; float:left; padding:0 0 0 10px; background:url(images/isto.jpg) no-repeat left 8px;}
.rebounder_rows .rebounder_field input{margin-left:3px; padding:2px; font-size:12px;}
.ml0px{margin-left:0 !important;}
.rebounder_rows .rebounder_field select{padding:2px; font-size:12px; color:#353535; margin-left:3px; }
.price_rebounder{font-size:15px; font-weight:bold; color:#545df1;  padding-left:10px;}

 
.rad_width{width:13px; margin:0 !important;}
.image_view{width:500px; float:left; margin:0 0 0 40px;}




.price_alert{color:#353535; font-size:12px; font-weight:bold;}
.price_alert a{color:#6666ff !important; text-decoration:none;}

.why2{margin:0 0 0 20px; *margin:0;}

.title_pvc{float:left; width:180px; font-weight:bold; height:50px; padding:0 0 10px 10px;}
.pvc_thumb{padding-left:0 !important; padding-right:0 !important; background:#cc0000; float:left; width:40px !important; margin:0 !important; }
.pvc_thumb a{margin:0 !important;}
.pvc_thumb img{margin:0 !important; padding:0;}

.sunsh1 a{margin-right:0px !important;}
.sunsh1 a:hover{margin-right:0px !important;}
.sunsh1 img{border:0 !important;}
.tumble_frame .rows_t .field_t{width:296px; float:left; padding-left:10px; background:url(images/isto.jpg) no-repeat left 9px !important;}


.dollar_blue span{font-size:14px !important; padding-top:2px; float:left;}
/* new feature for round mat_m page*/
.rows_new{width:525px; float:left; padding:15px 0 5px 0; margin:0 0 0 25px; border:solid 0px #E0E0E0; font-size:13px; }
/*letter-spacing:-0.20px !important;*/
.rows_new span{display:block;}
.rows_new .options_new{margin:10px 0 0 0; width:175px; text-align:center; float:left; color:#353535;}
.rows_new .options_new img{vertical-align:middle; margin:0;}
.rows_new .options_new input{margin-bottom:5px !important;}
/* new css for grmmet msg in roud mat by mat dimension */
.grmmet_msg{background:url(images/grommet_msg.jpg) no-repeat left top; width:353px; float:left !important;  padding:32px 30px 8px 100px; margin:0 0 0 35px;}


















/*rectangular mat by Frame measurement for others css new */
.select_type3{background:#fff; width:538px; *width:550px; float:left; margin:0 0 0 17px; padding:10px;}
.select_type3 ul{list-style-type:none; padding:0 !important; width:538px; *width:550px; margin:0 0 0 5px; display:block; text-align:center; border:solid 1px #ccc; float:left;  padding-left:1px; padding-top:3px; padding-bottom:3px;}
.select_type3 ul li{list-style-type:none; padding:0 5px 10px 5px; margin:0; float:left; background:none !important; text-align:center; margin-left:3px; *margin-left:4px; margin-right:2px; *margin-right:3px; font-size:12px !important; font-weight:normal; line-height:16px; width:90px; *width:99px; height:340px; border:solid 1px #ccc !important;}
.select_type3 ul li.active{border:solid 1px #fdd235 !important;}
.select_type3 ul li input{margin-bottom:5px; vertical-align:middle;}
.select_type3 ul li p{display:block; text-align:left; padding:0; margin:0;}
.select_type3 img{overflow:hidden;}
.grmmet_msg2{background:url(images/grommet_msg2.jpg) no-repeat left top; width:353px; float:left !important;  padding:32px 30px 25px 100px; margin:0 0 0 35px;}