/* main */
body, td, th, input, textarea, select, li { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #333333; font-size: 11px; }
a, a:active, a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; text-decoration: none; color: #F5B400; }
a:hover { text-decoration: underline; }

/* headings */
h1, .txtHeading1, a.txtHeading1, a.txtHeading1:active, a.txtHeading1:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: black; font-size: 14px; font-weight: bold; margin: 0px; }
h2, .txtHeading2, a.txtHeading2, a.txtHeading2:active, a.txtHeading2:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #F5B400; font-size: 13px; font-weight: bold; margin: 0px; }
h3, .txtHeading3, a.txtHeading3, a.txtHeading3:active, a.txtHeading3:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: black; font-size: 11px; font-weight: bold; margin: 0px; }
h4, .txtHeading4, a.txtHeading4, a.txtHeading4:active, a.txtHeading4:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #F5B400; font-size: 11px; font-weight: bold; margin: 0px; }
h5, .txtHeading5, a.txtHeading5, a.txtHeading5:active, a.txtHeading5:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #F5B400; font-size: 10px; font-weight: bold; margin: 0px; }
h3.banner { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: black; font-size: 11px; font-weight: bold; margin: 0px; background-color: #FCEAB8; padding: 3px; margin-top: 5px; margin-bottom: 10px; }

/* misc */
form { margin: 0px; }
hr { width: 100%; color: #CDCDCD; height: 1px; }
ul { list-style-image: url(../Images/ListBullet.gif); margin: 10px 0px 0px 30px;}
small { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-size: 10px; }
.error, .error a, .error a:active, .error a:visited  { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: red; }
.hidden { display: none; visibility: hidden; }
.txtBox { border: 1px solid #7F9DB9; }

/* header/footer navigation */
.hdrNav, .ftrNav { color: White; }
.hdrNav a, .hdrNav a:active, .hdrNav a:visited, .ftrNav a, .ftrNav a:active, .ftrNav a:visited { color: White; text-decoration: none; }
.hdrNav a:hover, .ftrNav a:hover { text-decoration: underline; }

/* left /right hand nav */
.navTable { background-color: #F5B400; margin-top: 10px; }
.navTitle { color: White; font-weight: bold; padding: 3px 15px 3px 15px; }
.navTable .navTitle { color: White; font-weight: bold; padding: 2px 15px 4px 15px; background-color: black; }

/* left nav */
td.leftNav a, td.leftNav a:active, td.leftNav a:visited { color: black; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.leftNav a:hover { color: black; background-color: #FADA80; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.leftNavActive a, td.leftNavActive a:active, td.leftNavActive a:visited { color: black; background-color: #FADA80; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.leftNavActive a:hover { color: black; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.leftNavDiv { padding: 1px 0px 1px 0px; background-image: url(../Images/Common/NavDiv.png); background-repeat: no-repeat; }
td.leftNavIndex { padding: 0px 15px 0px 10px; padding-top: 5px; color: White; font-weight: normal; }
td.leftNavIndex a, td.leftNavIndex a:active, td.leftNavIndex a:visited { color: black; text-decoration: none; padding: 0px 3px 0px 3px; }
td.leftNavIndex a:hover { background-color: white; text-decoration: none; padding: 0px 3px 0px 3px; }

/* right nav */
td.rightNav a, td.rightNav a:active, td.rightNav a:visited { color: black; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.rightNav a:hover { color: black; background-color: #FADA80; text-decoration: none; padding: 3px 10px 3px 15px; display: block; }
td.rightNavDiv { padding: 1px 0px 1px 0px; background-image: url(../Images/Common/NavDiv.png); background-repeat: no-repeat; }
td.rightNavBasketSummary { padding: 10px 0px 10px 15px; font-size: 14px; }
td.rightNavBasketSummary small { font-size: 12px; }
td.rightNavBasketSummary a, td.rightNavBasketSummary a:active, td.rightNavBasketSummary a:visited { font-size: 10px; }

/* search and mailing list boxes */
#txtSearch { border: 1px solid black; padding: 2px 5px 2px 5px; width: 120px; height: 21px; }
#txtMailingList { border: 1px solid black; padding: 2px 5px 2px 5px; width: 120px; height: 21px; }

/* product search results */
table.searchResults { padding: 5px; border: 1px solid black; background-color: #f0f0f0; background: url(../Images/ProductListItemBG.jpg); background-repeat: repeat-x; }
table.searchResults .productTitle { background-color: Black; border: 1px solid white; color: White; font-size: 11px; font-weight: bold; padding: 3px 7px 4px 7px; height: 35px; }
table.searchResults .productTitle a, table.searchResults .productTitle a:active, table.searchResults .productTitle a:visited { color: White; }
table.searchResults .productPrice { font-size: 18px; color: black; }
table.searchResults .productRRP { font-size: 9px; }
table.searchResults .productSave { font-size: 11px; color: Red; font-weight: bold; }
table.searchResults td.productImage { background-image: url(../Images/ProductListImgBG.gif); background-repeat: repeat-x; padding: 5px; }
table.searchResults img.productImage { position: relative; border: 1px solid black; }
.sortBy { width: 100px; font-size: 9px; }
.RPP { width: 40px; font-size: 9px; }

/* product layouts */
.productRRP { font-family: Arial, Helvetica, Serif; font-size: 9px; color: #333333; }
.productText { font-family: Arial, Helvetica, Serif; font-size: 10px; color: #333333; font-weight: bold; }
.productStockLevel { font-family: Arial, Helvetica, Serif; font-size: 12px; font-weight: bold; color: #FF6600; }
.productPrice { font-family: Arial, Helvetica, Serif; font-size: 14px; font-weight: bold; color: black; }
.productSaving{ font-family: Arial, Helvetica, Serif; font-size: 10px; font-weight: bold; color: #0E3578; }
.productOption { font-family: Arial, Helvetica, Serif; font-size: 11px; color: #333333; padding-top: 4px; }
.productOption .price { font-family: Arial, Helvetica, Serif; font-size: 11px; color: #333333; }
.alsoAvailableIn { padding: 5px; border: 1px solid black; background-color: white; margin-top: 10px; margin-bottom: 10px; }
.alsoAvailableIn .header { background-color: Black; color: #F0F0F0; font-weight: bold; margin-bottom: 7px; padding: 3px 7px 4px 7px; }

/* main content area */
table.contentArea { background-image: url(../Images/ContentBGTop.jpg); background-repeat: no-repeat; border: 1px solid black; border-top: none; padding: 12px; padding-top: 0px; }
table.contentAreaStatic { background-image: url(../Images/ContentBGTop.jpg); background-repeat: no-repeat; border: 1px solid black; border-top: none; padding: 0px 0px 12px 12px; }

/* form boxes */
.formBox { width: 530px; padding: 5px; border: 1px solid black; background-color: #F0F0F0; margin-bottom: 10px; }
.formBox .header { background-color: Black; color: White; font-weight: bold; margin-bottom: 7px; padding: 3px 7px 4px 7px; }
.formBox .headerGrey { background-color: #3B3B3B; color: White; font-weight: bold; margin-bottom: 7px; padding: 3px 7px 4px 7px; }
.formBox .headerOrange { background-color: #F5B400; color: White; font-weight: bold; margin-bottom: 7px; padding: 3px 7px 4px 7px; }
.formBox .headerGrey a, .formBox .headerGrey a:active, .formBox .headerGrey a:visited { color: White; }
.formBox .headerOrange a, .formBox .headerOrange a:active, .formBox .headerOrange a:visited { color: White; }

/* shopping basket */
.basketHeader { background-color: black; padding: 3px; color: white; font-size: 11px; font-weight: bold; }
.basketItem { padding: 3px; }
.basketItem a, .basketItem a:active, .basketItem a:visited { color: #F5B400; }
.basketQty { border: 1px solid #F5B400; width: 40px; font-size: 10px; text-align: center; }
/*
tr.basketItemError { background-color: #ffdddd; }
.basketItemError { padding: 3px; color: #ff0000; font-weight: bold; }
.basketItemError a, .basketItemError a:active, .basketItemError a:visited { color: #ff0000; font-weight: bold; }
.basketQtyError { border: 1px solid #7F9DB9; width: 40px; font-size: 10px; text-align: center; color: #ff0000; font-weight: bold; }
*/
.basketSummaryLeft { background-color: black; padding: 2px; color: white; font-size: 11px; font-weight: bold; }
.basketSummaryRight { background-color: #FFFFFF; padding: 2px; font-size: 11px; }

/* shopping basket - print version */
.basketHeaderPrint { background-color: #f0f0f0; padding: 3px; color: black; font-size: 11px; font-weight: bold; }
.basketItemPrint { padding: 3px; }
.basketSummaryLeftPrint { border: 1px solid #cccccc; background-color: #f0f0f0; padding: 2px; color: black; font-size: 11px; font-weight: bold; }
.basketSummaryRightPrint { border: 1px solid #cccccc; background-color: #FFFFFF; padding: 2px; font-size: 11px; }


/* my account page */
td.myAccNavDiv{ background-color: White; }
td.myAccNavActive a, td.myAccNavActive a:active, td.myAccNavActive a:visited { vertical-align:middle; background-color: #EEF4DB; color: #ACC923; text-align:center; text-decoration: none; font-weight: bold; display: block; padding:  7px 8px 6px 8px; width: 100%; border-bottom: 1px solid #EEF4DB; }
td.myAccNavPassive a, td.myAccNavPassive a:active, td.myAccNavPassive a:visited {background-color: #ACC923; color: #EEF4DB; text-align:center; text-decoration: none; font-weight: bold; display: block; padding: 5px 8px 5px 8px; width: 100%; border-bottom: 1px solid #cccccc; }
td.myAccNavPassive a:hover { color: #ACC923; background-color: #EEF4DB; text-align:center; text-decoration: none; font-weight: bold; display: block; padding: 5px 8px 5px 8px; width: 100%; border-bottom: 1px solid #cccccc; }

#footer1 { background-image: url(../Images/seofooter1.jpg); width: 569px; height: 138px; margin-bottom: 10px; }
#footer1 .content { padding: 18px 100px 18px 15px; }
#footer1 h1 { margin-bottom: 5px; }
#footer1 h1 a, #footer1 h1 a:active, #footer1 h1 a:visited  { font-size: 14px; color: #000; font-weight: bold; text-decoration: none; }
#footer1 h1 a:hover { text-decoration: underline; }
#footer1 h1 div { color: #F5B400;  display: inline; }

#footer2 { background-image: url(../Images/seofooter2.jpg); width: 569px; height: 139px; margin-bottom: 10px; }
#footer2 .content { padding: 18px 100px 18px 15px; }
#footer2 h2 { margin-bottom: 5px; }
#footer2 h2 a, #footer2 h2 a:active, #footer2 h2 a:visited  { font-size: 14px; color: #000; font-weight: bold; text-decoration: none; }
#footer2 h2 a:hover { text-decoration: underline; }
#footer2 h2 div  { color: #F5B400;  display: inline; }

#footer3 { background-image: url(../Images/seofooter3.jpg); width: 569px; height: 138px;  margin-bottom: 10px; }
#footer3 .content { padding: 18px 100px 18px 15px; }
#footer3 h2 { margin-bottom: 5px; }
#footer3 h2 a, #footer3 h2 a:active, #footer3 h2 a:visited  { font-size: 14px; color: #000; font-weight: bold; text-decoration: none; }
#footer3 h2 a:hover { text-decoration: underline; }
#footer3 h2 div { color: #F5B400; display: inline; }