html{margin-bottom:10px;font-size:12px;}

/* main div */
#container{width:1100px; min-height:600px; margin-right:auto; margin-left:auto; margin-top:30px; padding-left:35px; font-family:Arial,Helvetica,sans-serif}
/* upper right */
#navright{font-size:12px; height:10px; color:#979797; float:right; margin-right:43px; min-width:10px; /* for ie */width:auto !important; width:10px}
#navright ul li a:hover{color:#31639c}
#navright ul li a{color:#979797}
#navright ul li .select{color:#31639c; font-weight:bold}
#navright ul li .select1{font-weight:bold}
.navrightmargin{margin-left:15px; float:left}
#headerleft{width:300px; float:left; min-height:1px; height:auto !important; height:1px; margin-right:50px}
#logo{ background:url(../images/logo.gif); background-repeat:no-repeat; width:237px; height:39px; float:left; cursor:pointer; margin-top:26px}
/* products, designer, etc */
#mainnav{width:749px; float:left; font-size:15px; margin-top:15px; font-weight:bold; height:28px}
#mainnav #select{ color:#31649c}

.mainnavmargin{margin:1px 40px 1px 0px; float:left; font-family:Arial; font-size:18px}
.mainnavmargin1{margin:1px 0px 1px 0px; float:left; font-family:Arial; font-size:18px}
a{color:black; text-decoration:none; cursor:pointer}
a:active, a:focus{outline:none; -moz-outline-style:none}
a.navhover:hover{ color:#31639c}
.ahover:hover{color:#114a8b}
img{border:none}
h4{font-size:12px}
/* categories box */
#sublinks{width:300px; height:auto; padding-top:25px; float:left; color:#c6c7c6; margin-right:50px; font-size:12px; color:#d6d7d6}
#sublinks .substyle{float:left; padding-bottom:5px; width:100px}
/* reduce by 1px */
#sublinks .substyle1{float:left; padding-bottom:5px; width:99px}
/* increase by 1px */
#sublinks .substyle2{float:left; padding-bottom:5px; width:101px}
#sublinks div a:hover{color:#31639c}
#sublinks div a{color:#979797}

#sublinks .sublinksbold{font-weight:bold; color:#31639c}
/* categories box */
#catBox{width:705px; min-height:16px; height:auto !important; height:16px; float:left; padding-bottom:3px; font-size:12px}
#catBox a{margin-right:26px; font-size:12px; color:#7b7d7b; font-family:Arial; float:left; padding-top:1px; padding-bottom:1px; margin-top:2px;padding-left:2px;padding-right:2px;}
#catBox a:hover{background-color:#31639c; color:#fff}
#catBox .catboxupperbold{font-weight:bold; color:#31639c}
/* categories box right */
#catBoxright{width:750px; float:left; min-height:60px; height:auto !important;  height:60px; margin-bottom:10px}

#leftCol{width:501px; padding-top:10px; float:left}
#rightCol{width:501px; float:left; margin-left:52px; padding-top:10px}

.border{border-top:dotted 1px #000; width:705px; height:1px; float:left; overflow:hidden}
/* selection categories in catBoxRight*/
.catselection{float:left; font-family:Arial,Helvetica,sans-serif; width:705px; font-size:12px; padding-bottom:2px;}
.catselection a{/*margin-right:18px; */margin-right:16px; font-size:12px; color:#7b7d7b; white-space:nowrap; float:left; padding-top:1px; padding-bottom:1px; margin-top:2px;padding-left:2px;padding-right:2px;}
.catselection a:hover{background-color:#31639c; color:#fff}
.catselection .catselectionupperbold:hover{background-color:#31639c; color:#fff}
.catselection .catselectionupperbold{font-weight:bold; color:#31639c}
.catselection .catselectionupperbold_nc{font-weight:bold; color:#31639c}
.catselection .catselectionupperbold_nc:hover{background-color:#fff; color:#31639c; font-weight:bold; cursor:default}
#navborder{background:url(../images/navborder.gif); width:1055px; height:13px; background-repeat:repeat-x; float:left; margin-top:15px}
/* search box */
#filter{height:80px; width:450px; float:left; margin-top:38px; margin-left:12px; background-color:#fff}
/* search box */
#filterabsolute{position:absolute; height:80px; width:450px; border:solid 2px #31639c; z-index:100; background-color:#fff}
/* search box */
.filterdropdown{width:1012px; height:300px; float:left; overflow-y:scroll; display:none; position:absolute; z-index:90; margin-top:82px; border:solid 2px #31639c; padding-bottom:30px; padding-left:10px; padding-top:5px; font-size:12px; font-family:Arial; background-color:#fff; -moz-opacity:0.95; filter:alpha(opacity=95); opacity:.95}
.filterdropdown a:hover{color:#fff; background-color:#31639c}
.filterdropdown table{font-size:12px; white-space:nowrap; background-color:#fff}
.filterdropdown table{font-size:12px; background-color:#fff}
.filterdropdown .w200{min-width:10px; width:auto !important; width:10px; padding-right:43px}
.filterdropdown .w1{min-width:10px; width:auto !important; width:10px; padding-right:20px}
.filterdropdown .wdes{min-width:10px; width:auto !important; width:10px; padding-right:36px}
.filterdropdown .column{margin-bottom:20px}

.filterdropdown .column a{line-height:18px}

.filterdropdown .hover:hover{color:#fff; background-color:#31639c}

.filterdropdown .fixcolumn{width:160px; margin-bottom:15px}

.filterdropdown .fixcolumn a{line-height:17px}

.filterdropdown .headeritem{margin-bottom:10px}
/*
.filterdropdown  .item{color:#fff; background-color:#000; padding-left:3px; padding-right:3px}
*/
.filterdropdown .item{font-weight:bold}

/* for abc */
.filterdropdown .letter{font-weight:bold; color:#000}

/* FOR DOWNLOADS */
.filterdropdown #download_div{width:980px; min-height:10px; height:auto !important; height:10px; float:left; margin-top:5px}
.filterdropdown .download_divborder{margin-top:5px; width:980px; height:1px; overflow:hidden; border-top:dotted 1px #000; float:left}
.filterdropdown .headerDL{float:left; margin-right:20px; font-size:14px; font-weight:bold}

.filterdropdown .headerDL a:hover{color:#fff; background-color:#31639c}

.filterdropdown .headerDL .headerclick{color:#fff; background-color:#31639c}

/* FOR DOWNLOADS */
.filterdropdown #itemDL{float:left; min-width:980px; width:auto !important; width:980px; margin-top:10px}

.filterdropdown #itemDL .itemdiv{float:left; min-width:20px; width:auto !important; width:20px; margin-bottom:10px; margin-right:20px}
.filterdropdown #itemDL .itemdiv a{}

.filterdropdown #itemDL .itemdiv .itemtype{font-weight:bold}

.downloadheader{color:#000; background-color:#31639c}

#borderblue{background:url(../images/borderblue.jpg); height:2px; width:450px; background-repeat:repeat-x; display:none; margin-top:60px; position:absolute; z-index:800}
/* used in search box */
.padder{min-width:131px; width:auto !important; width:131px; height:19px; float:left; margin-left:10px; margin-top:3px; margin-bottom:5px; font-family:Arial; font-size:12px}
/* used in search box */
.dropDown{background:url(../images/dropdown2.gif); width:131px; height:19px; background-repeat:no-repeat; margin-bottom:2px; cursor:pointer; padding-top:3px}

/* used in search box */
.dropDown a{padding-left:5px}
/* used in search box */
.dropDown a:hover{color:#31639c}
/* filter search */
#filtersearch{width:276px; height:15px; float:left}
#filtersearch INPUT{width:239px; height:19px; float:left; padding:0px; padding-top:0px}
#filtersearch .send_form{width:29px; height:19px; margin-top:0px; border:none; padding:0px}
#filtersearch #searchField{padding-left:3px; font-family:Arial; font-size:12px; height:15px; border:solid 1px #cecfce; padding-top:2px}

#divsearch{width:450px; height:20px}
#search{color:#7b7d7b; margin-left:10px; line-height:20px; font-size:12px; font-weight:bold}
/* end of search box */ 
/* search for home 
------------------------------------------------------------------ */
#searchform{width:504px; height:64px; margin-top:20px; margin-bottom:20px; float:left; background:url(../images/bg_search.gif); background-repeat:repeat-x}
#searchform .searchformHead{color:#325993; font-size:20px; font-weight:bold; float:left}
#searchform .keyword{width:232px; float:left; padding:0px; margin:0px; height:16px; font-size:12px; margin-top:3px}
.send_form{background:url(../images/search.gif); width:28px; height:20px; margin-top:3px; border:none;  padding:0px; float:left}
#searchform #searchField{border:solid 1px black; height:18px}
#searchhome{width:auto; margin-left:30px; margin-top:20px; margin-bottom:20px}

/* Factsheet image on home
------------------------------------------------------------------ */
#factsheet{width:488px; min-height:336px; height:auto !important; height:336px; margin-top:6px;  padding:5px; float:left; border:solid 2px #ccc; margin-bottom:20px}
#factsheetabsolute{width:488px; min-height:336px; height:auto !important; height:336px; position:absolute}
/*#factsheetabsolute img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10}
*/ /* Temporary remove */
#factsheetabsolute .facts{position:absolute; bottom:10px; right:30px; z-index:20}
#factsheetabsolute H1{ position:absolute; color:#fff; top:12px; left:10px; width:180px; font-size:20px; background-color:#000; padding:2px; z-index:20; height:25px; white-space:nowrap}
#factsheetabsolute .productoftheday{}
#factsheetabsolute .facts DIV{color:#000; font-size:12px; background:#fff; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px}

/* Article teaser on home
------------------------------------------------------------------ */
.textBox{width:488px;  margin-top:6px; float:left; border:solid 2px #ccc; padding-top:7px; padding:5px; margin-bottom:20px; text-align:justify}
.textBox H1{margin:0px; color:#000; min-height:30px; height:auto !important; height:30px; text-align:left; font-size:22px; margin-bottom:2px}
.textBox H1:hover{color:#31639c}
.textBox H4{margin:0px; margin-left:1px; color:#000; min-height:1px; height:auto !important; height:1px; text-align:left; font-weight:normal; margin-bottom:5px}
.textBox IMG{margin-bottom:5px; margin-top:5px}
.textBox .readmore{background:url(../images/sm_arrow.gif) no-repeat left center; padding-left:10px; padding-top:1px}

.textBox .readmore:hover{background:url(../images/sm_arrow_blue.gif) no-repeat left center}

.textBox a:hover{color:#31639c}

/* HOME */
#sitemap{width:510px; float:left; min-height:10px; height:auto !important; height:10px; margin-bottom:10px; font-size:12px}
#sitemap .borderleft{border-left:dotted 1px #ccc; height:126px; width:1px; margin-right:6px; float:left; overflow:hidden}
#sitemap .col{width:150px; float:left; height:108px; margin-left:7px; border:solid 2px #ccc; padding:5px}
#sitemap .col .colhead{font-size:13px; font-weight:bold; padding-left:1px}
#sitemap .col .coltext{font-size:12px; padding-left:1px; float:left; margin-bottom:1px; margin-top:3px; width:100%}
#sitemap .col a:hover .coltext{background-color:#31639c}
#sitemap .col a:hover{color:#fff}
#sitemap .bordersolid{border-bottom:solid 2px #BDBDBD; height:1px; width:150px; overflow:hidden; float:left}
#sitemap .borderdot{border-bottom:dotted 1px #bdbdbd; height:1px; width:150px; overflow:hidden; float:left}
.home_icon{float:left; margin-left:10px; margin-top:15px}
#plaxo_logo{background:url(../images/plaxo.png); width:67px; height:67px}
#plaxo_logo:hover{background:url(../images/plaxo_hover.png); width:67px; height:67px}
#plaxo_text{margin-top:-20px; margin-left:7px}
#sitemap #skype:hover .sitemap_text{color:#31639c}
#twitter_logo{background:url(../images/twitter.png); width:67px; height:67px}
#twitter_logo:hover{background:url(../images/twitter_hover.png); width:67px; height:67px}

#skype_logo{background:url(../images/skype.png); width:67px; height:67px}
#skype_logo:hover{background:url(../images/skype_hover.png); width:67px; height:67px}
#skype_text{margin-top:-20px; margin-left:7px}
#sitemap #skype:hover .sitemap_text{color:#31639c}
#facebook_logo{background:url(../images/facebook.png); width:67px; height:67px}
#facebook_logo:hover{background:url(../images/facebook_hover.png); width:67px; height:67px}
#facebook_text{margin-top:-20px; margin-left:5px}
#sitemap #facebook:hover .sitemap_text{color:#31639c}
#multiply_logo{background:url(../images/multiply.png); width:67px; height:67px}
#multiply_logo:hover{background:url(../images/multiply_hover.png); width:67px; height:67px}
#multiply_text{margin-top:-20px; margin-left:13px}
#sitemap #multiply:hover .sitemap_text{color:#31639c}
#sitemap .div4{width:321px; height:112px; border:solid 2px #ccc; padding:3px; float:left}
#sitemap .adsnewsletter4{font-weight:bold; margin-left:5px; float:left; font-size:13px; font-family:Arial; border-bottom:solid 2px #ccc; width:97%; margin-top:2px}
#sitemap .adsnewsletter4 div{margin-bottom:1px}
.borderfooter{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden}
/* footer */
#footer{width:1035px; text-align:right; margin-left:16px; float:left; margin-top:2px; margin-bottom:2px; padding-bottom:2px}
#footerAbs{ height:32px}
#footer_left{font-size:11px; color:#000; letter-spacing:1px; float:left; padding-top:3px; overflow:hidden}
#footer_right{margin-top:3px;  padding:0px; float:right; height:15px; width:15px; margin-right:5px}
#footer_right a{border:0px; padding:0px; margin:0px; background-color:#666; background:url(../images/arrow_up.gif);  height:15px; width:15px; overflow:hidden; display:block; margin-top:0px}
#footerdiv{width:1055px; margin-top:30px; float:left}
/*product page */
/* product categories e.g. new product, categories */
#prodcatupper{width:705px; min-height:16px; height:auto !important; height:16px; float:left; padding-top:3px; padding-bottom:3px; font-size:12px;}

#prodcatupper a{margin-right:16px; font-size:12px; color:#7b7d7b; font-family:Arial;float:left;padding-left:2px;padding-right:2px;}
#prodcatupper a:hover{background-color:#31639c; color:#fff}
#prodcatupper .prodcatupperbold:hover{background-color:#31639c; color:#fff}
#prodcatupper .prodcatupperbold_noclick{font-weight:bold; color:#31639c; cursor:default}
#prodcatupper .prodcatupperbold_noclick:hover{background-color:#fff; color:#31639c; font-weight:bold}
#prodcatupper .prodcatupperbold{font-weight:bold; color:#31639c}
#banner{width:545px; float:left; margin-top:15px; height:120px; margin-left:25px; /*background:url(../images/dexterton_banner.gif); */border:solid 1px #ccc; padding:2px}
#savepage{width:470px; height:10px; float:left; padding:5px; font-family:Arial; font-size:12px; margin-top:-20px; margin-left:9px}
#savepage a:hover{color:#254973}
/* mainnavcontent */
#mainnavcontent{width:1055px; min-height:200px; height:200px; height:auto !important; float:left; margin-bottom:10px; margin-top:15px; font-size:12px}
/* pager div */
.pager{font-size:12px; width:1040px; margin-top:10px; height:22px}
.pager img{border:0px}
.pager a:hover{color:#31639c}
/* pager div */
.pager1{font-size:12px; width:1040px; height:22px; float:left; margin-bottom:7px}
.pager1 img{border:0px}
.pager1 a:hover{color:#31639c}
.browsediv{width:190px; float:left; min-height:10px; height:auto !important; height:10px}
/* pagination browse */
.browse{min-width:10px; width:auto !important; width:10px; float:left; min-height:13px; height:auto !important; height:13px; margin-top:2px; margin-left:10px; font-size:12px; font-weight:normal}
.browse .span{line-height:19px; float:left; margin-right:5px; color:black}
.browse .browsenav{float:left}
.browse form{float:left}
.browse .searchField{width:28px; border:solid 1px black; height:18px; text-align:right; font-size:12px; float:left; font-family:Arial; padding-top:1px; padding-right:1px}
.browse .img{float:left; margin-top:3px}
/* entities per page */
.entities{float:right; height:13px; line-height:26px; margin-right:5px; font-weight:normal}
.entities .selected{font-weight:bold; color:#000; font-size:12px}
.withtext{float:left; min-width:223px; width:auto !important; min-width:225px; margin-left:205px; height:13px; line-height:26px; color:black; font-weight:normal}
.withtext .selected{font-weight:bold; color:#000; font-size:12px}
.withtext1{float:left; height:13px; line-height:23px; color:black; font-weight:normal; margin-left:113px}
.withtext1 .selected{font-weight:bold; color:#000; font-size:12px}
/* pager border */
.pagerborder{border-top:dotted 1px #000; width:1055px; height:1px; margin-top:7px; overflow:hidden}
/* pager border */
.pagerborder1{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden; margin-top:10px; margin-bottom:4px}
/* pager border */
.pagerborder2{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden; margin-bottom:4px}
/* pager border */
.pagerborder3{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden; margin-bottom:10px}
#mainnavcontent .border{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden; margin-top:8px; margin-bottom:5px}
#mainnavcontent .border2{background:url(../images/navborder.gif); width:500px; height:13px; background-repeat:repeat-x; float:left; margin-bottom:10px}
/* center the content of main navigation image */
#mainnavcontentimageborder{margin-top:10px; margin-left:15px; margin-bottom:15px; padding-bottom:10px; margin-bottom:10px; width:1020px; min-height:1px; height:auto !important; height:1px}
.products{width:228px; height:157px; float:left; border:dotted 1px black; margin:12px}
/* mainnavcontentimage productbox div */
.products .productbox{height:157px; width:228px; position:absolute; z-index:40; /*border:solid 1px #fff; */}
/* mainnavcontentimage productbox div */
.products .productbox img{position:absolute; z-index:0; /*top:0; bottom:0; left:0; right:0; margin:auto; */}
.products .productbox:hover{/*border:solid 1px #31639c; */}
.products .productbox .details{border:none; position:absolute; z-index:10; left:3px; top:3px}
.products .productbox .details div{background:#fff; font-size:12px; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; clear:both; color:#000}
.products .productbox  .view{background:#fff; color:#000; position:absolute; bottom:3px; left:3px; font-size:12px; z-index:0}
.products .productbox  .viewdiv{float:left; min-width:10px; width:auto !important; width:10px}
.products .productbox  .viewdiv .viewimg{background:url(../vote/images/starsingle.gif); width:20px; height:20px; float:left}
.products1{width:228px; height:157px; float:left; border:dotted 1px black; border-left:none}
/* mainnavcontentimage productbox div */
.products1 .productbox{height:157px; width:228px; position:absolute; z-index:40; /*border:solid 1px #fff; */}
/* mainnavcontentimage productbox div */
.products1 .productbox img{position:absolute; z-index:0; /*top:0; bottom:0; left:0; right:0; margin:auto; */}
.products1 .productbox:hover{/*border:solid 1px #31639c; */}
.products1 .productbox .details{border:none; position:absolute; z-index:10; left:3px; top:3px}
.products1 .productbox .details div{background:#fff; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; clear:both; color:#000}
.products1 .productbox .view{background:#fff; color:#000; position:absolute; bottom:3px; left:3px; font-size:12px; padding-left:2px; padding-right:2px}
/* used in product comments */
#prodcomments{width:725px; margin-left:auto; margin-right:auto}
.products2div{width:723px; margin:10px; height:157px; float:left}
.products2{width:228px; height:157px; float:left; border:dotted 1px black}
.products2 .productbox{height:157px; width:228px; position:absolute; z-index:40; /*border:solid 1px #fff; */}
/* mainnavcontentimage productbox div */
.products2 .productbox img{position:absolute; z-index:0; /*top:0; bottom:0; left:0; right:0; margin:auto; */}
.products2 .productbox:hover{/*border:solid 1px #31639c; */}
.products2 .productbox .details{border:none; position:absolute; z-index:10; left:3px; top:3px}
.products2 .productbox .details div{background:#fff; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; clear:both; color:#000}
/* comment list */
.products2div .comlist{float:left; margin-left:20px; width:470px; height:157px}
.products2div .comlist .readmore{margin-left:5px; float:right; padding-left:10px; background:url(../images/sm_arrow.gif) no-repeat left center; padding-top:1px}
.products2div .comlist .readmore:hover{color:#31639c; background:url(../images/sm_arrow_blue.gif) no-repeat left center}

.mainnavcontentimage{width:231px; height:157px; float:left; border:dotted 1px black; margin:10px}

.mainnavcontentimage .brandbox{height:157px; width:231px; position:absolute; z-index:0}
/*  used in brands.php */
.mainnavcontentimage .image1{top:10px; left:10px; position:absolute; width:210px; height:75px; z-index:10}
.branddivision{width:990px; float:left; margin:10px; margin-left:42px}
.brands{width:231px; height:157px; float:left; border:dotted 1px black}
.brands .brandbox{height:157px; width:231px; position:absolute; z-index:0}
/*  used in brands.php */
.brands .image1{top:10px; left:10px; position:absolute; width:210px; height:75px; z-index:10}
.brands .imagedetails3{min-width:120px; width:auto !important; width:120px; font-family:Arial; font-size:12px; float:left; text-align:left; margin-left:15px; position:absolute; bottom:5px; left:1px}
.brands .imagedetails3 a:hover{color:#31639c}
.brandseries{width:232px; height:157px; float:left; color:black; border:dotted 1px black; border-left:none}

.brandseries .imgdivabsolute{position:absolute; width:232px; height:157px}
.brandseries .imgdivabsolute .brandimgdiv{/*border:solid 1px #fff; */width:230px; height:155px}
.brandseries .imgdivabsolute .brandimgdiv:hover{/*border:solid 1px #31639c; */}
.brandseries .imgdivabsolute img{position:absolute; left:0; right:0; margin:auto}
.brandseries .imgdivabsolute .details{position:absolute; z-index:10; left:5px; top:3px}
.brandseries .imgdivabsolute .details div{background:#fff; font-size:12px; font-weight:normal; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; float:left; clear:both; color:#000}

/*  content of main navigation image */
.mainnavcontentimage{width:231px; height:157px; float:left; border:dotted 1px black; margin:10px; margin-left:11px}
/* mainnavcontentimage designer div */
.mainnavcontentimage .designerbox{height:157px; width:231px; position:absolute; z-index:0}
.mainnavcontentimage .designerbox .top{border:none; position:absolute; z-index:10; right:3px; top:3px}
.mainnavcontentimage .designerbox .top div{background:#000; font-size:11px; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; float:left; clear:both; color:#FFF}
.mainnavcontentimage .designerbox .bottom{position:absolute; bottom:10px; right:8px; text-align:left; z-index:15}
.mainnavcontentimage .designerbox .bottom A{ padding-left:2px; margin-top:2px; font-size:11px; background-color:#fff}
.mainnavcontentimage .designerbox .bottom A:hover{ color:#31639c}
/* details in image  used in designer.php */
.mainnavcontentimage .imagedetails1{font-family:Lucida Sans; font-size:11px; margin-right:3px; background-color:#000; color:#fff; text-align:center; z-index:1; margin-left:3px; float:right; margin-top:-150px; padding-left:2px; padding-right:2px}
.mainnavcontentimage .imagedetails1space{width:100%; background-color:#fff; height:1px; overflow:hidden}
.bor1 .imagedetails1space{width:100%; background-color:#fff; height:1px; overflow:hidden}
.mainnavcontentimage .imagedetails1bottom{position:absolute; margin-left:153px; margin-top:110px; font-family:Verdana; font-size:10px; text-align:left; min-width:64px}
.mainnavcontentimage .imagedetails3{width:120px; font-family:Arial; font-size:12px; float:left; text-align:left; margin-left:15px; position:absolute; bottom:5px; left:1px}
.mainnavcontentimage .imagedetails3 a:hover{color:#31639c}
/* used in brand */
.mainnavcontentimage .image{height:65px; width:150px; float:left}
/* used in newsdetail.php */
#mainnavcontent #newspicture{width:1030px; min-height:100px; height:auto !important; height:100px; float:left; margin-top:10px; margin-left:12px;text-align:left;}
/* used in newsdetail.php */
#mainnavcontent #newspicture #newsimg{margin-left:0px; margin-right:15px; margin-bottom:10px; float:left}
/* used in newsdetail.php */
#mainnavcontent #newspicture .newcontent{font-family:Arial; color:black; font-size:12px;text-align:justify;}
/* used in newsdetail.php */
#mainnavcontent #newspicture h2{margin-top:5px}
/* used in newsdetail.php */
#mainnavcontent #newspicture h4{margin-top:5px; margin-bottom:20px}
/* used in newsdetail.php */
#mainnavcontent #newspicture a{color:#31639c; font-weight:bold}
#mainnavcontent #newspicture .border{border-top:dotted 1px #000; width:100%; height:3px; float:left; margin-top:20px; overflow:hidden; text-align:justify}
/* used in newsdetail.php */
#mainnavcontent .newsdetail{width:1055px; float:left; min-height:1px; height:auto !important; height:1px}
#mainnavcontent .newsdetail h3{color:#31639c; margin-bottom:8px}
#mainnavcontent .newsdetail .border{border-top:dotted 1px #000; width:1055px; height:13px; float:left;margin-top:4px; margin-bottom:10px; overflow:hidden; text-align:justify}
#mainnavcontent .newsdetail .artcol{width:514px; min-height:1px; height:auto !important; height:1px; float:left; margin-right:5px; margin-left:5px; padding-top:1px; padding-bottom:1px; padding-left:1px}
#mainnavcontent .newsdetail .artcol .articles{width:230px; min-height:1px; height:auto !important; height:1px; float:left}
#mainnavcontent .newsdetail .artcol .text{float:left; margin-left:10px; margin-top:3px;text-align:justify;}
#mainnavcontent .newsdetail .artcol .text a:hover{color:#31639c}
#mainnavcontent .newsdetail .artcol .text .header{font-size:15px; font-weight:bold;width:270px; margin-bottom:3px}
#mainnavcontent .newsdetail .artcol .text .header:hover{color:#31639c;}
#mainnavcontent .newsdetail .artcol .text .date{}
#mainnavcontent .newsdetail .artcol .text .info{float:left; width:270px; margin-top:10px}
#mainnavcontent .newsdetail .artcol .text .info .readmore{background:url(../images/sm_arrow.gif) no-repeat left center; float:left; padding-left:10px; padding-top:1px}
#mainnavcontent .newsdetail .artcol .text .info .readmore:hover{background:url(../images/sm_arrow_blue.gif) no-repeat left center; color:#31639c}
#productdetail_left{width:490px; min-height:10px; height:auto !important; height:10px; float:left}
#productdetail_right{width:500px; min-height:10px; height:auto !important; height:10px; float:left; margin-top:10px; margin-left:10px; padding-left:15px}
#productdetail_tab_div{min-height:10px; height:auto !important; height:10px; width:483px; float:left; margin-top:10px}

#productdetailborder{width:483px; float:left; border-bottom:solid 1px black}

.productdetail_tab{float:left; margin-right:10px; border:dotted 1px black; border-bottom:none; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px}
.productdetail_tab:hover{background-color:#31639c}
.productdetail_tab:hover a{color:#fff}
.productdetail_tab_select{float:left; margin-right:10px; border:solid 1px black; border-bottom:none; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px}
.productdetail_tab_select a{font-weight:bold}
.productdetail_tab_select:hover{background:none; color:#000}
.productdetail_tab_select:hover a{color:#000}
#productcomments{margin-left:10px; margin-top:15px; float:left; font-size:12px}
#productcomments .form1{margin-bottom:5px; float:left; width:450px; min-height:16px; height:auto !important; height:16px}
#productcomments .form2{width:90px; float:left}
#productcomments .form3{margin-left:90px; float:left}
#productcomments .form4{width:68px; height:19px; float:right; margin-right:31px}
#commentnote{float:left; margin-top:20px; font-size:11px}
#hidecomment{float:right; margin-top:20px; margin-right:32px}
#hidecomment:hover{color:#31639c; cursor:pointer}
#commentpagination{float:right}
#productviewcomments{float:left; padding-top:15px}
.comments{float:left; width:461px; padding:0; margin-bottom:10px; min-height:75px; height:auto !important; height:75px}
.comments .postedby{float:left; width:100%; font-size:12px}
.comments .post{float:left; background-color:#eee; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; border:solid 1px #ddd; border-bottom:none}
.comments .date{float:left; margin-left:10px; font-size:11px; margin-top:5px}
.comments .textcomment{float:left; width:100%; border:solid 1px #ddd; background-color:#eee; padding-top:8px; padding-left:10px; padding-right:10px; padding-bottom:10px; min-height:38px; height:auto !important; height:38px}

#com_submit{border:solid 1px black; border-right:none; float:left; height:16px; width:45px; font-size:12px; padding-left:3px; font-family:Arial; padding-top:1px; background-color:#F9F9F9}
#v_addcomments{float:left; margin-top:5px}
#v_addcomments:hover{color:#31639c; cursor:pointer}
#suggestedmatch{float:left}
/* used in product details.php */
#mainnavcontent #detailpicture{width:490px; height:338px; float:left; margin-top:10px; border:dotted 1px #707070}
/* used in product details.php */
#mainnavcontent #detailpicture #detailabsolute{position:absolute; width:490px; height:338px}
#mainnavcontent #detailpicture #detailabsolute img{/*position:absolute; right:0; left:0; top:0; bottom:0; margin:auto; */}
/* used in product details.php */
#mainnavcontent .detail{width:500px; float:left; min-height:341px; height:auto !important; height:341px; font-family:Arial; font-size:12px; color:#636563; font-weight:bold}
#mainnavcontent .detail .name{font-family:Arial; font-size:18px; color:#31639c; font-weight:bold}
#mainnavcontent .detail .prod_des_margin, .detail .prod_des_margin p{font-size:12px; font-family:Arial; margin:0px; padding:0px}
#mainnavcontent .detail .prod_des_margin a{color:#31639c}

#mainnavcontent .detail .prod_des_margin li{margin-left:13px}
#productcomparison .prod_des_margin table{clear:left}
#productcomparison .prod_des_margin a{color:#31639c}
#mainnavcontent .detail .border{border-top:dotted 1px #000; width:500px; height:1px; float:left; overflow:hidden}
#mainnavcontent .detail .border1{border-top:dotted 1px #000; width:500px; height:1px; float:left; overflow:hidden}
/* detail catalogue */
#mainnavcontent  .catalogue{float:left;margin-top:10px;width:100%;
  background: url(../images/book.gif) no-repeat left center;padding-left:22px;}
#mainnavcontent .detail .detailcat{float:left; height:13px}
#mainnavcontent .detail .color{color:#31639c; font-weight:bold}
#mainnavcontent .detail .detailcat a{color:#636563; background-color:#fff}
#mainnavcontent .detail .detailcat a:hover{background-color:#31639c; color:#fff}

/* image hover used in product details.php*/
#imagehover{float:left; width:480px; min-height:23px; height:auto !important; min-height:23px; margin-top:10px; margin-left:10px}
#imagehover #imagediv{float:left; min-width:100px; width:auto !important; width:100px; min-height:20px; height:auto !important; height:20px}
#imagehover .imagesizehover{width:40px; height:30px; border:solid 1px #636563; float:left; margin-right:8px; margin-bottom:8px}
#imagehover .imagesizehoverhi{width:40px; height:30px; border:solid 3px #31639c; float:left; margin-right:5px}
#imagehover .imagesizehover img{cursor:pointer; width:40px; height:30px; float:left}
#zoomview{float:right; font-size:12px}
/* used in productdetail.php */
#colover{float:left; margin-top:10px; margin-bottom:10px; color:#636563}
#colover a{color:#636563}
#colover:hover{background-color:#31639c; color:#fff}
#colover:hover a{color:#fff}
#productdescription{width:488px; min-height:480px; height:auto !important; height:480px; float:left; margin-top:10px; padding:5px; padding-left:9px; font-size:12px}

#productdescription .margin{margin-left:15px}
#productdescription span{/*color:#636563; *//*font-weight:bold; */color:black; font-family:Arial; font-size:12px}
#productdescription h1{color:#000; font-weight:bold}
#productdescription .border{border-top:dotted 1px #000; width:483px; height:1px; float:left; overflow:hidden}
.dimension_weight{margin-bottom:5px; float:left}
#productdescriptionborder{border:dotted 1px #707070; width:479px; min-height:10px; height:auto !important; height:10px; font-size:12px; margin-bottom:10px; float:left; margin-top:10px}
#productdescriptionborder table{width:100%; font-size:12px; font-family:Arial}
#productdescriptionborder table div{margin-left:20px}
#productdescriptionborder tr{height:23px}
#productdescriptionborder .tdstyle1{border-top:dotted 1px #ccc; border-right:dotted 1px #ccc}
#productdescriptionborder .tdstyle2{border-top:dotted 1px #ccc; padding-left:5px}
#productdescriptionborder .tdstyle3{}
#productdescriptionborder .tdstyle4{width:170px; border-right:dotted 1px #ccc; text-align:left; padding-left:5px}
#allproductsdiv{float:left}
.allproducts{height:81px; width:115px; float:left; margin-left:15px; margin-top:15px; margin-right:10px; margin-bottom:5px; border:dotted 1px #707070}
.allproducts img{border:solid 2px #fff}
.allproducts img:hover{border:solid 2px #31639c}
#showmore{margin-left:35px; float:left}
#showmoreS{float:left}
#showmoreSa{float:left}
.showmorepagination{float:left; width:350px; padding-left:5px}
.hidepagination{display:none; float:right; margin-right:70px}

/* used in product details.php */
#mainnavcontent #sidebar_right{width:400px; min-height:399px; height:auto !important; height:399px; float:left; margin-top:55px; margin-left:60px}
#mainnavcontent #sidebar_right .bor{border:dotted 1px #707070; height:90px; width:355px; margin-bottom:20px; float:left}
#mainnavcontent #sidebar_right .bor .absolute{position:absolute; width:355px; height:90px}
#mainnavcontent #sidebar_right .bor a:hover{color:#31639c}
#mainnavcontent #sidebar_right .bor .bor_img_center{position:absolute; left:10px}
#mainnavcontent #sidebar_right .bor .imagedetails{text-align:left; font-size:12px; position:absolute; right:20px; top:20px}
/* sidebar right border 1 */
#mainnavcontent #sidebar_right .bor1{border:dotted 1px #707070; height:125px; width:355px; float:left; margin-bottom:20px}
#mainnavcontent #sidebar_right .bor1 .absolute{position:absolute; width:355x; height:125px}
#mainnavcontent #sidebar_right .bor1 a:hover{color:#31639c}
#mainnavcontent #sidebar_right .bor1 .imagedetails1div{bottom:26px; left:10px; position:absolute; margin-top:5px}
#mainnavcontent #sidebar_right .bor1 .imagedetails1div1{bottom:10px; left:10px; position:absolute}
#mainnavcontent #sidebar_right .bor1 .imagedetails1{text-align:left; font-size:12px; background-color:#000; color:#fff; margin-bottom:1px; padding-left:2px; padding-right:2px}

#mainnavcontent #sidebar_right .bor1 .absolute .imagedetails2{position:absolute; bottom:5px; right:20px; text-align:left; font-size:12px}
/* bookmarks */
#bookmarks{width:500px; float:left; font-size:12px}
#bookmarks div{float:left; margin-right:10px}
#bookmarks a{width:16px}
/* about paragraph */
#aboutp{width:960px; margin-left:auto; margin-right:auto; margin-top:10px; font-size:12px; height:100%; margin-bottom:0; padding:0}
#aboutp .title{font-weight:bold; font-size:14px}
#aboutp .abouttext{text-align:justify; line-height:23px}

#aboutp .image_mar{margin-right:15px; float:left}
#aboutp .image_mar1{margin-left:10px; float:left; width:260px}
#aboutp .image_mar1 div{float:left; margin-bottom:30px}
#aboutp .image_mar2{margin-top:20px; margin-right:60px; float:left; margin-left:12px}
#aboutp .image_nomar{margin-left:12px; margin-top:20px; float:left}
#aboutp .division, #aboutp .division2{width:960px; min-height:30px; height:auto !important; height:30px; float:left; margin-bottom:0px; margin-top:20px}
#aboutp .division2{margin-bottom:0px}
#aboutp .division .text, #aboutp .division .text1{width:670px; min-height:10px; height:auto !important; height:10px; float:left}

#aboutp .division .text1{width:683px}

/* location.php */
.locationimage{min-width:10px; width:auto !important; width:10px; min-height:10px; height:auto !important; height:10px; float:left; margin-top:10px; margin-left:22px}
.locationimage img{border:none}
/* AJAX location div */
#loc_id{width:1020px; height:420px; padding-top:40px; float:left; text-align:center}
/* AJAX location div */
#loc_id .contacts{margin-left:auto; margin-right:auto; width:545px}
/* AJAX location div */
#loc_id .contacts .title{font-size:18px; margin-bottom:15px; text-align:center}
/* AJAX location div */
#loc_id .contacts .titledet{float:left; width:100%; height:150px; font-size:11px; font-family:Arial}
/* AJAX location div */
#loc_id .contacts .titledet .table{font-size:13px; font-weight:bold}
/* AJAX location div */
#loc_id .contacts .titledet .row1{width:80px; text-align:left}
#loc_id .contacts .titledet .row2{width:10px; text-align:left}
#loc_id .contacts .titledet .row3{text-align:left}
/* about us, location, contact us */
.headercontent{font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold}
/* contact us style */
#contacttable{font-size:12px; width:550px; margin-left:auto; margin-right:auto}
/* contactus.php */
.contactimage{min-width:1px; width:auto !important; width:1px; min-height:1px; height:auto !important; height:1px; float:left; margin-top:10px; margin-right:20px}
.contactdetail{width:100%; min-height:230px; height:auto !important; height:230px; float:left; margin-bottom:10px; font-size:12px}
.contactdetail1{width:1000px; min-height:10px; height:auto !important; height:10px; float:left; margin-top:20px; margin-bottom:60px; font-size:12px; margin-left:23px}
.contactdiv{margin-top:18px; width:240px; float:left; height:100%; margin-right:10px}
.contactdiv1{margin-top:18px; width:400px; float:left; height:100%}
.contactdiv1 .div1{float:left; width:130px; height:70px}
.contactdiv1 .div2{float:right; min-width:220px; width:auto !important; width:220px; height:70px}
.contactdiv1 .img{margin-top:10px; margin-left:5px; border:0}
.contactdiv1 .img1{margin-top:10px; margin-left:5px; border:0}
.contactusstyle{padding-left:20px}
/*style in contact us*/
.contactusstyle:hover{color:#31639c}
/* main office, phone, contact no, etc. */
.contactdata1{color:#31639c; font-size:12px; width:150px; font-weight:bold}
/* details in main office, phone, contact no, etc. */
.contactdata2{color:#000; font-size:12px; padding-bottom:20px}

/* details in main office, phone, contact no, etc. */
.contactdata3{color:#000; font-size:12px; padding-bottom:30px; padding-left:40px}

.contactdata4{color:#000; font-size:12px; padding-bottom:20px}

.contactdata5{color:#000; font-weight:bold}

/* news.php */
.newsdiv{width:1020px; min-height:100px; height:auto !important; height:100px; float:left; margin-bottom:10px}
/* image in news */
.newsdivimage{width:237px; min-height:100px; height:auto !important; height:100px; float:left; margin-right:10px; margin-top:15px}
/* details in news */
.newsdivdetails{width:750px; min-height:100px; height:auto !important; height:100px; float:left; margin-right:10px; margin-top:15px}
.newsdivdetails .header1:hover{color:#31639c}
/* details in news header */
.newsdivdetails .header1{width:749px; float:left; text-align:left; font-size:20px; font-weight:bold; margin-bottom:5px}
/* details in news header */
.newsdivdetails .header2{width:744px; float:left; text-align:left; font-size:12px; margin-bottom:2px; padding-left:1px}
/* details in news header */
.newsdivdetails .header3{width:744px; float:left; text-align:left; font-size:12px; margin-bottom:5px; padding-left:1px}
.newsdivdetails .newsdet{width:749px; min-height:20px; height:auto !important; height:20px; float:left; text-align:left; font-size:12px; margin-bottom:15px; margin-top:20px}
/*to the article in news*/
.newsdivdetails .article{margin-top:5px}
/*to the article in news*/
.newsdivdetails .article:hover a{color:#31639c}
.newsdivdetails .article .readmore{background:url(../images/sm_arrow.gif) no-repeat left center; float:left; padding-left:10px; padding-top:1px}
.newsdivdetails .article .readmore:hover{color:#31639c; background:url(../images/sm_arrow_blue.gif) no-repeat left center}

/*border in news*/
.newsdiv .border1{border-top:dotted 1px #000; width:1040px; height:1px; float:left; overflow:hidden; margin-top:10px}

/* videos div.php */
.videosdiv{width:200px; height:180px; float:left; margin:24px; border:dotted 1px #000; margin-bottom:10px; margin-top:10px; padding:2px}
.videosdiv{width:200px; height:140px; float:left; margin:24px; border:dotted 1px #000; margin-bottom:10px; margin-top:10px; padding:2px}
.videosdiv .imgbor{width:200px; height:180px; position:absolute; z-index:20px}
.videos{width:200px; height:140px; position:absolute; margin-bottom:5px}
.videosabsolute{width:200px; height:140px; position:absolute; font-size:12px}
.videoabsolute_detail{bottom:0; left:0; background-color:#000; color:#fff; position:absolute; padding-left:2px; padding-right:2px}
.videosdetail{width:200px; font-size:12px; text-align:center; float:left}
.videodur{position:absolute; z-index:10; background-color:#000; font-size:12px; color:#fff; padding-left:1px; padding-right:1px}
.videoslink:hover{color:#31639c}
#bannerlist{}
#bannerlist .banner{float:left; width:325px; font-size:12px; min-height:1px; height:auto !important; height:1px; margin-left:9px; margin-right:5px; margin-top:10px; margin-bottom:10px}
#bannerlist .banner .inner{float:left; width:325px}
#bannerlist .banner .inner img{border:dotted 1px #000}
#bannerlist .banner .text{color:#000; float:left; width:325px; margin-top:3px; text-align:justify}
.search{margin-top:10px}
#paginationborder{border-top:dotted 1px #000; width:735px; float:left; margin-left:285px; margin-top:20px; padding-top:3px}
#paginationborder1{border-top:dotted 1px #000; width:650px; float:left; margin-top:20px; padding-top:3px}
#paginationborder2{border-top:dotted 1px #000; width:755px; float:left; margin-top:20px; padding-top:3px; color:#000}
#paginationborder3{width:755px; float:left; padding-top:3px}
/* used in brandsview.php */
#paginationdiv{margin-top:20px; width:755px; float:left; color:#000}
.paginationborderdiv{border-top:dotted 1px #000; width:755px; float:left; margin-top:4px; height:1px; margin-bottom:20px}
#designerdetail{font-size:12px}
#designerdetail #detailpicture{width:320px; min-height:200px; height:auto !important; height:200px; float:left; margin-top:10px; padding:1px; border:none}
#designerdetail #detailpicture .more{clear:left; margin-top:15px; font-weight:normal}
#designerdetail #detailpicture .more a:hover{color:#31639c}
#designerdetail #detailpicture img{border:dotted 1px #ccc}
/* used in designerdetail.php */
#designerdetail .detail{width:600px; float:left; min-height:337px; font-family:Arial; font-size:12px; padding-left:15px; margin-top:10px; margin-left:10px; color:#636563; font-weight:bold; text-align:justify}
#designerdetail .border2{background:url(../images/navborder.gif); width:600px; height:13px; background-repeat:repeat-x; float:left; margin-top:11px; margin-left:25px; margin-bottom:10px}
#designerdetail .detail span{font-family:Arial; font-size:18px; color:#31639c; top:10px; font-weight:bold; clear:left}
#designerdetail #zoomview{float:left; font-size:12px; margin-top:12px; width:320px; height:21px}
#designerdetail .detail .border{border-top:dotted 1px #000; width:600px; height:1px; float:left; overflow:hidden}
/* detail catalogue */
#designerdetail .detail .detailcat{float:left; width:300px; height:13px}
#designerdetail .detail .detailcat a{color:#636563; background-color:#fff}
#designerdetail .desproducts{width:795px; float:left; margin-top:20px}
#desview{font-size:12px}
#desview #detailpicture{width:320px; min-height:200px; height:auto !important; height:200px; float:left; margin-top:10px; border:none; padding:1px}
#desview #detailpicture .more{clear:left; margin-top:15px; font-weight:normal}
#desview #detailpicture .more a:hover{color:#31639c}
/* used in desview.php */
#desview .detail{width:699px; float:left; min-height:100px; height:auto !important; height:100px; font-family:Arial; font-size:12px; padding-left:15px; margin-left:10px; text-align:justify}
#desview .border2{background:url(../images/navborder.gif); width:650px; height:13px; background-repeat:repeat-x; float:left; margin-top:20px; margin-left:25px; margin-bottom:10px}
#desview .detail span{font-family:Arial; font-size:18px; color:#31639c; top:10px}
#desview .detail .span{font-family:Arial; color:black; font-size:13px}
#desview .imgdiv{width:232px; height:158px; float:left; margin:10px; color:black; border:dotted 1px black}
#desview .imgdiv1{width:232px; height:157px; float:left; margin:10px; color:black}
#desview .imgdivabsolute{position:absolute; width:232px; height:155px}
#desview .imgdivabsolute .desimgdiv{border:solid 1px #fff; width:230px; height:156px}
#desview .imgdivabsolute .desimgdiv:hover{border:solid 1px #31639c}
#desview .imgdivabsolute img{position:absolute; left:0; right:0; margin:auto}
#desview .imgdivabsolute .zoom{position:absolute; z-index:10; bottom:1px; left:10px; font-weight:normal}
#desview .imgdivabsolute .details{position:absolute; z-index:10; left:5px; top:3px}
#desview .imgdivabsolute .details div{background:#fff; font-size:12px; font-weight:normal; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; float:left; clear:both; color:#000}
#desview .imgdivabsolute1{position:absolute; padding:1px; width:230px; height:157px; border:dotted 1px black}
#desview .imgdivabsolute1 .img{top:10px; left:10px; position:absolute; width:210px; height:75px; z-index:10}
#desview .imgdivabsolute1 img{position:absolute; z-index:5}
#desview .imgdivabsolute1 .details{position:absolute; z-index:10; left:15px; bottom:5px}
#desview .imgdivabsolute1 .details a{font-size:12px; font-weight:normal}
#desview .imgdivabsolute1 .details a:hover{color:#31639c}
#desview .des_withtext{float:right; margin-right:10px; font-weight:normal; margin-top:2px}
#desview .selected{font-weight:bold}
#destabdiv{width:650px; float:left; margin-top:5px}
.destabborder{border-top:solid 1px black; width:650px; height:1px; float:left; overflow:hidden; margin-bottom:15px}
.destabstyle{border:dotted 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.destabstyle:hover{background-color:#31639c}
.destabstyle:hover a{color:#fff}
.destabstyle_select{border:solid 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.destabstyle_select .destab a{font-size:13px; color:black; font-weight:bold}
.destab a{font-size:13px; color:#777; font-weight:normal}
/* used in branddetail.php */
#branddetail{font-weight:bold; font-size:12px}
#branddetail #detailpicture{min-width:50px; width:auto !important; min-width:50px; min-height:10px; height:auto !important; height:10px; float:left; margin-top:50px; margin-left:20px; padding:1px; border:none}
#branddetail #detailpicture .more{clear:left; margin-top:15px; font-weight:normal}
#branddetail #detailpicture .more .select{color:#31639c; font-weight:bold}
#branddetail #detailpicture .more a:hover{color:#31639c}
#branddetail #detailpicture img{}

#branddetail .detail{width:760px; float:left; min-height:150px; height:auto !important; height:150px; font-family:Arial; font-size:12px; padding-left:15px; margin-top:10px; margin-left:35px; text-align:justify}
#branddetail .border2{background:url(../images/navborder.gif); width:760px; height:13px; background-repeat:repeat-x; float:left; margin-top:20px; margin-left:50px; margin-bottom:10px}
#branddetail .detail .brandtitle{font-family:Arial; font-size:18px; color:#31639c; font-weight:bold}
#branddetail .detail .span{font-family:Arial; font-size:13px; color:#000; font-weight:bold}
#branddetail .detail .border{border-top:dotted 1px #000; width:760px; height:1px; float:left; overflow:hidden}
#branddetail .detail ul{margin-left:12px;}
#branddetail .detail .detailcat{float:left; width:300px; height:13px}
#branddetail .detail .detailcat a{color:#636563; background-color:#fff}
#branddetail .brandproducts{width:1025px; float:left; margin-top:15px; margin-left:20px; min-height:1px; height:auto !important; height:1px}

/* used in brandview.php */
#brandview{font-size:12px}
#brandview #detailpicture{min-width:50px; width:auto !important; width:50px; min-height:30px; height:auto !important; height:30px; float:left; margin-top:50px; margin-left:25px; border:none}
#brandview #detailpicture .more{clear:left; margin-top:15px}
#brandview #detailpicture .more .select{color:#31639c; font-weight:bold}
#brandview #detailpicture .more a:hover{color:#31639c}
#brandview #detailpicture img{}

#brandview .detail{width:765px; float:left; min-height:337px; font-family:Arial; font-size:12px; padding-left:15px; margin-top:10px; margin-left:30px; text-align:justify}
#brandview #detailbrand{float:left; width:510px}
#white1px{background:url(../images/white1px.gif); width:150px; height:1px; margin-top:18px; z-index:71; position:absolute}
#white1px2{background:url(../images/white1px.gif); width:131px; height:1px; margin-top:18px; z-index:71; position:absolute; top:15px; left:1px}
#brandview #detailbrandright{float:left; width:245px; height:19px}
#brandview #detailbrandright_absolute{position:absolute; width:245px; height:19px; z-index:50}
#brandview #detailbrandright_absbg{position:absolute; right:1px; width:152px; height:19px; cursor:pointer; background:url(../images/item_overview.gif)}
#brandview #detailbrandright #chooseitem{float:left; min-height:1px; height:auto !important; height:1px; width:220px}
#brandview #detailbrandright #chooseitem_absolute{position:absolute; width:242px; z-index:50; background-color:#fff; top:18px; left:0px; border:solid 1px #7b7c7b; -moz-opacity:0.95; filter:alpha(opacity=95); opacity:.95}
#brandview #detailbrandright .choose, #brandview #detailbrandright .chooseinner{font-weight:normal; color:#000; font-size:12px; float:left; height:16px}
#brandview #detailbrandright .choose{padding-left:5px; font-weight:bold; color:#3F3F3F; padding-top:1px; width:218px}
#brandview #detailbrandright .chooseinner{padding-left:20px; width:203px}
#brandview #detailbrandright .choose:hover,  #brandview #detailbrandright .chooseinner:hover{background-color:#31639c; color:#fff}
#brandview .border2{overflow:hidden; background:url (../images/navborder.gif); width:755px; height:13px; float:left; margin-top:20px; margin-left:45px; margin-bottom:10px}
#brandview .detail span{font-family:Arial; font-size:18px; color:#31639c; top:10px; clear:left}
#brandview .detail .span1{font-family:Arial; color:black; font-size:13px; clear:left}
#brandview .imgdiv{width:232px; height:157px; float:left; margin:10px; color:black; border:dotted 1px black}

#brandview .imgdivabsolute{position:absolute; width:232px; height:157px; z-index:1}
#brandview .imgdivabsolute img{z-index:2}
#brandview .imgdivabsolute .brandimgdiv{border:solid 1px #fff; width:230px; height:155px}
#brandview .imgdivabsolute .brandimgdiv:hover{border:solid 1px #31639c}
#brandview .imgdivabsolute .zoom{position:absolute; z-index:10; bottom:1px; left:10px; font-weight:normal}
#brandview .imgdivabsolute .details{position:absolute; z-index:10; left:5px; top:3px}
#brandview .imgdivabsolute .details div{background:#fff; font-size:12px; font-weight:normal; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; float:left; clear:both; color:#000}
#brandview .imgdivabsolute1{position:absolute; padding:1px; width:230px; height:180px; border:dotted 1px black; z-index:2}
#brandview .imgdivabsolute1 .img{margin-left:10px; margin-top:10px}
#brandview .imgdivabsolute1 img{position:absolute; z-index:5}
#brandview .imgdivabsolute1 .details{position:absolute; z-index:10; left:15px; bottom:10px}
#brandview .imgdivabsolute1 .details div{background:#fff; font-size:12px; font-weight:normal; margin-top:1px; padding:1px; padding-left:2px; padding-right:2px; float:left; clear:both; color:#000}
#brandtabdiv{width:1055px; float:left; margin-top:5px}
.brandtabborder{border-top:dotted 1px #000; width:755px; height:1px; float:left; overflow:hidden}
.brandtabstyle{border:dotted 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.brandtabstyle:hover{background-color:#31639c}
.brandtabstyle:hover a{color:#fff}
.brandtabstyle_select{border:solid 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.brandtabstyle_select .brandtab a{font-size:13px; font-weight:bold; color:black}
.brandtab a{font-size:13px; color:#777}
.ownstyle{font-size:12px; color:#000; font-weight:normal; margin-right:30px; margin-bottom:5px}
.ownstyle:hover{background-color:#31639c; color:#fff}

#searchresultdiv{width:1055px; float:left; margin-top:5px}
.searchresultborder{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden; margin-bottom:10px}
.searchresultstyle{border:dotted 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.searchresultstyle:hover{background-color:#31639c}
.searchresultstyle:hover a{color:#fff}
.searchresultstyle_select{border:solid 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.searchresultstyle_select .searchresult a{font-size:13px; font-weight:bold; color:black}
.searchresult a{font-size:13px; color:#777}

#zero_searchresult{font-size:16px; width:100%; padding-bottom:100px; padding-top:100px; text-align:center; color:#777}
#zero_searchresult span{border:dotted 1px #707070; height:17px; padding-left:50px; padding-right:50px; padding-top:2px; padding-bottom:2px}
.newprod{position:absolute; bottom:-1px; right:-1px; background:url(../images/new_tag.png); width:33px; height:33px; z-index:99}
.soonprod{position:absolute; bottom:-1px; right:-1px; background:url(../images/soon_tag.png); width:63px; height:63px; z-index:99}
.outprod{position:absolute; bottom:-1px; right:-1px; background:url(../images/outofstock.png); width:57px; height:57px; z-index:99}
.dcprod{position:absolute; bottom:-1px; right:-1px; width:33px; height:33px; z-index:30}
.saleicon{position:absolute;bottom:0px;right:0px;width:65px;height:65px; z-index:30;background: url(../images/discount/sale_icon.png);}
.promosaleicon{position:absolute;bottom:0px;right:0px;width:87px;height:87px; z-index:31;background: url(../images/discount/psale.png);}
.clearanceicon{position:absolute;bottom:0px;right:0px;width:87px;height:87px; z-index:31;background: url(../images/discount/csale.png); }
.phaseouticon{position:absolute;bottom:0px;right:0px;width:87px;height:87px; z-index:31;background: url(../images/discount/posale.png); }
.prodsoonicon{position:absolute;bottom:0px;right:0px;width:65px;height:65px; z-index:31;background: url(../images/comingsoon.png); }
.prodnewicon{position:absolute;bottom:0px;right:0px;width:65px;height:65px; z-index:31;background: url(../images/newitem.png); }
#verifyresult{border:dotted 1px #ccc; width:1055px; float:left; margin-top:60px; margin-bottom:40px; padding-top:5px; padding-bottom:5px; text-align:center}
#verifystyle{font-size:13px; font-family:Arial}
#clienttabdiv{width:1055px; float:left; margin-top:5px; font-size:13px}
.clienttabborder{border-top:dotted 1px #000; width:1055px; height:1px; float:left; overflow:hidden}
.clienttabstyle{border:dotted 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.clienttabstyle_select{border:solid 1px black; border-bottom:none; float:left; padding:20px; padding-top:2px; padding-bottom:2px; margin-right:15px}
.clienttabstyle_select .clienttab a{font-size:13px; font-weight:bold; color:black}
.clienttab a{font-size:13px; color:#777}
.clienttab a:hover{color:#31639c; font-weight:bold}
.productbox .imgbor{width:224px; height:153px; position:absolute; z-index:20px; background:url(../images/1px.gif)}
.imgbor{width:228px; height:153px; position:absolute; z-index:20px; background:url(../images/1px.gif)}
.imgbor:hover{background:url(../images/1px.gif); border:solid 2px #31639c; z-index:20px}
.input_textbox{width:150px; border:solid 1px #000; height:16px}
.input_textbox1{width:350px; height:100px; border:solid 1px #000; overflow:auto}
.input_textbox2{border:solid 1px black; height:16px; width:26px; font-size:12px; text-align:center; font-family:Arial; padding-top:1px}
.input_textbox3{width:250px; height:70px; border:solid 1px #000}
/* comments in product detail */
.ddlcomrate{border:1px solid #000; width:70px; font-size:12px; font-family:Arial}
.comments_button{background:url(../images/send_btn.gif); width:68px; height:19px; border:none; cursor:pointer}
.comments_button:hover{background:url(../images/send_btn_hover.gif); width:68px; height:19px}

/* contactus unsubscribe */
.txtunsubscribe{border:solid 1px black; border-right:none; padding-left:5px; font-size:12px; font-family:Arial; height:17px; margin-top:3px; float:left; width:142px}
.txtunsubscribe_button{border:solid 1px black; padding-left:2px; font-size:12px; font-family:Arial; height:16px; width:45px; float:right}
.unsubscribe_button{background:url(../images/search.gif); width:28px; height:19px; border:none; cursor:pointer; float:left; margin-top:3px}
.unsubscribe_button:hover{background:url(../images/searchhover.gif); width:28px; height:19px; border:none; cursor:pointer}

/* product comparison */
#productcomparison{font-size:12px}
#productcomparison .comparecol1{float:left; width:440px; min-height:165px; height:auto !important; height:165px; padding-top:10px; margin-top:15px}
#productcomparison .comparecol1 .note{font-style:italic; font-size:11px}
#productcomparison .comparecol2{float:left; width:480px; min-height:150px; height:auto !important; height:150px; margin-left:75px; padding-left:20px; border-left:solid 1px #000; margin-top:15px}
#productcomparison .comparecol2 .compare_img_div{float:left; width:230px; min-height:157px; height:auto !important; height:157px; margin-right:10px}
#productcomparison .comparecol2 .compare_img_div .title{float:left; color:#31639c; font-size:15px; font-weight:bold; margin-bottom:2px}
#productcomparison .comparecol2 .compare_img_div .img{border:dotted 1px #000; width:230px; height:157px; float:left}
#productcomparison .comparecol2 .compare_detail{margin-top:20px; float:left; width:235px; min-height:10px; height:auto !important; height:10px}
#productcomparison .compare{float:left; width:150px; min-height:1px; height:auto !important; height:1px}
#productcomparison .compare_absolute{position:absolute; width:150px; min-height:1px; height:auto !important; height:1px}
#productcomparison .compare_brandlist{width:150px; height:100px; position:absolute; border:solid 1px #000; z-index:5; top:33px; -moz-opacity:0.95; left:0px; filter:alpha(opacity=95); opacity:.95}
#productcomparison .compare_brands{float:left; width:150px; background-color:#fff}
#productcomparison .compare_brands .text{padding-left:3px}
#productcomparison .compare_brands .text:hover{background-color:#31639c; color:#fff}
#productcomparison .compare .set{background:url(../images/search.gif); width:28px; height:19px; float:left; border:0px; cursor:pointer}
#productcomparison .set:hover{background:url(../images/searchhover.gif); width:28px; height:19px}
#productcomparison .compare1{float:left; width:180px}
#productcomparison .comparebutton{background:url(../images/search.gif); width:28px; height:19px; float:left}
#productcomparison .comparebutton:hover{background:url(../images/searchhover.gif); width:28px; height:19px}
#productcomparison .comparison{}
#productcomparison #comparediv{width:430px; float:left; margin-top:8px}
#productcomparison .compare_textbox{border:solid 1px #000; height:17px; float:left; width:100px; padding-left:3px}
#productcomparison .compare_textbox1{border:solid 1px #000; height:17px; float:left; width:100px; padding-left:3px; border-right:none}
#productcomparison .compare_ddl{border:solid 1px #000; width:160px; height:19px}
#productcomparison .compare_button1{background:url(../images/search.gif); width:28px; height:19px; border:0; cursor:pointer; float:left}
#productcomparison .compare_button1:hover{background:url(../images/searchhover.gif); width:28px; height:19px; border:0; cursor:pointer; float:left}
#productcomparison #compare_button_div{float:left; width:250px; margin-top:10px}
#productcomparison #compare_button_div .text{float:left}
#productcomparison #compare_button_div .textbox_like{float:left; border:solid 1px #000; padding-left:2px; padding-right:2px; border-right:none}
#productcomparison  #compare_button_div .compare_button{background:url(../images/search1.gif); width:27px; height:17px; border:0; cursor:pointer; float:left}
#productcomparison  #compare_button_div .compare_button:hover{background:url(../images/searchhover1.gif); width:27px; height:17px; border:0; cursor:pointer; float:left}
#productcomparison  .brand_button{background:url(../images/selectbrands_box.gif); width:135px; height:17px; border:0; cursor:pointer; float:left}
#productcomparison .comparecol3{float:left; width:1020px; min-height:100px; height:auto !important; height:100px; margin-top:20px; border-top:dotted 1px #000; padding-top:10px}
#productcomparison .sbsborder{border-top:dotted 1px #000; height:1px; width:1035px; float:left; margin-top:10px; margin-bottom:5px}
#productcomparison .sidebyside{width:490px; min-height:10px; height:auto !important; height:10px; float:left; margin-left:10px; margin-bottom:20px}
#productcomparison .sidebyside2{width:490px; min-height:10px; height:auto !important; height:10px; float:left; margin-left:30px; margin-bottom:20px}

/* used in product details.php */
#productcomparison .detailpicture{width:490px; height:338px; float:left; margin-top:10px; border:dotted 1px #707070}
/* used in product details.php */
#productcomparison .detailpicture .detailabsolute{position:absolute; width:490px; height:338px}
#productcomparison .detailpicture .detailabsolute img{/*position:absolute; right:0; left:0; top:0; bottom:0; margin:auto; */}
#productcomparison .productdescription{float:left; color:#636563; font-weight:bold; min-height:10px; height:auto !important; height:10px; width:490px}
#productcomparison .border2{float:left; overflow:hidden; background:url (../images/navborder.gif); width:490px; height:16px}
#productcomparison .productdescription .name{font-family:Arial; font-size:18px; color:#31639c; font-weight:bold}
#productcomparison .productdescription .prod_des_margin li{margin-left:13px}
#productcomparison .productdescription table{clear:left}
#productcomparison .detail .border{border-top:dotted 1px #000; width:500px; height:1px; float:left; overflow:hidden}
/* detail catalogue */
#productcomparison .detail .detailcat{float:left; height:13px}
#productcomparison .detail .detailcat a{color:#636563; background-color:#fff}
#productcomparison .detail .detailcat a:hover{background-color:#31639c; color:#fff}
.clipboard_point{float:left; cursor:pointer}
.clipboard_point:hover{float:left; cursor:pointer}
.clipboard{width:200px; height:21px}
/* catalogue */
.cataloguecenter{text-align:center}
.otherthumb{margin:10px; float:left; width:75px; height:50px}
.page_header{width:100%; font-weight:bold; font-size:18px; letter-spacing:7px;  color:#31639c; float:left;text-align:center;padding-top:5px;padding-bottom:15px;}

.saleitem { width:488px;height:336px;float:left;margin:10px;}

.package { width:488px;height:336px;float:left;margin:10px;}
/* package detial.php*/
#packagedetail { margin-top:10px;float:left;width:100%;}
#packagedetail #packagedetail_left { width:490px;float:left;min-height:338px;height:auto !important;height: 338px;}
#packagedetail .picture { width:490px; height:338px;float:left;border:dotted 1px #000;}
#packagedetail .picture img{ padding:1px; }
#packagedetail .pictureabsolute { width:490px; height:338px;position:absolute;}
#packagedetail .pckimg_s { width:40px; height:30px;float:left;border:solid 1px #636563; margin:5px}
#packagedetail .pckimg_s img{ cursor:pointer; }
#packagedetail #packagedetail_right { text-align:justify;width:500px;color:#636563;font-weight:bold; margin-left:10px; padding-left:15px;float:left;min-height:338px;height:auto !important;height:338px;}
#packagedetail .title { font-size:18px;color:#31639c;}
#packagedetail ul { margin-left:12px;}
#packagedetail a { color:#31639c;}
#packagedetail .highlight { color:#31639c;}
#packagedetail .highlight2 { color:#cf2c30;}
#packagedetail .border { width:500px;}