@charset "utf-8";
/* CSS Document */

html{
height:100%;
width:100%;
}

body{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
height:100%;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#mainTable{
table-layout:auto;
border-collapse:collapse;
width:100%;
height:100%;
padding:0px;
}

#headerTd{
height:115px;
width:100%;
}

#menuTd{
vertical-align:top;
width:160px;
background-color:#b0bfd7;
}

#contentTd{
vertical-align:top;
text-align:center;
}

#shoppingCartTd{
vertical-align:top;
width:160px;
background-color:#BDD6EE;
}

img.bannerImage{
border:0;
}

div.banner{
text-align:left;
}

table.popular{
border-collapse:collapse;
display:inline;
float:left;
}

td.popularImage{
padding:0px;
/*border-top:1px solid #A8B8C8;
border-bottom:1px solid #A8B8C8;
background-image:url(popularBg.jpg);
background-repeat:repeat-y;
background-position:center;*/
height:130px;
width:145px;
border:1px solid #A8B8C8;
text-align:center;
vertical-align:top;
width:150px;
}

td.popular{
padding:0px;
background-color:#EDF2F6;
text-align:center;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
/*background-image:url(popularBg.jpg);
background-repeat:repeat-y;
background-position:center;*/
border:1px solid #A8B8C8;
width:150px;
height:60px;
}

td.popularFooter{
background-image:url(popularFooter.jpg);
background-position:center;
width:150px;
padding:0px;
height:32px;
cursor:hand;
}

#homeDiv{
overflow:auto;
width:100%; 
}

#homeTable{
margin-top:10px;
}

#popularTd{
vertical-align:top;
}

#promotionTd{
vertical-align:top;
width:240px;
}

table.promotion{
width:220px;
border-collapse:collapse;
}

td.promotionHeader{
background-image:url(promotionHeader.jpg);
width:220px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#FFFFFF;
padding:0px;
}

td.promotionLeft{
background-image:url(promotionBg.jpg);
background-repeat:repeat-y;
background-position:left;
height:110px;
padding:0px;
text-align:left;
vertical-align:middle;
color:#333333;
font-weight:bold;
font-size:12px;
padding-left:10px;
padding-right:10px;
}

td.promotionRight{
background-image:url(promotionBg.jpg);
background-repeat:repeat-y;
background-position:right;
height:110px;
padding:0px;
padding-right:1px;
}

td.promotionFooter{
background-image:url(promotionFooter.jpg);
width:220px;
padding:0px;
height:30px;
color:#333333;
font-size:12px;
font-weight:bold;
padding-left:35px;
text-align:left;
}

table.grid{
border-collapse:collapse;
width:96%;
}

tr.grid{

}

tr.grid:hover{

}

td.grid{
border:1px dotted #999999;
font-size:10px;

}

td.gridImage{
border:1px dotted #999999;
width:70px;
text-align:right;
vertical-align:middle;
}

#pageDiv{
overflow:auto;
}

#gridDiv{
overflow:auto;
}

a.gridImage{
font-weight:bold;
text-decoration:none;
color:#0033CC;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}

#gridHeaderTd{
text-align:left;
color:#333333;
border-bottom:1px solid black;
font-size:13px;
font-weight:bold;
}

#returnStr{
text-align:left;
font-weight:bold;
}

#shadow{
width:100%;
height:100%;
background-color:#FFFFFF;
opacity:0.8;
filter:alpha(opacity=80);
top:0px;
left:0px;
position:absolute;
}

#floater{
position:absolute;
}

#ftopLeft{
background-image:url(topLeft.png);
background-position:right;
background-repeat:no-repeat;
width:43px;
height:43px;
}

#ftop{
height:43px;
background-image:url(topBorder.png);
background-position:bottom;
background-repeat:repeat-x;
}

#ftopRight{
background-image:url(topRight.png);
background-position:left;
background-repeat:no-repeat;
padding:0px;
width:43px;
height:43px;
/*text-align:left;
vertical-align:bottom;*/
}

#fleft{
width:43px;
background-image:url(leftBorder.png);
background-position:right;
background-repeat:repeat-y;
}

#center{
background-color:#FFFFFF;
text-align:center;
vertical-align:middle;
}

#fright{
width:43px;
background-image:url(rightBorder.png);
background-position:left;
background-repeat:repeat-y;
}

#fbottomLeft{
background-image:url(bottomLeft.png);
background-position:right;
background-repeat:no-repeat;
width:43px;
height:43px;
}

#fbottom{
height:43px;
background-image:url(bottomBorder.png);
background-position:top;
background-repeat:repeat-x;
}

#fbottomRight{
background-image:url(bottomRight.png);
background-position:left;
background-repeat:no-repeat;
width:43px;
height:43px;
}

#floaterTable{
width:100%;
height:100%;
padding:0px;
border-collapse:collapse;
border-spacing:0px;
}

#productHeader{
text-align:left;
text-shadow:#666666;
font-size:16px;
font-weight:bold;
text-align:center;
}

#productDescription{
text-align:justify;
}

#floaterContent{
width:100%;
height:100%;
}

#bubble{
position:absolute;
background-color:#FFFFFF;
border:1px solid #999999;
}

#help{
position:absolute;
background-color:#FFFFFF;
border:1px solid #999999;
padding:5px;
}

#headerTableold{
background-image:url(headerBg.jpg);
background-repeat:repeat-x;
}

table.menu{
width:160px;
border-collapse:collapse;
border:none;
}

td.headerMenu{
background-color:#526481;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
font-size:14px;
font-weight:bold;
width:160px;
padding-left:5px;
}

td.mainMenu{
background-color:#8f9fba;
text-align:left;
padding-left:5px;
font-size:10px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.mainMenuSelected{
background-color:#8f9fba;
text-align:left;
padding-left:5px;
font-size:10px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
color:#FF0000;
}

td.mainMenu:hover{
background-color:#bad4ed;
text-align:left;
padding-left:5px;
font-size:10px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.mainMenu a{
text-decoration:none;
color:#000000;
}

td.mainMenuSelected a{
text-decoration:none;
color:#CC0000;
}

td.subMenu{
background-color:#c5cfe4;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subMenu:hover{
background-color:#e0e6f0;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subMenu a{
text-decoration:none;
color:#000000;
}

td.subMenuSelected{
background-color:#c5cfe4;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subMenuSelected:hover{
background-color:#e0e6f0;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subMenuSelected a{
text-decoration:none;
color:#ff0000;
}

td.mainHelp{
background-color:#b0bfd7;
text-align:left;
padding-left:5px;
font-size:10px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.mainHelp:hover{
background-color:#8f9fba;
text-align:left;
padding-left:5px;
font-size:10px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.mainHelp a{
text-decoration:none;
color:#000000;
}

td.subHelp{
background-color:#c5cfe4;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subHelp:hover{
background-color:#e0e6f0;
text-align:left;
padding-left:5px;
font-size:10px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-collapse:collapse;
padding-top:2px;
padding-bottom:2px;
}

td.subHelp a{
text-decoration:none;
color:#000000;
}

td.subHelp a:active{
text-decoration:none;
color:#ff0000;
}

div.navBar{
width:100%;
background-color:#CCCCCC;
border-bottom:1px solid #999999;
color:#000000;
font-weight:bold;
font-size:10px;
padding:3px;
text-align:left;
}

div.navBar a{
color:#000000;
}

div.titleBar{
font-size:16px;
font-weight:bold;
text-align:left;
padding:3px;
border-bottom:1px solid #000000;
}


td.faqCategory{
font-size:14px;
font-weight:bold;
text-align:left;
height:30px;
}

td.faqQuestion{
font-size:10px;
text-align:left;
padding:2px;
padding-left:20px;
}

td.faqQuestion a{
text-decoration:none;
color:#000000;
}

td.faqAnswer{
font-size:10px;
text-align:justify;
}

td.cartListHeader{
font-weight:bold;
}

table.cartTable{
width:160px;
border:none;
border-collapse:collapse;
border-spacing:0px;
}

#topRow{
background-color:#516481;
height:20px;
border-bottom:2px solid #90ABC5;
text-align:right;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
border-collapse:collapse;
}



#middleRowLogo{
background-color:#90ABC5;
height:64px;
border-collapse:collapse;
}

#middleRowSearch{
background-color:#90ABC5;
height:64px;
border-collapse:collapse;
text-align:right;
vertical-align:middle;
}

#tinyRow{
background-color:#516481;
height:1px;
border-collapse:collapse;
}

#bottomRow{
height:31px;
background-image:url(headerBgLow.jpg);
background-repeat:repeat-x;
border-collapse:collapse;
vertical-align:middle;
padding-bottom:2px;
font-size:10px;
}

td.cartH{
font-size:10px;
}

#bottomRow a{
text-decoration:none;
color:#000000;
}

form{
padding:0px;
margin:0px;
}


#totalTd{
color:#000000;
font-size:12px;
font-weight:bold;
vertical-align:middle;
}

#totalTable{
border:0px;
border-collapse:collapse;
padding:0px;
border-spacing:0px;
}

#totalValueTd{
width:105px;
height:45px;
background-image:url(totalValueBg.jpg);
text-align:center;
vertical-align:middle;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}

#productListTable{
background-color:#FFFFFF;
}

#cartList{
overflow:auto;
width:152px;

}

#cuponField{
font-size:10px;
}

a.addItem{
text-decoration:none;
font-weight:bold;
color:#FF0000;
font-size:10px;
}

input.itemQuantity{
font-size:10px;
text-align:center;
}

td.cartDescription{
font-size:9px;
text-align:left;
vertical-align:top;
}

#loginMessageDiv{

}

#loginMessageTable{
border-spacing:0px;
}

#loginMessageText{
text-align:center;
background-color:#d8e8f5;
}

td.gridBar{
background-image:url(gridBar.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:21px;
padding:0px;
}

#prodsPerPage{
text-align:left;
font-weight:bold;
}

a.pages{
text-decoration:none;
color:#0000FF;
}

div.discount{
font-weight:bold;
color:#FF0000;
}

a.promotion{
text-decoration:none;
color:#000000;
}

table.myAccount{
border:1px solid #CCCCCC;
border-collapse:collapse;
height:250px;
width:80%;
}

table.checkOut{
border:1px solid #CCCCCC;
border-collapse:collapse;
height:100px;
width:100%;
}

td.myAccountHeader{
font-weight:bold;
color:#FFFFFF;
background-image:url(tableHeaderBg.jpg);
background-repeat:repeat-x;
/*background-color:#E4E4E4;*/
padding:5px;
height:5%;
vertical-align:top;
}

td.myAccountHeaderCentered{
font-weight:bold;
color:#FFFFFF;
background-image:url(tableHeaderBg.jpg);
background-repeat:repeat-x;
/*background-color:#E4E4E4;*/
padding:5px;
height:5%;
vertical-align:top;
text-align:center;
}

td.myAccountContent{
padding:3px;
padding-left:10px;
font-size:10px;
height:90%;
}

td.warning{
text-align:center;
font-weight:bold;
color:#FF0000;
}

table.passwordRating{
border:1px solid #666666;
}

input.myAccount{
font-size:10px;
}

select.myAccount{
font-size:10px;
}

table.myHistory{
border:1px solid #CCCCCC;
border-collapse:collapse;
width:80%;
}

table.myHistory td{
padding:4px;
}

a.standby{
font-weight:bold;
color:#0000FF;
}

a.processing{
font-weight:bold;
color:#000000;
}

a.cancelled{
font-weight:bold;
color:#FF0000;
}

a.stopped{
font-weight:bold;
color:#FF6600;
}

a.sent{
font-weight:bold;
color:#009900;
}

table.orderDetail{
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.orderDetail td{
padding:6px;
}

table.orderDetailCheckOut{
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.orderDetailCheckOut td{
padding:6px;
border:1px solid #CCCCCC;
}

table.orderDetailHistory{
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.orderDetailHistory td{
padding:6px;
border:1px solid #CCCCCC;
}