/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #406790; }
a:hover { text-decoration: underline; color: #406790; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body { color: #444; background: url( "../styleImages/body-bg.jpg" ) repeat-x #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }

#pageSurround { width: 960px; margin: 10px auto; }

#topHeader { height: 130px; margin-bottom: 10px; }
#topHeader #logo { float: left; }
#topHeader #topMenu { float: right; width: 250px; text-indent: 15px; }
#topHeader #topMenu a { float: left; color: #406790; width: 250px; line-height: 32px; background: url('../styleImages/topmenu-bg.jpg') no-repeat; font-size: 1.2em; }
#topHeader #topMenu a:hover { text-decoration: none; font-style: italic; letter-spacing: 1px; }

#mainMenu { float: left; width: 920px; height: 110px; margin: 0 0 0 20px; }
#mainMenu #categories { float: left; width: 751px; height: 110px; background: url( "../styleImages/categories-bg.jpg" ) no-repeat; }
#mainMenu #categories .categoryLink { float: left; width: 155px; height: 110px; margin: 0 1px 0 1px; text-align: center; }
#mainMenu #categories .categoryLink .categoryImage { width: 100%; height: 75px; padding: 5px 0 5px 0; }
#mainMenu #categories .categoryLink a img { height: 72px; }
#mainMenu #categories .categoryLink a { font-size: 1.2em; color: #666; }
#mainMenu #categories .categoryLink a:hover { text-decoration: none; font-style: italic; }
#mainMenu #categories ul { padding:0; margin:0; list-style-type:none; }
#mainMenu #categories ul ul { width:170px; }
#mainMenu #categories li { float:left; position:relative; }
#mainMenu #categories a { display:block; text-decoration:none; color:#fff; } 
#mainMenu #categories ul ul { visibility:hidden; position:absolute; height:0; top:106px; left:0; width:100px; margin-top: 4px; }
#mainMenu #categories table {position:absolute; top:0; left:0;}
#mainMenu #categories ul ul a { margin-top: -1px; background: #eee; border: 1px solid #ddd; color: #406790; padding:7px 10px; width:150px;  }
#mainMenu #categories a:hover, #mainMenu #categories ul ul a:hover{ color: #15527A; }
#mainMenu #categories :hover > a, #mainMenu #categories ul ul :hover > a { color: #15527A; }
#mainMenu #categories ul li:hover ul, #mainMenu #categories ul a:hover ul{ visibility:visible; }
#mainMenu #categories ul :hover ul ul{ visibility:hidden; }
#mainMenu #categories ul :hover ul :hover ul{ visibility:visible; }
* html #mainMenu #categories ul ul a{ width:150px; } 
* html #mainMenu #categories ul ul { top:105px; }

#mainMenu #shoppingBasket { float: right; width: 151px; height: 65px; padding-top: 45px; background: url( "../styleImages/shopping-bg.jpg" ) no-repeat; text-align: center; font-size: 1.1em; line-height: 18px; }
#mainMenu #shoppingBasket a:hover { font-style: italic; }

#pageContent { float: left; width: 750px; margin: 10px 0 0 20px; }

#pageColumn { float: right; width: 150px; margin: 10px 20px 0 0; text-align: center; }

#footer { float: left; width: 940px; border-top: 1px solid #ccc; margin: 20px 0 0 0; padding: 5px 10px 5px 10px; }
#footer p { line-height: 18px; font-size: 1.1em; color: #888; padding: 0; }
#footer p.alignRight { text-align: right; }
#footer p a { font-size: 1.0em; }

.txtCopyright { display: none; }
.cartProgress { border-bottom: 1px solid #ccc; width: 450px; margin: 10px auto; text-align: center; font-size: 1.1em; padding: 5px; }
.cartProgress .txtcartProgressCurrent { color: #406790; font-weight: bold; }

form { margin: 0 0 0 50px; }
form.nomargin { margin: 0; }
form.quickBuy { margin: 0; width: 520px; margin: 0 auto; font-size: 1.1em; }
form label { float: left; width: 175px; font-size: 1.2em; line-height: 20px; margin: 2px 0 2px 0; }
form input, form select { float: left; width: 400px; border: 1px solid #999; margin: 2px 0 2px 0; padding: 2px 5px; }
form.quickBuy input { width: 100px; float: none; }
form input:focus { border: 1px solid #333; }
form input[type=checkbox] { width: auto; }
form input[type=radio] { width: auto; }
form input.submit { margin-left: 175px; }
form.quickBuy input.submit { margin-left: 0; }
form input.quantity { float: none; width: 40px; text-align: center; margin: 2px 0 0 0; }
form a { font-size: 1.2em; }
form a.buttonAlign { margin-left: 175px; }

h1, h2, h3, h4 { font-weight: normal; color: #406790; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em; font-style: italic; padding: 10px 0 0 10px; }
h3 { font-size: 1.3em; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
h4 {}

p { padding: 5px 20px; font-size: 1.2em; line-height: 18px; }
p a { font-size: 1.1em; }

.txtOldPrice { text-decoration: line-through; color: #999; } 
.txtSale { color: #ca0000; letter-spacing: 1px; }
.centered { text-align: center; }
.txtOutOfStock { font-style: italic; color: #406790; }
.txtButton { font-size: 1.1em; border: 1px solid #999; padding: 2px 5px;  }
.buyButton { font-size: 1.1em; border: 1px solid #999; padding: 2px 5px; float: right; width: 28px; text-align: center; }
.txtCheckout { font-size: 1.1em; border: 1px solid #999; padding: 2px 5px; float: right; }

ul { list-style-type: none; }
ul#subCats { padding: 0 0 0 20px; font-size: 1.2em; }
ul#subCats li { line-height: 20px; text-indent: 20px; }
ul#subCats li.noindent { text-indent: 0; }
ul#account { padding: 10px 0 0 40px; }
ul#account li { line-height: 20px; font-size: 1.2em; }
ul#useful { font-size: 1.1em; }
ul#useful li { line-height: 20px; }

table.tblList { width: 650px; margin: 0 0 0 50px; font-size: 1.1em; }
table.tblList tr { }
table.tblList tr td { padding: 7px 3px; border-bottom: 1px solid #ddd; }
table.tblList tr td.tdListTitle { border-bottom: 1px solid #ccc; background-color: #f6f6f6; font-weight: bold; letter-spacing: 1px; }
table.tblList input { width: 50px; }
table.tblList select { width: 100px; }
table.tblList tr td.tdCartSubTotal, table.tblList tr td.noborder { border: none; } 

table.gateway { width: 400px; margin: 0 auto; font-size: 1.1em; }

.productTitle { font-size: 1.1em; }

.productKit { margin: 5px 0 5px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #f6f6f6; padding: 5px; }
.productKit a { margin-left: 15px; }

/* END CHECK OUT PAGES */
.pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; }
.regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }



/* IE Hacks */
* html .txtButton { padding: 1px 5px; }
* html .buyButton { position: relative; }
*:first-child+html .txtButton { padding: 1px 5px; }
*:first-child+html .buyButton { position: relative; }