/* ID=#, class=. */

/* General */
html, body {margin: 2px 0px 0px 0px; background-color: white; font-family: Verdana, Arial, Sans-Serif; font-size: 0.83em;}
form {margin: 0px 0px 0px 0px}
td {font-family: Verdana, Arial, Sans-Serif; font-size: 11px}
img {border:0px;}

.middleContent { line-height: 120%; font-size:11px; color: #777777;}
.middlecontent A {color: #86006e; text-decoration: none;}
.middlecontent A:hover {text-decoration: underline;}

.addtocarterror {background-color:Yellow; border: 2px solid red; color: Black; padding: 5px 5px 5px 10px; font-weight:bold; margin: 5px 0px 10px 30px; width:650px}

/* Link Styles */
a {color: black}
a.terms {color : #4E4E4E}
a.whitelink {color: white; text-decoration: underline}
.menulink {text-decoration: none}
.menulink:hover {text-decoration: underline}
.menualign {position: relative; top: -7px}

.breadcrumbtrail {color: #666666; font-size: 10px; text-transform:capitalize; padding-top: 5px; padding-bottom:5px; }
.breadcrumbtrail A {color: #666666;}
.breadcrumbtrail A:visited {color: #86006e;} 

.littleLinks {padding-left:5px;}
.littleLinks A {text-decoration: none; font-size: 10px;color: #444444;}
.littleLinks A:hover {text-decoration: underline; color: #111111;}


/* Form Controls */
input, textarea {font-family: Verdana, Arial, Sans-Serif; font-size: 11px} 
input.button {border: 1px solid #1A258E; font-weight: bold; background-color: white; height: 18px; color: #2D4191; cursor:hand;}
input.buttongreen {font-weight: bold; color: DarkGreen; cursor:hand;}
input.buttonred {font-weight: bold; color: red; cursor:hand;}


select {font-family: Verdana, Arial, Sans-Serif; font-size: 11px}

/* table style */
#tblTop {margin-bottom: 2px;}
#tblTop TD {font-family: Arial; color: Black; font-size: 11px; font-weight: normal; padding-left: 5px;}

#tblTopNav TD {font-family: Arial; color:#ffffff;}
#tblTopNavLinks TD {font-family: Arial; }
#tblTopNavLinks .message {font-size: 11px; color: #111111; text-align: center; padding-top: 3px; padding-bottom: 3px;}

#tblTopNav .MenuOption {padding-left: 7px;}
#tblTopNav .MenuOption A {color:#4C4C4C; font-size: 12px; text-transform:uppercase; text-decoration: none;}
#tblTopNav .MenuOption A:hover {color:#87006E;text-decoration: none;}

#tblMainNav TD {font-family: Arial; color:white; padding-left: 5px;padding-right: 5px;}
#tblMainNav TD INPUT {font-family: Arial; color:black; font-weight: normal;}
#tblMainNav .MenuOption A {font-weight:bold; color: White; text-decoration:none;}
#tblMainNav .MenuOption A:hover {font-weight:bold; color: White; text-decoration:none;}

#tblSubNav TD {font-family: Arial; color:#87006e; padding-left: 5px;padding-right: 5px;}
#tblSubNav .MenuOption A {font-weight:bold; color: #ffffff; text-decoration:none;}
#tblSubNav .MenuOption {color: White;}

.tblMenuLeft {padding-top:5px; padding-left: 5px; padding-right: 10px; font-family: Arial;}
.tblMenuLeft #tblMenuLeftTab TD {color: White; font-weight: bold;}

.tblMenuLeftHeading {font-family: Arial; font-size: 12px; color: white; font-weight: bold; text-decoration: none;}
.tblMenuLeftHeading A {font-family: Arial; font-size: 12px; color: white; font-weight: bold; text-decoration: none;}
.tblMenuLeftHeading A:hover {color: #86006e;}

.tblMenuLeftItem TD {padding-left: 5px;background-color:#f3f3f3; border-bottom: 1px solid white; padding-top: 3px; padding-bottom:3px;}
.tblMenuLeftItem TD A {font-family: Arial; font-size: 12px; color: #868686; text-decoration: none;}
.tblMenuLeftItem TD A:hover {color: #86006e;}

#divMenuStrip A {color: #888888; text-decoration: none;}
#divMenuStrip A:hover {color: #666666; text-decoration: underline;}

.AlsoSeeHeading { background-color: #dddddd; color: black; font-weight: bold; font-size:12px;}
.AlsoSeeItem A { font-family: Verdana; color: #87006e; font-size:11px; }

.tdVolH {background-color: #DDDDDD; color: #777777; font-size: 10px; font-weight: bold; text-align:center; width:55px}
.tdVolP {font-size: 10px; text-align:center; color: #888888;}

/* Category/Product Detail Pages */

.CategoryName { color:#86006e; font-weight: bold; font-family: Arial; font-size: 13px;}
.CategorySubHeading { color:#86006e; font-weight: normal; font-family: Arial; font-size: 11px;}
.OLDCategorySubHeading { color:#ffb700; font-weight: bold; font-family: Arial; font-size: 12px;}
.CategoryDescription A { color: #777777; font-size: 11px; font-family: Arial;}
.CategoryDescription A:hover { color: #86006e; text-decoration: none;}
.categoryBuyersGuide {padding-top: 3px;}

.categoryOverview-LHSHeading {font-weight: bold; padding-bottom: 10px;}
.categoryOverview-LHSText {padding: 5 5 5 5}  
.categoryOverview-LHSText TD {font-family: Tahoma; font-size: 12px; padding-bottom: 20px;}  
.categoryOverview-LHSSolidFooter {padding: 2 2 2 2}  

.categoryOverview-RHSHeading {font-family: Arial; font-size: 22px; font-weight: bold; color: Navy; text-align:center; }
.categoryOverview-RHSText {padding: 5 5 5 5}  
.categoryOverview-RHSText TD {font-family: Tahoma; font-size: 16px; }  

.ProductName { color:#86006e; font-weight: bold; font-family: Arial; font-size: 13px;}
.productNameSubHeading { color:#86006e; font-weight: normal; font-family: Arial; font-size: 11px;}
.OLDproductNameSubHeading { color:#ffb700; font-weight: bold; font-family: Arial; font-size: 11px;}
.productNormalPrice {color:#999999; font-weight: normal; font-family: Arial; font-size: 11px;}
.productOurPrice {color:red; font-weight: bold; font-family: Arial; font-size: 12px;}
.productDetailPrice {color: Darkgreen; font-weight: bold; font-size: 14px; padding-top: 0px; padding-bottom:15px;}
.productQuantityValue {font-size: 14px;}
.productRecalculate {color: Navy; font-size: 12px; font-weight:bold; width:130px;}
.productAddToBasket {color: DarkGreen;font-size: 12px; font-weight:bold; width:130px;}
.productDetailContent {font-family: Arial; font-size: 11px;color: #777777;}
.productDetailContent TD {font-family: Arial; font-size: 11px;color: #777777;}
.productDetailOptionDropdown {font-family: Arial; font-size: 11px;}
.productDetailPictureColumn {padding-right: 5px; color: #777777;}
.productDetailRightColumn {padding-left: 9px; color: #777777;}
.productDetailTinyPictureText {font-size: 9px; color: #333333; font-family: Arial; padding-top: 0px; padding-bottom:10px; }

/* Datagrid Styles */
.DataGridHeader {font-size:10px; font-family: Verdana;  font-weight: bold; color: #FFFFFF; background-color: #000000;}

/* The Dynamic left hand menu */
.menuLHS {padding-top: 6px;}
.menuLHS A {font-weight: bold; font-size: 1.1em; text-decoration: none; }
.menuLHS A:hover {text-decoration: underline;}
.MenuLHSIndented {padding-top: 0px;}
.MenuLHSIndented A {font-style: italic; padding-left: 5px; text-decoration: none;}
.MenuLHSIndented A:hover { text-decoration: underline;}

/* Text Styles */
/*Page Heading - H1 tag picked up by search engines */
H1 {color: #555555; font-family: Arial; font-weight: bold; font-size: 17px; padding-top:10px; padding-bottom: 5px; margin: 0 0 0 0} 
/*Fill in these styles with bespoke colours so that customers can access them in content management*/
H2 {color: #86006e; font-family: Arial; font-weight: bold; font-size: 16px; padding-top: 5px; padding-bottom: 5px; margin: 0 0 0 0} 
H3 {color: #777777; font-family: Arial; font-weight: bold; font-size: 13px; padding-top: 4px; margin: 0 0 0 0}
H4 {color: #777777; font-family: Arial; font-weight: bold; font-size: 11px; padding-top: 5px; margin: 0 0 0 0} 
H5 {color: #86006e; font-family: Arial; font-weight: bold; font-size: 11px; padding-bottom: 5px; margin: 0 0 0 0} 
H6 {color: #86006e; font-family: Arial; font-weight: bold; font-size: 10px; padding-bottom: 5px; margin: 0 0 0 0} 

.messagetouser {color: red; font-weight: bold}
.menulink {font-weight: bold}
.terms {color: #4E4E4E}
.whitetext {color: white; font-weight: bold}
.footertext {color: #FFFFFF; text-decoration: none; padding-top: 5px; padding-left: 5px; padding-bottom: 5px;}
.footertext A {color: #FFFFFF; text-decoration: none;}
.footertext A:hover {color: #FFE117; text-decoration: none;}


.productdetail {background-color: #DDDDDD}
.pnlAdditionalImagesDisabled {  font-size: 11px; color: #AAAAAA; background-color: #efefef;font-weight: bold; text-align: center; padding-top: 3px; padding-bottom: 3px;}
.pnlAdditionalImages {  font-size: 11px; color: black; background-color: #efefef; font-weight:bold; text-align: center;  padding-top: 3px; padding-bottom: 3px;  cursor: hand;}
.standard-text {font-family: Verdana; font-size:10px; font-weight: normal; color: #111111}
.productsAtoZ {color:#363488;  font-family:Verdana; font-size:11px; text-decoration:none; }

/*Highlight user searched text in the search engine */
.highlight {text-decoration: none;color:black;background:yellow;}
.ImageBorder {border:1px solid #EE3333;}

/* Page Numbering */
.page_number_selected {font-weight: bold}
.page_number_unselected {font-weight: normal}
.Previous_Next_border{}

/* Shopping Cart */
.shoppingcart_empty  {font-size: 10px; font-weight: bold; color: #868686; text-align: left; margin: 10px 0px 10px 0px}
.shoppingcart_NOTEmpty {color:#8D4D7B; font-weight:bold; font-size:10px;margin: 5px 0px 5px 0px}
.shoppingcart_button {border: 1px solid #1A258E; font-weight: bold; background-color: white; height: 18px; color: #2D4191}
.shoppingcart_Quantity {font-size:11px; color: #868686; font-weight: normal; font-family: Arial; padding-bottom: 3px;}
.shoppingcart_Total {text-align: right; font-size:12px; font-weight: bold; color: #868686; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;background-color:#ffffff;}
.shoppingcart_TotalFooter {text-align: right; font-family: Arial; font-size:11px; font-weight: normal; color: #868686; padding-right: 5px;}

.shoppingCart_Item {font-weight: bold; color:#660066; padding-top:3px; padding-bottom: 3px;}
.shoppingCart_Option {margin-left: 10px; color: #666666; }


/* Payment */
.payment_header {background-color: #bfbfbf; color: #FFFFFF; font-weight: bold; padding: 2px 2px 2px 2px}
.payment_item {font-weight: normal; }
.payment_underline {border-bottom: 2px solid black}


.payment_totalprice {font-weight: bold; text-align: right; border-bottom: 2px solid black; border-top: 2px solid black; padding-right:10px; padding-bottom:4px; padding-top:4px; }
.payment_DeliveryCountry {font-weight: bold; text-align: right; border-bottom: 1px solid black; border-top: 1px solid black; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_InvoicingCountry {font-weight: bold; text-align: right; border-bottom: 1px solid black; border-top: 1px solid black; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_PostageMethod {font-weight: bold; text-align: right; border-bottom: 1px solid black; border-top: 1px solid black; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_DeliveryAmount {font-weight: bold; text-align: right; border-bottom: 1px solid black; border-top: 1px solid black; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_DiscountAmountCASH {font-weight: bold; text-align: right; color: maroon; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_DiscountAmount {font-weight: bold; text-align: right; color: maroon; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.payment_VATAmount {font-weight: bold; text-align: right; border-bottom: 1px solid black; padding-bottom:10px; padding-top:10px; padding-right:10px}
.payment_overallprice {font-weight: bold; color: DarkGreen; font-size:12px; text-align: right; padding-top: 10px; padding-bottom: 10px; font-size: 12px; border-bottom: 1px solid black;padding-right:10px}

 
