body{ margin:0; padding:0; font-family: Arial; font-size:.8em; }
a { color:#336699; text-decoration:none;}
a:hover { color:Red; text-decoration:none;}
.contentBody { width:1000px; margin:0 auto 0 auto; }
.clearBoth { clear:both; }

/* header */
.header { margin:0 0 5px 0; }
.headerDiv { display:table; width:100%; 
             background-color:#0886c1;
             }

.bbLogo { float:left; position:relative; width:360px; height:100%; height:120px; }
.bbLogo a { display:block; margin:10px 0 0 15px; }
.bbLogo a img{ border:none; }
.bbLogo span{ display:block; width:152px; height:51px; position:absolute; top:0; right:0;
              background-image: url('/images/Header_E_store.jpg');
              background-position:left top; }

.loginDiv { float:right; width:640px; height:120px; 
            background-image: url('/images/Header_image.jpg'); } 
.login { float:right; color:#ffffff; background-color:#000000; padding:6px; }
.login a, .login b {color: #ff0000;}
.login a:hover { text-decoration: underline; }
.login img { height:20px; }
.login img, .login em, .login span { line-height:20px; vertical-align:top;}

.headerSpliter {width:100%; margin:110px 0 0 0; }

/* header - top menu */
.topMenuDiv { position:absolute; z-index:0; display:table; width:100%; margin:100px 0 0 0; }
.topMenuDiv b.L { float:left; height:43px; width:10px; background-image: url('/images/medical_topMenu_bg.png');
                background-position:left top; }
.topMenuDiv b.R { float:right; height:43px; width:10px; background-image: url('/images/medical_topMenu_bg.png');
                background-position:right top; }
.topMenuDiv div { padding:8px 0 9px 0; padding:9px 0 9px 0\9; /*ie 8*/ margin:0 10px 0 10px; background-color:#d1d2d4; }
.topMenuDiv ul { display:table; list-style:none; padding:0; margin:0 auto 0 auto; }
.topMenuDiv li { display:inline-block; margin: 0 3px 0 3px; }
/* header - top menu - dropdown*/
.topMenuDiv li { position:relative; }
.topMenuDiv li ul { position: absolute; left:10px; width:150px; border:1px solid #cccccc; background-color:#eeeeee; display:none; }
.topMenuDiv li ul li { display:block; line-height:1.5em; }
.topMenuDiv li ul li a{ color: #336699; text-transform:uppercase; }
.topMenuDiv li ul li:hover{ background-color:#0886c1; color:White;  }
.topMenuDiv li ul li:hover a { color:White;  }
/* left column */
.leftColumn{ float:left; margin-bottom:5px; width:190px; }

/* right column */
.rightColumn{ float:right; margin-bottom:5px; width:190px; }

/* middle column*/
.middleColumn{ margin:0 195px 5px 195px; min-height:490px; }

/* footer */
.footer{ clear:both; }
.footerDiv { display:table; width:100%; }
.footerDiv span.TL { float:left; width:28px; height:28px; background-image: url('/images/medical_footer_bg.png');
                background-position: left top; }
.footerDiv span.TM { display:block; background-color:#0886c1; height:28px; margin:0 28px 0 28px; }
.footerDiv span.TR { float:right; width:28px; height:28px; background-image: url('/images/medical_footer_bg.png');
                background-position:-940px top; }
.footerDiv span.BL { float:left; width:28px; height:28px; background-image: url('/images/medical_footer_bg.png');
                background-position:left bottom; }
.footerDiv span.BM { display:block; background-color:#0886c1; height:28px; margin:0 28px 0 28px; }
.footerDiv span.BR { float:right; width:28px; height:28px; background-image: url('/images/medical_footer_bg.png');
                background-position:-940px bottom; }
.footerDiv .footerContent { background-color:#0886c1; font-size:.85em; }
.footerDiv .footerContent div { display:table; margin:0 auto 0 auto; width:80%; }
.footerDiv .footerContent ul { list-style:none; margin:0 10px 0 10px; padding:0; display:inline-table; vertical-align:top; width:30%; }
.footerDiv .footerContent li { } 
.footerDiv .footerContent a { color: #ffffff; } 
.footerDiv .footerContent ul ul { display:block; margin-left:10px; width:90%; }
.footerDiv .footerContent ul ul a{ text-transform:uppercase; }
.footerDiv .footerContent P { text-align:right; margin:0; }

/* middle panel content working in middle panel*/
.middleDiv { margin-bottom:20px; }
.middleDiv h2 { font-size:1.1em; margin:0; }
.middleDiv .middleDivContent { border:1px solid #0886c1; border-top:2px solid #0886c1;}
.middleDiv p { margin:3px; line-height:1.5em;}
.middleDiv #UpdatePanelLogin { display:table; width:100%; }
.middleDiv dl { width:60%; zbackground-color:#e7f3f4; display:table; margin:0 auto 0 auto; }
.middleDiv .changeDLWidthTo100percent { margin:0; padding:0; width:auto; }
.middleDiv dl dt { display:inline-table; margin:0 3px 0 0; padding:0; width:30%; text-align:right; }
.middleDiv dl dd { display:inline-table; margin:0; padding:0; width:65%; }
.middleDiv .checkbox input { padding:0; }
.middleDiv dl dd.oneRow { width:99%; text-align:center; }
.middleDiv fieldset { text-align:left; margin: 5px 0 5px 0; border:1px solid #cccccc; border-left:none; border-right:none; }
.middleDiv fieldset legend { margin-left:10px\9;}
.middleDiv dl dd.captchaImg { display:inline-table; width:auto; vertical-align:top; }
.middleDiv dl dd.validateCode { display:inline-table; width:auto; vertical-align:top; }
.middleDiv dl dd.signButton { display:inline-table; width:60%; vertical-align:top; text-align:right; }

input.textbox{ border:1px solid #cccccc; width:150px; height:1.5em; margin:3px 0 3px 0; }
textarea.textbox{ border:1px solid #cccccc; width:150px; height:1.5em; margin:3px 0 3px 0; }
select.dropdownList { border:1px solid #cccccc; width:150px; height:1.8em; margin:3px 0 3px 0;}
input.validCaptchaTextbox {width: 74px; height:1.5em; border:1px solid #cccccc; margin:0; line-height:1.5em; vertical-align:top;  }

dt.dtVerticalTop { vertical-align: top;}

.halfWidth { display:inline-block; width: 300px; vertical-align:top; margin-right:5px; }

.middleSlideshowContainer { }
.middleSlideshowContainer a { display:block; width:147px; text-align:center; font-size:.9em; zborder:1px solid blue; }
.middleSlideshowContainer a img { border:none; }
.middleSlideshowContainer a span { display: block; }
.middleSlideshowContainer a.listShow { display:inline-block; width:145px; text-align:center; vertical-align:top; font-size:.9em; zborder:1px solid blue; }

/* side panel content with curve top and bottom, working in left and right panel*/
.sidePanelDiv { margin-bottom: 5px; }
.sidePanelDiv .contentTop { display:table; width:100%; }
.sidePanelDiv .contentTop h2 { color:White; font-size:1em; height:25px; line-height:25px; vertical-align:bottom; 
                               zbackground-color:#0886c1; background-color:#0886c1; 
                               display:inline-block; margin:0; width:170px; }
.sidePanelDiv .contentTop span.L { float:left; width:10px; height:25px; background-image: url('/images/medical_sidePanel_header.png');
                background-position:left top;}
.sidePanelDiv .contentTop span.R { float:right; width:10px; height:25px; background-image: url('/images/medical_sidePanel_header.png');
                background-position:right top;}
.sidePanelDiv .contentBottom { display:table; width:100%; }
.sidePanelDiv .contentBottom div{ height:10px; background-color:#ddeeff; zborder-bottom:1px solid #ddeeff; display:inline-block; margin:0; width:170px;  }
.sidePanelDiv .contentBottom span.L{float:left; width:10px; height:10px; background-image: url('/images/medical_sidePanel_bottom.png');
                background-position:left top;}
.sidePanelDiv .contentBottom span.R{float:right; width:10px; height:10px; background-image: url('/images/medical_sidePanel_bottom.png');
                background-position:right top;}
.sidePanelDiv .sidePanelContent { display:table; width:190px; 
                                  zbackground-color:#e7f3f4; background-color:#ddeeff; 
                                  zborder-left:1px solid #ddeeff; zborder-right:1px solid #ddeeff; }

.sidePanelDiv .sidePanelContent .rightSlideshowContainer a { display:block; width:180px; text-align:center; font-size:.9em; }
.sidePanelDiv .sidePanelContent .rightSlideshowContainer a img { border:none; }
.sidePanelDiv .sidePanelContent .rightSlideshowContainer a span { display:block; }


/*search control*/
.keywordSearchControl { position:relative; width:96%; margin:3px; zborder-radius:6px; border:1px solid #cccccc; background-color:#ffffff;}
.keywordSearchControl #txtKeywordSearch { border:none; width:145px; color:#aaaaaa; 
                                          margin: 0 0 0 3px; background-color:transparent; 
                                          height:24px; vertical-align:top; 
                                          width:145px\9; /*ie8 and below*/
                                          *width:140px; /* ie7 and below */  
                                          *line-height:1.5; *vertical-align:bottom;
                                          _width:125px; /* IE6 */  
                                          }
.keywordSearchControl #imgBtnKeywordSearch { border:none; width:24px; height:24px; margin:2px 0 0 0; }
.keywordSearchControl #searchPopWin { position:absolute; left:180px; top:0; width: 180px; 
                                      background-color:#eeeeee; border:1px solid #aaaaaa;}
.keywordsBy { display:block; font-weight:normal; width:100%; margin: 5px 0 5px 0;}                                      

/* shoppingCart control */
.shoppingCart { margin:3px; }
.shoppingCart dl { margin:0; }
.shoppingCart dl dt { display:inline-table; margin:0; line-height:1.8em; font-weight:bold; width:35%; }
.shoppingCart dl dd { display:inline-table; margin:0; line-height:1.8em; width:60%; }
.shoppingCart hr { border-top:1px solid #cccccc; width:100%; }
#cartPanel { display:table; border:1px solid #8ccbcf; }
#cartPanel .cartPanelheader{ width:700px; height:25px; background-color:#0886c1; }
#cartPanel .cartPanelheader span{ float:left; margin:5px 0 0 10px; font-weight:bold; color:White; }
#cartPanel .cartPanelheader .closeBtn{ float:right; margin: 3px 10px 0 0; }
#cartPanel .message { display:table; width:98%; margin:3px; }
#cartPanel .message strong { float:right; }

/* review quotes page*/
.reviewContainer { margin:3px 3px 10px 3px; display:table; width:99%; }
.reviewImgCoverLink {float:left; margin:3px 8px 3px 3px; }
.reviewImgCoverLink img{ border:none; }
.reviewLinksDiv { margin:3px; text-align:right; }
.reviewLinksDiv a { margin-left: 20px; font-size:.85em; font-weight:bold; color:Red; }

.usefulLinkGroupDescription { margin:5px 0 5px 20px; }
.usefulLinkList { padding:0; margin:10px 0 10px 30px; }

.pagerContainer { margin:3px;}
.pagerContainer .pagerBtn { height:16px; }


/* link button */
.link_button { display:inline-table; background-color:transparent; vertical-align:middle; }
.link_button span.L {float:left; margin:0; width:10px; height:25px; background-image: url('/images/medical_button_bg.png');
                background-position:left top; }
.link_button span.R {float:right; margin:0; width:10px; height:25px; background-image: url('/images/medical_button_bg.png');
                background-position:right top; }
.link_button a { display:inline-block; cursor:pointer; font-size:1em; font-weight:normal; color:White; background-color:#0886c1; margin:0; height:25px; line-height:25px; vertical-align:bottom;}
.link_button:hover a { color: Red; }
.link_button img { border:none; margin-left:3px; vertical-align: -3px; vertical-align: -4px\9;}




hr { border:none; border-top:1px solid #cccccc; width:95%;}

/*checkout page ....*/        
.checkoutContainer { display:table; width:790px;}

/*check out web control*/
.checkOutList { width:100%; border-collapse:collapse; }
.checkOutList table { width:100%; border-collapse:collapse; }
.checkOutList th { border-collapse:collapse; line-height:2em; background-color: #0886c1; color:#ffffff; } 
.checkOutList td { border-collapse:collapse; text-align:center; }
.checkOutList .column_content { text-align: left; }
.checkOutList .column_content .bookCoverLink { float:left; margin-right:5px; }
.checkOutList .column_other { width: 70px; }

.chkCtrlDiscountMscode { float:left; margin-top:10px;}
.chkCtrlCostBtns { float:right; margin:10px 5px 0 0; }
.chkCtrlCostBtns dl { float:right; margin:0 0 20px 0; width:80%; }
.chkCtrlCostBtns dt { clear:both; float:left; margin:5px; width:100px; }
.chkCtrlCostBtns dd { float:right; width:150px; margin:5px; }
.chkCtrlMessage { clear:both; color: Red; font-family: Arial; font-size: 11px; line-height: 30px; margin-top: 10px; }

/*title web control*/
.titleContent { display:table; width:100%; border:1px solid #0886c1; border-top:2px solid #0886c1;}
.titleContent h2.productTitle { margin:0 3px 0 3px; line-height:2em; }
.titleContent h3.productSubTitle { margin:0 3px 0 3px; font-size:.85em; line-height:1.5em }
.titleContent .L { float:left; margin: 0 0 3px 3px; width:120px; }
.titleContent .R { float:right; margin: 0 3px 3px 0; width:120px; }
.titleContent .M { margin:0 120px 0 120px; }

dl.titleTabs { position:relative; padding:0; }
/*css 3*/
/*dl.titleTabs dt { float:left; cursor:pointer; font-weight:bold; padding: 5px; border:1px solid #aaaaaa;  margin:0 2px 0 0; 
                  border-top-right-radius:6px; border-top-left-radius:6px; }
dl.titleTabs dt.selected, dl.titleTabs dt:hover { background-color:#666666; color:#ffffff; }
*/
dl.titleTabs dt  
{
    float:left; cursor:pointer; font-weight:bold; margin:0 2px 0 0; padding:0; height:24px;         
    background-image: url('../images/tabs.png');
    background-position:left -51px;
}     
dl.titleTabs dt.selected, dl.titleTabs dt:hover 
{
    background-color:#666666; color:#ffffff; 
    background-position:left 0;
}
dl.titleTabs dt span
{
    display:table; height:24px; margin:0 0 0 6px; padding: 0px 6px 0 0; line-height:2; vertical-align:bottom;
    background-image: url('../images/tabs.png');
    background-position:right -51px;
}     
dl.titleTabs dt.selected span, dl.titleTabs dt:hover span { background-position:right 0; }

dl.titleTabs dd { clear:both; position:absolute; left:0; top:24px; margin:0; padding:5px; line-height:1.6; visibility:hidden; 
                  border:1px solid #0886c1; border-top:2px solid #0886c1; width:98%; }
dl.titleTabs dd.selected { visibility:visible; }
dl.titleTabs dt#PreviewTab { visibility:hidden; }
dl.titleTabs dd#PreviewContainer { width:100%; height: 500px; padding:0; }

/* title control bundle */
.titleBundle { width:100%; border-collapse:collapse; border-bottom:1px solid #0886c1; }
.titleBundleTitle { background-color:#ffffff; font-weight:bold; text-align:left; color:#000000; border-bottom:2px solid #0886c1; }
.titleBundleRow { background-color: #EFF3FB; border-left:1px solid #0886c1; border-right:1px solid #0886c1; }
.titleBundleAlternatingRow { background-color: White; border-left:1px solid #0886c1; border-right:1px solid #0886c1; }

#popWinBackground { position:absolute; top:0; left:0; background-color:#ffffff; opacity:0.4; filter:alpha(opacity=40); }
#BookcoverBigimgContainer { position:absolute; }

/*products web control*/
.PublisherLogoContainer { float:left; width:280px; position:relative; }
.productsViewPublisherLogo { height:65px; margin:5px 0 0 5px; }
.productsViewPublisherLogoFloat { float:left; width:280px;}
.expandPublisherDes
{
    cursor:pointer;
    position:absolute;
    top:5px;
    left:5px;
    width:18px;
    height:13px;
    border:none;
    background-color:transparent;
    background-image: url('../images/icons.png');
    background-position:30px 89px;
}
.collapsePublisherDes
{
    cursor:pointer;
    position:absolute;
    top:5px;
    left:5px;
    width:18px;
    height:13px;
    border:none;
    background-position:48px 89px;
    background-color:transparent;
    background-image: url('../images/icons.png');
}

.productsViewPager { float:right; display:table; margin:5px; text-align:right; }
.productsViewPager .numeric { font-size:14px;}
.productsViewPager .HeaderBig { color:Red; font-size:14px; }
.productsViewPager .pagerBtn { height:16px;}

#publisherDes{ background-color: #ddd; margin:0 5px 0 5px; padding: 3px; display:none; }

.productsViewCategory { clear:both; margin:5px 0 0 5px;}
.productsViewProduct td { padding:3px;}
.productsViewProductBackground { background-color:#eeeeee; height:30px; }
.productsTitleBold { font-weight:bold; height:30px; }
.productsTitleWithoutBoldBackground { font-weight:normal; height:30px; background-color:transparent; }


.ProductListItem { margin-top:10px; padding-top:10px; border-top:1px solid #cccccc;}
.ProductListItem .BookCover { display:inline-block; text-align: center; vertical-align:top; width:23%; border:none; }
.ProductListItem .BookCover img { width: 111px; }
.ProductListItem .BookContent {display:inline-block; vertical-align:top; width:75%; }
.ProductListItem .BookContent h2 { clear:both; width:100%; margin:0;  }
.ProductListItem .BookContent h2 a { color:#336699; text-decoration:none; }

.ProductListItem .BookContent h3 { clear:both; margin:0; font-size:.95em; }
.ProductListItem .BookContent .ShortDescription { margin: 5px 0 5px 0; }
.ProductListItem .BookContent .BookInfo { display:inline-block; width:75%; line-height:1.5; }
.ProductListItem .BookContent .AddToCartButton{ display:inline-block; }




/*highlight products control*/
.HLProductsContainer{ display:table; width:100%; }
.HLProductsContainer a { display:inline-table; width:135px; text-decoration:none; text-align:center; margin:3px; padding:3px; 
                         *float: left; *height:150px; }
.HLProductsContainer a:hover { background-color:#dddddd; }
.HLProductsContainer a strong { display:block; color:Gray;}
.HLProductsContainer a img {display:block; width:111px; margin:0 auto 0 auto; border:none; }
.HLProductsContainer a em {display:block; color:Gray;}
.HLProductsContainer a b {display:block; color:Gray;}
.HLProductsContainer a:hover b {color:#000000;}

/*left panel control*/
.leftpanelContainer{ zmargin: 0 0 0 10px; }

/*header control*/
td.headerTopBar { height: 28px; background-image: url('../images/pagetop.jpg'); background-repeat: no-repeat;}
td.headerTopBar span { float:right; margin: 6px 10px 0 0; }
td.headerTdLogo { width:440px; height:80px; background-image: url('../images/travelandoutdoorbookcentrelogo.jpg'); background-repeat: no-repeat;}
td.headerTdLogo a { display:block; height:80px; text-decoration:none; }                  
td.headerTdLogo a span
{
    line-height: 55px;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 75px;
    border-bottom: 1px solid #D1C7E7;
    font-family: cursive;
    word-spacing:-3px;
}                  

td.headerTdHome { width:77px; background-image: url('../images/homea.jpg'); background-repeat: no-repeat;}
td.headerTdHome:hover { background-image: url('../images/homeb.jpg'); background-repeat: no-repeat;}
td.headerTdHome a { display:block; height:80px; }                                    
td.headerTdLogin { width:69px; background-image: url('../images/logina.jpg'); background-repeat: no-repeat;}
td.headerTdLogin:hover { background-image: url('../images/loginb.jpg'); background-repeat: no-repeat;}
td.headerTdLogin a { display:block; height:80px; }
td.headerTdRegister { width:85px; background-image: url('../images/registera.jpg'); background-repeat: no-repeat;}
td.headerTdRegister:hover { background-image: url('../images/registerb.jpg'); background-repeat: no-repeat;}
td.headerTdRegister a { display:block; height:80px; }
td.headerTdBlank {background-image: url('../images/woodslanelogoblank.jpg'); background-repeat: no-repeat; 
                  background-position:right; background-color:#FFF5D1; font-weight:bold;}

/* header control*/
.headertitleContainer
{ position:relative; }
.headertitle
{ position:absolute; top:20px; left:50px; font-weight:bold; color:#FF8F00; text-align:center; }

/* search */
#searchBlock { font-family: Arial, Helvetica, sans-serif; color: #666666;
              	font-size:12px; width: 170px; }
#searchBlock h2 { margin:0; padding-left:10px; font-size: 12px;	color: #33410A;	font-weight:bold;
                height:36px; line-height:36px;
                 background-image: url('../images/search.jpg'); background-repeat:no-repeat; 
                 background-color:#F0F0F0; }
                               
/* advanced search */
.advSearchHeader {font-family: Arial, Helvetica, sans-serif; color: #000000;
              	font-size:14px; font-weight:bold; height:25px; 
              	background-image: url('../images/shoppingheader.jpg'); background-repeat: no-repeat;}
.advSearchHeader span{ float:left;margin: 3px 0 0 10px;}
.advSearchHeader input{ float:right;margin: 3px 10px 0 0;}
.advSearchImg{ float:left; }
#advSearchBlock { float:left; font-family: Arial, Helvetica, sans-serif; color: #666666;
              	font-size:11px; width: 500px; margin-left:10px;}
#advSearchBlock div label{ clear:both; float:left; width:80px; margin-top:3px; }
#advSearchBlock div div{ float:left; margin-bottom:10px; }
#advSearchBlock .advSearchbtn { clear:both; margin:10px 0 10px 150px;}

/* newsletter */
#newsletterBlock {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; width:170px; }
#newsletterBlock .newsletterheader{ height:36px; line-height:36px; padding-left:10px; background-color:#F0F0F0; margin:0;
            background-image: url('../images/newsletter.jpg'); background-repeat: no-repeat;}
#newsletterBlock p {color:Gray; margin-top:3px; font-size:11px;}
#newsletterBlock label {color:Gray; font-weight:bold; margin-top:3px;}
#newsletterBlock table label {font-weight:normal; margin-top:3px;}
#newsletterBlock .newsletterImgBtn{ margin:5px 0 5px 0; }
#newsletterBlock span {color:Red; font-weight:bold;}

/* books categories and publishers*/
#books {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; width: 170px; }
#books h2 { margin:0; height:26px; padding: 10px 0 0 10px; background-image: url('../images/books.jpg');
        background-repeat: no-repeat; } 

/* shopping basket*/
#shoppingBasket {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; width: 170px; }
#shoppingBasket h2 {margin:0; height:26px; padding: 10px 0 0 10px; background-image: url('../images/shopping.jpg');
        background-repeat: no-repeat; }
#shoppingBasket dl { margin: 0 0 0 5px; padding:0; line-height:1.8; width:100%; }
#shoppingBasket dl dt { float:left; margin: 0; width:40%; font-weight:bold; }
#shoppingBasket dl dd { float:left; margin:0; width:55%; }
#shoppingBasket .BasketlnkBtn { clear:both; margin:5px; font-size:12px; line-height:1.8; }


/* titlePageEmail */
#titlePageEmail { margin: 10px 0 0 0; padding:5px;}
#titlePageEmail legend { margin-left:10px; line-height:1; padding:3px;}
#titlePageEmail label { clear:both; float:left; width:130px; margin:0 0 5px 0; }
#titlePageEmail span { float:left; color:Gray; width:10px; margin:0 0 5px 0; }
#titlePageEmail .emailTxtbox {float:left; margin:0 0 5px 0; }
#titlePageEmail .commemtTxtbox { clear:both; float:left;}
#titlePageEmail .emailBtn {float:right; margin:0 5px 0 5px; }
#titlePageEmail .errorMessage {color:Red;}

/*check out*/
.updateBasketLnkBtnInCheckout{ font-family:Arial; font-size:11px; padding: 5px 15px 5px 15px; 
        color:#dddddd; font-weight:bold; text-decoration:none;
        background-image:url('../images/btn.jpg'); background-position:center center; }

/*register*/
.register { font-family: Arial; font-size:12px; float:left; margin:20px 0 0 10px; 
            background-color:#ffffff; width:620px;}
.register fieldset { padding:10px;}
.register fieldset legend { font-weight:bold; margin:0 0 0 5px; }
.register fieldset dl{ }
.register fieldset dl dt { clear:both; float:left; width:120px; }
.register fieldset dl dd { float:left; width:450px; margin: 0 0 5px 0; }
.register fieldset ul { list-style:none; }
.register fieldset ul li.col1 { clear:both; float:left; width:180px;}
.register fieldset ul li.col2 { float:left;  width:180px;}
.register fieldset ul li.col3 { float:left;  width:180px;}

/* update member*/
.updatemember {font-family: Arial; font-size:12px; float:left; margin:20px 0 0 10px; 
            background-color:#ffffff; width:620px;}
.updatemember .updatememberheader{ font:16px; font-weight:bold;}
.updatemember .updatemembercontent{ border: 1px solid #AB96D3;    background-color: #E0D5F6;}
.updatemember .updatemembercontent table { margin-left:8px;}

/*card Member Address*/
.cardMemberAddress{ text-align:justify; border-bottom: 0px; width:770px; margin: 5px; padding:10px;
                   font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33410A;
                    border: 1px solid #AB96D3; background-color: #ECFBC2;}
.cardMemberAddress fieldset { padding:5px; }
.cardMemberAddress legend { font-size:12px; font-weight:bold; }
.cardMemberAddress dl { }
.cardMemberAddress dl dt{ clear:both; float:left; width:100px; margin-top:3px; }
.cardMemberAddress dl dd { float:left; width:620px; margin:3px; }

/*add promotion images */
.promotionImgTitle {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:16px; margin-left:30px;} 
.promotionUpload {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:13px; margin:10px 0 0 30px; width:400px; float:left; }
.promotionInfo { font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:13px; margin:10px 30px 0 0; width:460px; float:right; }
.promotionInfo label { clear:both; float:left; margin:3px; width:110px; }
.promotionInfo span { float:left; margin:3px; width:320px; }
.promotionSetposition { clear:both; font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:13px; margin:10px 30px 10px 30px; }

/*promotion.aspx*/        
.promotionOfMainpanel {width:610px; height:120px; }
.promotionOfMainpanel img { display:block; margin:auto;}
.promotionOfMainpanel object { display:block; width:610px; height:120px; margin:auto;}
.promotionOfSidepanel {width:160px; }
.promotionOfSidepanel img {width:160px; margin:auto;}
.promotionOfSidepanel object { display:block; width:160px; height:250px; }

/*side promotions*/        
.sidepromotion {}
.sidepromotion a { display:block; margin: 5px 0 0 0; position:relative;
                   width:160px; border:1px solid transparent; }
.sidepromotion a img { border:none; width:160px;}
.sidepromotion a object { width:160px; height:250px; }
.sidepromotion a span { display:block; width:160px; height:250px; background-color:White; 
                        position:absolute; top:0; left:0; opacity:0.04; filter:alpha(opacity=4)}

/*main promotions*/        
.mainpromotion { position:relative; width:610px; height:120px; overflow:hidden; }
.mainpromotion div { position:absolute;  }
.mainpromotion div a { position:relative; display:block; width:610px; height:120px; }
.mainpromotion div a img {display:block;  border:none; margin:auto; }
.mainpromotion div a object{width:610px; height:120px;}
.mainpromotion div a span {display:block; width:610px; height:120px; background-color:White; 
                        position:absolute; top:0; left:0; opacity:0.04; filter:alpha(opacity=4)}
                        
.mainpromotionindex { clear:both; list-style:none; width:610px; margin:0; padding:0; }
.mainpromotionindex li{ float:left; cursor:pointer; margin:2px; width:20px; text-align:center;  border:1px solid #AB96D3;}
.startpromotion { width:20; height:15px; margin:2px 0 0 2px; cursor:pointer; border:1px solid #AB96D3;}
.startpromotion img { display:block; margin:2px 0 0 6px; }                  
.startpromotion:hover {border:1px solid red;}

/*lost Password*/
.lostPWContainer { font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; width:610px;margin:0 auto 0 auto; }
.lostPWContainer h2 {font-size:14px; }
.lostPWContainer .lostPWBlock{ width:400px; padding:20px; margin:0 auto 0 auto; 
        background-color:#D0D0D0; border:1px solid #CBDAEC; }

.lostPWContainer .lostPWBlock span, .lostPWBlock b 
{ display:table-cell; vertical-align:middle; padding: 0 5px 0 0;}        
.lostPWBlock strong, .lostPWBlock label { display:block; }

.lostPWBlock p { color:Red;}

/* login page*/
.loginBlockContainer {
        margin:0 auto 0 auto; border:1px solid #AB96D3; }
/*dl#loginBlock { margin:20px auto 0 auto; }
dl#loginBlock dt { clear:both; float:left; width:200px; text-align:right; 
                   margin:6px 5px 0 0; }
dl#loginBlock dd { float:left; width:280px; text-align:left; margin:3px 0 0 0; }*/
.loginBlockContainer #errorMessage { color:Red; text-align:center;}
.signIn {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; text-align:justify; width:500px; background-color:#E0D5F6; 
        margin:0 auto 0 auto;
        border:1px solid #AB96D3; }
.signIn dl { }
.signIn dt { clear:both; float:left; margin:6px 5px 0 0; text-align:right;  width:100px; }
.signIn dd { float:left; width:380px; margin:3px 0 0 0; }
.signIn ul { list-style:none; padding:0; }
.signIn li { float:left; margin:0; width:160px; }
.signIn li.captchaImg { width:85px; margin: 5px 2px 0 3px; }
.signIn li.validateCode { width:90px; }
.signIn li.signinButton { width:300px; margin-top:7px; text-align:center; }

.loginPageContainer{ zwidth:610px; zmargin:10px auto 0 auto; border:1px solid red; }
.loginPageContainer h2{ font-size:14px;}
.loginPageContainer p{font-size:12px;}
.loginPageContainer h3{font-size:12px;}


/*register page*/
.registerContentH2 {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:16px; margin-left:10px;  }
.registerContentP { font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; margin-left:10px; }
.registerContent 
    {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; background-color:#E0D5F6; 
        margin: 0 auto 0 auto;
        border:1px solid #AB96D3; padding:5px;}
.registerContent p { clear:both; margin-top:5px; }
.registerContent dl 
    { margin:0; padding:0; }
.registerContent dl dt 
    { clear:both; float:left; margin:0; width:100px; margin:4px; }
.registerContent dl dd 
    { float:left; margin:0; width:460px; margin:2px; }
.registerContent dl dd select
    { *margin-left:16px; }
    
.registerContent ul 
    { list-style:none; padding:0; }
.registerContent ul li 
    { float:left; margin:0; width:170px; }
.registerContent ul li.CaptchaImage{ margin:5px 3px 0 0; width:85px;}
.registerContent ul li.ValidateCode{ width:95px;}
.registerContent ul li.submitButton{ margin-top:8px;width:400px; text-align:center;}

/*update cart, give up*/
.updatecart {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px;  }

/*For No Important Pages,  such as contact us, policy ......*/
.ColumnForNoImportantPage { font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; text-align:justify; margin:10px 10px 0 10px; line-height:1.5; min-height:500px; }
.ColumnForNoImportantPage h3{ margin:0; font-size:15px; line-height:2;}        
.ColumnForNoImportantPage h4{ margin:0; font-size:13px; line-height:1.5;}        
.ColumnForNoImportantPage h5{ margin:0; font-size:13px; line-height:1.5;}        
.ColumnForNoImportantPage a{ color: Blue;}        
.ColumnForNoImportantPage address { margin: 0 0 0 10px; font-style:normal;}        
.ColumnForNoImportantPage dl {}        
.ColumnForNoImportantPage dt { clear:both; float:left; width:120px; }        
.ColumnForNoImportantPage dd {float:left; margin: 0 0 5px 5px; }        
.contactuscomment{ min-height:0;}

.policy { padding: 5px; }
.policy h2 {}
.policy h4,  .policy h5 { margin:0; font-size:0.95em; line-height:2em; }
.policy p { margin: 0 0 6px 0; }
.policy address { margin: 0 0 6px 10px; }
.policy ul { padding: 0 0 0 15px; margin: 0 0 6px 10px; line-height:1.5em; }

/* footer re-define*/
.footerControl{ background-color:#2C0171; z#E0D5F6; background-image:url(../images/footerbg.jpg);
                background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px;}
.footerControl a {color: #666666;}

/*index*/
.indexMiddlecontent {}
.indexMiddlecontent h2 { font-size:14px;}
.welcome { margin: 5px; }
.indexMiddlecontent .featureTitles {background-image: url(../images/header.jpg); background-position: left;
        background-repeat: no-repeat; font-size:12px; padding-left:10px; 
        margin:0; line-height:2; }
.indexMiddlecontent .featureProducts { border: 1px solid #AB96D3;}
.indexMiddlecontent .featureProducts strong { font-size:11px; font-weight:normal;}
.indexMiddlecontent .featureProducts a { color:Blue;}

.middleContentDiv { border-radius:8px; border:1px solid #aaaaaa; margin: 0 0 5px 0; }
.middleContentDiv h2 { border-top-left-radius:8px; border-top-right-radius:8px; margin:0; 
                  background-color: #dddddd; line-height:24px; }
.middleContentDiv h2 strong { margin:5px; font-size:0.9em;  }                  
.middleContentDiv .middleContainerDiv { margin:5px; }

/*product page ... ...*/
.productsContainer { }
.productsContainerBorder { margin-bottom:10px; zborder:1px solid #cccccc;}        
.productsContainer h1 { margin:0; font-size:1.1em; }        
.productsContainer h1 .lblPublisher { float:right; }
.productsContainer h2 { margin:0; font-size:1em; }        
.productsContainer .productsControlContainer { display:table; width:100%; border:1px solid #0886c1; border-top:2px solid #0886c1; }        

.productsContainer .catgory_img{ margin: 5px 0 5px 0;}
.productsContainer .catgory_img img { display:block; margin: 0 auto 0 auto;}


/* payment page*/
.paymentContainer {width:790px; border-top:2px solid #0886c1; }
.whatisCVN {position: relative; z-index: 0; }
.whatisCVN span {
            display: none;
            position: absolute;
            top: -150px;
            left: 60px;
            background-color: #ffffff;
            border: 1px solid green;
            padding: 3px;
        }
.whatisCVN img { border: none; }
.whatisCVN:hover { background-color: transparent; z-index: 0; }
.whatisCVN:hover span { display: block; }

.paymentContainer fieldset { position:relative; border:1px solid #cccccc; margin:5px 0 5px 0; }
.paymentContainer fieldset div.availableCards{position:absolute; top:10px; right:10px; width:160px; height:90px;}
.paymentContainer label.paymentTitle { clear:both; float:left; width:100px; margin:0 3px 0px 0; 
                                       line-height:2.3em; vertical-align:bottom; text-align:right; }
.paymentContainer span.paymentField { float:left; margin:0 3px 0px 0; }
.paymentContainer label.paymentTitle2 { float:left; width:100px; margin:0 3px 0px 50px; 
                                    line-height:2.3em; vertical-align:bottom; text-align:right; }
#EPS_EXPIRYMONTH {width:40px;}
#EPS_EXPIRYYEAR {width:60px;}
#EPS_CCV { width:35px;}

fieldset.paymentAddressLeft { float:left; width:47%; width:48%\9; }
fieldset.paymentAddressRight { float:right; width:47%; width:48%\9;}
fieldset.paymentTotal { display:table; width:98%; padding:8px; margin-top:5px; }
fieldset.paymentTotal legend{ margin-top: -15px\9; background-color:#ffffff; }
.paymentButton { text-align:center;}


/*all admin page*/
.adminContainer { font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; text-align:justify; margin:5px; }
.adminContainer fieldset { }
.adminContainer .publisherlogocontainer {position:relative; width:50px; height:50px;}
.adminContainer .publisherlogo { position:absolute; width:50px; height:50px; top:0; left:0; z-index:0; }
.adminContainer .publisherlogohover { position:absolute; width:auto; height:auto; z-index:9; }
.adminContainer fieldset.fieldsetAuto { width:auto;}

.ListViewContainer { }
.ListViewItem { display:inline-table; width:32%; margin:3px; background-color:#eeeeee; }
.ListViewItem img { max-width: 300px;}

.usefulLinkDiv
{ float:left; margin-right:5px; background-color:#eeeeee; }
.usefulLinkGroup { width:30%;}
.usefulLinks { width:68%; }
.usefulLinkContent { display:table; width:100%;}
.usefulLinkContent img { width:120px; margin: 0 10px 0 0;}
.usefulLinkgroupDES { margin-left:20px; }

/* useful links in right panel*/
.LinksPresent {font-family: Arial, Helvetica, sans-serif; color: #666666; 
        font-size:12px; width: 170px; }
.LinksPresent h2 { margin:0; height:26px; 
        padding: 10px 0 0 10px; background-image: url('../images/books.jpg');
        background-repeat: no-repeat; } 
.LinksPresent .LinksPresentContent { display:table; width:100%;}
.LinksPresent a {color: #4B4B4B; }

/*usefullinks page middle content*/
.middleContent { width:610px; color: #4b4b4b; font-size: 0.8em;  }
.middleContent h2 { font-size: 1.2em; line-height: 2; margin: 0;}
.middleContent h3, .GroupTitle { font-size: 1.1em; line-height: 2; margin: 0;}
.middleContent hr.LinkHR { border-top:2px dotted #4b4b4b; width:100%; }
.middleContent .LinkContent { display:table; width:100%; margin: 10px 0 20px 10px; }
.middleContent .LinkContent .LinkA { font-weight:bold; }
.middleContent .LinkContent img { float:left; width:120px; margin: 0 15px 0 0;}

.adminFieldset {font-size:1em;}
.adminFieldset dl { display:table; width:100%;  }
.adminFieldset dt { float:left; margin:0; margin-top:3px; zline-height:2; width:15%; }
.adminFieldset dd { float:left; margin:0; margin-top:3px; zline-height:2; width:83%; }

.hightlight { color:Red; }
.adminMenu { font-size:13px; margin:3px; text-align:justify; }
.adminMenu strong { cursor:pointer; font-size:14px; border:1px solid #ffe696; line-height:2; padding:3px;}
.adminMenu div { display:none; padding:5px; border:1px solid #ffe696;}
.adminMenu div a { background-color:#ffe696; color:#000; padding:3px 5px 3px 5px; margin:3px;}

/* bundle */
    /*bundle management*/
.bundleItemBlock{ }
.bundleItemBlock span { float:left; border:1px solid #bbbbbb; width:300px; margin:5px; text-align:center; }
.bundleItemBlock img {margin: 5px auto 0 auto;}
    /*bundle append and update*/
.searchedProductPanel {margin: 5px 0 0 0; background-color: #eeeeee;}
.searchProductImg {float: left; margin: 0 5px 0 0;}
.selectedProductsListbox { min-width:70%;}
    /*bundle title web control*/
.bundleTbl { }
.bundleTbl td { text-align:center; vertical-align:top; border:1px solid transparent;}
.bundleTbl td img { border: none; height:100px;}
.imgBtnAddbundle { float:right; margin:3px 40px 0 0;}

/*accordionmenu start*/
ul.accordionmenu {
  list-style-type:none;
  margin: 3px;
  padding: 0;
}

ul.accordionmenu ul {
  list-style-type:none;
  margin: 0 0 0 10px;
  padding: 0;
}
ul.accordionmenu ul ul{
  margin: 0 0 0 10px;
}

ul.accordionmenu a {
  text-decoration:none;	
  text-transform:uppercase;
}

ul.accordionmenu li span    
{
    display: block;
    line-height:2;
}

ul.accordionmenu li span a   
{
    text-decoration:none;	
}   

ul.accordionmenu li 
{
  margin:0 0 1px 0;
  padding:0;
  zwidth:168px;
}

ul.accordionmenu li.evenLI{background-color:#dddddd; }
ul.accordionmenu li.oddLI{ background-color:transparent; }

ul.accordionmenu li a {
  color: #000;
  line-height:1.5;	
}

ul.accordionmenu li ul li a {
  display:block;
}

ul.accordionmenu li img {
    border:none;
    cursor:pointer;
 }

ul.accordionmenu li a:hover {
  background-color:#0886c1;
  color:#ffffff;
}

ul.accordionmenu li ul li a {
  background: transparent;
  color: #000;
  line-height:1.5;	
  margin-left:3px;
  text-transform:capitalize;
}

ul.accordionmenu li ul li a:hover {
  background-color:#0886c1;
  color:#ffffff;
}

ul.accordionmenu .OtherCate
{
    background-image: url('../images/collapse.png');
    background-repeat: no-repeat;
    padding-left: 15px;
    cursor:pointer;

    float:left;
    height:15px;
}

.middleContainer {margin: 0 6px 0 6px; *margin: 0 10px 0 15px;}              	
.controlWithBackgroundimg {background-image: url('../images/btnbg.jpg'); background-repeat: repeat-y; display:table; width:100%; }              	

/*accordionmenu end*/

/*landing page*/        
.landingBlurb { display:table; border:1px solid red;}

.landingFeature {margin:5px; }
.landingFeature label{ line-height:2; padding:5px; margin-bottom:0; font-weight:bold; 
                        *float: left; *padding: 0 3px 0 3px;  }
.landingFeature label.flbtn { margin-left: 440px; padding-bottom:0; cursor:pointer;
                              *float: left;}
.landingFeature label.frbtn { margin-left: 5px; padding-bottom:0; cursor:pointer;
                              *float: left; }
.landingFeature label.flbtn img,
.landingFeature label.frbtn img  { width:13px; 
                                   *margin:3px; }
.landingFeature hr { margin:0; border-top: 2px solid #0886c1; width:100%;
                     *float:right; *margin: 0; *width:590px; }

.landingFeature div { position:relative; width:592px; height:250px; overflow:hidden; }
.landingFeature table { position:absolute; }

.landingFeature a { color:#666666; text-decoration:none; border:1px solid #0886c1; display:block; width:140px; height:240px; text-align:center; vertical-align:middle;}
.landingFeature a img{display:block; border:none; margin: 3px auto auto auto;}
.landingFeature a span{ display:block; }

.landingAllbooks {margin:5px;}
.landingAllbooks label{ line-height:2; padding:5px; color:#000; background-color:#AB96D3; font-weight:bold; margin:0; 
                        *float:left; *padding: 0 3px 0 3px; }
.landingAllbooks hr { margin:0; border-top: 1px solid #AB96D3; width:100%; 
                      *float:left; *margin: 22px 0 0 0;  }


.landingFeaturnButtonCover {position:absolute; width:60px; height:20px; display:none; background-color:White;
                        opacity:0.04; filter:alpha(opacity=4);}

/*right panel container*/
.rightContentDiv { border-radius:8px; border:1px solid #aaaaaa; margin: 5px 5px 5px 0; font-size:12px; color:#666666; }
.rightContentDiv h2 { border-top-left-radius:8px; border-top-right-radius:8px; margin:0; 
                  background-color: #dddddd; line-height:24px; }
.rightContentDiv .rightContainerDiv { margin:5px; }