/* CSS Document */
body { background-color: #FFFFFF; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; padding: 0; margin: 0; color: #333333 }

/* Resets */
form, p, h1, h2, h3, h4 { padding: 0px; margin: 0px; }
a, a:link, a:active, a:visited { colour: #090909; text-decoration: none; color: #03F; }
a:hover { colour: #006600; text-decoration: none; color: #F1B604; }

/* Layout */
#outerWrapper { width: 1270px; margin: 0 auto; }
#header { width: 100%; text-align: center; }
#borderWrapper { background-color: #FFFFFF; border-width: 0 1px; border-style: solid; border-color: #E91FC0; width: 100%; }
#content { padding: 10px 0 0 0; background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000;}
#footer { clear: both; background-color: #1E1E1E; border-top: 2px solid #E1E1E1; color: #E1E1E1; font-family: Arial, Verdana, Arial, Helvetica; text-align: left; margin-top: 4px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 36px; background-image: url(../main_images/footerBackground.png); background-repeat: repeat; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { colour: #F9F9F9; text-decoration: none; }
#footer a:hover { colour: #E9E9E9; text-decoration: none; color: #F1B604; }
#copyright { clear: both; background-color:#181818; color:#cccccc; font-family: Arial, Verdana, Arial, Helvetica; font-size: 10px; text-align: left; line-height: 36px; margin: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #333; height: 36px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }
#copyright a, #copyright a:visited, #copyright a:active { color:#5D5D5D; text-decoration: none; }
#copyright a:hover { color:#C67700; text-decoration: none; }

/* Standard */
.textRed { color: #CC0000; }
.bold { font-weight: bold; }
.cursor { cursor: pointer; }
.hidden { display: none; }
.inlineBlock { display: inline-block; * display: inline; * zoom: 1; vertical-align: top; }
.borderGreen {border: 1px solid #006600; }
.padding10 { padding: 10px; }
.width50 { width: 48%; margin-right: 2% }
.hideTopBorder { border-top: 0px; }
.hideLeftBorder { border-left: 0px; }
.hideRightBorder { border-right: 0px; }
.hideBottomBorder { border-bottom: 0px; }
.imgBorder { border: 1px solid #B0B0B0; padding: 3px; background-color: #FFF; }
.boxInner { margin-right: 3px; margin-left: 3px; padding-right: 3px; padding-left: 3px; }
h1#message { color: #e91fc0; font-size: 20px; padding-bottom: 12px; }
.titles { color: #006600; font-size: 10px; }


/* Homepage */
.topReasons h2 { color: #e91fc0; font-size: 16px; }
.topReasons ul {}
.topReasons ul li { font-size: 14px; color: #5F5F5F; line-height: 17px; }

/* Footer Columns */
#footer #colQuarter { padding: 10px 10px; width: 170px; vertical-align: top; }
#footer #colQuarter h2 { font-size: 16px; padding-bottom: 10px; color: #F1B604; font-weight: normal; text-decoration: none; }
#footer #colQuarter.cats { width: 215px !important; margin-left: 10px; }
#footer #colQuarter.signup { width: 225px !important; margin-left: 10px; }
#footer #colQuarter.cards { width: 180px !important; margin-left: 10px; }
#footer #colQuarter ul { padding: 0px; margin: 0px; list-style-type: none; }
#footer #colQuarter li { padding: 4px 0; border-top: 1px #2C2C2C solid; border-bottom: 1px #070707 solid; }
#footer #colQuarter li.first { border-top: none; border-bottom: 1px #070707 solid; }
#footer #colQuarter li.last { border-top: 1px #2C2C2C solid; border-bottom: none; }
#footer #colQuarter li.noLine { border-top-style: none; border-bottom-style: none; }
#footer #colQuarter a, #footer #colQuarter a:link, #footer #colQuarter a:active, #footer #colQuarter a:visited { color: #E1E1E1; text-decoration: none; }
#footer #colQuarter a:hover { color: #F1B604; text-decoration: none; }

/* Form Elements */
.element { font-size: 12px; color: #333; height: 16px; }
.elementDropdown { font-size: 12px; color: #333; height: 22px; }
.elementQty { font-size: 10px; color: #333; height: 16px; width: 30px; line-height: 10px; padding: 0px; margin: 0px; }
.elementMessage { width: 280px; height: 150px; }
.elementName { width: 130px; }
.elementEmail { width: 175px; }
.elementAddress { width: 200px; }
.elementCity { width: 100px; }
.elementPostcode { width: 65px; }
.elementVoucherCode { width: 130px; }
.elementNewsletter { width: 168px; }
.elementLoginBox { width: 145px; background-color: #F2FCC8; }


/* Sub-Menu */
#greenMenuWrapper { width: 980px; background-color: #000000; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#subMenu { width: 980px; background-color: #006600; padding: 0px; margin: 0px; height: 25px; position: relative; }
#subMenuOptions { width: 980px; background-color: #996; padding: 0px; margin: 0px; height: 20px; position: absolute; left: 0px; top: 2px; }
#subMenuOptions ul { list-style-type: none; height: 20px; padding: 0px; margin: 0px; }
#subMenuOptions li { float: left; }
#subMenuOptions ul a { display: block; padding-left: 10px; padding-right: 10px; text-decoration: none; font-size: 11px; line-height: 20px; color: #F2FFC9; }
#subMenuOptions ul a:hover { color: #333333; }
#socialBar { width: 210px; padding: 0px; margin: 0px; height: 20px; position: absolute; left: 550px; top: 2px; border-left-width: 4px; border-left-style: solid; border-left-color: #006700; }
#socialBar ul { list-style-type: none; height: 20px; padding: 0px; margin: 0px; }
#socialBar li { float: left; }
#socialBar ul a { display: block; padding-left: 10px; padding-right: 10px; text-decoration: none; font-size: 11px; line-height: 20px; color: #F2FFC9; }
#socialBar ul a:hover { color: #333333; }
#searchBar { width: 180px; padding: 0px; margin: 0px; height: 20px; position: absolute; left: 762px; top: 2px; background-image: url(../main_images/searchBox.png); background-repeat: no-repeat; background-position: left top; border-right-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; border-right-color: #006700; border-left-color: #006700; }
#searchBar #search { border: none; background-color: transparent; width: 100px; height: 16px; line-height: 16px; margin: 1px 0 0 54px; }
#searchBar #search:active { border: none; }
#searchBar #searchButton { border: none; padding: 0; margin: 0; height: 20px; width: 24px; }

#whiteMenuWrapper { background-color: #FFFFFF; padding: 2px 0; text-align: left; }

/* Product Lists */
.filterTitle { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
ul.filter { list-style: none; padding: 0; margin: 0 0 10px 0; }
ul.filter li { list-style: none; padding: 0; margin: 0; font-size: 12px; color: #000000; line-height: 12px; }

ul#productList { margin: 0; padding: 0; list-style: none; vertical-align: top; }
ul#productList li { margin: 0; padding: 5px 0; text-align: center; vertical-align: top; height: auto; }
ul#productList li h2 { padding: 0 4px; font-size: 11px; line-height: 13px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; height: 26px; text-align: center; overflow: hidden; }
ul#productList li .productImage { vertical-align: middle; }
ul#productList li img { margin: 0 auto; width: 135px; height: 195px; border: 1px solid #B0B0B0; padding: 3px;  }
ul#productList .filterTitle { font-weight: bold; border-bottom: 1px solid #090909; margin-bottom: 3px; }
ul#productList .price { font-size: 18px; line-height: 22px; margin: 4px 0 0 0;}
ul#productList .moreInfoBtn { margin: 5px 0 0 4px; }
div#productImage img { width: 213px; border: 1px solid #B0B0B0; padding: 5px; }
#headHandWrittenCards { padding: 3px 3px 3px 25px; text-align: left; }
#productBoxTop { width: 470px; background-image:url(/main_images/cart_box_top1.png); background-repeat: no-repeat; background-position: right top; height:28px; font-size:12px; height: 26px; line-height: 26px; color:#66666; background-color: #DBE3DE; }
#productBoxTop h2 { font-size: 12px; line-height: 26px; font-weight: bold; color: #333; text-decoration: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
#productBoxHeadings { width: 468px; background-color: #F7FFD8; border: 1px solid #DBE3DE; font-size:9px; height: 26px; line-height: 26px; color:#66666; }
#productBoxBody { width: 468px; background-color: #FFFFFF; font-size:11px; height: auto; line-height: 15px; color:#66666; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DBE3DE; border-right-color: #DBE3DE; border-bottom-color: #DBE3DE; border-left-color: #DBE3DE; padding-top: 15px; padding-bottom: 15px; }
.price { font-size: 18px; line-height: 22px; margin-right: 20px; }

/* Side Cart */
#basicCartInfo { position: relative; height: 72px; background-image: url(/main_images/shopping_bags.png); background-position: bottom right; background-repeat: no-repeat; }
#basicCartInfo #title { position: absolute; text-weight: bold; top: 8px; width: 150px; border-bottom: 1px #999 solid; margin: 0; padding: 0; } 
#basicCartInfo #cartData { position: absolute; line-height: 16px; top: 25px; left: 10px; }
#basicCartInfo #cartButton { position: absolute; top: 61px; left: 10px; }

/* Cart */
#cartBoxTop { width: 715px; background-image:url(/main_images/cart_box_top1.png); background-repeat: no-repeat; background-position: right top; height:28px; font-size:12px; height: 26px; line-height: 28px; color:#66666; background-color: #DBE3DE; }
#cartBoxTop h2 { font-size: 12px; line-height: 26px; font-weight: bold; color: #333; text-decoration: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
#cartBoxHeadings { width: 713px; background-color: #F7FFD8; border: 1px solid #DBE3DE; font-size:9px; height: 26px; line-height: 26px; color:#66666; }
#cartBoxBody { width: 713px; background-color: #FFFFFF; font-size:12px; height: auto; line-height: 15px; color:#66666; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DBE3DE; border-right-color: #DBE3DE; border-bottom-color: #DBE3DE; border-left-color: #DBE3DE; padding-top: 15px; padding-bottom: 15px; }
.cartBoxSmall { width: 225px; float: left; }
.cartBoxSmallTop { width: 225px; background-image:url(/main_images/cart_box_top1.png); background-repeat: no-repeat; background-position: right top; height:28px; font-size:12px; height: 26px; line-height: 28px; color:#66666; background-color: #DBE3DE; }
.cartBoxSmallBody { width: 223px; background-color: #FFFFFF; font-size:11px; height: auto; line-height: 13px; color:#66666; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DBE3DE; border-right-color: #DBE3DE; border-bottom-color: #DBE3DE; border-left-color: #DBE3DE; padding-top: 6px; padding-bottom: 6px; }
.awayMessage { border: solid red 1px; width: 80%; margin-left: 10%; font-size: 14px; line-height: 20px; color: #F00; text-decoration: none; padding: 10px 10px 0 10px; text-align: center; }

/* Bread Crumb */
#breadCrumb { font-size: 11px; line-height: 16px; color: #666666; height: 16px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; margin: 0 0 12px 0; }
#breadCrumb a, #breadCrumb a:visited, #breadCrumb a:active { color: #666666; }
#breadCrumb a:hover { color: #F1B604; }

/* Category */
h1#category { font-size: 18px; color: #333; margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 0; }
#categoryDescription { padding: 20px; margin-top: 5px; margin-bottom: 15px; border: 1px dashed #CCC; margin-right: 45px; }
.colBreak { display: inline-block; * display: inline; * zoom: 1; width: 31%; margin: 0 1%; vertical-align: top; }
ul#rootItems h2 { font-size: 14px; line-height: 16px; font-weight: 400; margin: 7px 0 8px 0; padding-bottom: 5px; border-bottom: 1px solid #888888; }
ul#rootItems, ul#rootItems ul { margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 16px; }
ul#rootItems ul { margin: 0 0 16px 0; }
ul#rootItems > ul { margin-top: 10px }
ul#rootItems ul ul { margin-left: 14px; }
ul#rootItems ul ul li { }
ul#rootItems a h2 { text-decoration: none; color: #222222; }
ul#rootItems a { text-decoration: none; color: #016701; height: 19px; line-height: 19px; }
ul#rootItems a:hover { color: #222222; }

/* Checkout */
ul#checkoutHandWritten { list-style: none; margin: 0; padding: 0; }
ul#checkoutHandWritten li { list-style: none; width: 30%; margin: 3px 2% 3px 2%; padding: 0; color: #E1E1E1; }

/* Testimonals */
ul#testimonials { list-style: none; padding: 0; }
ul#testimonials li { margin: 3px 7px 17px 7px; padding: 0; text-align: left; width: calc(33.33% - 14px); }
ul#testimonials li div.testimonial { padding: 9px 5px 9px 15px; background-color: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 5px 5px 5px 5px; position: relative; text-align: left; font-style: italic; }
ul#testimonials li div.testimonial div.arrow { background: url(/main_images/bg_testimonials_1.png) no-repeat scroll 0 0 transparent; bottom: -15px; height: 15px; overflow: hidden; position: absolute; right: 40px; width: 16px; text-align: left; }
ul#testimonials li p.author { margin-top: 14px; font-size: 11px; padding-right: 7px; text-align: right; color: #006600; }

/* Popup Boxes */
#itemAdded { background-color: #FFFFFF; border: 4px solid #F4B601; color: #333333; display: none; font-size: 14px; height: 64px; left: 42%; padding: 2px; position: fixed; text-align: left; top: 35%; vertical-align: middle; width: 218px; z-index: 10000; }
#itemAddedWithWarning { background-color: #FFFFFF; border: 4px solid #F4B601; color: #333333; display: none; font-size: 14px; height: 64px; left: 38%; padding: 2px; position: fixed; text-align: left; top: 35%; vertical-align: middle; width: 268px; z-index: 10000; }
#itemAddedError { background-color: #FFFFFF; border: 4px solid #F4B601; color: #333333; display: none; font-size: 14px; height: 148px; left: 38%; padding: 2px; position: fixed; text-align: left; top: 35%; vertical-align: middle; width: 268px; z-index: 10000; }
#mailchimpFooterForm { position: relative; }
#mailchimpFooterForm #newsletterInfo { background-color: #FFFFFF; border: 8px solid #F4B601; color: #333333; display: none; font-size: 20px; line-height: 46px; height: 250px; margin: 0 0 0 -316px; padding: 8px; position: fixed; text-align: center; top: 35%; vertical-align: middle; width: 600px; z-index: 10000; }
#loginError { background-color: #FFFFFF; border: 8px solid #F4B601; color: #333333; display: none; font-size: 20px; line-height: 46px; height: 250px; margin: 0 0 0 160px; padding: 8px; position: fixed; text-align: center; top: 35%; vertical-align: middle; width: 600px; z-index: 10000;  }
#retrieveAccountInfo { background-color: #FFFFFF; border: 8px solid #F4B601; color: #333333; display: none; font-size: 20px; line-height: 46px; height: 250px; margin: 0 0 0 160px; padding: 8px; position: fixed; text-align: center; top: 35%; vertical-align: middle; width: 600px; z-index: 10000;  }
#verificationNeeded { background-color: #FFFFFF; border: 8px solid #F4B601; color: #333333; display: none; font-size: 20px; line-height: 46px; height: 350px; margin: 0 0 0 160px; padding: 8px; position: fixed; text-align: center; top: 35%; vertical-align: middle; width: 600px; z-index: 10000;  }

/* Login Box Stuff */
#loginBox { background-image: url(/main_images/footerBackground.png); background-repeat: repeat; height: auto; margin-top: 15px; position: relative; color: #F9F9F9; }
#loginBoxCorner { background-image: url(/main_images/login_box_corner.jpg); background-repeat: no-repeat; position: absolute; height: 6px; width: 7px; top: 0px; right: 0px; }
#loginBoxContent { height: auto; margin: 0 0 0 10px; padding: 10px 0; }
.loginBoxHeading  { font-weight: normal; font-size: 16px; font-family: 'Neucha', cursive; letter-spacing: 1px; font-size: 16px; color: #F9F9F9; }
.loginBoxHeading a, .loginBoxHeading a:visited, .loginBoxHeading a:active { color: #F9F9F9; }
.loginBoxHeading a:hover { color: #F1B604; }
.stepsTitle { background-image:url(/main_images/cart_box_top1.png); background-repeat: no-repeat; background-position: right top; height:28px; font-size:12px; height: 26px; line-height: 26px; color:#66666; background-color: #DBE3DE; }
#retrieveAccountLink:hover { color: #F1B604; }

/* Contact Form */
form.greyed { margin: 0 15px; padding: 5px 5px 5px 12px; border: 1px #999999 solid; background-color: #E0E0E0; color: #838383; }
form.greyed input, form.greyed textarea { border: 1px #F3F3F3 solid; padding: 3px; width: 90%; display: block; }
form.greyed input[type=submit], form.greyed input[type=cancel], form.greyed input[type=button] { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #E6E6E6; background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); background-repeat: no-repeat; border-color: #CCCCCC #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; color: #333333; cursor: pointer; display: inline-block; font-size: 12px; line-height: normal; padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); width: auto; margin: 0 0 0 70%; }
form.greyed label.error, form.greyed label.error div { display: inline; }

/* Recently Viewed */
#recentlyViewed #title { text-weight: bold; width: 150px; border-bottom: 1px #999 solid; margin: 0; padding: 0; }
#recentlyViewed ul { list-style: none; margin:6px 0 0 0; padding: 0; }
#recentlyViewed ul li { list-style: none; margin: 2px; padding: 0; }
#recentlyViewed ul li img { height: 64px; width: 44px; margin: 0; padding: 0; }