@charset "utf-8";
@font-face {
    font-family: 'MyriadProBlackCondensed';
    src: url('../font/myriadpro-blackcond-webfont.eot');
    src: url('../font/myriadpro-blackcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-blackcond-webfont.woff') format('woff'),
         url('../font/myriadpro-blackcond-webfont.ttf') format('truetype'),
         url('../font/myriadpro-blackcond-webfont.svg#MyriadProBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--- Ganral CSS ------------------------------*/
*{padding:0; margin:0;}
body{ background:url(../images/bg-texture.gif) repeat; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#333333; }
ul {list-style-type:none; padding:0; margin:0;}
img {border:none; outline:none;}
h1{ font:normal 30px 'MyriadProBlackCondensed'; color:#224882; padding-bottom:5px;  }
h2{ font:normal 30px 'MyriadProBlackCondensed'; color:#224882; padding-bottom:5px;  }
h3{ font: normal 16px Arial, Helvetica, sans-serif; color:#143c7a; margin:10px 0 10px 0;}
p{ font-size:13px; color:#333333;}
p span{ color:#b2cdf6; font-size:10px;}
.speacer{ clear:both; line-height:0; height:0;padding:0; margin:0;}
a {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor:pointer; }
a:hover {text-decoration:underline; cursor:pointer;}
*:focus {outline:none;}
/*--- End Ganral CSS ------------------------------*/

/*--- Body CSS ------------------------------*/
.mainbody{ width:100%;  background:url(../images/bg.png) no-repeat center; }
.bodywrapper{ width:996px; margin:0 auto;}

/*--- Top CSS ------------------------------*/
.toppart{ background:url(../images/topbg.png) no-repeat ; height:131px;}
.logo{ width:414px; height:43px; float:left; display:block; padding:30px 0 0 24px;}
.topnav{ float:right; display:block; width:500px; padding:18px 23px 0 0; text-align:right; color:#FFFFFF; line-height:22px;}

/*--- End Top CSS ------------------------------*/

/*--- Midd CSS ------------------------------*/
.middpart{ background:url(../images/midbg.png) repeat-y; }

/*--- Left CSS ------------------------------*/
.leftpart{ float:left; display:block; width:207px; margin-left:24px;}
.banner ul li{ width:207px; padding:4px 0; display:block;}
/*--- Slideshow CSS --------------*/
.slideshowpart{ width:205px; height:180px; border:1px solid #d2d2d2; background:#FFFFFF;}
#slideshow {
    position:relative;
    height:151px;
	width:178px;
	left:13px;
	top:13px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
/*--- End Slideshow CSS --------------*/

/*--- End Left CSS ------------------------------*/

/*--- Right CSS ------------------------------*/
.rightpart{ float:right; display:block; width:696px; margin-right:24px;}
.searchpart{ background:#eeeeee; border:1px solid #3590bb; padding:6px;}
.searchpart input{ width:300px; border:1px solid #3590bb; padding:3px; color:#000;}
.searchpart select{ width:180px; border:1px solid #3590bb; padding:2px; color:#000;} 
.banner{ margin:15px 0; min-height:307px; }
.middtxt{ background:#FFFFFF; border:1px solid #3590bb; padding:20px;}
.productpart{padding-top:15px;}
.productpart ul li{float:left; display:block; width:221px; margin-right:11px; margin-top:16px;}
.productpartimg{ background:#FFFFFF; border:1px solid #3590bb; padding:9px;}
/*--- End Right CSS ------------------------------*/

/*--- Footer CSS ------------------------------*/
.footer-part{background:url(../images/footerbg.gif) repeat-x; margin-top:45px; text-align:center; padding:25px 0 15px 0; float:right; display:block; width:696px; margin-right:24px}
a.footer-link {color:#b2cdf6; font-size:11px; font-weight:normal; text-decoration:none;}
a.footer-link:hover{color:#fff;}
/*--- End Footer CSS ------------------------------*/

/*--- End Midd CSS ------------------------------*/

/*--- Inner CSS ------------------------------*/
.innerpage{ min-height:1058px; float:right; display:block; width:696px; margin-right:24px;}
/*--- End Inner CSS ------------------------------*/

/*--- Contact CSS ------------------------------*/
.cont-mail{ color:#000066; text-decoration:none;}
.cont-fill{ float:left; display:block; width:150px; line-height:22px; font-weight:bold;}
.cont-fill span{ color:#FF0000;}
.cont-inputfill{ float:left; display:block; width:250px; }
.cont-input{ width:250px; height:22px; border:1px solid #3590bb; margin-bottom:8px; line-height:22px; color:#000; font-size:11px; }
.cont-texarea{ width:250px; height:100px; margin-bottom:8px; resize:none; overflow:hidden; border:1px solid #3590bb; color:#000; font-size:11px;}

/*--- Add cart CSS ------------------------------*/
.cart-left{ float:left; display:block; width:300px; background:#FFFFFF; border:1px solid #3590bb; padding:9px;}
.cart-right{float:left; display:block; margin-left:15px; width:300px;}
.cart-right input{ width:60px; height:22px; border:1px solid #3590bb; margin-bottom:8px; line-height:22px; color:#000; font-size:11px; }
.right-line{border-right:1px solid #3590bb;}
.inner-right-bg{ background:url(../images/inner-right-body.jpg) no-repeat center top #FFFFFF; border: 1px solid #3590bb; width:206px; padding:190px 10px 10px 10px; margin-bottom:12px;}
/*--- End Add cart CSS ------------------------------*/

/*---------##############################################################################-----------------------*/

/*---------Modal Popup------------------------------*/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #0b3961;
    padding: 15px;
    width: 800px;
    position: relative;
    font-family: Verdana;
    font-size: 14px;
}
.modalPopup h1
{
    padding: 0px 0px 15px 0px;
    display: block;
    color: #9e151c;
    font: normal 30px "Trebuchet MS" , Verdana, Tahoma;
}
.modalPopup h3
{
    color: #06424B;
    display: block;
    font: bold 23px "Trebuchet MS" , Verdana, Tahoma;
    padding: 0px 0px 10px 0px;
}
.falsePad
{
    margin-top: 10px;
}
.modalPopup strong
{
    color: #747474;
    font-weight: bold;
    font-size: 14px;
}
.alt
{
    color: #1f3c58;
    font-family: "Trebuchet MS";
    font-size: 20px;
    padding-bottom: 10px;
}
.detail-desc
{
    background-color: #f4f9fd;
    border: solid 1px #dde7ed;
    padding: 5px;
    margin-top: 4px; 
}

.falsePad td
{
    padding: 5px 0px;
}
.modalPopup .close
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.modalPopup .inpBox
{
    margin: 5px 0px;
    width: 200px;
    border: 1px solid #b0b0b0;
    padding: 1px;
    font: normal 12px "Trebuchet MS" , Verdana, Tahoma;
}

/*---------END OF Modal Popup------------------------------*/

/*---------START OF ACCORDIAN------------------------------*/
.productlist
{
    background-image: url(../images/pro-yellowbg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #fdfdf5;
    border: 1px solid #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f6f7fc;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
}
.productlist2
{
    background-image: url(../images/pro-yellowbg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #fdfdf5;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f6f7fc;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
}
.product-colortext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0170ca;
    font-weight: bold;
    font-size: 16px;
    background-color: #f9e19b;
}
.block-pro
{
    background: url(../images/pro-block.jpg);
    background-repeat: no-repeat;
    font-family: Arial, Verdana;
    color: #f6f7fc;
    font-weight: bold;
    height: 68px;
    display: block;
    width: 286px;
    line-height: 27px;
}
.proheading3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2c333a;
    font-weight: bold;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
}


.click a
{
    background-image: url(../images/bulleton.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 26px;
    width: 16px;
    background-color: #FF0000;
}
.click a:hover
{
    background-image: url(../images/bulletoff.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 26px;
    width: 16px;
}

/*---------END OF ACCORDIAN------------------------------*/
.shoopingtable
{
    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc;
	background:#FFFFFF;
}
.shoopingtable th
{
    background: #112D5C;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    border-right: 1px solid #eee;
}
.shoopingtable td
{
    border-right: 1px solid #eee;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    height: 35px;
}

.shoopingtable-input{ width:50px; height:22px; border:1px solid #0066FF; margin-bottom:8px; line-height:22px; color:#000; font-size:11px; }


.br-buttom
{
    border-bottom: 1px dashed #CCC;
}

a.black-link { color:#000000; text-decoration:none; font-weight:normal;}
a.black-link:hover{ text-decoration:underline; color:#003399;}

.email-link
{
    color: #5d6165;
    text-decoration: none;
}
.email-link:a
{
    color: #5d6165;
    text-decoration: none;
}
.email-link:hover
{
    color: #0170ca;
    text-decoration: underline;
}

/*---------##############################################################################-----------------------*/

.color-text{  color:#003366; font-size:15px;}