body { font-family:Arial; font-size:12px; margin-top:5px}

img {border:0px;}

#regmaintable { border: 1px solid #A2B6CB; padding:1px; width:968px;}
#regmaintable .button {font-weight: bold;}
#regmaintable A { color:#353535; text-decoration:none;}
#regmaintable A:hover { text-decoration:underline }

#regtitlebar { height:87px; background-image: url(images/template/logo_bg.gif); }
#regtitlebar .text { color:#FFFFFF; font-size:14px; vertical-align:top; padding:5px; text-align:right; width:681px; }
#regtitlebar .number { color:#FFFFFF; font-size:18px; vertical-align:top; padding-top:0px; padding-right:5px; text-align:right; }
#regtitlebar IMG {border:0px;}

#regnavbartop { margin-top:1px; margin-bottom:1px; width:964px; }
#regnavbartop TD {font-size:11px; font-weight:bold;}
#regnavbartop .menu {height:25px; background-image: url(images/template/topbar_bg_green.gif); text-align:center;} 
#regnavbartop .menu:hover { cursor:hand; background-image: url(images/template/topbar_bg_brown.gif)}
#regnavbartop .menu A{ color:#FFFFFF; padding-left:8px; padding-right:8px; text-decoration:none; font-size:12px}
#regnavbartop .spacer {width:75px;background-image: url(images/template/topbar_bg_green.gif);}
#regnavbartop .search {text-align:center; font-size:small; height:23px; background-image: url(images/template/prod_finder_bg.gif);}


/* left column */
#regLeftColumn  {vertical-align:top; width:154px;}

#regLeftColumn #regtopleftmenu {width:100%; border: 1px solid #A2B6CB; margin-bottom:5px;}
#regLeftColumn #regtopleftmenu .item {background-color:#7CA85E; width:100%; height:20px; padding-left:5px;}
#regLeftColumn #regtopleftmenu .item:hover {background-color:#A3865B;}
#regLeftColumn #regtopleftmenu .item A { color:#FFFFFF; text-decoration:none;}
#regLeftColumn #regtopleftmenu .item A:hover { cursor:hand; text-decoration:underline}

#regLeftColumn #regCategoryMenu {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#regLeftColumn #regCategoryMenu .itemHeading {background-color:#7CA85E; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#regLeftColumn #regCategoryMenu .item { background-color:#EEE5D7; border-top:1px solid #C3A880; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px;}
#regLeftColumn #regCategoryMenu .item A { font-size:12px; text-decoration:none; color:#353535} 
#regLeftColumn #regCategoryMenu .item A:hover { cursor:hand; text-decoration: underline;}


#regLeftColumn .regThisArea {width:100%; margin-bottom:0px; border: 1px solid #A2B6CB;}
#regLeftColumn .regThisArea .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}

#regLeftColumn .regTable {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#regLeftColumn .regTable .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#regLeftColumn .regTable .item { background-color:#EEE5D7; border-top:1px solid #C3A880; padding-left:5px; font-size:11px; padding-top:2px; padding-bottom:2px;}
#regLeftColumn .regTable .item A { font-size:11px; text-decoration:none; color:#353535} 
#regLeftColumn .regTable .item A:hover { cursor:hand; text-decoration: underline;}
#regLeftColumn .regTable .itemnobox { background-color:#EEE5D7; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-size:10px; color:#353535; }
#regLeftColumn .regTable .input {background-color:#EEE5D7; color:#353535; padding-left:5px; padding-right:5px; font-size:11px;}

#regLeftColumn #regnews {margin-left:10px; padding-top:15px; }
#regLeftColumn #regnews .image { width:25px; height:25px; border:0px; }
#regLeftColumn #regevent {margin-left:10px; padding-top:15px; }
#regLeftColumn #regevent .image { width:25px; height:25px; border:0px; }


/* Main column */
#regMainContent {vertical-align:top; padding-left:8px; padding-right:8px;}
#regMainContent A {text-decoration: underline; font-weight: bold; color: #7CA85E; }
#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: #7CA85E}
#regMainContent .highlight {background-color:Yellow}
#regMainContent .BasketAdd A {font-weight:bold;color:red;text-decoration:none}
#regMainContent .BasketAdd A:hover {color:black;text-decoration:underline;}

#regMainContent .CheckoutForm TD {font-size:.95em; }
#regMainContent .CheckoutFormHeading { font-weight:bold; color:White; padding: 3px 3px 3px 3px; margin-bottom:4px; margin-top:4px; background-image:url(images/template/topbar_bg_green.gif); }


/* datagrid styles */
#regMainContent .ShoppingBasket {margin-left:25px; width:575px}

#regMainContent .ShoppingBasketHeader {background-color: #cccccc;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
#regMainContent .ShoppingBasketItem {background-color: #efefef; border-bottom: 1px solid #666666}
#regMainContent .ShoppingBasketAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666}

#regMainContent .basketSubtotal {font-weight: bold; text-align: right; border-bottom: 2px solid black; margin-left:25px; width:575px; padding: 5px 0px 5px 0px}
#regMainContent .basketDiscount {font-weight: bold; text-align: right; color: maroon;  margin-left:25px; width:575px; padding: 5px 0px 5px 0px}
#regMainContent .basketDelivery {font-weight: bold; text-align: right; border-bottom: 1px solid black;  margin-left:25px; width:575px; padding: 5px 0px 5px 0px}
#regMainContent .basketVATAmount {font-weight: bold; text-align: right; border-bottom: 1px solid black;  margin-left:25px; width:575px; padding: 5px 0px 5px 0px}
#regMainContent .basketGrandTotal {font-weight: bold; text-align: right; padding-top: 10px; font-size: 14px; border-bottom: 1px solid black;  margin-left:25px; width:575px; margin-bottom:20px; padding: 5px 0px 5px 0px}



#regMainContent H1 {margin-top: 5px; margin-bottom: 5px; font-size: 18px; color: #A3865B}
#regMainContent H2 {margin-top: 15px; margin-bottom: 3px; font-size: 15px; font-weight: bold; color: #555555;}

#regMainContent UL LI {list-style-type : square;} 
#regMainContent OL LI {padding-bottom:5px;}

#regMainContent .productListText {font-family: Arial; font-size:11px; color: #333333;text-align:center; height:165px; width: 106px; border: 1px solid #777777; padding: 3px 3px 3px 3px}
#regMainContent .productListText A {font-family: Arial; font-weight: normal; color:#986B4A; text-decoration: none;}
#regMainContent .productListText A:hover {font-weight: normal; text-decoration: hover;}

#regMainContent .productListImage {font-family: Arial; font-size:11px; color: #333333;text-align:center; height:125px; width: 96px; border: 1px solid #777777; padding: 3px 3px 3px 3px}
#regMainContent .productListImage A {font-family: Arial; font-weight: normal; color:#986B4A; text-decoration: none;}
#regMainContent .productListImage A:hover {font-weight: normal; text-decoration: hover;}


#regMainContent .productText {font-family: Arial; font-size:11px; color: #333333;text-align:center; height:215px; width: 150px; border: 1px solid #777777; padding: 3px 3px 3px 3px}
#regMainContent .productText A {font-family: Arial; font-weight: normal; color:#986B4A; text-decoration: none;}
#regMainContent .productText A:hover {font-weight: normal; text-decoration: hover;}

#regMainContent .greenbar { height:25px; width:635px; font-weight:bold; color:White; margin-bottom:10px; margin-top:40px; background-image:url(images/template/topbar_bg_green.gif); text-align:center; }
#regMainContent .greenbar p { position:relative; top:4px;}


/* right column */
#regRightColumn {vertical-align:top; width:158px;}

#regRightColumn .regTable {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#regRightColumn .regTable .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#regRightColumn .regTable .item { background-color:#EEE5D7; border-top:1px solid #C3A880; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px;}
#regRightColumn .regTable .item A { font-size:12px; text-decoration:none; color:#353535} 
#regRightColumn .regTable .item A:hover { cursor:hand; text-decoration: underline;}
#regRightColumn .regTable .itemnobox { background-color:#EEE5D7; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-size:11px; color:#353535;}
#regRightColumn .regTable .input {background-color:#EEE5D7; color:#353535; padding-left:5px; padding-right:5px; font-size:11px;}

#regRightColumn #regbasket {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB; text-align:left;}
#regRightColumn #regbasket .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#regRightColumn #regbasket .shoppingBasketContents { background-color:#FFFFFF; border-bottom:solid 1px #CFDCE9; padding-bottom:2px; font-size:11px; font-weight: bold; color:Navy}
#regRightColumn #regbasket .button { background-color:#EEE5D7; padding-top:2PX; padding-bottom:2px; font-size:8pt;}

#regRightColumn .regTableWhite { width:100%; margin-bottom:5px; border: 1px solid #A2B6CB; text-align:left;}
#regRightColumn .regTableWhite .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#regRightColumn .regTableWhite .item { background-color:#FFFFFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-size:11px; color:#353535;}


/* Footer row */
#regfooter { width:100%; height:20px; margin-top:20px; color:#353535; background-color:#EEE5D7; padding-left:2px; padding-right:2px; font-size:11px;}
#regfooter A { color:#353535; text-decoration:none;}
#regfooter A:hover { text-decoration:underline;}

#regterms { width:968px; height:20px; color:#E5D6BF; text-align:center; font-size:11px;}
#regterms A { color:#353535; text-decoration:none;}
#regterms A:hover { text-decoration:underline;}

/* these styles are used on the final checkout page... */
.PaymentSummary {margin-left: 30px; width: 550px;}
.PaymentSummary .PaymentSummaryTable {width: 100%; }
.PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: black; color: White; font-weight: bold;}
.PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;}
.PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
.PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.2em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;}


 
#unused-reginfo {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#unused-reginfo .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-reginfo .item { background-color:#EEE5D7; border-top:1px solid #C3A880; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px;}
#unused-reginfo .item A { font-size:12px; text-decoration:none; color:#353535} 
#unused-reginfo .item A:hover { cursor:hand;}

#unused-reglogin {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#unused-reglogin .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-reglogin .item {background-color:#EEE5D7; color:#353535; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:0px; font-size:11px;}
#unused-reglogin .input {background-color:#EEE5D7; color:#353535; padding-left:5px; padding-right:5px; font-size:11px;}

#unused-regNews {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#unused-regNews .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-regNews .item { background-color:#EEE5D7; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-size:11px; color:#353535;}

#unused-regfinder {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB;}
#unused-regfinder .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-regfinder .item { background-color:#EEE5D7; padding-bottom:2px; padding-top:2px; font-size:11px; text-align:center;}
#unused-regfinder .item A{ color:#353535; text-decoration:none;} 
#unused-regfinder .item A:hover { text-decoration:underline;}

#unused-regpricewatch {width:100%; margin-bottom:5px; border: 1px solid #A2B6CB; text-align:left;}
#unused-regpricewatch .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-regpricewatch .item { background-color:#FFFFFF; font-size:11px; color:#353535;}

#unused-regbest { width:100%; margin-bottom:5px; border: 1px solid #A2B6CB; text-align:left;}
#unused-regbest .title {background-color:#A3865B; color:#FFFFFF; padding-left:5px; font-size:12px; padding-top:2px; padding-bottom:2px; font-size:12px; font-weight:bold;}
#unused-regbest .body { background-color:#EEE5D7; font-size:11px; padding-top:2px; padding-left:2px; padding-right:2px; padding-bottom:2px; color:#353535;}
#unused-regbest .item { height:30px; margin-top:2px; background-color:#FFFFFF;}