﻿body { background: #fff; padding: 0; margin: 0; font: 12px/21px Georgia, sans-serif;
}

img { border: none; }

a { color: #000; text-decoration: none; }

.clear { clear: both; }

#wrapper { text-align: center; }

#container { margin: 0 auto; text-align: left; width: 960px;}

.blackline { width: 960px; background-color: #000; height: 3px; clear: both; padding: 0; margin: 0; overflow: hidden  }

#header { height: 130px; }

#logo { float: left; height: 130px; width: 213px; background: url(../images/logo.gif); }

#logo a { display: block; width: 213px; height: 130px; }

#nav { float: right; width: 668px; }

.divider { background: url(../images/divider_bg.gif) repeat-x; height: 10px; }

#userPanel { height: 50px; text-align: right; font: bold 11px/21px Arial, serif; padding: 30px 10px 0 0; }

#userPanel .number { font-size: 13px; }

#userPanel .shoppingbag { position: relative; top: 3px; padding-right: 5px; }

#userPanel a { color: #000; text-decoration: none; }

#nav h2 { padding: 0; margin: 10px 0; }

#content { padding: 25px 30px;}

#footer  { padding: 15px 30px;}

#footer p { margin: 0; padding: 0; font-size: 10px; color: #abaeb3; }

#footer p a:hover { color: #000; }

.footerLinks { float: right; width: 500px; text-align: right; }

.footerLinks a { color: #8a8c90; text-decoration: none; }

p { font: 12px/21px Georgia, sans-serif;  color: #535457; }

ul li { font: 12px/21px Georgia, sans-serif;  color: #535457; }

h4 { font: bold 12px/21px Georgia, sans-serif; }

h3 { font: bold 12px/21px Georgia, sans-serif; }

.red { color: #d33432; }

#homeSlots { height: 330px; }

#homeSlots h1 { width: 280px; padding: 0; margin: 0; }

.homeSlot { width: 280px; height: 280px; float: left;  margin-right: 30px;}

.homeSlot2 { width: 280px; height: 100px; float: left;  margin: 20px 30px 0 0;}

.homeSlot2 img { float: left; padding-right: 10px; display: block; }

.homeSlot2 a { font: bold 11px/17px Arial, serif; padding: 3px 0; }

.homeSlot2 a.saleText { line-height: 22px; }

.homeSlot2 .enterSale_btn { text-decoration: none; padding: 3px; font: bold 11px/17px Arial, serif; color: #fff; background-color: #d33432; }

.homeSlot2 .saleEnds { text-decoration: none; padding: 3px;  font: bold 11px/17px Arial, serif; color: #ea8b84; background-color: #d33432; }

.endSlot { padding-right: 0 !important; margin-right: 0 !important;}

.productList .enterSale_btn, .productList { text-decoration: none; padding: 3px; font: bold 11px/17px Arial, serif; color: #fff; background-color: #d33432; }

.productList {width:160px; float:right; }

#rightCol { float: right; display: inline;  width: 720px; }

#leftCol {  float: left; width: 160px;}

.saleListing {  min-height: 255px; margin: 20px 0; }

* html .salesListing { height: 255px; }

.saleImage { float: left; }

.saleDetails { margin-left: 420px; }

#leftCol h4, #rightCol #promo h4{ font: bold 11px/21px Arial, serif; margin: 0; padding: 0; }

#leftCol a { color: #000; text-decoration: none; }

#leftCol ul { list-style-type: none;  margin: 10px 0 10px 5px; padding: 0; }

#leftCol ul li { background: url(../images/bullet.gif) no-repeat 0 8px; padding-left: 8px; font: bold 11px/21px Arial, serif; text-transform:uppercase; }

#rightColTop { height: 35px; }

#breadCrumbs { width: 500px; float: left;  }

#promo { float: right; width: 200px;  text-align: right; }

#promo h4 a { background: url(../images/redbullet.gif) no-repeat 0 4px; padding-left: 8px; color: #000; text-decoration: none; }

.saleDetails h1 { margin: 0 !important; font-size: 30px !important; }

.saleDetails h2, .productDetails h2 { margin: 0; }

#rightColTop h6 { margin: 0; padding: 0; }


/* PRODUCT LISTING */

#productListing2 { padding: 0; }

.productBuffer { height: 40px; }

.prodLeft { padding: 0; margin-right: 20px; width: 340px; height: 220px; float: left;  display: inline; }

.prodLeft h2 { width: 200px !important; margin: 0 !important; padding: 0 !important }

.prodLeft .inner { margin-left: 150px; }

.prodLeft img  { float: left; }


.prodWrapper { height: 220px; }

.productForm { margin-bottom: 30px; }

#productListing2 dd, #productPrice dd { margin-left: 100px; font: bold 12px/21px Georgia, sans-serif;  text-align: right;  }

#productListing2 dt, #productPrice dt { float: left; font: bold 12px/21px Georgia, sans-serif; }

.discount { font-weight: normal; color: #707276; }

.prodLeft h4, .prodRight h4, #productPrice h4 { color: #d33432; text-align: right; margin-top: 0; }


/* PRODUCT DETAILS */

.product { margin: 15px 0;  }

.productImage { float: left; width: 380px; }

.productThumbs { float: right; width: 100px;}

.productThumb { background-repeat: no-repeat; margin-bottom: 15px; }

.productThumb a { display: block; }

.productDetails { margin: 0 0 30px 0;  float: right;  width: 320px; }

.productForm { font: bold 11px/21px Arial, serif; }

.productEl { float: left; width: 100px; height: 50px; display: inline; }

.qtyField { width: 30px; font: 11px Arial, serif; }

.productDrop { font: 11px Arial, serif; }

.sendFriend { margin-right: 10px; background: url(../images/sendtoafriend.gif); display: block; width: 93px; height: 23px;  float: left;}

.sizingChart { margin-right: 10px; background: url(../images/sizingchart.gif); display: block; width: 72px; height: 23px; float: left; }

.saleListing .enterSale_btn {  background: url(../images/enterSale_btn.gif); width: 300px; height: 43px;  display: block; color: #fff; text-decoration: none; text-indent: 99px; font: bold 15px/42px Arial, sans-serif; }

.saleListing .saleStarts_btn {  background: url(../images/salestarts_btn.gif); width: 300px; height: 43px;  display: block; color: #000; text-decoration: none; text-indent: 131px; font: bold 15px/42px Arial, sans-serif; }


/* CART TABLE */

.cartTableHeader { width: 100%; border-collapse: collapse; } 

.cartTableHeader tr td { border-collapse: collapse; background-color: #f3f3f3 !important;}

.cartTable table { border-collapse: collapse; }

.cartTable { border-collapse: collapse; width: 100%;}

.cartTable tr table tr td { border-collapse: collapse; font: 12px/21px Georgia, sans-serif; color: #535457; border-bottom: 2px solid #eeeeee; }

.cartTableFooter { border-collapse: collapse; width: 100%; }

.cartTableFooter tr td { background-color: #f9f9f9 !important; }

.colQty { width: 80px;  }

.tableHeader {  border-collapse: collapse; background-color: #f3f3f3 !important; border-bottom: 2px solid #eeeeee; font-weight: bold; }

.genericTable td { padding: 7px; }

.colColour { width: 100px; }

.colSize { width: 100px;  }

.colAmount { width: 100px;  }

.colProduct { width: 350px; }

.colThumb { width: 50px; }

.colTotal { width: 600px; text-align: right; }

.colButtons { width: 116px; text-align: right; }

.button { background-color: #9c9fa3; font: bold 11px/11px Arial, serif; color: #fff; border: 2px solid #898c91 !important; padding: 3px; cursor: pointer;  }

.buttonProm { background-color: #5f6164; font: bold 11px/11px Arial, serif; color: #fff; border: 2px solid #484a4c !important; padding: 3px; cursor: pointer; }

.buttonRow { padding-top: 10px; text-align: right; }

.floatRBox { float: right; width: 300px; border: 1px solid #eee !important; background-color: #f9f9f9 !important; padding: 10px 10px 10px 20px;  }

.detailsDl dt { float: left; width: 150px; font: 12px/21px Georgia, sans-serif; color: #000; }

.detailsDl dd { margin-left: 180px; padding-bottom: 10px;}

.total { text-align: right; font-weight: bold; }

.grandTotal { border-top: 2px solid #eeeeee;}

.detailsBox {float: left; width: 430px; }

.tableDivide { border-bottom: 2px solid #eeeeee; }

/* SALES CALENDAR */

.calendar { font: 12px/21px Georgia, sans-serif; background: #fff; border: 1px solid #eee !important;}

.calendar tr td { border-collapse: collapse;  }

.DayHeaderStyle {   }

.TitleStyle { background-color: #f3f3f3 !important; height: 50px; padding: 10px; font-size: 20px;}
 
.NextPrevStyle { background-color: #f3f3f3 !important; height: 50px; padding: 10px; font-size: 15px; }

.DayStyle { color: #abaeb3; padding-bottom: 10px; font-size: 20px; line-height: 35px; height: 60px; background: #fff; vertical-align: top; border: 1px solid #eee !important; }

.OtherMonthDayStyle { background-color: #f9f9f9 !important; color: #abaeb3; padding-bottom: 10px; font-size: 20px; line-height: 35px; height: 60px; background: #fff; vertical-align: top; border: 1px solid #eee !important; }

.DayStyle a, .OtherMonthDayStyle a { color: #000; line-height: 20px; font-size: 12px; text-decoration: none; }
.DayStyle span, .OtherMonthDayStyle span { line-height: 20px; font-size: 12px; text-decoration: none; }

.error { display:block; color:#D33432; font: bold 11px/16px Arial, serif;}

.hidden { display:none;}

.textfield { color: #000; font: 14px Georgia, sans-serif; border: 1px solid #abaeb3; height: 20px; width: 150px; margin: 0 10px 0 0; }

/* LOGIN */

.login { text-align: center; padding-top: 30px;  width: 960px;  margin: 0 auto; }

.loginLogo { display: block; margin: 0 auto; padding-bottom: 30px; }

#loginText { padding: 10px 0 10px 0; }

.login p { text-align: left; padding: 0; margin: 7px 0; }

.forgotPass { text-align: center !important; font-size: 11px; }

#loginPromo {  padding-top: 15px;height: 100px; float: right; width: 420px; text-align: left;  padding-left: 40px; }

#loginPromo a {  }

#loginPromo p { padding-top: 0; margin-top: 5px; }