/* General */
html, body {margin: 0px 0px 0px 0px; background-color: #FFFFFF; font-family: Verdana, Arial, Sans-Serif; font-size: 0.83em;color : #444444; line-height: 1.2}
form {margin: 0px 0px 0px 0px}
td {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color : #444444;}

/* 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}

/* Form Controls */
HR { height:1px; color: #E5E5E5;}
input, textarea {font-family: Verdana, Arial, Sans-Serif; font-size: 11px} 
input.button {border: 1px solid #C9C9C9; font-weight: bold; background-color: white; height: 18px; color: #444444; cursor:hand;}
select {font-family: Verdana, Arial, Sans-Serif; font-size: 11px}
.readonly { background-color : #eaeaea; text-align: center;}
.ProductImage { font-weight: bold; color: #cD9F00;  cursor: pointer; text-decoration: underline;}

.ProductImage A { font-weight: bold; text-decoration: none; cursor: pointer;}
.ProductImage A:Hover { font-weight: bold; text-decoration: underline;}

/* Datagrid Styles */
.DataGridHeader {font-size:10px; font-family: Verdana;  font-weight: bold; color: #454545; background-color: #E5E5E5;}

/* 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 {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 {font-weight: bold; font-size: 13px;padding-bottom: 5px; margin: 0 0 0 0} 
H3 {font-weight: bold; font-size: 15px; padding-bottom: 5px; margin: 0 0 0 0}
H4 {font-weight: bold; font-size: 14px; padding-bottom: 5px; margin: 0 0 0 0} 
H5 {font-weight: bold; font-size: 14px; padding-bottom: 5px;color: #9F7900; margin: 0 0 0 0} 
H6 {font-weight: bold; font-size: 22px; padding-bottom: 5px;color: #9F7900; margin:  0 0 0 0} 
.Stage{ margin: 0 0 6 5}
.Stage1{ margin: 0 0 6 0}
.lineText {color: #9F7900; padding-top: 8px;}
.lineMax { padding-bottom: 5px; color: #000000;}
.messagetouser {color: #EB272D; font-weight: bold}
.menulink {font-weight: bold}
.terms {color: #4E4E4E}
.whitetext {color: white; font-weight: bold}
.footertext {color: #444444; text-decoration: none; font-size: 11px;}
.footertext A {color: #444444; text-decoration: none;}
.footertext A:Hover {color: #444444; text-decoration: underline;}
A.footertext {color: #444444; text-decoration: none;}
A.footertext:Hover {color: #444444; text-decoration: underline;}

.ListPrice { font-weight: bold; color: #9F7900; font-size: 12px;}
.DetailPrice { font-weight: bold; color: #9F7900; font-size: 14px;}
.RRP { font-weight: bold; color: #E5444A; font-size: 13px; text-decoration: line-through;}

.ListProductName A { text-decoration: none; font-size: 12px; color: #4A4A4A;}
.ListProductName A:Hover { text-decoration: underline;}
.DetailProductName { text-decoration: none; font-size: 16px; color: #4A4A4A; font-weight: bold;}
.DetailProductName A { text-decoration: none; font-size: 16px; color: #4A4A4A;}
.DetailProductName A:Hover { text-decoration: underline;}

 A.TellAFriend {text-decoration: none; font-size: 14px; color: #4A4A4A; text-align: center; font-weight: bold; padding-top: 8px;}
 A.TellAFriend:Hover {text-decoration: underline;}

.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-weight: bold; color: green; text-align: center; margin: 10px 0px 10px 0px}
.shoppingcart_button {border: 1px solid #1A258E; font-weight: bold; background-color: white; height: 18px; color: #2D4191}
.price {color:#8D4D7B; font-weight:bold; font-size:11px;}

/* Payment */
.payment_header {color: #454545; background-color: #E5E5E5; font-weight: bold; padding: 2px 2px 2px 2px; border-bottom: 1px solid #454545;}
.payment_item A {color: #444444; text-decoration: none; font-weight: bold;}
.payment_item A:Hover {color: #444444; text-decoration: underline;}
.payment_underline {border-bottom: 2px solid black}
.payment_totalprice {font-weight: bold; text-align: right; border-bottom: 2px solid black}
.payment_discount {font-weight: bold; text-align: right; color: maroon;  padding-right: 104px;}
.payment_deliveryprice {font-weight: bold; text-align: right; border-bottom: 1px solid black;}
.payment_vattotal {font-weight: bold; text-align: right; border-bottom: 1px solid black;}
.payment_overallprice {font-weight: bold; text-align: right; padding-top: 10px; font-size: 14px; border-bottom: 1px solid #454545;}
 
 .SubCategoryTitle A { font-weight: bold; text-decoration: none; font-size: 11px; color: #444444; }
 .SubCategoryTitle A:Hover { text-decoration: underline; }
 .SubCategoryDescription A { text-decoration: none; font-size: 10px}
 .SubCategoryDescription A:Hover { text-decoration: underline; }
 
.ProductReview A { font-weight: bold; text-decoration: underline; font-size: 11px; color: #444444;}
 
 .button_silver_bg{background-image: url(images/button_silver_bg.gif); background-repeat: repeat-x; }
 .box_bottom_shadow_main {background-image: url(images/box_bottom_shadow_main.gif); background-repeat: repeat-x; }
 .bg_boxrightshadowmain {background-image: url(images/box_right_shadow_main.gif); background-repeat: repeat-y; }
 .box_main_shadow_top {background-image: url(images/box_main_shadow_top.gif); background-repeat: repeat-x; }
 .bg_boxheader  {background-image: url(images/box_header_bg.gif); background-repeat: repeat-x; }
.bg_dark_border {background-image: url(images/border_shadow_dark.gif); background-repeat: repeat-x; }
.bg_light_border {background-image: url(images/border_shadow_light.gif); background-repeat: repeat-x; }

  .productReview {padding-top: 7px;}
  .productReviewName { text-align:right; font-weight: bold; font-size: 11px; font-style: italic;}
  .productReviewFooter {padding-bottom: 7px; border-bottom: 1px solid #cccccc; }


/* Blog related styles... */  				  
 .BlogEntries p {padding-top: 0px; margin-top: 0px}
 .BlogEntries .blogPostTitle {padding-top: 5px;}
 .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;}
 .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
 .BlogEntries .blogContent { padding-bottom: 10px;}   
 .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
 .BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: gray;  padding-top: 5px; }
 .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;}
 .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
 .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; }

 .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
 .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
 .BlogDetail .blogContent { padding-bottom: 5px;}   
 .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;}   
 .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
 .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; }
 .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right}
 .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;}
 .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;}

.BlogDetail .Comments {padding-top: 0px;}
 .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;}
 .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;}
 .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;}
 .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; }
 .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; }
 .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; }
 .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { }
 .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { }

 .BlogDetail .Comments .leaveComment input {margin-left: 0px;}
 .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; }


/* Products image zoom... */
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666;	border-right: 2px solid #666;	}
#lightboxDetails{	font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(js/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale");
	}
	.ThumbnailPhoto { border: 1px solid #CCCCCC; font-size:55px; line-height: 90px; vertical-align: middle; width:90px; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;}