/* 2011-06-08 v1.2.4 */
@font-face {
    font-family: 'RobotoThin';
    src: url('/site-res/font/Roboto-Light-webfont.eot');
    src: url('/site-res/font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/site-res/font/Roboto-Light-webfont.woff') format('woff'),
         url('/site-res/font/Roboto-Light-webfont.ttf') format('truetype'),
         url('/site-res/font/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('/site-res/font/Roboto-Regular-webfont.eot');
    src: url('/site-res/font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/site-res/font/Roboto-Regular-webfont.woff') format('woff'),
         url('/site-res/font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/site-res/font/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
   background-color: #edf0f5;
   background: #edf0f4 url(/site-res/img/headerbg.png) top left repeat-x;
}


BODY, TD, P, TH {
   MARGIN: 0px;
   FONT-SIZE: 12px; COLOR: #696969;
   FONT-FAMILY: Helvetica, Arial, Verdana, clean,sans-serif;
   font-size-adjust:none;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:1.2em;
   word-wrap:break-word;
}
TH {
   font-weight:bold;
}
TD {
   MARGIN-LEFT: 10px;MARGIN-RIGHT: 10px;
}
P {
   MARGIN: 0px; line-height:22px;
}


h1,h2,h3,h4,h5,h6 {
   margin:0
}
hr {
   COLOR: #dddddd; BACKGROUND-COLOR: #dddddd;
   height:1px; border:0
}

h1,h2,h3,h4,h5 {
   font-size:1em;/*font-weight:normal;font-style:italic;*/
}



h1 { font-size:18px; color: #ff6600; margin-bottom:15px; font-weight:normal;font-family: Helvetica, "microsoft yahei", Arial;}
h2 { font-size:13px; color: #ff6600; margin-bottom:8px; font-weight:bold; }
h3 { font-size:15px; color: #ff6600; margin-bottom:10px; font-weight:normal; }
h4 { font-weight:bold; margin-bottom:8px; font-size:13px;}
h5 { font-weight:normal; color: #111111;  }
 

A { text-decoration: none;COLOR: #4096C7; }

A:hover { COLOR: #fe6a00!important }


.fwn {FONT-WEIGHT:normal }
.fwb {FONT-WEIGHT:bold; color: #ff6600; }

.hilite {   COLOR: #595959; line-height:20px; }
.kwh { FONT-WEIGHT: bold; }

.css-sprite {background-image: url(/site-res/css/img/editor-css-sprite.gif); }

.page1000 { width:990px; margin:auto; }
.page950, #page950 { width:950px; margin:auto; }
.page900, #page900 { width:900px; margin:auto; }
/* common elements start */
#navBar {
  width:990px; margin:auto;  margin-top:-14px;
}
.md {
   margin-bottom:10px;
}
.pageNavList {
   clear:both; white-space:nowrap; text-align:right;
}
.nextBlock {
   margin-left:5px; margin-right:5px;
}
.nextBlock span, .nextBlock a  {
   margin:0 3px;  text-decoration:none; text-align:center;
   height:21px;  width:21px; line-height:21px; font-size:12px;
   display:inline-block; border:1px solid #B1B1B1; font-family: Arial,Verdana;
   -webkit-text-size-adjust: none;
}
.nextBlock span {
   background-color:#a9ce3a; color:#ffffff;
}
.nextBlock a {
   background-color:#ffffff;
   color: #5D5D5D;
}
.nextBlock a:hover {
   background-color:#a9ce3a; color:#ffffff !important;
}

.editorCnt {
   width: 930px;
   margin: auto;
   border: #DDDDDD 1px solid;
   border-radius: .5em;
   padding: 10px 30px 30px 30px;
   background: #ffffff url(/site-res/img/cntbg.png) bottom left repeat-x;
   box-sizing: initial;
}

.editorCnt h1{
	color: #ff6600; margin:0 0 15px 0; font-weight:normal;
	font-family: 'robotoregular', 'Hiragino Sans GB','Microsoft Yahei'; line-height:1.2em;
}

.editorCnt .tbList th {
	border-top: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
	background: #f1f1f1 url(/site-res/css/ui-lightness/images/ui-bg_gloss-wave_100_f1f1f1_500x100.png) 50% 50% repeat-x;
}

.popupbody .editorCnt {
   width: auto;
   border:none;
   padding: 0px;
   background: #ffffff;
}


body.main .editorCnt {
   width: 990px;
   border: 0;
   border-radius: .0em;
   padding: 0px 0px;
   background: transparent;
}


body.login {
   background: none;
}

body.login .editorCnt {
   width: auto;
   border: 0;
   border-radius: .0em;
   padding: 0px 0px;
   background: transparent;
}

/* common elements end */


/* menu start */
#pagehead {
   display:block; overflow-y:hidden; overflow-x: hidden;
   width:100%;
}
#pagehead #left {
   width:20%; float:left; padding-left:10px; vertical-align:top;
}
#pagehead #right {
   width:78%; float:right; font-size:11px;  padding-top:23px; 
}
#topnav {
   margin-bottom:0px; background-image: url(/site-res/css/img/editor-css-sprite.gif); 
   background-position: -20px -33px;
   border-bottom:#e6e6e6 1px solid;
   background-color:#FEFEFE;
}
.logopart {
   margin-bottom:10px;
}
.logopart, .logopart #left, .logopart #right {
   
}
#loginMsg {
   height:25px; font-size:11px; line-height: 20px;
   margin-left:3px; text-align:right; margin-top:3px;
}
.signIn .enqMsg { display:none; }
#newEnquiry {
   height:25px; float:right; font-size:11px; line-height: 20px;
   margin-right:3px;
}
ul#mainBtn {
   position:relative;top:-1px;
   float:right;   margin:0;padding:0;
   list-style-type:none;
   border-left:#E9E9E9 1px solid; 
}
ul#mainBtn li {
   height:22px; FONT-SIZE:12px; border-bottom:0;
   background-repeat: repeat-x; 
   padding-left:12px; padding-right:12px;
   vertical-align:middle; border-right:#E9E9E9 1px solid; float:left;
}
ul#mainBtn li a:link, ul#mainBtn li a:visited {
   TEXT-DECORATION: none;
   height:16px; display:inline-block; margin-top:4px;
}

ul#mainBtn a:hover  {
   color:#FF6704 !important;
}

ul#mainBtn a {
   color:#646464;
}
ul#mainBtn li.hl a {
   color:#F2660F;
}
.signIn {
  float:left;
}
.signIn a {
   color: #FF6704;
}
#loginMsg {
    float:right;
}
#langBtn {
   float:right; display:block;
   vertical-align:top;
}

#mainTags {
   width:1002px; margin:auto; 
}
#mainTags #left, #mainTags #right, #mainTags #mid {
   background-image: url(/site-res/css/img/editor-css-sprite.gif);
   display:inline-block; height:41px;
}

#mainTags #left {
   background-position: 0 -322px; background-repeat: no-repeat;
   width:15px; float:left;
}
#mainTags #right { 
   background-position: right -365px; background-repeat: no-repeat;
   width:15px; float:right;
}
#mainTags #mid {
   background-position: 0 -408px; background-repeat: repeat-x;
   width:972px; 
   white-space:nowrap;float:left;
}

ul#mainTagBtn {
   margin: 3px 0 0 0px; padding:0;
   list-style-image:none;
   list-style-type:none; 
}
ul#mainTagBtn li {
   font-family: 'robotoregular', 'Hiragino Sans GB','Microsoft Yahei';
   height:36px; float:left; border-bottom: 0;
   
}
ul#mainTagBtn li a { 
   height:15px; cursor:hand; cursor:pointer; FONT-SIZE:13px; 
   line-height:100%; white-space:nowrap; text-align:center; display:inline-block;
   padding:11px 14px 10px 14px; color: #010101;text-decoration:none;
   text-shadow:0px 1px 1px #d0e37b;
}
ul#mainTagBtn li a:hover{
   color:#000 !important; 
   text-shadow:none;
}
ul#mainTagBtn li.first {
   
}
ul#mainTagBtn li.last {
   
}
ul#mainTagBtn li.on, ul#mainTagBtn li.cur {
   background-position: 0 -281px; background-repeat: repeat-x;
   height:38px; border: #cccccc 1px solid; border-bottom:0; background-color: #ffffff;
   -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;
   -moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;
   border-top-left-radius: 3px;border-top-right-radius: 3px; 
}
ul#mainTagBtn li.on a, ul#mainTagBtn li.cur a {
   text-decoration:none;
   padding:10px 13px;
}
ul#mainTagBtn li.on.first a {
   
}
ul#mainTagBtn li.on a {
   color: #010101;
   text-shadow:none; 
}
ul#mainTagBtn li.cur a {
   color: #222;
   text-shadow:none;
}
#myDIYShop {
	margin-top:6px; height:30px;float: right

}
#myDIYShop .btn{
   float:right; position:relative;
}
#myDIYShop .btn .new {
   position: absolute; color: #ff0000; top: 0; right: -21px;
   font-size:11px!important; font-weight:bold; text-shadow: 1px 1px 1px #ffffff;
   opacity:1;
}
#myDIYShop .btn .new.off {
   opacity:0;
}

#subtags {
   width:990px; margin:auto; 
}
#subtags {
   background-image: url(/site-res/css/img/editor-css-sprite.gif);
   background-color:#9CBB31;
   background-position:0 -224px; background-repeat: repeat-x;
   height:38px;
   border: #dddddd 1px solid; border-top:0;
   margin-bottom: 12px;
}
#subtags ul {
   margin: 0 26px; padding:0;
   list-style-image:none;list-style-type:none; position:relative;
}
#subtags ul li {
   float:left;margin-top:9px;
}
#subtags ul li a, #subtags ul li a:visited {
   text-decoration:none;
   color:#444;
}
#subtags ul li a, #subtags ul li a.cur {
   FONT-SIZE:12px; display:inline-block; padding:1px;
   height:16px; 
}
#subtags ul li a.cur, #subtags ul li a.cur:visited {
   color: #ff6600!important;
   FONT-SIZE:12px; TEXT-DECORATION: none;
}
#subtags ul li a:hover, #subtags ul li a.cur:hover {
   color: #ff6600 !important;
}
#subtags ul li.sep {
   padding:0 9px; color: #272D23;
}



/* login table */


#loginTable {
   margin-top:15px; 
   margin-bottom:20px; 
   width:97%; padding: 5px 0 10px 0;
}
#loginTable th {
   font-weight:normal; text-align:right;
}
#loginTable th, #loginTable td {
   padding:10px; font-size:13px;
}
#loginForm input[type=text], #loginForm input[type=password] {
   width: 220px; font-family: verdana, arial, helvetica; font-size: 13px;-webkit-border-radius: 2px;
   -moz-border-radius: 2px;border-radius: 2px;border: 1px solid #CFCFCF;height: 28px;line-height: 25px;color: #595959;
   padding-left:5px;
}
#loginForm #loginsave { height: 18px; margin:0 5px 0 0;}

a.forgotPasswd {
   color: #4096C7; font-size: 12px; 
}

.block_table input, .block_table select {
   font-family: verdana, arial, helvetica; font-size: 12px;-webkit-border-radius: 2px;
   -moz-border-radius: 2px;border-radius: 2px;border: 1px solid #CFCFCF;height: 24px;line-height: 20px;color: #595959;
}


/*---------------------------------------------*/




/*---------------------------------------------*/

.talkframe-bg {
   background-color:#ECF3F6;  height:33px;
   background-position: 0 0; background-repeat: repeat-x;
}
.talkframe-bg * {
   margin:5px; vertical-align:middle;
}
.talkframe-bg .fleft {
   float:left;
}
.talkframe-bg .fright {
   float:right;
}
.talkwindow {
   margin:7px; display:block;
}

.contentBg {
   height: 66px;  background-position: 0 -1064px;
   background-repeat: repeat-x;  margin-bottom: -66px;
   border-top: #EAEAEA; margin-top:10px;
}

/* menu end  */




/* search box start */

#searchForm {
   
}
.hiddenThing {
   display:none;
}
ul#searchTabs {
   margin: 0 0 0 0; 
   list-style-image:none; list-style-type:none; padding:0 0 0 260px; float:left;
}
ul#searchTabs li {
   height:27px;width:150px; text-align:center;
   margin:0 1px 0 0;  
   CURSOR: hand; CURSOR:pointer; background-color:#eeeeee; float:left;
   background-position: 0 -194px; background-repeat:repeat;
   border: #D8D8D8 1px solid;  border-bottom: 0px;line-height: 16px;*line-height: 24px;
}
ul#searchTabs li.tabOn {
   background-color:#D1E88D;
   background-position: 0 -157px; 
   border: #C3DE41 1px solid; border-bottom: 0px;line-height: 16px;*line-height: 24px;
}
ul#searchTabs li a {
   height:29px;display:block;line-height:29px;  *line-height:24px;  
    color: #696969;
   text-shadow:#fff 1px 1px 2px;
}
ul#searchTabs li.tabOn a {
   color:#1f1f1f;
}

ul#searchTabs li a:hover {
   color: #1f1f1f !important;
}

.searchBoxProd {
   height: 38px;
   width: 760px;
   float: right;
   background-position: 0 -912px;
   background-repeat: repeat-x; 
}


.searchBoxProd form {
   float:left; padding: 6px 9px 6px 9px; margin:0;
   
}

.searchBoxProd #searchForm{
  
}
.searchBoxProd input.qs{
  border: none;
	background-color: transparent;
	text-indent: 10px;
	background: url(/dir-res/2012/img/searchBox.gif) no-repeat 0px 0px;
	width: 245px; height:25px;
}



.searchBoxProd select.qc{
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
   border-color:#96c234;background-color: #f7f7f7;
   height:24px;width:150px; text-indent:10px;color:#6d6d6d;
}
.searchBoxProd .btn{
    padding:2px 10px 1px 10px;
}
.searchBoxProd .advSearch {
   color: #ffffff; font-size:12px;  float:right;
   height:25px;
   vertical-align: middle; padding:12px 9px 6px 9px;
}
.searchBoxProd .advSearch a {
   color: #ffffff;
} 
#moreSearchTab {
   width:100%;white-space:nowrap; padding:3px 0; font-size:12px;
}
#moreSearchTab h3 {
   margin-left:5px; margin-right:5px;
   FONT-SIZE: 12px; line-height:28px; font-weight:normal;
}
#moreSearchTab a, #moreSearchTab a:hover {
   text-decoration:none; color: #FE6A00 !important;
}
#moreSearchTab a:hover {
   text-decoration:underline;
}
#moreSearchTab a.more {
   color: #6a6a6a !important;
}
.specialLink {
   font-size:12px; float:right;padding-top:5px;
}
.specialLink a {
   color: #909090;
}

/* search box end */




/* cart start */

.cartBox {
   background-position: 0 -959px; float:right;
   background-color: #8C8C8C; width:160px;
   height:38px; text-align:center; margin-left:5px;
   border-left: #ffffff 3px solid; vertical-align: middle; padding:11px 9px 7px 9px;
}
.cartBox a {
   font-size:12px; color:#ffffff;
}
.cartBox a.off, .cartBox a:hover{
   color: #ffffff !important;
}
.cartItem {
   border-bottom: #cccccc 1px solid; padding: 12px 0 15px 0; width:100%;
}
.cartItem .cols {
   float:left;
}
.cartItem .col1 {
   width:90px;text-align:center; padding:0 20px;
}
.cartItem .col2 {
   width:75%; 
}
.cartItem .col3 {
   width:10%;text-align:center;
}

/* cart end */


/* button start*/
a.diy-button {
    background-image: url(/dir-res/2012/css/ui-lightness/images/diy-button.gif);
   background-position: 0 -434px; line-height:22px; vertical-align:middle;
   width: 123px; height:22px; display:inline-block; font-size:12px; text-align:center;
   margin:5px 3px 3px 3px;
}
a.diy-button.blur {
   background-position: 0 -409px;
}
a.diy-button, a.diy-button span {
   color:#FFFFFF!important;
}
a.diy-button.blur, a.diy-button.blur span {
   color:#2E2E2E;   
}

a.diy-button:hover {
   color:#fff !important;
}

.diy-button2 {
  height:24px; cursor:hand; cursor:pointer; text-shadow:none;
} 
.diy-button2 .left, .diy-button2 .mid, .diy-button2 .right {
   background-image: url(/dir-res/2012/css/ui-lightness/images/diy-button.gif);
   height:24px; line-height:24px; vertical-align:middle;
   display:inline-block; color:#ffffff;
}
.diy-button2 .left {  background-position: 0 -343px; width:16px; }
.diy-button2 .right { background-position: right -373px; width:16px; }
.diy-button2 .mid {   background-position: 0 -403px ;  }

.diy-button2 .mid input{
  border-style:none !important; color:#fff !important;
  background: none; font-size:12px; cursor:hand; cursor:pointer;
  font-family: arial; margin:0; padding-left:0; padding-right:0;
  vertical-align:bottom;
}


.diy-button2 input[type=button], .diy-button2 input[type=submit] {
    display:inline; background:none; border:0; color: #ffffff; cursor:hand; cursor:pointer;
}



.hl-button {
   display:inline-block; border: #ffffff 1px solid;
   background-image: url(/dir-res/2012/css/ui-lightness/images/diy-button.gif);
   background-color: #FF6600; color: #ffffff;
   background-repeat: repeat-x; height:23px;
   background-position: 0 -436px; padding:0px 10px; cursor: hand; cursor: pointer;
   border-radius: 2px;
   -moz-box-shadow: 0px 1px 3px #637b19;  -webkit-box-shadow: 0px 1px 3px #637b19;  box-shadow: 0px 1px 3px #637b19;
}

a.msn.blur:hover, a.msn.blur:hover span {
   color: #6a6a6a;
}
a.msn img.msnicon {
   margin-left:3px; margin-right:3px;
}
a.msn.diy-button img.msnicon {
   margin-left:3px; margin-right:0; margin-top:-1px;
}
/* button end */


/* footer start */

#footer {
   text-align:center;clear:both;
   margin-top:18px; margin-bottom:30px;
}

.copyright {
   font-size:10px; font-family:  Arial,Verdana;
   color:#444444; line-height:18px;
   -webkit-text-size-adjust:none;
}

.orRow {
    margin-top: 1.6em;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding-top: 20px;
}

.orRow {
    text-align: center;
    font-size: 18px;
}
.form-group-separator p:after, .form-group-separator p:before {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30%;
    background: rgba(0,0,0,0.2);
    margin-right: .8em;
    margin-left: .8em;
    
}
.sTitle{
	 font-size: 16px;
    font-weight: 700;
}

/* footer end */

/* other*/