pro_gallery/* CSS Document */
*, html, img{margin:0; padding:0;}
body{background:#000 url(../images/bg.jpg) top center repeat-x;font-family:Tahoma, verdana, Verdana, Arial; color:#fff; padding:0px; margin:0px;}
form,textfield, ul, li, p, table, td, select{ margin:0; padding:0; }
.cl{ clear:both; height:0px; line-height:0px; font-size:1px;}
a{ text-decoration:none;}
img{ border:none;}
#container{ width:975px; height:auto; margin:auto; }
#menu{ height:26px; float:right;}
#menu .menu_link{ float:left; padding:0px 13px;}
#menu .menu_link a{ font:13px Tahoma, verdana, Verdana, Arial; color:#CCC; text-transform:uppercase; text-decoration:none; line-height:25px; }
.warp_container{ display:block;}
.warp_container .logo{ width:972px;padding-left:3px;}
.left{ width:220px; padding:20px 9px 10px 9px; float:left;}
.left div.ss{ border-radius:7px;}
.left .left_nav{ display:block;}
.left .left_nav p{ padding-bottom:8px; font-size:14px;}
.inptt{ width:188px; border:none; padding:3px 1px;}
.btn-send{ background:url(../images/btn-bg.png) repeat-x; border-radius:2px; text-transform:uppercase; color:#222; font-size:17px; border:none; padding:2px; cursor:pointer;}
.left .left_nav h2{ font-size:11pt;text-transform:uppercase;background:url(../images/bg-h1.png) bottom repeat-x;line-height:20px; margin:10px 0px;}
.left .left_nav a{font-weight:700;color:#fff;line-height:17px;display:block;background:url(../images/li.png) left top no-repeat;padding-left:20px; color:#fff;
font-size:10pt;text-decoration:none;}
.right{width:731px;float:left;-left:6px;padding-bottom:10px; padding-top:20px; padding-left:6px;}
.right h3{color:#FFFFFF;font-size:16pt;font-weight:normal;padding-bottom:10px;}
.right p{color:#FFFFFF;font-size:10pt;font-weight:normal;padding-bottom:12px;}
.en img{ max-width:246px; max-height:305px; padding:5px; overflow:hidden;}
.enlarge{ display:block; background:url(../images/enlarge.jpg) no-repeat; width:256px; height:25px; cursor:pointer;}
.desc tr td p{ color:#FFFFFF;font-size:11pt;font-weight:600;padding-bottom:11px;}
#footer{width:975px;border-top:1px solid #333333;margin-top:20px;padding:5px 0px;font-size:8pt;float:left;}
#footer, #footer a{color:#fff;}
#footer1{}
#footer ul{margin-top:10px;list-style:none;width:575px;float:left;}
#footer li{display:inline;}
#footer li a{color:#fff;line-height:16px;display:inline;padding:0px 5px;text-decoration:none;}
#footer li a:hover{background:#475242;}
.pro_gallery{ float:left; width:175px; height:auto; padding:2px 3px; margin-bottom:10px;}
.pro_gallery .pro_bg h3{ padding-bottom:3px;}
.pro_gallery .pro_bg{ background:url(../images/bg-boxes.png) no-repeat; padding:7px 6px; }
.pro_gallery .pro_bg h3 a{font-size:14pt;padding:3px 5px;color:#000;font-weight:normal; padding-top:0px;}
.pro_gallery .pro_bg .pro_img{ height:154px; width:156px; overflow:hidden; text-align:center;}
.pro_gallery .pro_bg .pro-nm{ height:24px; width:156px; overflow:hidden;}
.pro_gallery .pro_bg .pro_img a img{ max-width:156px; max-height:176px; overflow:hidden;}
.pro_gallery .pro_bg .pro_foot{ height:29px; padding-top:10px;}
.pro_gallery .pro_bg .pro_foot span{color:#000000;font-size:11pt;font-weight:600;padding-bottom:10px; float:right;}
.contact_table tr td{ padding:0px; font:13px Tahoma, Arial, Helvetica, sans-serif;}
.contact_table .altrow td{ padding:2px;}
.contact_table tr td .input{ border:1px solid #ccc;}
.sub_table tr td a{ font:13px Tahoma, Arial, Helvetica, sans-serif; color:#EFEFEF; font-weight:normal;}
.navRbox{ width:250px; float:left;}
.navMbox{ float:left; width:400px;}
.navRbox dl dt{ font:14px Tahoma, Arial, Helvetica, sans-serif; color:#fff; padding-top:10px;}
.navRbox dl dd input{ font:12px Tahoma, Arial, Helvetica, sans-serif; width:190px; padding:2px; border:1px solid #000;}
.navRbox dl dd textarea{ font:12px Tahoma, Arial, Helvetica, sans-serif; width:190px; padding:2px; border:1px solid #000;}
.mbox{float:left; width:380px; padding-left:20px; padding-top:20px; }
.mbox p{font:16px Tahoma, Arial, Helvetica, sans-serif;}
.PopBoxImageSmall{ border: none 0px #ffffff; cursor: url("images/magplus.cur"), pointer;}
.PopBoxImageLarge{ border: solid 1px #999999; cursor: url("images/magminus.cur"), pointer;}
.PopBoxImageShrink{ cursor: url("images/magminus.cur"), pointer;}
.PopBoxImageLink{cursor: pointer;}
.PopBoxImageMove{border: none 0px #ffffff;cursor: pointer;}
.reg_table tr td{ font:13px Tahoma, Arial, Helvetica, sans-serif; padding:3px 5px;}
.thnk tr td a{ color:#C7C7C7; text-decoration:underline;}
.thnk tr td a:hover{ color:#fff; text-decoration:none;}
/*input{font:normal 12px calibri, arial; margin:0; padding:0; background:#fff;}
textarea{font:normal 12px calibri, arial; margin:0; padding:0; background:#fff;}
select .boldclass{font-weight:bold;}
ul, li{list-style-type:none; margin:0; padding:0;}
.cl{clear:both; height:0px; line-height:0px; font-size:1px;}
p{ background:#fff;}
#container{ margin:auto; padding:0; width:1004px; height:auto; }
#nav_warp{ margin:auto; padding:0; width:1004px; height:auto; }
#header{ height:auto; padding:0; width:1004px; padding-bottom:10px; margin:auto;}
#logo_container{ float:left; height:140px; width:300px; padding:0px; margin:0;}
.logo_left{ background:url(../images/logo_left.png) no-repeat left top; width:18px; height:130px; float:left;}
.logo_mid{ background:url(../images/logo_mid.png) repeat-x; width:316px; height:130px; float:left;}
.logo{ background:url(../images/logo.png) no-repeat; width:320px; height:100px;}
.logo_right{ background:url(../images/logo_right.png) no-repeat; width:22px; height:130px; float:left;z-index:999; }
#menu{ float:left;padding-top:28px; width:645px; height:50px; z-index:-999; margin-left:-1px; }
.menu_bg{ background:url(../images/menu_bg.png); height:52px; width:630px; float:left; }
.menu_link{ float:left; padding:5px 5px; color:#B0AEB3;}
#menu .menu_link:hover a{ color:#D121D1;}
#menu #current a{ color:#D121D1;}
#menu .menu_link a{text-decoration:none;font:bold 13px Trebuchet MS; color:#fff; padding:0 6px; line-height:35px; }
#menu .dot{background:url(../images/point.png) no-repeat; float:left; height:41px; width:9px; margin-top:4px;}
.menu_right{ background:url(../images/menu_right.png) no-repeat; width:15px; height:52px; float:left;}
.bB{ float:right; padding-right:10px; padding-top:5px; text-align:right;}
.bB b{ text-align:right; font:verdana 11px; color:#D121D1; line-height:20px; }
.banner{ float:left; width:1004px; overflow:hidden; margin:0; height:280px; background:url(../images/shadow.png) no-repeat bottom center;}
.banner_left{ background:url(../images/banner_left.png) no-repeat; width:14px; height:228px; float:left; }
.banner_mid{ background:url(../images/banner_mid.png) repeat-x; width:972px; height:228px; float:left;}
.banner_right{ background:url(../images/banner_right.png) no-repeat; width:14px; height:228px; float:left; }
.left_side{ float:left; margin-left:-14px;}
.left_arrow{ background:url(../images/left_arrow.png) no-repeat; cursor:pointer; width:70px; height:66px; margin-top:155px; margin-left:-100px; float:left; }
.img_container{ width:256px; text-align:center; }
.img_container img{ padding-left:20px; auto; }
.nm{ font:22px Arial, Helvetica, sans-serif; color:#D121D1; line-height:40px; text-decoration:none;}
.img_container a{ text-decoration:none; outline:none;}
.right_arrow{ background:url(../images/right_arrow.png) no-repeat; cursor:pointer; width:70px; height:66px; margin-top:155px; background-color:none;}
.left_nav{ float:left; width:300px; height:auto; margin-left:-5px;}
.left_nav .title{ background:url(../images/left_title_bg.png) no-repeat; width:304px; height:62px; float:left; text-align:center;}
.left_nav span{ font: bold 18px sans-serif; line-height:40px;}
.left_bg{ background:url(../images/left_bg.png) repeat-y; width:300px; padding-left:20px; height:auto; float:left; }
.left_bg p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:none; text-align:justify; padding:5px 10px; padding-right:40px;}
.left_foot{ background:url(../images/left_foot.png) no-repeat; width:304px; float:left; height:16px;}
.right_nav{ float:left; width:705px; height:auto; padding:0; margin:0;}
.right_nav .right_nav_left{ background:url(../images/right_nav_left.png) no-repeat; width:24px; height:62px; float:left;}
.right_nav_mid{ background:url(../images/right_nav_mid.png) repeat-x; width:67px; height:62px; float:left;}
.right_nav_title{ background:url(../images/right_nav_title.png) no-repeat; width:267px; height:62px; float:left; text-align:center;}
.right_nav_right{ background:url(../images/right_nav_right.png) no-repeat; width:14px; height:62px; float:left; margin-left:-1px;}
.right_nav_bg{background:url(../images/right_nav_bg.png) repeat-y; width:702px; height:auto; margin-left:3px; float:left; padding:0px 10px; overflow:hidden;}
.right_nav_foot{ background:url(../images/right_nav_foot.png) no-repeat; width:700px; float:left; height:17px; margin-left:3px; overflow:hidden;}
.right_nav_title span{ font: bold 17px sans-serif; line-height:40px;}
.mid_box_links{ background:url(../images/dot.png) no-repeat left 7px; padding-left:20px; display:block; width:243px; line-height:25px; }
.mid_box_links a{ color:#083A6B; font-weight:bold; font:bold 12px Arial, Helvetica, sans-serif; line-height:25px; color:#333; text-decoration:none; letter-spacing:1px;}
.mid_box_links a:hover{ text-decoration:underline; color:#D121D1;}
.read_more a{ float:right; line-height:15px; color:#D121D1; font-weight:bold; padding-right:30px;}
.read_more a:hover{ color:#333; text-decoration:none;}
.right_nav_bg .warp_left{ width:415px; padding:0px 10px; float:left; height:auto; }
.right_nav_bg .warp_left p{ font:13px sans-serif; line-height:18px; text-align:justify; padding:5px 0px; background:none;}
.right_nav_bg .warp_right{ width:233px; float:left; padding:0px 5px; height:auto;}
.right_nav_bg .warp_right span{ display:block; font:bold 14px Arial, Helvetica, sans-serif;line-height:30px;}
.right_nav_bg .warp_right .inp{ background:url(../images/inp_box.png) no-repeat; width:220px; height:30px; border:none;}
.right_nav_bg .warp_right .right_banner a img{ border:none;}
.right_nav_bg .warp_right .right_banner p { font-weight:bold; line-height:20px; color:#333; background:none; }
.right_nav_bg .warp_right .right_banner p a{ color:#D121D1; text-decoration:none;}
.right_nav_bg .warp_right .right_banner p a:hover{ text-decoration:underline; color:#333;}
.right_nav_bg .warp_right .facebook{ margin-top:10px;}
.detail{ padding:10px; background:#fff;}
.detail tr td{ font:12px Tahoma, Arial, Helvetica, sans-serif; color:#555; padding:5px; background:#fff; line-height:20px;}
.detail tr td.top{font:bold 13px sans-serif; color:#333; width:180px;}
.detail tr td.top label{ font-weight:normal; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#333; line-height:20px;}
#screen{
padding:0;
}
#screen li{
float:left;
list-style:none;
background-color:#fff;
}
#screen li { outline:none;}
#screen .jq-ss-crop{
margin:0px 10px;
float:left;
}
#left,#right{
font-size:36px;
display:block;
text-decoration:none;
background-color:none;
}
#view{
margin:0px;
width:760px;
height:210px;
overflow:hidden;
}
#images{
width:3618px !important;
width:3822px;
padding:0;
}
#images li img{
border:0;
}
/* foooooooooter */
/*.footer{ background:url(../images/footer_bg.png) repeat-x; width:1000; height:50px; bottom:0px; padding-top:20px; margin:0; float:left;}
.footer_nav{ width:980px; height:58px; margin:auto; text-align:center;}
.footer_nav p{ font: 11px verdana;}
.foot_left{ float:left; background:url(../images/foot_left.png); width:10px; height:58px;}
.foot_right{ float:left; background:url(../images/foot_right.png) no-repeat; width:10px; height:58px;}
.foot_links{ font-family:sans-serif; font-size:12px; font-weight:600; color:#000;}
.foot_links a{ line-height:35px; font-family:sans-serif; font-size:12px; font-weight:600; color:#D121D1; padding: 0px 15px; text-decoration:none; }
.foot_links a:hover{ text-decoration:underline; color:#333;}
.copy_right{ color:#E4E4E4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
.copy_right a{ color:#fff;}*/
.leftP{float:left; width:250px; overflow:hidden;}
.rightP{float:left; width:707px; overflow:hidden; height:auto; background:none;}
.lBox{padding-bottom:5px;}
.lBox h2{background:url(../images/lh2Span.png) no-repeat left top; font-size:16px; padding-left:26px;}
.lBox h2 span{background:url(../images/lh2Bg.png) no-repeat right top; font-size:16px; display:block; padding:8px 0;}
.lBoxContent{background:#131313; border:0px solid #272727; border-width:0 1px;}
.lpro{padding:5px 15px 7px;}
.lpro a{display:block; color:#696969; text-decoration:none; background:url(../images/larrow.gif) no-repeat left center; padding:5px 0 5px 10px; border-bottom:1px dashed #696969; text-transform:uppercase;}
.lpro a:hover, .lpro a:active,.lpro a.active{color:#D03C6D; background:url(../images/larrow_a.gif) no-repeat left center;}
.hpro{text-align:center; padding-bottom:7px;}
.hpro img{border:5px solid #fff; margin:10px 0 0;}
.hpro a{text-decoration:none; border:0;}
.hpro a:hover img{border:5px solid #D03C6D;}
b.lb b{display:block; background:#131313; border:1px solid #272727; border-width:0 1px; height:1px; overflow:hidden;}
b.lb b.b1{margin:0 4px; background:#272727;}
b.lb b.b2{margin:0 2px; border-width:0 2px;}
b.lb b.b3{margin:0 1px; height:2px;}
.inpt{ width:222px; padding:4px; border:1px solid #A6A6A6;}
.inpt2{ padding:4px; border:1px solid #A6A6A6;}
.left_nav dl{ padding-left:20px;}
.left_nav dl dt{ font: bold 13px sans-serif; color:#333; line-height:22px; padding:4px 0px;}
.rightP h2{font-size:16px; border-bottom:1px dashed #D03C6D; padding:3px 0; margin-bottom:10px;}
.rightP h2 span{color:#D03C6D;}
.more, .more img{text-align:right; border:0;}
.resv tr td{ font:bold 13px sans-serif; color:#333; padding:4px; background:#fff;}
.wContent{padding-bottom:20px;}
.wContent p{padding-bottom:10px;}
.wContent .wPic{width:193px; height:193px; overflow:hidden; padding:18px; float:left; margin-right:10px;}
.wContent .wPic img{width:193px; height:193px;}
.pBox{float:left; margin:0 11px 22px; width:205px; height:auto;}
.pBox h2{margin:0; padding:0; color:#111; font-size:13px; text-align:center; padding-top:3px; padding-bottom:3px; height:25px; border:0;}
.pBox h2 span{color:#cacaca; font-size:11px; text-align:center; padding-top:5px; font-weight:normal; display:block; padding-bottom:5px;}
.pBox table td{padding:0; background:#fff url(../images/loading.gif) no-repeat center; height:135px; text-align:left; overflow:hidden; color:#fff}
.pBox .pBoxContainer{padding:2px 5px 5px; background:#DBDBDB; width:195px;}
.pBox .pPic{height:145px; display:block; vertical-align:middle; overflow:hidden;}
.pBox .pPic img{width:150px; height:135px; border:5px solid #fff; text-align:center; padding-left:25px;}
.pBox p.buttons{margin:0; padding:3px; text-align:center; background:#DBDBDB;}
.pBox b.cor{display:block; clear:both;}
.pBox b.cor b{display:block; background:#DBDBDB; border:1px solid #DBDBDB; border-width:0 1px; height:1px; overflow:hidden;}
.pBox b.cor b.b1{margin:0 4px; background:#DBDBDB; height:1px;}
.pBox b.cor b.b2{margin:0 2px; border-width:0 2px; height:2px;}
.pBox b.cor b.b3{margin:0 1px; height:2px;}
.pBox b.corb{display:block; clear:both;}
.pBox b.corb b{display:block; background:#DBDBDB; border:1px solid #DBDBDB; border-width:0 1px; height:1px; overflow:hidden;}
.pBox b.corb b.b1{margin:0 4px; background:#DBDBDB;}
.pBox b.corb b.b2{margin:0 2px; border-width:0 2px;}
.pBox b.corb b.b3{margin:0 1px; height:2px;}
.PopBoxImageLarge{ position:absolute; top:0px; margin:0px;
-moz-box-shadow:0 0 150px 5px #3c3c3c;
-webkit-box-shadow: 0px 0 150px #3c3c3c;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
.lContact dl{}
.lContact dl dt{font-weight:bold; padding:2px 0;}
.lContact dl dd{background:url(../images/cinpBg.gif) no-repeat left top; height:22px; padding:4px 5px;}
.lContact dl dd input{width:236px; background:none; border:0; color:#fff;}
.lContact dl dt.btn{background:none; text-align:right; background:url(../images/cBtnBg.gif) no-repeat right top; height:26px;}
.lContact dl dt.btn a{line-height:19px; padding-right:15px;}
.lContact dl dd.msgarea{background:none; height:70px; display:block; padding:0; margin:0;}
.lContact dl dd.msgarea textarea{background:#fff; width:250px; height:55px; border:0; color:#000;}
/* start Calender css-------------------------------------------------------------------------------------------------------------*/
table.calendar {
z-index:1000;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
border-collapse: collapse;
background-color: white;
border: solid #999999 1px;
background-color: white;
width: 200px;
text-align: center;
/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
-moz-user-select: none;
/*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
font-size: 10px;
}
table.calendar td {
border: 0;
font-size: 10px;
text-align: center;
}
div.mainheading {
margin: 2px;
}
table.caldayheading {
border-collapse: collapse;
cursor: pointer;
empty-cells: show;
margin: 0 6px 0 6px;
}
table.caldayheading td {
border: solid #CCCCCC 1px;
text-align: left;
color: #0054E3;
font-weight: bold;
width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
border-right: double #CCCCCC 3px;
}
table.calcells {
border-collapse: collapse;
cursor: pointer;
margin: 0 6px 0 6px;
}
table.calcells td {
border: solid #CCCCCC 1px;
vertical-align: top;
text-align: left;
font-weight: bold;
width: 22px;
height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
padding: 1px;
margin: 0;
}
table.calcells td.wkhead {
background-color: white;
text-align: center;
border-right: double #CCCCCC 3px;
color: #0054E3;
}
table.calcells td.wkday {
background-color: #DDDDDD;
}
table.calcells td.wkend {
background-color: #DDDDDD;
}
table.calcells td.curdate {
}
table.calcells td.cell_selected {
background-color: #99CCFF;
color: black;
}
table.calcells td.notmnth {
background-color: #FFFFFF;
color: #CCCCCC;
}
table.calcells td.notallowed {
background-color: white;
color: #EEEEEE;
font-style: italic;
}
table.calcells td.hover {
background-color: #999999;
}
.pag{ background:#fff; padding:5px;}
.pag tr td{ background:#fff;}
.faq_row{margin-left:7px; margin-bottom:7px; margin-top:7px; padding:5px;}
.faq_row tr td{ font-family:verdana; font-size:11px; line-height:18px; text-align:justify; color:#333;}
.faq_altrow{margin-left:7px; margin-bottom:7px; margin-top:7px;padding:5px;}
.faq_altrow tr td{font-family:verdana; font-size:11px; line-height:18px; text-align:justify;color:#333;}
.faq_altrow tr td strong,.faq_row tr td strong{ font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:10px; color:#000;}
/** Drop Down Menu style **/
/** Drop Down Menu style **/
.dropmenudiv{position:absolute;top:10;border: 1px solid #c84bc8;font:normal 11px Verdana;line-height:18px;z-index:100;background-color:#171717;width: 170px;visibility: hidden; margin-top:12px;}
.dropmenudiv a{width: auto;display: block;text-indent: 13px;border-bottom: 1px solid #c84bc8; padding: 4px 0;text-decoration: none;color:#fff; font-weight:bold;}
* html .dropmenudiv a{ width: 100%;}
.dropmenudiv a:hover{ background-color: #F0F0F0; color:#b806b8;}
.Product_tbl{ background:#fff;}
.Product_tbl tr td{ padding:7px; background:#fff;}
.left .left_nav p.submenu{ padding:3px 0 3px 21px; display:block; margin:0px; overflow:hidden;}
.left .left_nav p.submenu a{color:#fff;line-height:17px;display:block;background:url(../images/li.png) left top no-repeat;padding-left:10px; color:#fff;
font-size:10pt;text-decoration:none;}
.style1{ font:200 25px Arial, Helvetica, sans-serif;}
.style2{ font:100 35px Arial, Helvetica, sans-serif;}
.style3{ background:url(../images/shadow.png) no-repeat bottom; padding-bottom:10px; text-align:center;}
.style3 img{ border-radius:7px;}
.right p.style4{ font:200 25px Arial, Helvetica, sans-serif;}
.right p.style5{ font:200 40px Arial, Helvetica, sans-serif; letter-spacing:0.8px;}
.style7{ border:1px solid #323d2d; border-radius:5px; width:100px; height:15px; text-align:center; padding:5px 0px;}
.style7 a{ font-size:15px; color:#fff; }
.frontImg{ display:block; width:107px; height:102px; overflow:hidden;}
.frontImg img{width:100px; height:99px; overflow:hidden;}
.frontNm{ display:block; width:98px; padding-top:2px; height:18px; overflow:hidden;}
.frontNm a{ font-size:15px;}