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

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333333; padding: 5px 0 0 0; background-color: #bbbbbb; }

#pageSurround { width: 750px; margin: 0px auto; background: url('../styleImages/content_bottom.jpg') no-repeat bottom center #fff; padding-bottom: 140px; border-bottom: 6px solid #aaa; }
#topHeader { height: 100px; width: 100%; border-bottom: 6px solid #aaa; }

#mainMenu { width: 100%; height: 30px;  background: url('../styleImages/menu_bg.jpg') repeat-x; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: center; padding-bottom: 10px; }
#mainMenu a { float: left; color: #333333; text-decoration: none; padding: 7px 22px 7px 22px; font-size: 12px; }
#mainMenu a:hover { text-decoration: underline; }
#mainMenu a.ticketsLink { float: right; font-style: italic; letter-spacing: 1px; }

.colLeft { float: right; width: 160px; padding: 5px; margin-right: 5px; }
.colMid { float: left; width: 555px; margin-left: 10px; padding: 10px 0 10px 0; }

.boxTitleLeft { color: #333; background-color: #ddd; line-height: 18px; font-size: 1.1em; letter-spacing: 1px; border: 1px solid #666; border-bottom: none; text-indent: 5px; }
.boxContentLeft { font-size: 1.1em; border: 1px solid #666; background-color: #f6f6f6; margin-bottom: 10px; padding: 5px 5px 10px 5px; }
.boxContentLeft ul { list-style-type: none; }
.boxContentLeft ul li { line-height: 18px; border-bottom: 1px solid #ddd; text-indent: 5px; padding-top: 2px; }
.boxContentLeft ul li a { color: #444; }
.boxContentLeft ul li a:hover { color: #222; font-style: italic; }
.boxContentLeft .txtviewCart { color: #ff0000; letter-spacing: 1px; }

.boxContent { color: #333333; background-color: #FFFFFF; margin-bottom: 5px; }
.boxContent .txtContentTitle { color: #222; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; letter-spacing:1px; }
.boxContent .txtContentSubTitle { color: #222; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; letter-spacing:1px; }
.boxContent p { color:#333333; font-size:12px; line-height:19px; padding:0pt 10px; }

.boxContent .latestProds { float: left; font-size: 1.1em; width: 120px; padding: 5px; margin: 10px 0 0 5px; text-align: center; }
.boxContent .latestProds .txtOldPrice { text-decoration: line-through; color: #666; }
.boxContent .latestProds .txtSale { color: #ff0000; }

.boxContent #buyProduct { background-color: #f6f6f6; border: 1px solid #ccc; padding: 5px; }
.boxContent #buyProduct #stock { float: left; width: 48%; line-height: 22px; font-size: 1.1em; }
.boxContent #buyProduct #buyButton { float: right; width: 48%; text-align: right; line-height: 22px; font-weight: bold; }
.boxContent #buyProduct #buyButton input { border: 1px solid #ccc; margin: 0 10px 0 0; }
.boxContent #buyProduct #buyButton a { padding: 3px; border: 1px solid #f6f6f6; }
.boxContent #buyProduct #buyButton a:hover { border: 1px solid #999; color: #990000; text-decoration: none; }

.boxContent table.tblList { width: 530px; margin: 0 0 0 10px; font-size: 1.1em; }
.boxContent table.tblList tr {  }
.boxContent table.tblList tr td { padding: 5px; line-height: 18px; border-bottom: 1px solid #ccc; }
.boxContent table.tblList tr td .productName { font-size: 1.1em; }
.boxContent table.tblList tr td.tdcartTitle { font-weight: bold; }
.boxContent table.tblList tr td.noBorder { border-bottom: none; }

form#regForm { margin: 0 30px 0 30px; }
form#regForm label { float: left; font-size: 1.1em; width: 150px; line-height: 20px; margin: 2px 0 2px 0; }
form#regForm input, form#regForm select, form#regForm textarea { float: left; width: 200px; line-height: 20px; padding: 1px 5px 1px 5px; border: 1px solid #999; margin: 2px 0 2px 0; }
form#regForm input.checkbox { width: auto; }

a.checkoutLink { padding: 5px 10px 5px 10px; border: 1px solid #ccc; font-weight: bold; }
a.checkoutLink:hover { border: 1px solid #999; color: #990000; text-decoration: none; }
.redBorder { border: 1px solid #990000; }
.txtCopyright { display: none; }
.txtOldPrice { color: #999; text-decoration: line-through; }
.txtSale { color: #990000; }

.cartProgress { background-color: #f6f6f6; border: 1px solid #ccc; width: 400px; padding: 5px; font-size: 1.1em; text-align: center; margin: 10px auto 10px auto; }
.cartProgress .txtcartProgressCurrent { font-weight: bold; letter-spacing: 1px; }

.quickBuy { background-color: #f6f6f6; border: 1px solid #ccc; width: 400px; padding: 5px; font-size: 1.1em; text-align: center; margin: 10px auto 10px auto; }
.quickBuy input { border: 1px solid #999; }

/* CHECKOUT PAGES */
.colLeftCheckout { position: relative; left: 0px; width: 160px;  padding-left: 15px; padding-right: 5px; float: left; }
.colMainCheckout { position: relative; width: 568px; float: left; }

/* END CHECK OUT PAGES */
.pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; }

#subCats { text-align: center; margin: 0 auto 0 auto; padding: 3px; width: 530px; }
.subCat { text-align: center; padding: 8px; float: left; width: 110px; font-size: 1.1em; height: 70px; }
.subCat img { padding-bottom: 10px; }

.regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

/* IE 6 Fixes */
* html .colMid { float: left; width: 540px; margin-left: 5px; }
* html .colLeft { float: right; }
* html .boxContent, * html .boxContent #buyProduct #buyButton, .boxContent #buyProduct #buyButton input { position: relative; }
* html #regForm { position:relative; }
* html #regForm label { position:relative; }
* html #regForm input { position:relative; }

/* IE 7 Fixes */
*:first-child+html #regForm label { width: 175px;  }