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

#pro-h2 { height: 35px; width: 548px; margin: 0; float:left; padding-left:21px; padding-top:29px; }
#back-link { height: 35px; width: 150px; margin: 0; float:left; padding-left:21px; padding-top:29px; }
#back-link ul { width:120px; height:35px; float:left; list-style-type: none; }
#back-link li { width:100px; height:25px; float:left; background:url(../images/back.jpg) no-repeat left center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding-top:10px; padding-left:20px;}
#back-link a { color: #000000; text-decoration: none; }
#back-link a:hover { color: #FF0000; text-decoration: none; }
#pro-h3 { width:720px; height:auto; padding-top:20px; margin:0px; padding-left:21px; float:left; }
h3 {font-family:Arial; font-size:20px; font-weight:bold; color:#ba0003; text-decoration:none; }
h4 {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
h5 {font-family:Arial; font-size:12px; color:#666666; font-weight:bold; text-decoration:none;}

.benefit{ height:43px; width:auto; float:left;}
.bene-icon{ height:43px; width:214px; float:left;}
.bene-mid{ height:43px; width:286px; float:left; background:url(../images/pro_imgs/benefits-mid.jpg) repeat-x left top;}
.bene-mid2{ height:43px; width:501px; float:left; background:url(../images/pro_imgs/benefits-mid.jpg) repeat-x left top;}
.bene-right{ height:43px; width:5px; float:left; background:url(../images/pro_imgs/benefits-right.jpg) no-repeat right;}


#pro-h3-text { width:720px; height:auto; padding-top:7px; margin:0px; padding-left:21px; float:left; }
#pro-h3-middle { width:720px; height:auto; padding-top:10px; margin:0px; padding-left:21px; float:left; }
#benefit-left { width:505px; height:auto; margin:0; float:left; }
#benefitbox {width:505px; height:32px; float:left; margin:0; background-image:url(../images/benefits-bg.jpg); background-repeat:repeat-x; background-position:bottom;}
#benefitbox-text {width:500px; height:auto; padding-top:8px; float:right; margin:0;}
#benefitbox-text ul{ margin:0; padding:0; list-style-type:none; display:block; width:500px; }
#benefitbox-text ul li{ margin:0; padding:3px 0px 0px 10px; height:auto; background:url(../images/finger-bulat.jpg) no-repeat left top; }
#products-shoecase { width:202px; height:auto; margin:0; float:right; border:#d7d7d7 1px solid; }
#products-shoecaseimg { width:200px; height:200px; margin:0; float:left; }
.products-shoecase1 { width:202px; height:26px; padding-top:4px; margin:0; text-align:center; background-color:#999999; }
.products-shoecase2 { width:202px; height:22px; padding-top:8px; margin:0; float:left; text-align:center; background-color:#efefef; }
#pro-specification-text { width:720px; height:auto; padding-top:20px; margin:0px; padding-left:21px; float:left; padding-bottom:25px; }
#specificationsbox {width:720px; height:32px; float:left; margin:0; background:url(../images/benefits-bg.jpg) repeat-x bottom;}
#pro-specification-main { width:720px; height:auto; margin:0px; float:right; border:#eeeeee 1px solid; }
.grey-bg-pro { width:720px; height:auto; margin:0px; float:left; background-color:#f7f7f7; }
.grey-bg-pro1 { width:136px; height:22px; padding-top:8px; margin:0px; float:left; padding-left:9px; font-family:Arial; font-size:12px; color:#3d3d3d; text-decoration:none; font-weight:bold; }
.grey-bg-pro2{ width:20px; height:22px; padding-top:8px; margin:0px; float:left; font-family:Arial;	font-size:12px;	color:#000000; text-decoration:none; }
.grey-bg-pro3{ width:530px; height:22px; padding-top:8px; margin:0px; float:left; font-family:Arial; font-size:12px; color:#000000; text-decoration:none; }

.grey-bg-pro1-1 { width:136px; height:35px; padding-top:8px; margin:0px; float:left; padding-left:9px; font-family:Arial; font-size:12px; color:#3d3d3d; text-decoration:none; font-weight:bold; }
.grey-bg-pro2-2{ width:20px; height:35px; padding-top:8px; margin:0px; float:left; font-family:Arial;	font-size:12px;	color:#000000; text-decoration:none; }
.grey-bg-pro3-3{ width:530px; height:35px; padding-top:8px; margin:0px; float:left; font-family:Arial; font-size:12px; color:#000000; text-decoration:none; }

.white-bg-pro { width:720px; height:auto; margin:0px; float:left;}
.dvr-benefite-text {width:505px; height:auto; padding-top:8px; float:left; margin:0; font-family:Arial; font-size:12px; color:#ba0003; text-decoration:none; font-weight:bold; }
.dvrbox-text {width:505px; height:auto; padding-top:8px; float:left; margin:0;}
.dimensions { width:720px; height:auto; margin:0px; float:left;}
#dimensions1 { width:696px; height:auto; margin:0px; float:right; padding-top:12px; padding-bottom:3px; border-bottom:#4298da solid 1px; color: #326C98; font-family:Arial; text-decoration:none; font-weight:bold;}
#dimensionsimg { width:696px; height:auto; margin:0px; float:right; padding-top:15px; padding-bottom:15px; }

.thumbnail{ position: absolute; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }

#consultation { width:125px; height:30px; margin-top:5px;float:right; padding-top:22px; padding-left:75px; background:url(../images/consultation-bg.jpg) no-repeat; }
.consultation { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#FFFFFF; text-decoration:none;}
.consultation:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#FFF456; text-decoration:none;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color: #EFEFEF; padding: 5px; left: -900px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; padding: 2px; }

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; top: 0; left: -110px;}
 /*position where enlarged image should offset horizontally */

.modelmain{ width:720px; height:auto; float:left; padding-bottom:15px;}
.modelbox{ width:169px; height:auto; float:left; padding:0 5px 0 5px;}
.model-top-main { width:169px; height:27px; float:left;}
.model-top-left { width:6px; height:27px; float:left; background:url(../images/model-top-left-part.jpg) no-repeat;}
.model-top-middle { width:157px; height:27px; float:left; background:url(../images/model-top-middle-part.jpg) repeat-x;}
.model-top-right { width:6px; height:27px; float:left; background:url(../images/model-top-right-part.jpg) no-repeat;}
.model-middle-main{ width:139px; height:auto; float:left; background:url(../images/model-main-bg.jpg) repeat-x; padding:15px 0 0 15px;}
.model-bottom-main { width:169px; height:27px; float:left;}
.model-bottom-left { width:9px; height:9px; float:left; background:url(../images/model-bottom-left-part.jpg) no-repeat;}
.model-bottom-middle { width:151px; height:9px; float:left; background:url(../images/model-bottom-middle-part.jpg) repeat-x;}
.model-bottom-right { width:9px; height:9px; float:left; background:url(../images/model-bottom-right-part.jpg) no-repeat;}
.model-text{ width:159px; height:auto; float:left; padding:5px; background:#ececec; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; line-height:18px;}