body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-size-adjust:none; font-stretch:normal; margin:0;}
form {margin: 0;padding: 0;}
a:link, a:visited { color:#000}
a:hover {text-decoration: underline;}
input.button { cursor: pointer; }
img { border: 0 none; }

/*///////////header//////////////////////*/

#container{ width:auto;}
.header{width:auto; height:135px;margin:0 auto;clear:both;}
.headerMiddle{ width:965px; margin:0 auto;  height:85px;}
.headerLeft{ width:590px; float:left; height:85px;}
.headerRight{ width:375px; float:left;}
.lanBox{width:140px; float:left; height:68px; border-right:1px dotted #999; border-left:1px dotted #999; padding:10px 5px 5px 5px;}
.cartBox{float:left;padding:10px 5px 5px 5px;}
.cartBox a{color:#09C; font-weight:bold; text-decoration:underline;}
.cartBox a:hover{color:#09C; font-weight:bold; text-decoration:none;}
.cartBoxTitle{ color:#09C; font-weight:bold;}
.header hr{ color:#0099CC; size:4px; margin:5px 0px 10px 0px;}
.menuBar{ height:33px; background:url(../images/menuBg.gif) repeat-x;}
.menuBarMiddle{ height:33px; width:965px; margin:0 auto;}
.menuBarMiddle ul{ list-style:none; margin:0; padding:6px 0px; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; font-size-adjust:none; font-stretch:normal; }
.menuBarMiddle ul li{ list-style:none; margin:0; padding:0px 40px 0px 40px ; display:inline;}
.menuBarMiddle ul li a{ color:#FFF; text-decoration:none;}
.menuBarMiddle ul li a:hover{ color:#87dafd; text-decoration:none;}
.menuSeparator{ background:url(../images/menusepa.jpg) right no-repeat;}
.menuSelected{color:#87dafd;}

/*///////////////main body/////////*/

#mainContent{padding:20px 0px 10px 0px; clear:both; margin-bottom:10px; }
#mainContentMiddle{ width:965px; margin:0 auto; }
#left{width:190px; height:auto; clear:left; float:left}
#right{width:755px;  margin:0px 0px 0px 20px;height:auto; float:left}
.sBoxHeader{ width:164px; height:24px; padding:5px 1px 0px 25px; background:url(../images/sboxTitlebg.jpg) repeat-y; color:#FFF; font-weight:bold; margin:0px 0px 10px 0px;  }
.sBoxContent{width:190px;}
.sBoxTop{width:190px; background:url(../images/sboxtop.jpg) no-repeat; height:6px; clear:both;}
.sBoxMiddle{width:170px; background:url(../images/sboxmiddle.jpg) repeat-y; clear:both; padding:0px 10px 0px 10px;}
.sBoxBottom{width:190px; background:url(../images/sboxbottom.jpg) no-repeat; height:6px; clear:both;}
ul.ulcatlist{ list-style:none; padding:0px 0px 0px 0px; margin:0;}
ul.ulcatlist li{ list-style:none; padding:5px 0px 5px 0px; margin:0; display:block; border-bottom:1px solid #CCC;}
ul.ulcatlist li a{ text-decoration:none; color:#000; background: url(../images/arrow_blue.gif) no-repeat left;padding:5px 0px 5px 10px;}
ul.ulcatlist li a:hover{ text-decoration:underline; color:#87dafd;}
.sepadiv{ height:10px; clear:both}
.bBoxHeader{ width:723px; height:23px; padding:5px 1px 0px 25px; background:url(../images/bboxTitlebg.jpg) repeat-y; color:#FFF; font-weight:bold; margin:0px 0px 10px 0px;  }
.bBoxContent{width:749px;}
.bBoxTop{width:749px; background:url(../images/bboxtop.jpg) no-repeat; height:7px; clear:both;}
.bBoxMiddle{width:729px; background:url(../images/bboxmiddle.jpg) repeat-y; clear:both; padding:0px 10px 0px 10px; float:left}
.bBoxBottom{width:749px; background:url(../images/bboxbottom.jpg) no-repeat; height:7px; clear:both;}
.bookTitle{font-weight:bold; text-align:left}
.booksImg{ width:112px; height:117px;  background:url(../images/bookbg.jpg) no-repeat;margin:0 auto; padding:20px;}
.price{ text-align:left; font-size:15px; color:#09C; font-weight:bold;margin:10px 0px 10px 0px;}
.btns{margin:10px 0px 10px 0px; clear:both}
.listBox1{width:232px; float:left; padding:0px 10px 0px 0px;}
.listBox2{width:222px; float:left; border-left:1px dotted #CCC;border-right:1px dotted #CCC;padding:0px 10px 0px 10px;}
.listBox3{width:232px; float:left;padding:0px 0px 0px 10px;}
.bBoxMiddle hr{ color:#CCC; margin:10px 0px 10px 0px;}

/*///////////////footer/////////*/

#footer{ height:84px; margin:10px 0px 0px 0px; color:#000; clear:both; background-color:#e0e0e0;}
.footerMiddle{ height:33px; width:965px; margin:0 auto;}
.footerMiddle ul{ list-style:none; margin:0; padding:6px 0px; text-align:center; font-size:11px; font-weight:lighter; text-transform:uppercase; font-size-adjust:none; font-stretch:normal; }
.footerMiddle ul li{ list-style:none; margin:0;  display:inline;}
.footerMiddle ul li a{ color:#000; text-decoration:none; padding:0px 10px 0px 10px ;}
.footerMiddle ul li a:hover{ color:#87dafd; text-decoration:none;}
.menuSeparator{ background:url(../images/menusepa.jpg) right no-repeat;}
.footermenuSelected{color:#87dafd; text-decoration:underline;}
#footer hr{ color:#FFF; size:4px; margin:0px 0px 0px 0px;}
.footerlogos{float:left;}
.copy{float:left; padding:5px 0px 0px 20px;}
.copy a{color:#87dafd;}
.copy a:hover{color:#87dafd; text-decoration:none;}



#forgPassDiv {

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom:5px;
position:fixed;
z-index:2000;
float:right;
right:195px;
width:190px;

background-color:#CCCCCC;
padding:5px;
top:0px;
margin-top:175px;
border:1px solid #000;


filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:1px solid #000;






}

#forgPassDiv:hover {

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom:5px;
position:fixed;
z-index:2000;
float:right;
right:195px;
width:190px;


padding:5px;
top:0px;
margin-top:175px;

filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border:1px solid #000;







}