/* ----------------------------------------------------------
Site Name
Design by: Ryan Downie [ryan@bfinternet.co.uk]
Version: 1.0 Date
-----------------------------------------------------------

Table Of Contents

	General Styles
	    Building Blocks
            Headings
            Sub Content 
            Footer
        Navigations
            Navigation Main
            Secondery Navigation
        Forms
            Mail forms
        Tables
            Main Tables
        Buttons and Misc
            Buttons
            Images
        Page Specific Styles
            Home Page
            About Page
        Progressive Enhancement (css3)
            Rounded Corners
            Text Shadows
            RGBA
            Box shadows

----------------------------------------------------------*/
/*  
General Styles
------------------------------------------------------------------------------------------- */

/*
= Building Blocks  */
html {background:#FEF9D2;}
body{ background:#FEF9D2; }
div#wrapper {background:transparent url(../images/wrapper-bg.jpg) repeat-y scroll 0 0; margin:0 auto; padding:0 20px; width:960px; }
ul {margin:0;}
ul li {list-style:none;}
a {text-decoration:underline; color:#BE4238}
a:hover {text-decoration:none;}
hr {border:none; background:#ecdedd; color:#ecdedd; height:3px; display:block;}
dt {color:#BE4238; font-family:comic Sans MS; font-size:146%; margin-bottom:7px; }
dl dd {margin-left:0;}

div#masthead {background:#000000 url(../images/masthead-bg.jpg) no-repeat scroll left bottom; float:left; font-family:comic Sans MS; min-height:258px; width:100%; }
div#masthead a {color:#FFF; text-decoration:none;}
div#masthead span {color:#F8B945;}
ul#utlities {float:left; margin:7px 0 0; width:563px; }
ul#utlities a {text-decoration:underline;}
ul#utlities li#basket-text {background:transparent url(../images/cart.jpg) no-repeat scroll 0 2px; float:left; font-size:85%; margin:2px 0 0 9px; padding:3px 0 5px 24px; width:95px; }
ul#utlities li#search {float:right; color:#f8b945}
ul#utlities button {background:#BE4238 none repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:90%; font-weight:bold; padding:3px 7px 2px; }

div#main-content {display:inline; float:right; margin:0 24px; width:730px; }
div#main-content p {color:#4F4F4F; font-size:93%; line-height:1.8;}

div#sub-content {float:left; width:146px; display:inline; margin:0 10px;}
div#sub-content h3 {font-size:151%; font-weight:normal; margin-bottom:9px; }
ul#top-products {}
ul#top-products {font-family:comic Sans MS; font-size:132%; }
ul#top-products li {font-size:77%; line-height:1.8; }
ul#top-products li h4 {}
ul#top-products li h4 a {color:#BE4238;}
form#mail-form {}
form#mail-form label {color:#BE4238; display:block; font-family:comic Sans MS; font-size:122%; margin:2px 0; }
form#mail-form input {background:#FEF9D2 none repeat scroll 0 0; border:1px solid #CFCBA8; padding:3px; width:133px; }
form#mail-form p {margin:6px 0; }
form#mail-form button {background:#BE4238 none repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:90%; font-weight:bold; margin:4px 0 0; padding:3px 7px 2px; }

div#footer {background:transparent url(../images/footer.jpg) no-repeat scroll 0 0; margin:-2px auto 20px; padding:0 20px; width:948px; }
ul#footer-info {float:left; font-family:comic Sans MS; margin:48px 0 0; min-height:0; width:100%; }
ul#footer-info li#address {float:left; width:477px; }
ul#footer-info li#bf {float:right; width:262px; }

ul#offers h4 {font-size:124%; font-weight:normal; margin-bottom:9px; }
ul#offers h4 span {color:#000000; font-size:72%; font-weight:bold; padding:0 0 0 4px; }
ul#offers li {display:inline-block; margin:10px 40px 10px 0; vertical-align:top; width:138px; }
ul#offers p {font-size:93%; line-height:1.5;}

ul#products h4 {font-size:124%; font-weight:normal; margin:0 0 5px; line-height:1.7; }

ul#products h4 span {color:#000000; font-size:72%; font-weight:bold; padding:0 0 0 4px; }
ul#products form {display:inline-block; margin:10px 40px 10px 0; vertical-align:top; width:138px; }
span.buy-now a {background:#BE4238 none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:90%; margin:10px 0 0 5px; padding:4px; text-align:center; text-decoration:none; width:54px; }

div#product-content {display:inline; float:left; margin:13px 0 0; width:200px; }
div#product-aside {float:right; margin:27px 0 0; width:509px; }
div#product-aside b {color:#BE4238;}

div#product-ass {clear:left; float:left; margin:10px 0; width:100%; }
div#product-ass ul#products li {display:inline-block; margin:10px 40px 10px 0; vertical-align:top; width:138px; }
.order_button {background:#BE4238 none repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:90%; font-weight:bold; margin:16px 0; padding:3px 7px 2px; }


table.checkout, fieldset.box {margin:0 40px; width:589px; float:left;}
table.checkout {margin-bottom:30px;}
table.checkout th, table.checkout td {border:none;}
table.checkout th, fieldset.box h3, form#contact-form h3 {background:#BE4238 none repeat scroll 0 0; color:#FFFFFF; font-family:comic Sans MS; font-size:136%; font-weight:normal; text-align:left; }
table.checkout tr.odd {background:#DFD1D1 none repeat scroll 0 0; }
table.checkout select {padding:2px; }
input.go_button, button.check-out-buttons, div#button-area button, div#button-area input, div#button-area a, button#checkout-same,form#contact-form button,
table.checkout button-area input{background:#BE4238 none repeat scroll 0 0; border:medium none;color:#FFFFFF; font-size:90%; font-weight:bold; margin:4px 4px 0 0; padding:3px 7px 2px; }
div#button-area {margin:5px 44px; }
table.checkout input {padding:4px; width:77px; }
fieldset.box h3 {padding:11px 0 11px 11px; float:left; width:100%;}
fieldset.box label {display:block; float:left; width:158px; }
button#checkout-same {margin:13px 92px 0; padding:8px; float:right; }
table.checkout tr.total td {font-weight:bold;}
table.checkout tr#grandtotal td {font-weight:bold;}
table.checkout .col1 {width:181px; }
table.checkout .col2 {width:251px; }
table.checkout select {padding:5px; width:183px; }
table#checkout-2 {margin:-19px 40px; }
div#button-area {float:left; margin:26px 46px; }

form#contact-form {width:501px; }
form#contact-form label {float:left; width:136px; }
form#contact-form h3 {padding:4px 11px; }
form#contact-form span {}
form#contact-form textarea {width:297px; }
form#contact-form input {padding:2px; width:298px; }
form#contact-form input#verification_code {width:156px; }
#verification_img {margin:0 0 5px 136px; }
form#contact-form button {margin:0 0 5px 136px; }

div#keep-shopping {float:left; margin:10px 0; width:100%;}

div#add-options {float:left; margin:1px 41px 7px; width:100%; }
ul#cart-options {float:left; margin:0; }
ul#cart-options li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 18px 0 0; width:37%; }
ul#cart-options li h4 {background:#BE4238 none repeat scroll 0 0; color:#FFFFFF; padding:6px; }
ul#cart-options li p {font-size:80%; line-height:1.6; }
ul#cart-options li a {background:#CF9F9B none repeat scroll 0 0; border:medium none #8F6E6B; color:#FFFFFF; display:block; font-size:134%; font-weight:normal; margin:6px 0; padding:16px; text-align:center; text-decoration:none; }
ul#cart-options li a:hover {background:#BE4238 none repeat scroll 0 0; }

div#button-area a {padding:4px 9px; text-decoration:none; }
div#button-area {margin-top:0;}
/*  
= Headings
*/
h1, h2, h3, h4, h5, h5 {font-family: comic Sans MS; color:#be4238;}
h2 { font-size:200%; font-weight:normal; line-height:1.4; margin:12px 0 0; }

/*  ----------------------------------------------------------
2.0 Navigations
------------------------------------------------------------------------------------------- */
/*
= navigation-main  */
ul#navigation-main {float:left; font-size:114%; margin:8px 15px 0; width:348px; }
ul#navigation-main li {float:left;}
ul#navigation-main li a {line-height:1.5em; padding:0 .3em; color:#FFF;}
ul#navigation-main li a:hover {color:#F8B945}
ul#navigation-main li a.current{color:#F8B945}

div#sub-content ul#shop-nav {   float:left; font-family:comic Sans MS; margin:3px 0 0; width:100%; }
div#sub-content ul#shop-nav li {font-size:120%; margin:8px 0; }
div#sub-content ul#shop-nav li a {text-decoration:none; color:#000;}
div#sub-content ul#shop-nav li a:hover {text-decoration:underline;}

div#news-area {background:#FFF09F none repeat scroll 0 0; border:1px solid #DFD499; height:355px; overflow:auto; padding:10px; width:707px; }
div#news-area h3 {font-size:141%;margin-bottom:5px;}
div#news-area p {line-height:1.8;}

div#terms-area {background:#FFF09F none repeat scroll 0 0; border:1px solid #DFD499; height:305px; margin:10px 0 0;overflow:auto; padding:10px; width:707px; }
div#terms-area h3 {font-size:141%;margin: 0 0 5px;}
div#terms-area p {line-height:1.8;}

p#message {float:left; margin:20px 0 0 47px; width:100%; }
/*  ----------------------------------------------------------
3.0 Forms
------------------------------------------------------------------------------------------- */
/*
= Mail Form
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
textarea {width:20em;}