/* private:Site */
html, body { width:100%; height:100%; margin:0; padding:0; border:0; }
body { background:#e7e7e8;color: #002D56; font-family: Arial;}

/*general styles*/
.clear {clear:both; font-size:1px; height:0px; line-height:1px; display:block; overflow:hidden;}
.Clear {clear:both; font-size:1px; height:0px; line-height:0px; display:block; overflow:hidden;}

#SkipNav {color:#fff; position:absolute; top:0; left:-10000px;}
.noShow {display:none;}
.error {color:red; font-weight:bold;}
.errorList {list-style:none; margin:0; padding:1em; line-height:1;}
.errorList li {padding-bottom:0.3em;}
.errorList label {cursor:pointer;}
.noListStyle {list-style:none; margin:0; padding:0; line-height:1;}
.noListStyle li {margin:0; padding:0;}
.leftSide {float:left;}
.rightSide {float:right;}
.bold { font-weight:bold; }

ul { margin:0 0 0 -40px; }

#NetConstruct {width:940px; margin:auto; padding:15px 0 0 0; text-align:center; }

/* Main Layout Styles */
#MainWrapper { width:960px; margin:10px auto 0 auto; }
#Header { height:145px; overflow:hidden;background:#0071bc; }
#TopNav {min-height:30px; background:#0071bc;}
#TopNav a { color:#FFFFFF; font-weight:normal;background:#0071bc; } 
#TopNav ul { list-style:none; margin-left:-35px;background:#0071bc; }
#TopNav ul li { float:left; margin:0px; line-height:30px; background:#0071bc;}
#TopNav .selectedNode {background:#FFFFFF;}
#TopNav .selectedNode a {background:#FFFFFF; color:#0071bc;}
#TopNav ul .active{ background:#FFFFFF; }
#TopNav ul li a { padding:0 8px; border-left:solid 1px #FFFFFF; }
#TopNav ul .homelink a { padding:0 8px; border-left:none; }

#TopNav ul .active a { color:#0071bc; }
#TopNav ul li .last { border:none; }

#ContentWrapper { background:#FFFFFF; padding:10px; }
#GeneralLeft { float:left; margin-right:10px;}
#GeneralMiddle { float:left; margin-right:10px; }
#GeneralRight { float:left; }

#ContentHolder { width:601px; border:solid 4px #b5d5e5; padding-left:6px;padding-right:6px;padding-bottom: 6px; min-height: 450px;}

#ContentHolderPortal { width:530px; }
#PortalLinks {  }
#PortalLinks ul { list-style:none; }
#PortalLinks ul li { width:252px; height:62px; margin-bottom:10px; }
#PortalLinks ul li a {  }

.portalPromo { background:#FFFFFF; width:250px; float:left; }
.portalPromo .title { height:30px; line-height:30px; font-size:130%; margin:5px 0 0 5px; }
.one { margin-right:10px; }
.two {  }

#Footer { background:#0071bc; color:#FFFFFF; padding:5px; } 
#Footer a { color:#FFFFFF; } 
#Footer .link { display:block; } 

/* Useful Styles */
.borderBox { background:#b5d5e5; padding:5px; }

/* Adverts */
#AdvertRight {  }

/* Plugins */
/* Left Nav */
#LeftNav { background:#b5d5e5; padding:5px; width:162px; }
#LeftNav .title { font-weight:bold; padding:0 0 0 5px; color:#0071bc; }
#LeftNav ul { list-style:none; }
#LeftNav ul li { border-top:solid 2px #b5d5e5; line-height:18px; min-height:18px; width:162px; background:url(/images/presentation/LeftNav_bg_1.gif) no-repeat; }
#LeftNav ul li a { font-size:95%; font-weight:normal; margin-left:10px; color:#FFFFFF; }
#LeftNav ul li a:hover { font-weight:normal; }

#LeftNav ul li .Level0 {}
#LeftNav ul .Level0 li{ background:#d9e9f2 url(/images/presentation/LeftNav_bg_nd.gif) no-repeat; }
#LeftNav ul .Level0 li a { color:#002d56;}

#LeftNav ul li .Level1 {}
#LeftNav ul .Level1 li{ background:#d9e9f2 url(/images/presentation/LeftNav_bg_2.gif) no-repeat; }
#LeftNav ul .Level1 li a { color:#002d56; margin-left:20px; }
#LeftNav ul li ul .Level2{}
#LeftNav ul li ul .Level2 li { background:#b5d5e5 url(/images/presentation/LeftNav_bg_3.gif) no-repeat; }
#LeftNav ul li ul .Level2 li a { margin-left:32px;}

/* Breadcrumb */ 
#Breadcrumb { width:612px; line-height:30px; margin-bottom:10px; font-weight:bold; height:30px; background:#b5d5e5; padding: 0 0 0 10px; }
#Breadcrumb a {color: #002D56; text-decoration: none;}

/* Added for sno!shop */

.HeaderRight {float:right; padding-right: 15px; line-height: 30px; min-height:30px; background:#0071bc; }
.MyAccountButtonHolder {background:#0071bc; margin-bottom:10px;}
.MyBasketButtonHolder {color:#FFFFFF;background:#0071bc;margin-bottom:10px;}
.MiniTotalRightSide {float: left;margin-left: 25px;}
.NoOfItemsLeftSide {float:left;margin-left: 9px;}
.homeProduct {border: solid 5px #e8f2f7;background:#FFFFFF; min-height: 114px; margin-top: 5px;}
.title {margin-left:12px;font-family:Century Gothic; font-size: 20px;padding-top: 12px;}
.homeProductTitle {font-family:Century Gothic; font-size: 20px;padding-top: 12px;}
.homeProductImage {float: right; width: 280px; max-height:114px; overflow:hidden; }
.homeProductText {float: left;width:280px; margin-left:12px; margin-top: 12px; padding-bottom: 10px;}
.fadingImagesText {float: left;width:280px; }
#LeftNav ul li { border-top:solid 2px #b5d5e5; line-height:18px; min-height:18px; width:162px; background:url(/images/presentation/LeftNav_bg_2.gif) no-repeat; }
#LeftNav ul li a { font-size:95%; font-weight:normal; margin-left:10px; color:#002d56; }
#LeftNav ul .HomeNavTitle {padding-left: 5px;color:#ffffff;border-top:solid 2px #b5d5e5; line-height:18px; min-height:18px; width:162px; background:url(/images/presentation/LeftNav_bg_1.gif) no-repeat; }

#LeftLatestOffers {margin-top: 10px;}

.VoucherProductOutter {border: solid 10px #e8f2f7;background:#e8f2f7; margin-top: 5px; min-height:160px;}
.LeftSideVoucher {float: left;width:190px; max-width:190px;}
.LeftSideVoucher img {border: solid 10px #ffffff; max-width:160px; max-height:160px; overflow:hidden;}
.RightSideVoucher {float: right; width: 390px;}


.prodActions {background-color: #f8fbfd; height: 50px;}
.prodInfo {height: 108px;}
 
.Qty {width:100px; float: left;font-size: 150%; line-height: 26px; margin-top: 10px; }
.Qty input{height: 26px;}
.Qty label{display:block; float:left;margin-right: 5px;}

.Price {margin-left:5px;width:150px;float: left; font-size: 150%;margin-top: 15px;}
.AddToBasket{float:left;margin-top: 10px;}


.LeftSideProduct {float: left;width:280px;margin-top: 5px; margin-left: 20px;}
.RightSideProduct {float: left; width: 300px; margin-top: 5px;}
.BottomProduct {float: left; width: 100%; margin-top: 5px;}

.TopBorder {padding:10px 0;}
.ddLeftSide {width:70px; font-size:150%; float:left;}
.ddRightSide {width: 110px; float:left;}
.ddPrice {font-size:150%;font-weight: bolder; width: 190px;}
.ButtonHolder {text-align:center;}
.ProductButtonHolder {text-align:center;}

#LinkHolder {padding-top:10px;}
#LinkHolder .Title {width:250px; float:left;text-align:right;}
.ImageLinks {list-style:none; float:left; margin:0; padding:0; }
.ImageLinks ul a {text-decoration: none; }
.ImageLinks li {display:inline; margin:0; padding:0; padding-left: 5px;}
.ImageLinks li.First {border:0;}

.homeCategory {border: solid 4px #e8f2f7;background:#FFFFFF; height: 114px;margin-top: 5px; position:relative;}
.homeCategoryLeft {float:left; width: 280px}
.homeCategoryTitle {margin-left:12px;font-family:Century Gothic; font-size: 20px;padding-top: 12px;}
.homeCategoryTitle img{ float:left; margin-left: -5px;margin-top: -5px; }
#ContentHolder .homeCategoryTitle a{text-decoration: none;}
.homeCategoryImage {float: right; width: 280px;max-height:114px; overflow:hidden; }
.homeCategoryText {margin-left:12px;}
.homeCategoryTitle a {color: #002D56;}
.homeCategoryTitle a:hover {color: #0071bc;}
.comingsoon  {position:absolute; top: 0px; right: 0px;}

.ProductTitle {margin-bottom: 20px;}

/*MyAccountLogin*/
.LoggedInBox .Container {padding:5px 10px 5px 40px;}
.LoggedInBox .summary {padding-top:5px;}
.LoggedInBox a {font-weight:bold;}
.LoggedInBox .CustomerDetails {background:url(/images/icon_CustomerDetails.gif) left no-repeat;}
.LoggedInBox .OrderHistory {background:url(/images/icon_OrderHistory.gif) left no-repeat;}
.LoggedInBox .AddressBook {background:url(/images/icon_AddressBook.gif) left no-repeat;}


/*My Account Address Book*/
.AddressHolder {width:32%; float:left; margin:10px 0; margin-right:1%;}
.AddressHolder .Address {min-height:10em;}
.AddressHolder .SubmitButton {padding:5px 0;}


/*My Account Order History & Order Details (for main table headings and styles see above)*/
#OrderHistory .OrderID {width:40%;}
#OrderHistory .OrderDate {width:20%;}
#OrderHistory .OrderTotal {width:20%; text-align:center;}
#OrderHistory .View {width:20%; text-align:center;}

.OrderDetails .LeftSide {width:49%}
.OrderDetails .RightSide {text-align:left; width:49%}
.OrderDetails address {font-style:normal;}

.OrderDetails #BasketMain {margin-top:5px;}
.OrderDetails #BasketMain .Name {width:55%;}
.OrderDetails #BasketMain .BasketPrice {width:15%;}
.OrderDetails #BasketMain .Quantity {width:15%;}
.OrderDetails #BasketMain .Total {width:15%;}


/*Fading Image Styles*/
.FadingImageHolder {position:relative;}
.FadingImageHolder .FadingImage {position:absolute; top:0; left:0;}


/*general form styles*/
.NormalForm .SmallText {width:3.5em;}
.NormalForm .day {width:4em; float:left;}
.NormalForm .year {width:5.5em; float:left;}
.NormalForm .YearLabel {width:1em; text-align:center;}

.QuantityTextBox {border:1px solid #558B07; margin:0 5px 8px 0px; width:2em; font-size:120%;}


/*Checkout Styles*/
#BillingDetailsHolder h3.PleaseBill {font-size:175%; text-align:center; color:#0C72BA; display:block; padding:0;}
#BillingDetailsHolder h3 {padding-bottom:1em; font-size:120%; display:block;}
#BillingDetailsHolder .SameButtonHolder {padding:1em 0;}

#BillingDetailsHolder .FormRow {width:50em; padding:1px 5px;}
#BillingDetailsHolder .ButtonHolder {width:49.5em;}
#BillingDetailsHolder .CheckBoxLabel {width:47.5em; text-align:left;}

.SecurityNumber, .HelpLink {float:left; margin-right:15px;}#


/*Medium & Main Baskets, & Order History*/
#BasketMain, #BasketMedium, #OrderHistory {border-top:1px solid #01ADEF; border-bottom:1px solid #01ADEF; padding:0; width:100%; margin-bottom:7px; color:#002D56;}
#BasketMain .Totals th, #BasketMain .Totals td,
#BasketMedium .Total th, #BasketMedium .Total td {border-top:1px solid #01ADEF;}
#BasketMain td, #BasketMain th, 
#BasketMedium td, #BasketMedium th,
#OrderHistory td, #OrderHistory th {padding:4px 3px; text-align:left;}
#BasketMain .TopHeadings th, #BasketMain .Totals th,
#BasketMedium .TopHeadings th, #BasketMedium .Total th,
#OrderHistory .TopHeadings th {font-size:140%; color:#0C72BA;}

#BasketMain .Name {width:35%;}
#BasketMain .Quantity {width:17%;}
#BasketMain .Button {border:0; background-color:transparent; color:#002D56;}
#BasketMain .Remove {width:11%;}
#BasketMain .BasketPrice {width:11%;}
#BasketMain .VAT {width:11%;}
#BasketMain .LineTotal {width:13%;}
#BasketMain .Totals th {text-align:right;}
#BasketMain .NoBorder th, #BasketMain .NoBorder td {border:0;}

.BasketButtons .ButtonHolder {display:block; width:33%; text-align:left; float:left;}
.BasketButtons .Center {text-align:center;float:left;}
.BasketButtons .RightSide {text-align:right; float:left;}

#BasketMediumTitle {background:url(/images/icon_TraderBasketMedium.gif) right no-repeat; padding:0 3px 5px 3px;}
#BasketMedium .Item {width:57%;}
#BasketMedium .Quantity {width:12%;}
#BasketMedium th.Quantity {padding:3px 6px 3px 0;}
#BasketMedium .Price {width:21%;}
#BasketMedium .ItemRow th {font-weight:normal;}
#BasketMediumNoItems {padding:5px; border-top:1px solid #01ADEF; border-bottom:1px solid #01ADEF; text-align:center;}

/*General Form Styles*/
.NormalForm {padding:10px 0;}
.NormalForm .InputDiv {width:34em;}
.NormalForm .ButtonHolder, .MagicFormHolder .ButtonHolder {width:33.5em;}
.TextBox, .Select, select, textarea {font-family:arial, helvetica, sans-serif; border:1px solid #002D56; padding:1px 2px; width:18em;}
select, .Select {width:13.5em; padding:0;}
.SmallText {width:3em;}
textarea {height:5em;}
.NormalForm label, .NormalForm .label {display:block; float:left; width:14em; text-align:right;margin-right:10px}
.NormalForm .InputHolder, .NormalForm .CheckBoxHolder {display:block; float:right;}
.NormalForm .InputHolder {width:19em; text-align:left;}
.NormalForm .CheckBoxLabel {width:30em;}
.NormalForm .CheckBoxHolder {width:2em;}
.NormalForm .ErrorRow {background-color:#FFE9E9;}

.ButtonHolder {padding-top:10px; text-align:right;  width:100%;}
.ButtonHolder .LeftSide {text-align:left;float:left;}
.ButtonHolder .RightSide {float:right;}
.Button {cursor:pointer;}

.MyBasketButtonHolder {height: 45px;}
.TraderPageTitle {font-family:Century Gothic; font-size: 20px;padding-top: 16px;padding-left: 16px;}
.GiftVoucherTitle {font-family:Century Gothic; font-size: 20px;padding-top: 12px;}

#ContentHolder .ShowInfo a {color: #002D56 ; font-family:arial, helvetica, sans-serif; text-decoration:none; }
.ShowInfo {text-align:right; padding-right: 5px;}

#ContentHolder .HideInfo a {color: #002D56 ; font-family:arial, helvetica, sans-serif; text-decoration:none; }
.HideInfo {text-align:right; padding-right: 5px;}
.content {margin-left: 20px;margin-right: 10px;}


.ProductRangeOutter {border: solid 10px #e8f2f7;background:#e8f2f7; margin-top: 5px; min-height: 165px;}
.LeftSideProductRange {float: left;width:190px;margin-top: 5px; }
.LeftSideProductRange img {border: solid 10px #ffffff;max-width:160px; max-height:160px; overflow:hidden;}
.RightSideProductRange {float: right; width: 390px; margin-top: 5px;}
.RightSideProductRange .AddToBasket{float:right;margin-top: 10px;margin-right: 10px}

.productImage {overflow:hidden; height: 290px; width: 290px;}
#ProductImage {overflow:hidden; height: 290px; width: 290px;}
.LatestOffers {overflow:hidden; max-width: 580px;}

#TraderPageTitlePlain {font-family:Century Gothic; font-size: 20px;padding-top: 16px; padding-bottom:10px;}