BODY { font-family: Arial,; font-size: 12px; margin-top:0px;}

H1 {margin-top: 5px; margin-bottom: 5px; font-size: 1.65em; color: #8152C5}
H2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color:#8152C5;}

/* Regions */
#regmain { margin:0 auto; width:976px; text-align:left; }

#regTopMenuBar { background-image:url(images/template/topbar_bg.gif); height:100px; font-size:40px; color:#ffffff; vertical-align:bottom; padding:0px 10px 10px 0px} 
#regTopMenuBar A {color: White; font-weight: bold; text-decoration: none; }
#regTopMenuBar A:hover {color: yellow; text-decoration: underline;}
#regTopMenuBar .button {width:40px; height:20px; font-size:9px; color:#713BB9;}

A {text-decoration: underline; font-weight: bold; color: #713BB9; }
A img { border:0px;}

#regLeftMenu {vertical-align:top; color: #80849d; width:188px; padding-top:3px; }
#regLeftMenu .MenuItem { background-image:url(images/template/lmenu_bg_purp.gif); width:169px; padding-top:5px; padding-left:5px; padding-bottom:5px; text-align:left; border:solid 1px #C7C7C7; margin-bottom:2px; font-size:12px; }
#regLeftMenu .MenuItem A {  color:#ffffff; font-weight: bold; text-decoration: none;}
#regLeftMenu .MenuItem A:hover {text-decoration: none; color:#ff7B00;}

#regLeftMenu .subMenuItem { background-color:#dfdfdf; border-bottom:solid 2px #ffffff; font-size:11px; }
#regLeftMenu .subMenuItem A { font-size:12px; padding-top:3px; padding-left:15px; padding-bottom:3px; color:#80849d; text-decoration: none; display:block; height:100%; width:165px;}
#regLeftMenu .subMenuItem A:hover {text-decoration: none; background-color:#6939AC; color:#ffffff;}

#newsletter { color:#ffffff; margin-top:30px; margin-left:7px; }
#newsletter A { color:#8152C5; text-decoration:none; font-weight:bold; }
#newsletter A:hover { color:#8152C5; text-decoration:underline; }
#newsletter .Heading { padding:5px;  font-size:14px; font-weight:bold; background-image:url(images/template/lmenu_bg_purp.gif); }
#newsletter .Body { background-color:#ffffff; }

#News { width:174px; background-color:#d9dcfd; margin-top:5px; margin-bottom:5px;}
#News A {}
#News .title { background-image:url(images/template/lmenu_bg_purp.gif); color:#ffffff; text-align:left; max-height:20px; padding:5px; font-weight:bold; border:solid 1px #C7C7C7; }
#News .title A { text-decoration:none; color:#ffffff; padding-right:5px; font-weight:normal; }
#News .title A:hover { text-decoration:underline; color:#ffffff; }
#News .contents { background-color:#ffffff; color:#8152C5; height:150px; vertical-align:top; padding:2px; border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7;}
#News .contents A { color:#8152C5; text-decoration:none;}
#News .contents A:hover { color:#8152C5; text-decoration:underline;}

#rightcolumn { background-color:#D7D7D7; min-width:172px; width:172px; padding: 3px 8px 20px 8px; height:20px; text-align:left; }
#rightcolumn .rhsNewsHeading {padding-top: 10px;}
#rightcolumn .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:11px; text-decoration: none; }
#rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:11px; background-color:#ffffff; text-decoration: none;}
#rightcolumn .rhsNewsBody:hover {color: #555555; font-size:11px; text-decoration: none;}
#rightcolumn .RSS { background-image:url(images/template/lmenu_bg_purp.gif); color:#ffffff; text-align:left; max-height:20px; padding:5px; font-weight:bold; }

#Testemonials { width:174px;}
#Testemonials A {}
#Testemonials .title { border:solid 1px #C7C7C7; background-image:url(images/template/lmenu_bg_purp.gif); color:#ffffff; text-align:left; max-height:20px; padding:5px; font-weight:bold; }
#Testemonials .title A { text-decoration:none; padding-right:5px; font-weight:normal; color:#ffffff; }
#Testemonials .title A:hover { text-decoration:underline; color:#dadaf4; }
#Testemonials .contents { background-color:#ffffff; color:#8152C5; height:150px; border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7;}
#Testemonials .contents A { color:#333333; text-decoration:none;}
#Testemonials .contents A:hover { color:#333333; text-decoration:underline;}

#regFooter { margin:0 auto; width:976px; background-color:#F5F5F5; font-size: .85em; color: #101010; border:solid 4px #D7D7D7; padding: 3px 10px 3px 10px; }
#regFooter A {color: #101010; font-weight: normal; text-decoration: none;}
#regFooter A:hover {text-decoration: underline;}

#regMainContent {vertical-align:top; padding-left:20px; border-top:solid 3px #D7D7D7; width:620px; color: #333333; padding-bottom:20px; padding-right:20px;}
#regMainContent A {text-decoration: underline; font-weight: bold; color: #713BB9; }
#regMainContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} 
#regMainContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px}
#regMainContent .breadcrumbtrail A {color: #F8A261}
#regMainContent .highlight {background-color:Yellow}

/* Button styles */
#regMainContent .button {font-weight: bold; color: Navy;}
#regMainContent .Bluebutton {font-weight: bold; color: Navy;}
#regMainContent .CancelButton {font-weight: normal; color: Red;}

/* datagrid styles */
#regMainContent .datagridHeader {background-color: #cccccc;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
#regMainContent .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666}
#regMainContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666}

/* these styles are used on product list/detail pages ... */
#regMainContent .ProductPhotos { width:150px; margin: 5px}
#regMainContent .ProductPhotos .MainPhoto {text-align:center; border: 0px; width: 150px; height: 150px;}
#regMainContent .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;}
#regMainContent .ProductPhotos .ThumbnailPhoto { border: 0px solid #aaaaaa; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;}

#regMainContent .ProductSKUsTable { border: solid 1px #D7D7D7;}
#regMainContent .ProductSKUsTable a { border: 0px;}
#regMainContent .ProductSKUsTable .ProductSKUsHeader { background-color: #916AC6; color: #FFFFFF; font-weight: bold;border: 1px solid #D7D7D7;}
#regMainContent .ProductSKUsTable .ProductSKUsItem { border: 1px solid #D7D7D7; padding-top: 1px; padding-bottom: 2px;}
#regMainContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: #321800;}
#regMainContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;}
#regMainContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;}
#regMainContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; padding: 0px 2px 0px 2px; width: 100px; height: 20px; font-weight: bold; border: 1px solid #FE871D; color: #FFFFFF; font-size: .9em; background-color: #FE871D;}

#regMainContent .paging {padding-top: 10px; padding-bottom: 20px;}
#regMainContent .paging a {text-decoration: none;}
#regMainContent .paging table {width:100%}
#regMainContent .paging .currentPageLabel {width: 180px; color: black;}
#regMainContent .paging .previousPage {width: 100px; text-align: left; }
#regMainContent .paging .previousPage a { color: Gray;}
#regMainContent .paging .pageNumbers {text-align: center;}
#regMainContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999}
#regMainContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: red}
#regMainContent .paging .nextPage {width: 80px; text-align: right; }
#regMainContent .paging .nextPage a { color: Gray; }

#regMainContent .ProductThumbnailBrowse {margin-left: 5px;}
#regMainContent .ProductThumbnailBrowse a { border: 0px;}
#regMainContent .ProductThumbnailBrowse img {border: 0px;}
#regMainContent .ProductThumbnailBrowse .Thumbnail { width: 171px; border: 1px solid #D7D7D7;}
#regMainContent .ProductThumbnailBrowse .Thumbnail:Hover  { width: 171px;  border: 1px solid #916AC6;}
#regMainContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto { display: table-cell; vertical-align: middle; text-align: center; border:0px; height:130px; line-height: 130px; width: 171px; text-align: center; background-color: #FFFFFF; }
#regMainContent .ProductThumbnailBrowse .Thumbnail #ThumbnailText {text-align: left; padding:3px; height: 20px; }
#regMainContent .ProductThumbnailBrowse .Thumbnail #ThumbnailText A {color:#000000; text-decoration:none; font-weight: bold; }
#regMainContent .ProductThumbnailBrowse .Thumbnail #ShortDescription {text-align: left; padding:3px; height: 60px; }
/*#regBodyContent .ProductThumbnailBrowse .Thumbnail:hover .ThumbnailText A { color:#870F1C; text-decoration: underline;}*/
#regMainContent .ProductThumbnailBrowse .Thumbnail .ProductPrice  {text-align: right; padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: #000000; }
#regMainContent .ProductThumbnailBrowse .Thumbnail .price{font-weight: bold; color: #000000; padding-right: 10px; font-size: 1.4em}
#regMainContent .ProductThumbnailBrowse .Thumbnail .wasprice{font-weight: bold; color: #870F1C; text-decoration:line-through; padding-right: 10px; font-size: 1.2em}
#regMainContent .ProductThumbnailBrowse .Thumbnail #divReadMore { text-align: center; padding-bottom: 5px; padding-top: 5px;}
#regMainContent .ProductThumbnailBrowse .Thumbnail #divReadMore a{color: #FFFFFF; background-color: #FE871D; padding:  2px 7px 2px 7px; text-decoration: none;}


/* these styles are used on the view shopping basket page... */
#regMainContent .BasketSummary {margin-left: 30px; width: 490px;}
#regMainContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; }
#regMainContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: #916AC6; color: #FFFFFF; font-weight: bold;border: 1px solid #D7D7D7;}
#regMainContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { padding: 5px 5px 5px 5px;}
#regMainContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid #870F1C; padding-top: 1px; padding-bottom: 2px;}
#regMainContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { padding: 2px 3px 3px 3px;}
#regMainContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;}
#regMainContent .BasketSummary .BasketSubtotal { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
#regMainContent .BasketSummary .BasketDelivery { font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .BasketSummary .BasketWeight { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;}
#regMainContent .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.3em; margin-bottom: 5px; padding: 3px 0px 3px 0px;}
#regMainContent .BasketSummary .ContinueShopping { margin-bottom: 5px; font-style: italic;}
#regMainContent .BasketSummary .BasketButtons {width: 100%}
#regMainContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;}
#regMainContent .BasketSummary .BasketButton { color: #FFFFFF; font-size: 1em; background-color: #FE871D; border: 1px solid #FE871D; font-weight: bold;}
#regMainContent .BasketSummary .BasketButton .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; margin-top: 20px}
#regMainContent .BasketSummary .BasketButton .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width:83px}
#regMainContent .BasketSummary .BasketButton .CheckoutButton {color: DarkGreen; font-weight: bold; font-size: 1em;}
#regMainContent .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 0.9em; width:65px; height: 18px; text-transform: uppercase;}
#regMainContent .BasketSummary .CartRemove { background-color: #FFFFFF; font-size: 0.9em; font-weight: bold; color: #000000; border: 0px; width: 55px; margin: 0px}
#regMainContent .BasketSummary .CartRemove:Hover { text-decoration: none;}

/* these styles are used on the final checkout page... */
#regMainContent .PaymentSummary {margin-left: 30px; width: 680px;}
#regMainContent .PaymentSummary .PaymentSummaryTable {width: 100%; }
#regMainContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #870F1C; padding-top: 3px; background-image: url(images/template/topnav_bg.gif); height: 18px; color: White; font-size: 1.1em; text-transform: uppercase;}
#regMainContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 2px 5px 0px 3px;}
#regMainContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;}
#regMainContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { padding: 2px 3px 3px 3px;}
#regMainContent .PaymentSummary .PaymentSubtotal { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
#regMainContent .PaymentSummary .PaymentDelivery { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
#regMainContent .PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.4em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;}
#regMainContent .PaymentSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;}



/* 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");
	}