/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2011-09-16)

==STRUCTURE:============================

*Page width:          1000px
*Number of columns:   3

---------------------------------------*/
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:11px/150%  Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#333; background:#fff url(../images/bg.gif) repeat-x; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:11px/150%  Arial,"Lucida Grande",Verdana, Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a{color:#333;text-decoration:none; outline:none;}
a:hover{color:#f60;text-decoration:underline;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.systemAlert{color:#f30;font-weight:bold;}
a.systemAlert{color:#f30;}

.row{overflow:auto;zoom:1;}
.nav{ padding:5px 10px;}
.nav a{ text-decoration:underline;}
.content{ padding:10px;}

/* __header----------------------------*/
#header { width:1000px; margin:0 auto; background:url(../images/topBg.jpg) no-repeat; }
.logo { float:left; }
.logo a { text-indent:-9999px; display:block; width:290px; height:83px; background: url(../images/logo.png) no-repeat center center; }
.search{ background:url(../images/iconS.gif) no-repeat; margin:15px 25px 0px 0px; padding:20px 0px 20px 65px; float:right;}
.search .input{ width:160px; padding:1px; color:#999;}
.topMenu{ clear:both; background:url(../images/menuBg.gif) repeat-x; text-align:center;}
.topMenu li{display:inline; font-weight:bold; font-size:12px; line-height:55px; padding:5px 25px;}
.topMenu li a{ color:#fff;}
.topMenu .menuDiv{ background:url(../images/menuDiv.gif) no-repeat center center;}

.banner{}

/* __pageBody----------------------------*/
#pageBody { width:1000px; margin:0 auto; background:url(../images/pageBg.gif) repeat-y; overflow:auto; zoom:1; }

/* __sideBar----------------------------*/
#sideBar { width:220px; float:left; overflow:hidden; }
.sideBox h3{ font-size:12px; font-weight:bold; text-transform:uppercase; padding:10px;}
.sideMenu li{ padding:3px 5px 3px 30px; background:url(../images/icon01.gif) no-repeat 10px 5px; border-bottom:1px solid #eee;}
.sideMenu li li{ border:none;background:url(../images/icon02.gif) no-repeat 0px 10px; padding:5px 10px; margin:0 0 0 -10px;}

.sideContact{ padding:10px;}
.sideContact li{ padding:4px 4px;}
.sideContact .cMsn{ background:url(../images/iconMsn.gif) no-repeat; padding-left:25px;}
.sideContact .cEmail{ background:url(../images/iconEmail.gif) no-repeat 2px 6px; padding-left:25px;}
.sideContact .cSkype{ background:url(../images/iconSkype.gif) no-repeat; padding-left:25px;}
.sideContact .cYahoo{ background:url(../images/iconYahoo.gif) no-repeat; padding-left:25px;}

/* __mainBody----------------------------*/
#mainBody { width:772px; float:right; overflow:hidden; }

.mainBox{ margin-top:10px; background:url(../images/mainBoxBg.gif) repeat-y;}
.mainBox h3{ background:url(../images/mainBoxTop.gif) repeat-x; padding:15px; text-transform:uppercase; font-size:12px; color:#000; font-weight:bold;}
.mainBox .more{ float:right;}
.mainBox .bottom{ background:url(../images/mainBoxBottom.gif) no-repeat center top; height:12px;}

.productsBox{ float:left; width:122px; padding:10px 14px;  text-align:center; }
.productsBox .proImg{ display: table-cell;vertical-align:middle; *display: block; *font-size: 105px; *font-family:Arial; width:120px; height:120px; background:#fff;border:1px solid #dbd8d8; padding-bottom:1px; }
.productsBox .proImg img{vertical-align:middle;}
.productsBox h4{ padding:5px 0 0; text-align:left;}
.productsBox .item{ color:#0742d9; text-align:left;}

.productBox{ padding:10px;}
.productBox h4{ font-size:14px; margin:10px 0; color:#09bbf4;font-weight:bold;}
.productBox .proImgBox{float:left; width:300px;}
.productBox .proImg{ text-align:center; width:300px; height:100%; display:block; border:1px solid #eee;background:#fff; margin-bottom:10px;}
.smallBox{ clear:both; overflow:auto;zoom:1;}
.smallBox .smallImg{ float:left;display: table-cell;vertical-align:middle; *display: block; *font-size: 105px; *font-family:Arial; width:120px; height:120px; border:1px dotted #333; margin:5px; background:#fff;}
.smallBox .smallImg img{vertical-align:middle;}
.click{ text-align:center;}
.click a,.click a:visited{color:#5faae5;}

.productBox .proInfo{ float:left; margin-left:20px; width:400px;}
.productBox .item,.productBox .size,.productBox .price{ border-bottom:1px dotted #ddd; padding:8px 0; font-size:12px;}
.productBox .price strong{ color:#333;}
.productBox .price{font-weight:bold; color:#C12924;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center; padding:10px;}
.productBox .prev a{ padding:0 5px;}

.proDetail{ padding:10px;}
.proDetail h3{font-size:13px; border-bottom:1px solid #C4BEB5; padding:5px 0; margin:5px 0;color:#09bbf4; font-weight:bold;}


/* __footer----------------------------*/
#footer { width:1000px; margin:0 auto; background:url(../images/footBg.gif) repeat-x; color:#333; }
#footer a{ color:#333;}
.footMenu{ text-align:center; padding:15px 0;}
.footMenu li{ display:inline; padding:0 10px; line-height:20px; font-weight:bold;}
.copyright{ padding:10px 0px;text-align:center;}
.payment{ padding:10px; background:#fff; text-align:center;}

/* infiniteCarousel */
.infiniteCarousel { width: 874px; height:189px;margin: 0; position: relative; overflow:hidden;  }
.infiniteCarousel .wrapper { width: 740px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height:189px; margin: 0 67px; position: absolute; top: 0; left:0; }
.infiniteCarousel .wrapper ul { width: 740px; height:189px; overflow:hidden; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0; }
.infiniteCarousel ul li { display:block; float:left; padding:0; width: 740px; height:189px;}
.infiniteCarousel ul li img { -webkit-transition: border-color 400ms; vertical-align:middle;}
.infiniteCarousel ul:hover li img { border-color: #000; }
.infiniteCarousel ul:hover li:hover img { border-color: #333; }
.infiniteCarousel ul li a img { display:block; }
.infiniteCarousel .arrow { display: block; height: 131px; width: 46px; background: url(../images/arrow.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 35px; cursor: pointer; outline: 0; }
.infiniteCarousel .forward { background-position: 0 -262px; right: 0; }
.infiniteCarousel .back { background-position: 0 0; left: 0; }
.infiniteCarousel .forward:hover { background-position: 0 -393px; }
.infiniteCarousel .back:hover { background-position: 0 -131px; }


/* Nav Pages */
.navpages{padding:5px; margin-bottom:10px;}
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #333;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #999;color:#fff;padding:1px 4px;background:#aaa;}

#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top:500px;
  left:30%;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .mfooter {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}