/* Standard system-wide stylesheet */
/* Locked font size to prevent breaking header, unlocked is 1em or 100% */
BODY,HTML {width:100%; height:100%; padding:0; margin:0; font-family:Verdana,Arial,Helevtica,Sans-Serif; font-size:14px; color:#323232}
IMG {border:0}
INPUT {padding:12px; margin:8px 0; font-size:115%; border:1px solid #cbcbcb; box-sizing:border-box}
SELECT {padding:12px; margin:8px 0; font-size:115%; border:1px solid #cbcbcb; box-sizing:border-box}
TEXTAREA {padding:12px; margin:8px 0; font-size:115%; border:1px solid #cbcbcb; box-sizing:border-box; font-family:Verdana,Arial,Helevtica,Sans-Serif}
INPUT[type=image] {padding:0; border:none}
HR {border:0; border-top:1px solid #cbcbcb; height:0}
TABLE {border:0}
A {text-decoration:none; color:#00559a}
A:hover {text-decoration:underline}
UL {padding-left:30px}

/* Web fonts */
@font-face {
    font-family:'FuturaMD'; font-weight:normal; font-style:normal;
    src: url('fonts/futura_md_bt_medium-webfont.eot');
    src: url('fonts/futura_md_bt_medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/futura_md_bt_medium-webfont.woff') format('woff'),
         url('fonts/futura_md_bt_medium-webfont.ttf') format('truetype'),
         url('fonts/futura_md_bt_medium-webfont.svg') format('svg');
	}

/* Main Template */
#NavRow1,#NavRow2,#MultiFunctionMenu {color:white; text-transform:uppercase; font-family:FuturaMD,Verdana,Arial,Helevtica,Sans-Serif; font-size:125%}
#NavRow1 {background:#333232; width:100%; height:55px; position:fixed; top:0; left:0; z-index:101}
#NavRow1Col1 {width:55px; max-width:55px; min-width:55px}
#NavRow1Col1b {width:47px; max-width:47px; min-width:47px}
#NavRow1Col3 {width:360px}
#NavRow2 {background:#878787; position:fixed; top:57px; left:0; z-index:99; width:100%}
#NavRow1 A,#NavRow2 A {color:white; padding:11px 14px}
#NavRow1 A:hover {background:black; text-decoration:none}
#NavRow2 A:hover {background:#00559a; text-decoration:none}
#MFMicon {display:block; width:23px; padding:16px 15px 14px 15px !important; cursor:pointer}
#BackIcon {display:block; width:23px; padding:16px 11px 14px 11px !important; cursor:pointer}
#Nav1Links {margin-left:15%; white-space:nowrap}
#Nav1Links A {padding-top:17px; padding-bottom:17px}
#Nav1Tools {text-align:right; white-space:nowrap}
#Nav1Tools A {color:#b5b5b5; padding:17px 14px}
#Nav1Tools IMG {margin:-10px 0 !important; padding-right:0; max-height:33px}
#Nav1Tools SPAN {padding-left:8px}
#NavRow1Account IMG, #NavRow1Help img {display:none}
#MultiFunctionMenu {background:#626262; padding:20px 20px; max-width:320px; position:absolute; top:57px; z-index:100; display:none}
#MultiFunctionMenu #MiniMode, #MultiFunctionMenu #MFMcats {display:none}
#MultiFunctionMenu #MFMcatsMain, #MultiFunctionMenu #MFMcatsRight1, #MultiFunctionMenu #MFMcatsRight2 {display:none}
#MFMmainNew,#MFMmainHot,#MFMmainOffers,#MFMmainEverything,#MFMmainGift {display:none}
#MultiFunctionMenu A {color:white; line-height:200%}
#MultiFunctionMenu HR {margin:36px 0 20px 0}
#MultiFunctionMenu H3 {font-weight:normal; margin:0 0 17px 0; font-size:150%; line-height:200%}
#MultiFunctionMenu SELECT {width:100%; background:transparent; color:#c8c8c8; margin:7px 0; text-transform:uppercase; display:block}
#MultiFunctionMenu SELECT OPTION {color:#333232}
#MultiFunctionMenu A.ButtonFull {background:#323232; margin:17px 0; width:110px; line-height:140%; font-size:100%}
#MultiFunctionMenu A.ButtonFull:hover {background:#878787}
#MultiFunctionMenu #MFMcats {background:#878787; padding:15px 20px; margin:15px -20px -10px -20px}
#MultiFunctionMenu #GiftFinderSubmit {display:block}
#LogoRow,#BodyRowContent,#FooterRowContent,#AffiliationRowContent {width:95%; max-width:1174px; min-width:300px; margin:0 auto}
#LogoRow {padding:22px 0 20px 0; min-height:82px; margin-top:103px}
#LogoHome {float:left}
#SearchBox {float:right; margin-top:23px; border:1px solid #cbcbcb; width:372px; white-space:nowrap; text-align:left}
#SearchPhrase {width:290px; border:0; font-size:120%; margin:0; text-transform:uppercase}
#SearchButton {padding:7px 10px; float:right}
#BodyRow {background:#f0f0f0; min-height:300px}
#CheckoutStages {margin-bottom:25px}
#BodyRowContent {padding:26px 0 35px 0}
#FooterRow {background:#dfdfdf}
#FooterRowContent {padding:32px 0 32px 0}
#CustomerServicesFooterActions {width:100%; text-align:center; text-transform:uppercase; margin-bottom:38px}
#CustomerServicesFooterActions A {margin:0 20px; display:inline-block}
#CustomerServicesFooterActions H3 {text-transform:uppercase; line-height:120%; margin:26px 0 20px 0; font-size:90%}
#NewsletterSignup {text-transform:uppercase; width:360px; margin:0}
#SignupButton {width:100px; margin:0 !important}
#CustomerServicesFooter {width:900px; margin:0 auto; padding-left:130px; min-height:100px}
#CustomerServicesFooter DIV {width:25%; float:left}
#CustomerServicesFooter H3 {text-transform:uppercase; line-height:200%; margin:0; font-size:100%} 
#CustomerServicesFooter A {color:#323232; text-transform:uppercase; line-height:225%} 
#Copyright {text-transform:uppercase; padding:70px 0 0 0; clear:both; text-align:center}
#AffiliationRow {background-color:white}
#AffiliationRowContent {text-align:center}
#AffiliationRowContent a {display:inline-block; margin:10px 0 20px 0}
#AffiliationRowContent img {margin:0 5px}
BODY.GreyBG #form1, BODY.GreyBG #Wrapper {height:100%}
BODY.GreyBG #LogoRow {margin-top:0}

/* Standard design elements */
.Futura {font-family:FuturaMD,Verdana,Arial,Helevtica,Sans-Serif}
.HorizontalMenu {list-style-type:none; padding:0; margin:0; text-align:center}
.HorizontalMenu LI {display:inline}
.HorizontalMenu LI A {display:inline-block; margin:0}
.VerticalMenu {list-style-type:none; padding:0; margin:0; text-align:left}
.ButtonFull {background:#00559a; color:white; text-transform:uppercase; padding:12px 24px; display:inline-block; margin:8px; text-decoration:none; text-align:center; font-size:115%; font-family:FuturaMD,Verdana,Arial,Helevtica,Sans-Serif}
.ButtonFull:hover {background:#878787; text-decoration:none}
.ButtonLink {display:block; padding:12px; text-align:left}
.ClearBoth {clear:both}
HR.WideSpace {margin:45px 0}
.TwoColumn {width:50%; float:left; box-sizing:border-box}
.FormTable td:last-child {padding-left:10px}
.FormTable td:last-child.NoPad {padding-left:0}
.ImageList {list-style-type:none; padding-left:0}
.ImageList LI {padding:5px 0 5px 20px}
.ResponsiveImage {width:100%}
.AlignRight {text-align:right !important}
.HelpAccordianHeader,.HelpAccordianHeaderOpen {background-color:#878787; color:white; margin-top:9px; padding:8px 15px; cursor:pointer}
.HelpAccordianContent {background-color:white; padding:5px 15px}
.LeftColumn {float:left; width:70%; box-sizing:border-box}
.RightColumn {float:right; width:25%; box-sizing:border-box}
.BorderedTable {border:1px solid #e2e2e2}
.BorderedTable th {font-weight:bold !important; background-color:#e6e6e6; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2}
.OrdersTable td, .OrdersTable th {text-align:center; padding:4px 12px}
.OrdersTable .AlternateRow {background-color:#ffffff}
.OrdersTable .PagerRow {border-top:1px solid #e2e2e2; height:40px}
.OrdersTable .PagerRow > td {padding-left:0 !important; padding-right:0 !important}
.Basket {background-color:white; width:100%; border:30px solid white; border-top-width:25px; border-bottom-width:25px}
.Basket th {font-weight:bold; text-align:center; padding:0 13px; vertical-align:bottom}
.Basket td {border-bottom:1px solid #cbcbcb; text-align:center; padding:13px; vertical-align:middle}
.Basket th[align=left], .Basket td[align=left] {text-align:left}
.Basket td:first-child, .Basket th:first-child {padding-left:0}
.Basket td:last-child,.Basket th:last-child {padding-right:0}
.Basket .FreeDelivery {text-transform:uppercase; color:#333232; text-align:center; padding:20px 0}
.Basket .TotalLabel {font-weight:bold}
.Basket .TotalAmount {font-weight:bold; color:#00559a}
.Basket .DiscountAmount {color:#c73d6b}
.Basket .LastRow {border-bottom:none; padding-bottom:0}
.Basket .qty {box-sizing:content-box; padding:6px; text-align:center}
.Basket .UKonly {font-size:75%; color:#c73d6b; text-transform:uppercase}
.LeftButton {float:left; margin-left:0; margin-top:15px; margin-bottom:15px}
.RightButton {float:right; margin-right:0; margin-top:15px; margin-bottom:15px}
.CenterButton {margin:15px auto; display:block}
.MiniButton {background-color:#c4c4c4; color:white; border:1px solid #878787; padding:5px 7px; font-size:130%; line-height:18px; text-align:center; margin:0 4px; display:inline-block; box-sizing:border-box; height:33px; width:33px; cursor:pointer}
.MiniButton:hover {text-decoration:none; background:#00559a}
.ContinueShopping {background-color:#c73d6b}
.CheckoutTable {background-color:white; border:25px solid white}
.WhiteTable {background-color:white; border:25px solid white}
.Warning {color:#c73d6b}
.Small {font-size:80%}

/* Page specific styles */
#CMScontent {height:40px; width:100%; text-align:justify; margin-bottom:4px}
#CMScontent H2 {font-weight:normal}
#BodyRowContent {line-height:130%}
#BodyRowContent H1 {text-transform:uppercase; margin:0 0 18px 0; font-size:200%; line-height:120%}
#BodyRowContent H2 {font-weight:normal; margin:35px 0 15px 0; font-size:150%}
#BodyRowContent .SearchFilter {border-collapse:collapse; width:100%; margin:10px 0}
#BodyRowContent .SearchFilter TR {vertical-align:top}
#BodyRowContent .SearchFilter TD {padding:0}
#BodyRowContent .SearchFilter TR > TD:first-child {padding:8px 6px 8px 0; text-transform:uppercase; font-weight:bold; white-space:nowrap}
#BodyRowContent .HorizontalMenu {text-align:left}
#BodyRowContent .HorizontalMenu LI {text-transform:uppercase; font-weight:bold}
#BodyRowContent .HorizontalMenu A {font-weight:normal; color:#333232; padding:8px 13px}
#BodyRowContent .HorizontalMenu A[href]:hover, #BodyRowContent .HorizontalMenu .CurrentCheckoutStage A {text-decoration:none; color:white; background:#9cabc5}
#BodyRowContent .HorizontalMenu A:not([href]):hover {text-decoration:none}
#SearchResults {margin:0 -3% 0 -1%; max-width:103.6%}
#SearchResults > DIV {width:22.5%; margin:1%; float:left; background:white; padding-bottom:8px; position:relative}
#SearchResults > DIV A {color:#323232}
#SearchResults > DIV A:hover {text-decoration:none}
#SearchResults DIV IMG {border-bottom:1px solid #cbcbcb; max-width:275px; width:100%; margin-bottom:3px}
#SearchResults DIV SPAN {background:#c73d6b; text-align:center; display:block; width:55px; color:white; position:absolute; top:0; font-size:110%; padding:18px 0; font-family:FuturaMD,Verdana,Arial,Helevtica,Sans-Serif}
#SearchResults DIV SPAN.Sale {padding:9px 0}
#SearchResults DIV DIV {margin:4px 12px}
#SearchResults DIV DIV.Name {height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
#SearchResults DIV DIV.Price {height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
#SearchResults DIV .OriginalPrice {font-weight:normal; font-style:normal; margin-left:10px}
A.ShowMore {width:44%; margin:25px auto}
SPAN.ShowMore {display:none}
.PagerBottom {display:block; text-align:center}
#ProductDetails {margin-top:0}
#ProductDetails #Photos {max-width:575px; margin:0 25px 0 0; position:relative}
#ProductDetails #Photos > IMG {width:100%; margin-bottom:20px}
#ProductDetails #Photos SPAN {background:#c73d6b; text-align:center; display:block; width:55px; color:white; position:absolute; top:0; font-size:110%; padding:18px 0}
#ProductDetails #Photos SPAN.Sale {padding:9px 0}
#ProductDetails #Photos #Thumbs {margin-right:-25px}
#ProductDetails #Photos #Thumbs IMG {width:100%; max-width:125px; margin-right:20px; margin-bottom:20px}
#ProductDetails #Details {padding:20px; box-sizing:border-box; background:white; margin:0 0 20px 0; position:relative; min-height:400px}
#ProductDetails #DetailsMain {margin-bottom:60px}
#ProductDetails #Details H2 {margin:0; text-transform:uppercase; font-size:155%; line-height:130%}
#ProductDetails #Details HR {margin-top:25px}
#ProductDetails #Details .Price {font-size:150%; color:#a9a9a9; font-weight:bold; margin:12px 0}
#ProductDetails #Details .Price .Message {margin-left:10px; font-size:75%; font-weight:normal}
#ProductDetails #Details .OriginalPrice {font-size:110%; color:#d70b1e; margin:12px 0 }
#ProductDetails #Details .OriginalPrice .Message {margin-left:10px}
#ProductDetails #Details .InStock {font-size:110%; color:#5c9306; margin:18px 0}
#ProductDetails #Details .OutStock {font-size:110%; color:#d70b1e; margin:18px 0}
#ProductDetails #Details .StockOptions {font-size:110%; margin:15px 0; line-height:165%}
#ProductDetails #Details #BasketAddButton,#ProductDetails #Details #PreOrderButton {width:150px; float:left}
#ProductDetails #Details #PreOrderButton {background:#69a707}
#ProductDetails #Details .ButtonLink {margin-left:10px; float:left}
#ProductDetails #Details #AddedToBasket {background-color:#f0f0f0; padding:17px 25px}
#ProductDetails #Details #AddedToBasket H3 {font-weight:bold; font-size:100%; text-transform:uppercase; margin-top:5px; padding-left:20px}
#ProductDetails #Details #AddedToBasket .ButtonFull {margin-left:0}
#ProductDetails #DetailsFoot {width:100%; position:absolute; bottom:0px; right:0; padding:20px; box-sizing:border-box}
#ProductDetails #Description {background:white; padding:20px; box-sizing:border-box; margin:0 25px 0 0}
#ProductDetails #Reviews {background:white; padding:20px 20px 35px 20px; box-sizing:border-box; margin:25px 25px 0 0}
#ProductDetails #Reviews h4 {margin:15px 0 15px 0; font-size:110%}
#ProductDetails #Reviews .ReviewItem {clear:both; margin-top:30px}
#ProductDetails #Reviews .starHolder {height:25px}
#ProductDetails #Related {}
#ProductDetails #Related IMG {max-width:136px}
.OrderDetails .DeliveryLabel2 {display:none}
.DeliveryOptionDesc {margin:0 40px}
.OptionsTable th {background-color:#f0f0f0; font-size:115%; font-weight:normal; text-align:center; padding:10px 15px}
.OptionsTable th:first-child {text-align:left}
.OptionsTable th:last-child {text-align:right}
.OptionsTable th.PadLeft {padding-left:40px}
.OptionsTable td {padding:20px 0 30px 0}
.OptionsTable .ButtonFull {margin:0}
.OptionsTable .Basket {border:none}
.OptionsTable .Basket th:first-child {padding-left:40px; text-align:left}
.OptionsTable .Basket td:first-child {padding-left:40px}
.OptionsTable .Basket td {padding-top:15px; padding-bottom:15px}
.OptionsTable .Basket td.OrderTotals {text-align:right}
.OptionsTable .Basket td:last-child {text-align:right}
#HomePanel {margin-top:-20px}
#HomePanel .Row {display:block; margin:20px 0; clear:both}
#HomePanel .Big IMG {width:49%; float:left}
#HomePanel .Small IMG {margin:0 0 2% 2%; width:23.5%; float:right}
#HomePanel .Row.Alternate .Big IMG {float:right}
#HomePanel .Row.Alternate .Small IMG {margin:0 2% 2% 0; float:left}
#Body_ReviewRating span {cursor:pointer}
/* Unused in final release
#HomePanel .Divider {display:block; margin:20px 0; padding:13px 15px 13px 15px; color:white; text-transform:uppercase; font-weight:bold; font-size:150%; clear:both}
#HomePanel .Divider:hover {text-decoration:none}
#HomePanel .Divider .More {display:block; float:right; font-size:85%; padding-right:30px}
*/

/* jQuery plugin styles */
::-webkit-input-placeholder {color:#aaa}
::-moz-placeholder {color:#aaa}
:-ms-input-placeholder {color:#aaa}
.placeholder {color:#aaa}
#ScreenWidth {border-top:2px dashed #ddd; text-align:center; color:#ccc; margin:3px 0; display:none}

/* Popup panels */
.modalBackground {background-color:#000000; filter:alpha(opacity=50); opacity:0.5}
.modalPopop {width:450px; height:435px; border:1px solid #e2e2e2; background-color:White}
.modalPopop .content {overflow-y:auto; padding:12px; height:386px; text-align:center}
.PopupHeader a {float:right; padding-right:10px; font-weight:normal; color:white; text-transform:capitalize}

/* Rating */
.ratingStar,.ratingStarEdit {font-size:0pt; width:25px; height:24px; margin:0; padding:0; cursor:text; display:block; background-repeat:no-repeat}
.ratingStarEdit {cursor:pointer}

/* Validators */
.ValidationError {color:#c73d6b; font-size:80%}

/* PayPal Login */
#PPloginButton {background:url(../images/LoginWithPayPal.gif); width:144px; height:32px}
#PPloginButton:hover {background:url(../images/LoginWithPayPal.over.gif)}