﻿/* GENERAL */
body {font-family:arial; font-size:78%; margin:0; padding:0; background:url('../images/Body_BG.gif') repeat-x top left;}
img {text-decoration:none;border:0;margin:0;padding:0;}
.clear {clear:both; height:0px; margin:0px; padding:0px;}

#Page {margin:0 auto; width:960px}
/*#PageMain {width:100%; background:url('../images/Inner_BG_Shadow.gif') repeat-y top left;}*/
#PageMain {width:100%; }
#PageContent {float:left; width:700px; margin-top:15px; margin-left:20px; display:inline; min-height:600px; height:auto !important;}
#PageContentFull {float:left; width:900px; margin-top:15px; margin-left:35px; margin-bottom:15px; min-height:600px; height:auto !important; height:600px; display:inline;}
#PageContent a, #PageContentFull a {font-weight:bold;}
#Outer1 {width:1024px; margin-left:auto; margin-right:auto; background:url('../images/Outer_BG_Shadow.gif') repeat-y top left;}
#Outer2 {width:100%; background:url('../images/Outer_BG_Gradient_Shadow.gif') no-repeat top left;}
#BottomShadow {width:100%; height:40px; background:url('../images/Outer_Footer_Shadow.gif') no-repeat top left;}

.ErrorMessage {color:#f00;}

a {color:#000000; text-decoration:none;}
a:hover {text-decoration:underline;}
a:vistited {color:#000000}

h1 {margin-bottom:10px; margin-top:10px; }
h2 {margin-bottom:10px; margin-top:10px; }

#Footer {width:960px; height:30px; background:#424142; border:solid 1px #ffffff; margin-top:-5px; margin-left:auto; margin-right:auto;color:#FFFFFF}
#SearchText {margin-top:0px;}
.FooterLink {color:#FFFFFF; font-size:xx-small; text-decoration:none;}
.FooterPipe {color:#F6FF00; font-size:xx-small;}
#FooterPara {text-align:center; margin-top:4px; margin-bottom:4px}

.Purenet {text-align:center;margin-top:20px;margin-bottom:10px;font-size:80%;color:#555555;}
.Purenet a {color:#222222;}

/* Left Navigation */
.LeftCol {float:left; width:218px;}
.LeftCol ul {list-style:square; margin:0; padding:0;}

.LeftCol ul.Level1 {list-style:none; padding:10px 0 0 10px;}
.LeftCol ul.Level1 li a {text-decoration:none; display:block; width:194px; height:23px; background-image:url('../images/left_nav_graphic.jpg'); color:#FFFF00; padding-left:13px; padding-top:3px; margin-top:5px; margin-Bottom:5px; font-weight:bold; font-size:medium}    

.LeftCol ul.Level2 li {margin-left:20px}
.LeftCol ul.Level2 li a {padding-left:5px; text-decoration:none; display:inline; background-image:none; color:#000000; font-weight:bold; font-size:small;}
.LeftCol ul.Level2 li a:hover {text-decoration:underline}
/*
.LeftCol ul.Level2 li.Current a	{font-weight:bold}
.LeftCol ul.Level2 li.Ancester a {font-weight:normal}
 */

.LeftCol ul.Level3 {list-style:none;}
.LeftCol ul.Level3 li a {padding-left:0px; color:#666666; font-size:small; font-weight:normal; text-decoration:none;}
.LeftCol ul.Level3 li a:hover {text-decoration:underline;}
.LeftCol ul.Level3 li.Current a	{font-weight:bold;}
.LeftCol ul.Level3 li.Ancester a {font-weight:bold;}
.LeftCol ul.Level3 li.Standard a {font-weight:normal;}

.LeftCol .LeftNavTheme {margin:20px 0 0 5px}


/* Header */
#Header {height:135px; background:url(../images/layout/Header.gif)}
#Header .Logo {position:absolute; float:left; margin-left:25px; margin-top:20px;}
#Header .Logo a {}

#Header .TopNav {position:absolute; background:#000000; color:#FFFFFF; top:93px; width:960px; height:42px;}
#Header .TopNavTable {float:left; margin-top:10px; margin-left:15px; display:inline}
#Header .TopNavTable .TopLink {font-weight:bold; color:#ffffff; margin-left:5px; font-size:small; display:inline}
#Header .TopNavTable .TopLinkPipe {font-weight:bold; color:#F6FF00; margin-left:5px; font-size:small; display:inline;}

#Header .TelDiv	{float:right; margin-right:25px; font-size:small;}
#Header .TelDiv h1 {margin:0px; font-size:xx-large; margin-top:25px; margin-left:40px;}
#Header .TelDiv .HeaderTelephone {font-size:medium}
#Header .TelDiv .HeaderLogin {float:left; margin-right:5px;}
#Header .TelDiv .HeaderBasket {float:left;}
#Header .TelDiv .Image {float:left; Height:16px; margin-right:4px; display:inline;}

#Header .TopNav .SearchDiv {float:right; padding-right:75px; padding-top:2px;}
.SearchButton	{float:left; padding-left:10px;}


/* Product Page */
.ProductDiv {width:100%;margin-bottom:5px;}
.ProductImagesDiv {margin-top:10px; width:252px; float:left;}
.ProductImageContainer img {border:1px solid black; margin:0; padding:0;}
.ProductInfo {float:right; width:425px; margin-top:10px; margin-bottom:10px;}
.ProductInfo p {margin:0px; font-size:small; color:#8A8C8A; margin-bottom:10px;}
.ExtraImages {margin:6px 2px 0px 0px;float:left;display:inline;}
.relatedVariant {width:150px; margin-left:20px; margin-top:20px; float:left;}
.relatedLink {display:block; float:right; margin-right:-2px; color:#FFFFFF; background-color:#000000; text-decoration:none;}
.relatedImage {border:1px solid #000000;}


/* Light Box */
#lightbox {position: absolute;left: 0;width: 100%;z-index:2000;text-align: center;line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink {width: 49%;height: 100%;background: transparent url(../images/prevlabel.gif) left 15% no-repeat; /* Trick IE into showing hover */display: block;}
#nextLink {width: 49%;height: 100%;background: transparent url(../images/nextlabel.gif) right 15% no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData {padding:0 10px; color: #505050;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}
		
#overlay {position: absolute;top: 0;left: 0;z-index: 1200;width: 100%;height: 500px;background-color: #7A7A7A;}

	
/* Min-Width */
.lbWidth                { /* most browsers */position: absolute;top: 0px; left: 0px;width: 100%;min-width: 790px;}
* html .lbContent       { /* IE6 */margin-left: -790px;position:relative;}
* html .lbMinWidth      { /* IE6 */padding-left: 790px;}
	
	
/* Clearfix */	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


.MoreImages {position:absolute; margin-top:10px}

/* Breadcrumb */
.BreadCrumbTrail {color:#777777;margin:0px;font-size:small; margin-bottom:5px;}
.BreadCrumbTrail .YouAreHere {font-weight: bold; margin-right: 4px;}
.BreadCrumbTrail .Seperator {margin: 0 2px;}
.BreadCrumbTrail a {color:#454545;text-decoration:none;}
.BreadCrumbTrail a:Hover {text-decoration:underline;}
.BreadCrumbTrail a.Current {font-weight: bold; text-decoration:underline;}
.BreadCrumbTrail h1 {margin:0px;padding:0px;font-size:100%;display:inline;font-weight:normal;}


/* Category Styles Start */
.CategoryList {clear:both; margin-top:5px}
.CategoryList .Row {clear:both}
.CategoryList .Row .Item {float:left; margin-right:33px; margin-bottom:27px; display:inline}
.CategoryList .Row .Item .TitleBox {height:23px; width:200px; background-color:#000000;}
.CategoryList .Row .Item .TitleBox .Name {float:left; margin-left:13px; margin-right:10px; margin-top:4px; margin-bottom:5px; color:#FFFFFF; font-weight:bold; font-size:small;}
.CategoryList .Row .Item .Image {height:153px; width:198px; border:1px solid; border-color:#000000; margin-top:6px}
.CategoryList .Row .Item .Image table {height:110px; width:198px}
.CategoryList .Row .Item .CategoryDetail {float:left; height:35px; width:198px; margin-top:10px; margin-bottom:10px; display:inline}
.CategoryList .Row .Item .CategoryIcon2 {float:left; width:25px; height:25px; margin-bottom:10px; margin-left:10px; display:inline}
.CategoryList .Row .Item .CategoryDescription {float:left; height:35px; width:150px; font-size:x-small; color:#1A4B4C; margin-left:5px; margin-right:8px; display:inline}

.CategoryList .VatSelection a {float:left; padding-top:3px}
.CategoryList .VatSelection .Radio { float:left; margin-bottom:10px }
.CategoryList .VatSelection .Radio input { clear:none; width: 20px; }

/* Product Styles Start */
.ProductList {clear:both}
.ProductList .Row {clear:both}
.ProductList .Row .Item {float:left; margin-right:12px; margin-bottom:20px}
.ProductList .Row .Item .Image {width:158px; height:153px; border:1px solid; border-color:#A4A4A4}
.ProductList .Row .Item .Image table {width:158px; height:153px;}
.ProductList .Row .Item .Detail {float:left; width:160px; height:88px; background-color:#000000}
.ProductList .Row .Item .Name {float:left; width:145px; height:30px; margin: 5px 0px 5px 10px; display:inline; color:#FFFFFF; font-weight:bold; font-size:small}
.ProductList .Row .Item .ProductDetail {float:left; width:157px; height:20px}
.ProductList .Row .Item .ViewProduct {float:left; width:66px;}
.ProductList .Row .Item .ViewProduct a {float:left; color:#FCFF00; background-color:#202020; font-weight:bold; text-decoration:none; font-size:xx-small;padding:3px 2px;margin-left:2px;}
.ProductList .Row .Item .ViewProduct a:Hover {text-decoration:underline;}
.ProductList .Row .Item .ViewProduct .ViewProdLeft {float:left}
.ProductList .Row .Item .ViewProduct .ViewProdRight {float:right}
.ProductList .Row .Item .PriceDetail {float:left; width:85px; margin-top:1px; display:inline}
.ProductList .Row .Item .PriceDetail .Vat {font-size:x-small; color:#CECECE; text-align:right; margin-right:2px;}
.ProductList .Row .Item .PriceDetail .Price {font-size:x-small; color:#FCFF00; text-align:right;}
.ProductList .Row .Item .PriceDetail .PriceOrigional {color:#FFFFFF;margin:0px;}
.ProductList .Row .Item .PriceDetail .PriceNew {font-size:120%;color:#FCFF00;}

/* Data Paging */
.Paging	{float:left; padding-bottom:3px; border-bottom:4px solid #7E7E7E; vertical-align: middle; margin-bottom:8px; margin-top:8px; width:100%; display:inline;}

.Paging .ProductsPerPage {float:right; margin-top:5px;}
.Paging .ProductsPerPage select {width:145px; height:19px;}
.Paging .Pages {float:right; font-size:small; margin-right:10px; margin-top:5px; display:inline;}
.Paging .Pages .Title {float:left; padding-bottom:1px; margin-right:5px; font-weight:bold; display:inline;}
.Paging .Pages a {margin-right:5px; color:#000000; text-decoration:none;}
.Paging .Pages a:hover {text-decoration:none}
.Paging .Pages a.CurrentPage {font-weight:bold;}
.Paging .Pages a.OtherPages {color:#146EB4; text-decoration:underline}
.Paging h2 {float:left; margin:0; padding:0; border:none 0px; display:inline;}
.Paging .ViewAll {font-size:small; font-weight:bold; color:#000000; text-decoration:none}

.PagingBottom {float:left; width:100%; border-top:4px solid #7E7E7E; border-bottom:0px none; margin-top:20px; padding-bottom:0px; padding-top:5px; display:inline;}
.PagingBottom .ProductsPerPage { float:right}
.PagingBottom .ProductsPerPage select {width: 145px; font-size: 75%; font-weight: bold; height: 19px;}
.PagingBottom .Pages {float:right; font-size:small; margin-right:10px; margin-top:2px; display:inline;}
.PagingBottom .Pages .Title {float:left; margin-right:5px; font-weight:bold; display:inline;}
.PagingBottom .Pages a {margin-right:5px; color:#000000; text-decoration:none}
.PagingBottom .Pages a:hover { text-decoration:none; }
.PagingBottom .Pages a.CurrentPage {font-weight:bold;}
.PagingBottom .Pages a.OtherPages {color:#146EB4; text-decoration:underline}
.PagingBottom .PageInfo {float:left; font-size:small; margin-top:2px; display:inline;}
.PagingBottom .ViewAll {font-size:small; font-weight:bold; color:#000000; text-decoration:none}


/* Product Details */
.ProductDetail {}
.ProductDetail h2 {width:330px; margin-bottom:10px;}
.ProductDetail .Title {margin-left:10px}
.ProductDetail .ContentBar {float:left; width:100%; height:20px; background:#000000; color:#FFFFFF; font-size:small}
.ProductDetail .ContentBar p {margin-left:10px; margin-top:2px; font-weight:bold;}

.ProductDetail .Description {float:right; width:380px; padding: 20px 50px 20px 0px; color:#808080; font-size:small;}
.ProductDetail .DescriptionContent {border-bottom:2px solid #F6FF00;padding-bottom:20px;}
.ProductDetail .Description .Table {width:400px;margin-bottom:20px;}
.ProductDetail .Description .Table .Row {padding-top:20px;}
.ProductDetail .Description .Table .Row .Column1 {width:170px; float:left; text-align:left; font-weight:bold;display:inline}
.ProductDetail .Description .Table .Row .Column2 {width:150px; float:left; text-align:left; display:inline;}
.ProductDetail .Description .Price {color:#000000; font-weight:bold; font-size:180%}
.ProductDetail .Description .PriceOriginal {font-size:60%;color:#cc0000;}
.ProductDetail .Description .PriceNew {font-size:100%;color:#000000;}
.ProductDetail .Description .PriceVat {color:#000000; font-weight:bold; font-size:small}
.ProductDetail .Description .Buttons {clear:both;height:60px;}
.ProductDetail .Description .Buttons .Button {cursor:pointer; background:#404040; color:#F6FF00; border:0;font-weight:bold;font-size:120%;padding:6px 10px;}
.ProductDetail .Description .Quantity {width:20px;}

.ProductDetail .Image {float:left; padding-top:15px; width:232px; text-align:left;}
.ProductDetail .Image .VariantZoomImage {border:1px solid #000000;text-align:center;width:232px;}
.ProductDetail .Image a img {}
.ProductDetail .ImageEnlargeBox {font-size:small; width:270px; float:left; text-align:center; clear:left;}

.ProductDetail .Image .NoImage {text-align:center}
.ProductDetail .MoreImages {clear:both;}
.ProductDetail .EnlargeLink {text-align:right;}



/* Related Product */
.RelatedProducts {clear:both;margin-top:20px;}
.RelatedProducts .ContentBar {float:left; width:100%; height:20px; background:#000000; color:#FFFFFF; font-size:small}
.RelatedProducts .ContentBar p {margin-left:10px; margin-top:2px; font-weight:bold}
.RelatedProducts .Products {}
.RelatedProducts .Products .ProductDetail {float:left; width:142px; padding:10px 10px 10px 10px;}
.RelatedProducts .Products .ProductDetail .MoreInfo {float:right; display:inline}
.RelatedProducts .Products .ProductDetail .Product {float:left; width:140px; border:1px solid #000000; display:inline}
.RelatedProducts .Products .ProductDetail .Product .Image {width:130px; text-align:center; margin-top:5px; margin-bottom:10px;height:90px;}
.RelatedProducts .Products .ProductDetail .Product .Name {width:130px; font-size:small}
.RelatedProducts .Products .ProductDetail .Product .Price {width:130px; font-size:small}

/* Category Tag List */
.CategoryTagList .ContentBar {float:left; width:100%; height:20px; background:#000000; color:#FFFFFF; font-size:small; margin-top:10px; margin-bottom:10px}
.CategoryTagList .ContentBar p {margin-left:10px; margin-top:2px; font-weight:bold}
.CategoryTagList .TagDetail {float:left; width:680px;}
.CategoryTagList .TagDetail .TagSelect {float:left; display:inline; margin-right:5px; margin-left:5px; width:115px;}
.CategoryTagList .TagDetail .TagSelect .Button {float:left; border:0; margin-top: 2px; padding: 0; background: url("../images/layout/button_smaller_grey.gif") transparent no-repeat; width: 68px; height: 18px; color: #000000; font-size: 11px; font-weight: bold; line-height: 16px; text-align: center; vertical-align: middle;}
.CategoryTagList .TagDetail .TagHeader {font-weight:bold; margin-bottom:3px; display:inline; margin-right:10px;}
.CategoryTagList .TagDetail .TagDetailTextBox {width:110px; border:solid 1px #999999; color:#555;}
.CategoryTagList .Pricing {float:left; margin:10px 10px 10px 10px;}
.CategoryTagList .ButtonsLeft {float:left;display:inline;width:400px;margin-top:15px;}
.CategoryTagList .Buttons {float:right; margin-top:20px; display:inline;width:100px;margin-right:70px;}
.CategoryTagList .Buttons .Button {cursor:pointer; background:#404040; color:#F6FF00; border:0;font-weight:bold;font-size:120%;padding:6px 10px;}

.CategoryTagList .Pricing {}
.CategoryTagList .Pricing .Row {clear:both;}
.CategoryTagList .Pricing .Row .Column {float:left;display:inline;margin-bottom:6px;}
.CategoryTagList .Pricing .Row .Column1 {width:150px;font-weight:bold;}
.CategoryTagList .Pricing .Row .Column2 {width:530px;}

.CategoryTagList .ColourPrintType {}
.CategoryTagList .ColourPrintType .Row {clear:both;}
.CategoryTagList .ColourPrintType .Row .Column {float:left;display:inline;margin-bottom:6px;}
.CategoryTagList .ColourPrintType .Row .Column1 {width:100px;font-weight:bold;}
.CategoryTagList .ColourPrintType .Row .Column2 {width:580px;}

.CategoryTagList .Error {float:left; width:100%; margin-top:10px}
.CategoryTagList .ErrorText {background:#DD0000;color:#FFFFFF;padding:5px;font-weight:bold;font-size:100%;margin-bottom:10px;}

.TagCategoryType {font-size:150%; font-weight:bold; float:left; margin-top:5px; width:100%; display:inline}

.SingleTags {float:right; font-size:small; margin-right:20px; display:inline; font-weight:bold;}

/* Tag Product List */
.TagList .TagDetail {float:left; width:142px; padding:10px 10px 10px 10px}
.TagList .TagDetail .MoreInfo {float:right; display:inline}
.TagList .TagDetail .Product {float:left; width:140px; border:1px solid #000000; display:inline; margin-bottom:10px}
.TagList .TagDetail .Product .Image {width:130px; text-align:center; margin-top:5px; margin-bottom:10px;height:90px;}
.TagList .TagDetail .Product .Name {width:140px; height:28px; font-size:90%; background:#000000;color:#FFFFFF;text-align:center;padding:2px 0px;}
.TagList .TagDetail .TagCheck {float:left; display:inline; margin-left:60px; text-align:center; }
.TagList .TagDetail .TagCheck label { visibility:hidden; }

/* News */
.NewsPage {float:right; width:700px; margin-top:15px; margin-right:15px; display:inline}
.NewsPage .InnerPageContent {float:left; margin-left:15px; display:inline;}
.NewsPage .InnerPageContent .StoryDate {font-weight:bold}
.NewsPage .InnerPageContent .StoryTitle {margin:10px 0px;font-size:180%;font-weight:bold;color:#6F6F6F;}
.NewsPage .InnerPageContent .StoryDetail {font-weight:normal}
.NewsPage .BackButton {float:left; margin-left:15px; display:inline;}
.NewsPage .BackButton a {color:#000000; text-decoration:none; font-weight:bold}
.NewsPage .BackButton a:hover {text-decoration:underline}


.News {float:right; width:700px; margin-top:15px; margin-right:15px; display:inline}
.News .NewsItemList {line-height:22px; padding-bottom:10px; border-top:4px solid #7E7E7E; vertical-align:middle; width:700px; }
.News .NewsItemList .NewsHeadlines {padding-left:15px}
.News .NewsItemList .NewsHeadlines .NewsListItem {float:left; width:680px; border-bottom:2px solid #858585; margin-bottom:25px; margin-top:15px; display:inline;}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsListingLeft {float:left; width:500px; display:inline;}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsTitle {font-weight:bold; font-size:large}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsTitle a {color:#6F6F6F; text-decoration:none; font-weight:bold}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsTitle a:hover {text-decoration:underline}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsDate {font-weight:bold;}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsContent {font-size:small; margin-bottom:25px; display:inline;}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsContent a {color:#000000; text-decoration:none; font-weight:bold}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsContent a:hover {text-decoration:underline}
.News .NewsItemList .NewsHeadlines .NewsListItem .NewsListingRight {float:right; width:150px; display:inline;}


/* Search */
.SearchResults {clear:both}


/* Login/Register */
.ErrorMessage {color:#cc0000}
.Mandatory {color:#CC0000; font-weight:bold}

.LoginRegisterContainer { float:left}
.LoginRegisterContainer .Row { float:left; width:100%; margin-bottom: 5px}
.LoginRegisterContainer .Column { display:inline; float:left; width:150px; }
.LoginRegisterContainer .Column1 { width:150px; }
.LoginRegisterContainer .Column2 { width:66%; clear:both; }
.LoginRegisterContainer .ColumnFull { width:100%; }

.LoginBox { float:left; width: 300px; height: 260px; border: 1px solid #999999; padding: 20px; display: block; position: relative; margin-left:75px; margin-top:50px; margin-bottom:75px; display:inline}
.LoginBox h2 { color: #000000; }
.LoginBox p { font-weight: bold; }
.LoginBox input { width: 100%; }
.LoginBox a { color: #000000;  font-weight: bold; margin-top: 10px; float: left;}
.LoginBox .Buttons { width: 136px; height: 35px; }
.LoginBox .SubmitButton { border: none; background: url("../images/layout/button.jpg") no-repeat #000; width: 132px; height: 31px; cursor: hand; color: #fff; font-weight: bold; position: absolute; bottom: 20px; right: 20px; line-height: 31px; text-align: center; vertical-align: middle; padding: 0;}
.LoginBox .SubmitButton:hover { text-decoration: none; }

.LoginRegisterBox { float:left; width: 300px; height: 260px; border: 1px solid #999999; padding: 20px; margin-left: 50px; position: relative; margin-top:50px; margin-bottom:75px}
.LoginRegisterBox h2 { color: #000000; }
.LoginRegisterBox a { color: #000000; }
.LoginRegisterBox .SubmitButton { border: none; background: url("../images/layout/button.jpg") no-repeat #000; width: 132px; height: 31px; cursor: hand; color: #fff; font-weight: bold; position: absolute; bottom: 20px; right: 20px; padding: 0; line-height: 31px; text-align: center; vertical-align: middle;}
.LoginRegisterBox .SubmitButton:hover { text-decoration: none; }

.RegisterBox { float:left; width:830px; height:450px; border:1px solid #999999; padding:20px; position:relative; margin-bottom:50px}
.RegisterBox .Row { float:left; width:100%; margin-bottom:5px;}
.RegisterBox .Column { float:left; width:150px; display:inline}
.RegisterBox .Column1 { width: 170px; }
.RegisterBox .Column2 { width: 200px; }
.RegisterBox .Column3 { width: 170px; margin-left:50px; }
.RegisterBox .Column4 { width: 200px; }
.RegisterBox .NewsLetter { width: 350px; margin-left: 60px; font-weight: bold; }

.RegisterBox .ColumnFull { width: 350px; }
.RegisterBox input { width: 210px; }
.RegisterBox select { width: 215px; }

.RegisterBox .Radio { margin-right: 20px; }
.RegisterBox .Radio input { clear: none; width: 20px; }

.RegisterBox .SubmitButton { border: none; background: url("../images/layout/button.jpg") no-repeat #000; width: 132px; height: 31px; cursor: hand; color: #fff; font-weight: bold; position: absolute; bottom: 20px; right: 20px; padding: 0; line-height: 31px; text-align: center; vertical-align: middle;}
.RegisterBox h2 { color: #1A4B4C; }
.RegisterBox .ErrorMessage { margin-bottom: 15px; }
.RegisterBox .SubmitButton:hover { text-decoration: none; }


/* My Account Styles */
.PageList {margin-top:25px; margin-bottom:50px}
.PageList .Table .Row .Column {float:left; width:275px; background-color:#f0f0f0; margin-left:20px; margin-bottom:20px; padding:10px; display:inline-block}

.PageList .Image {float:left; width:50px; text-align:center; margin-top:15px;}
.PageList .Description {float:right; width:215px; height:50px; overflow:hidden;}
.PageList .Title {float:right; width:215px; font-weight:bold; margin-bottom:10px;}
.PageList .Title a {color:#000000; text-decoration:none;}
.PageList .Title a:hover {text-decoration:underline;}


/* My Account - Address Book */
.AccountAddress {margin-top: 20px; clear: both; padding: 20px; background-color: #f0f0f0; float: left; width: 300px;}
.AddressForm .AccountAddress .Right { float: right; margin-left: 5px; }
.AddressForm .Right { float: right; margin-left: 5px; margin-top: -15px;}

.AddressForm { float: left; display: inline; clear: both; background-color: #f0f0f0; padding: 20px; width: 365px;}
.AddressForm .FormRow { float: left; padding: 3px 0px 3px 0px; clear: both; width: 360px;}
.AddressForm .FormRow .RowName { float: left; display: block; width: 150px; height: 17px; padding-top: 2px;}
.AddressForm .FormRow input { float: right; width: 200px; font-family: Arial; font-size: 95%; }
.AddressForm .FormRow select { float: right; width: 206px; font-family: Arial; font-size: 95%; }
.AddressForm .Mandatory { color: #cc0000; font-weight: bold; }
.AddressForm .Right { float: right; }
.AddressForm .Header { float:left; padding-bottom: 10px; }
.AddressForm .SubmitButton
{
	margin-top: 3px; float: left; display: inline; padding: 3px 6px 3px 6px; 
	text-decoration: none; border: 1px solid black; color: #F6FF00; 
	background-color: #000000; margin-right: 5px;
	min-width: 50px;
	text-align: center;
}


/* Orde History */
#OrderHistory {font-size:100%; min-height: 200px;}
#OrderHistory .Table {}
#OrderHistory .Table .Row {clear: both; float: left; width: 100%;}
#OrderHistory .Table .Alternate { background-color: #efefef; }

#OrderHistory .Table .Row .Column {float:left; padding: 4px; width: 125px;}
#OrderHistory .Table .Row .Column1 {width:125px;}
#OrderHistory .Table .Row .Column2 {width:100px;}
#OrderHistory .Table .Row .Column3 {width:155px;}
#OrderHistory .Table .Row .Column4 {width:120px;}
#OrderHistory .Table .Row .Column5 {width:50px;}
#OrderHistory .Table .Header {height:25px; border-bottom:#636584 1px solid; font-weight:bold;}

#OrderHistory .Table .Processing_Payment { color: #ee2200; }
#OrderHistory .Table .Payment_Failed { color: #ee2200; }
#OrderHistory .Table .Received { color: #cc7700; }
#OrderHistory .Table .Complete { color: #009900; }


/* My Account - Order Details */
#OrderDetails .Table {}
#OrderDetails .Table .Row {clear: both; float: left; width: 100%;}
#OrderDetails .Table .Row .Column {float:left; padding: 4px; width: 125px;}
#OrderDetails .Table .Row .FullRow {width: 720px;}


/* Newsletter Signup */
.Newsletter { float:left; width: 620px; height: 380px; display: block;}
.Newsletter .Left {float:left;display:inline;width:320px;}
.Newsletter .Right {float:left;display:inline;width:300px;}
.Newsletter .Row { float: left; width: 100%; margin-bottom: 5px;}
.Newsletter .Column { display: inline; float: left; width: 150px; }
.Newsletter .Column1 { width: 120px;}
.Newsletter .Column2 { width: 150px;}
.Newsletter .NewsLetter { width: 370px; font-weight: bold; }

.Newsletter .ColumnFull { width: 360px; }
.Newsletter input { width: 150px; }
.Newsletter select { width: 215px; }

.Newsletter .Radio { margin-right: 10px; }
.Newsletter .Radio input { clear: none; width: 20px; }

.Newsletter .SubmitButton { border: none; background: url("../images/layout/button.jpg") no-repeat #000; width: 132px; height: 31px; cursor: hand; color: #fff; font-weight: bold; padding: 0; line-height: 31px; text-align: center; vertical-align: middle;float:right;margin:20px 0px 0px 0px;}
.Newsletter .SubmitButton:hover { text-decoration: none; }
.Newsletter h2 { color: #13A89D; }
.Newsletter .ErrorMessage { margin-bottom: 15px; }


/* Basket Styles */
.Basket table { float: left; margin: 0; padding: 0; width: 900px; margin-bottom: 15px; }
.Basket table .Header td { background:url(../images/TopNav_BG.gif) repeat-x top left; color:#000000; text-decoration:none; font-weight:bold; font-size:100%; padding:7px 10px; }
.Basket table td { padding: 7px 10px; font-size: 85%; border-bottom: 1px solid #cccccc;}
.Basket .Image { width: 145px; }
.Basket .Details { }
.Basket .Quantity { width: 110px; }
.Basket .Quantity input { float: left; width: 30px; }
.Basket .Quantity .Button { float: right; border: 0; margin-top: 2px; padding: 0; background: url("../images/layout/button_smaller_grey.gif") transparent no-repeat; width: 68px; height: 18px; color: #000000; font-size: 11px; font-weight: bold; display: inline; line-height: 16px; text-align: center; vertical-align: middle;}
.Basket .Quantity .Button:hover { text-decoration: none;}
.Basket .Quantity .Error { clear: both; float: left; margin-left: 2px; color: #cc0000;  display: inline; width: 110px;}

.Basket .Description .Title { font-weight: bold; font-size: 120%; padding-bottom: 5px; }
.Basket .Description .SKU { padding-bottom: 5px; }
.Basket .Description .Size { padding-bottom: 5px; }
.Basket .Description .Stock { padding-bottom: 5px; }
.Basket .Description .Stock .Message { color: #cc0000; }
.Basket .Description .Button { float: left; border: 0; margin-top: 2px; padding: 0; background: url("../images/layout/button_smaller_grey.gif") transparent no-repeat; width: 68px; height: 18px; color: #000000; font-size: 11px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle;}
.Basket .Description .Button:hover { text-decoration: none}

.Basket .RRP { width: 75px; }
.Basket .Price { width: 75px; }
.Basket tbody .RRP { text-decoration:line-through; color:#999; font-size:100%;}
.Basket tbody .Price { color:#000000; font-weight:normal; font-size:100%;}

.Basket .Left { float:left; }
.Basket .Right { float:right;}

.Basket .BasketNote {float:left;display:inline;width:400px;}

.Basket .BasketTotals {width:265px;float:right;display:inline;}
.Basket .BasketTotals .Label { font-weight: bold; width: 70px; font-size: 100%;}
.Basket .BasketTotals .Total { width: 100px; font-size: 100%;}
.Basket .BasketTotals .TotalLabel { font-weight: bold; width: 70px; font-size: 110%;}
.Basket .BasketTotals .TotalTotal { font-weight: bold; width: 100px; font-size: 110%;}
.Basket .BasketTotals .SavingLabel {color:#cc0000; font-weight:normal; font-size: 100%;}
.Basket .BasketTotals .SavingTotal {color:#cc0000; font-weight:normal; font-size: 100%;}
.Basket .BasketTotals .Discount {color:#cc0000; font-weight:bold;}

.Basket .Buttons { float: right; margin-top: 10px; width: 257px;}
.Basket .Buttons .ContinueShopping .Button {display:block; float: left;background: url("../images/layout/button.jpg") no-repeat; width: 132px; height: 32px; cursor: hand; color: #fff; font-weight: bold;line-height: 32px; text-align: center; vertical-align: middle;margin-right:10px;}
.Basket .Buttons .Checkout .Button {display:block; float: left;background: url("../images/layout/Black_Button_Thin.gif") no-repeat; width: 102px; height: 32px; cursor: hand; color: #fff; font-weight: bold;line-height: 32px; text-align: center; vertical-align: middle;}
.Basket .Buttons .Button:hover { text-decoration:none;color:#FFFFFF;}

.Basket .PromotionCode { float: left; width: 370px; }
.Basket .PromotionCode .ErrorMessage { padding: 10px; }
.Basket .PromotionCode .InputForm {background:url(../images/TopNav_BG.gif) repeat-x top left; color:#000000; text-decoration:none; font-weight:bold; font-size:100%; padding: 0px 10px; display: block; display: block; height: 29px;}
.Basket .PromotionCode .Text { float: left; margin-top: 7px; display: inline;}
.Basket .PromotionCode .Input { float: left; margin-top: 3px; margin-left: 10px;  display: inline;}
.Basket .PromotionCode .TextBox { float: left; width: 150px; }
.Basket .PromotionCode .Buttons { float: left; margin-top: 5px; margin-left: 10px; display: inline; width: 68px; }
.Basket .PromotionCode .Buttons .Button { float: left; width: 68px; height: 19px; font-weight: bold; font-size: 12px; color: #000000; border: 0; background: url("../images/layout/button_flat_grey.gif") transparent no-repeat; line-height: 19px; text-align: center; vertical-align: middle; line-height: 19px; text-align: center; vertical-align: middle;}
.Basket .PromotionCode .Remove { float: left; border: 0; margin-left: 10px; padding: 0; background: url("../images/layout/button_smaller_grey.gif") transparent no-repeat; width: 68px; height: 18px; color: #000000; font-size: 11px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle; }
.Basket .PromotionCode .Remove:Hover { text-decoration:none; }


/* Checkout Styles */
.Checkout { float: left; display: block; }
.Checkout .PaymentAddress { float: left; width: 340px;margin-top:20px;}
.Checkout .PaymentAddress h2 {border-bottom:2px solid #999999;}
.Checkout .DeliveryAddress { float: right; width: 340px;margin-top:20px;}
.Checkout .DeliveryAddress h2 {border-bottom:2px solid #999999;}
.Checkout .Payment { float:left; clear: both; width:744px; margin-top:20px;}
.Checkout .Payment h2 {border-bottom:2px solid #999999;width:898px;}
.Checkout .Payment .DirectDebit {font-size:14px; color:#000000;}

.Checkout .PaymentDetails {}
.Checkout .PaymentDetails .Table {}
.Checkout .PaymentDetails .Row {}
.Checkout .PaymentDetails .Column {float:left;display:inline;margin-bottom:3px;}
.Checkout .PaymentDetails .Column1 {clear:both;width:150px;}
.Checkout .PaymentDetails .Column2 {}

.Checkout .CheckoutBasket { float: left; clear: both; margin-top: 20px; width: 898px; }
.Checkout .CheckoutBasket h2 {border-bottom:2px solid #999999;margin-top:20px;}
.Checkout .TermsAndConditions { float: right; text-align: right; }
.Checkout .TermsAndConditions a {text-decoration:underline;}
.Checkout .CheckoutButtons { clear: both; float: right; margin-top: 5px; }

.Checkout .Buttons .Button { float: left; border: 0; margin-top: 7px; padding: 0; width: 100px; height: 26px; color: #000000; font-size: 12px; font-weight: bold; cursor: hand; clear: both;line-height: 26px; text-align: center; vertical-align: middle;}
.Checkout .Buttons .Button:hover { text-decoration:none }
.Checkout .CheckoutButtons .Button { float: right; border: 0; margin-top: 7px; padding: 0; background: url("../images/layout/button.jpg") transparent no-repeat; width: 136px; height: 35px; color: #ffffff; font-size: 14px; font-weight: bold; cursor: hand;line-height: 35px; text-align: center; vertical-align: middle;}
.Checkout .CheckoutButtons .Busy { background: url("../images/layout/button_disabled.jpg") transparent no-repeat; width: 136px; cursor: wait;}

.Checkout .Address {}
.Checkout .Address strong {}
.Checkout .Address .Buttons {margin-top:10px;}
.Checkout .Address .Buttons .Button {display:block; background:url(../images/button_small.jpg) no-repeat top left;color:#FFFFFF;font-weight:bold;height:25px;line-height:25px;width:100px;}


.CheckoutConfirmation { float: left; display: block; }
.CheckoutConfirmation .PaymentAddress { float: left; width: 340px; margin-top: 20px;}
.CheckoutConfirmation .DeliveryAddress { float: right; width: 340px; margin-top: 20px;}
.CheckoutConfirmation .Payment { float: left; clear: both; width: 744px; margin-top: 20px;}
.CheckoutConfirmation .Payment .Row { padding: 4px 0px; }
.CheckoutConfirmation .Payment .Column1 { width: 120px; }

.CheckoutConfirmation .CheckoutBasket { float: left; clear: both; margin-top: 20px; width: 100%;}
.CheckoutConfirmation .Button { float: right; border: 0; padding: 0; background:url("../images/layout/button.jpg") transparent no-repeat; width: 136px; height: 32px; color: #ffffff; font-size: 14px; font-weight: bold; cursor: hand;line-height: 32px; text-align: center; vertical-align: middle;}

/* Tag product select */
.txtBox { border:none; }
.ModalPopup { background-color:White; background-position:center; padding:0; border-style:solid; }
.Inactive { background-color: #000; filter:alpha(opacity=40); }

.panel_ContentBar { float:left; width:95%; height:20px; background:#000000; color:#FFFFFF; font-size:small; margin:10px 0px 5px 10px }
.panel_ContentBar p { margin-left:10px; margin-top:2px; font-weight:bold; }
.panel_Image {float:left; margin:10px 20px 10px 10px; display:inline; width:230px;border:1px solid black;text-align:center;}
.panel_ProdDesc {float:left; width:220px; margin-top:10px; display:inline;margin-bottom:20px;}
.panel_PriceInfo {float:left; width:490px; height:80px; margin:5px 10px 5px 10px; display:inline}
.panel_ButtonBar {float:right; margin-right:10px; display:inline; }
.panel_ButtonBar .panel_Button {float: right; border: 0; padding: 0; background: url("../images/layout/button.jpg") transparent no-repeat; width: 136px; height: 35px; color: #ffffff; font-size: 14px; font-weight: bold; cursor: hand;line-height: 35px; text-align: center; vertical-align: middle;}



/* CONTACT FORM  */
.ContactForm {}
.ContactForm .ContactFormBody {}
.ContactForm .ContactFormBody .row {margin-bottom:3px;}
.ContactForm .ContactFormBody .row span {float:left;display:block; width:130px;}
.ContactForm .ContactFormBody .row input {width:170px;}
.ContactForm .ContactFormBody .row select {width:176px;}
.ContactForm .ContactButtonContainer {margin:10px 0px 0px 180px;}
.ContactForm .ContactButtonContainer .submitbutton {border: 0; padding: 0; background:url("../images/layout/button.jpg") transparent no-repeat; width: 136px; height: 32px; color: #ffffff; font-size: 14px; font-weight: bold; cursor: hand;line-height: 32px; text-align: center; vertical-align: middle;display:block;}


/* RELATED PRODS TAB BOX */
.RelatedProdTabBox				{width:686px;margin-top:0px;}
.RelatedProdTabHeaderContainer	{height:25px;border-bottom:3px solid #000000;}
.RelatedProdTabHeader, .RelatedProdTabHeaderSelected{height:20px;width:140px;padding:5px 0px 0px 10px;font-weight:bold;font-size:100%;float:left;margin-right:2px;display:none;cursor:pointer;}
.RelatedProdTabHeader			{background:#666;color:#F7FF00;}
.RelatedProdTabHeaderSelected	{background:#000;color:#F7FF00;}


.RelatedProdTabBody				{padding:10px 0px 0px 0px;width:686px;}
.RelatedProdTabBodyPadding		{padding:10px;width:671px;}
.RelatedProdTabBodyInner		{display:none;}

.RelatedVariant					{float:left;display:inline;width:145px;font-size:80%;margin:0px 0px 0px 0px;padding:0px 10px;border-right:1px solid #262626;}
.RelatedVariantImage			{width:140px;text-align:center;height:75px;}
.RelatedVarName					{font-weight:bold;height:25px;}
.RelatedVariantPrice			{margin:4px 0px;color:#000000;font-weight:bold;font-size:120%;float:left;display:inline;}
.RelatedVariantPrice .PriceOrigional {font-size:80%;color:#DD0000;}
.RelatedVariantPrice .PriceNew  {font-size:100%;}
.RelatedVariantLink				{float:right;display:inline;color:#FFF;}
.RelatedVariantLink a			{background:#000000;padding:3px 4px;display:block;color:#FFF;font-size:90%;}
.RelatedVariantLink a:Hover		{text-decoration:underline;}

.RelatedProdTabFooter			{background:url(../images/RelatedProdsTabBottom.gif) no-repeat top left;width:691px;height:10px;}
