/*SITE DETAILS:
site: cromptons kitchen
design by: ali
company: bespoke web designs

colours used:
purple: #8b7383
green: #a3b47d


/*Normalizes margin, padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/*Removes list-style from lists*/
ol, ul
{list-style: none;}

/*Normalizes font-styl and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/*Removes borders and spacing from s*/

{border-collapse: collapse; border-spacing: 0;}

/*Removes border from fieldset and img*/
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{text-align: left;}

/*Removes quotation marks from q*/
q: before, q:after
{content: '';}

/* --------------------------
		LAYOUT
-----------------------------*/	
html {text-align: center;}
body {width: 900px; margin: 0 auto; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background: #a3b47d url(../images/background1.jpg) repeat; }
.header {float: left;width: 900px;margin: 0; padding: 0; background: url(../images/header.jpg) no-repeat top center; height:185px;} 

.content {float: left;width: 900px; margin: 0; padding: 0; background: url(../images/bg-content.jpg) repeat-y top center;padding-bottom: 20px; }
.content-narrow {float: left;width: 560px; margin: 0; padding: 0; padding-left: 40px;padding-right: 20px;clear: both;}
.column {float: left; width: 260px; margin: 0; padding: 0;padding-top: 20px; padding-left: 20px; font-size: 11px;}
.images {float: left; width: 845px; background: url(../images/bg-images.jpg) repeat-y top center;padding-left: 55px;}
.footer {float: left;width: 900px; margin: 0; padding: 0;background: url(../images/bg-footer.jpg) no-repeat top center; height: 80px;}
.sprinkle {float: left; margin: 0; padding: 0; width: 900px; height: 40px; background: url(../images/sprinkle.jpg) no-repeat top center; text-indent:-999999px;}
.cooking {float: left; margin: 0; padding: 0; width: 860px;background: url(../images/bg-cooking.jpg) repeat-y top center;padding-left: 40px;padding-top: 15px;}
.recipes {float: right; margin: 10px;}


/* --------------------------
		TEXT
-----------------------------*/	
p {line-height: 150%;padding-top: 4px;padding-bottom: 4px;padding-right: 20px;}
.footer p {text-align: center; padding-top: 50px;font-size: 85%;color: #7b875f;padding-bottom: 10px;}
.bold {font-weight: bold;}
.italic {font-style:italic;}
.small{font-size: 85%;}
.green {color: #515c3e;}

/* --------------------------
		IMAGES
-----------------------------*/	
.large-image {float: right; margin: 0; padding: 0;margin-left: 20px;width: 280px; height: 400px;}
.gift-image {float: right; margin: 0; padding: 0;margin-left: 20px;width: 340px; height: 340px;}
.image-right{ float: right; margin: 10px; padding: 10px;}
.image-left {float: left; margin-right: 15px;}

/* --------------------------
		LISTS
-----------------------------*/	
ul#images {list-style-type: none; padding: 0; margin: 0; height: 230px; padding-top: 5px;padding-bottom: 10px;}
ul#images li {float: left;display: block; }
ul#images li#middle{ padding-left: 35px; padding-right: 35px;}
ul#images li img {padding: 20px;background: url(../images/image-bg.jpg) no-repeat 10px 50%;}

ul#footer-text {list-style-type: none; padding: 0; margin: 0; padding-left: 40px; padding-right: 40px; padding-top: 40px;font-size: 85%; color: #fff;}
ul#footer-text a {color: #fff;}
ul#footer-text a:hover {color: #6b5665;}
.text-left {float: left;}
.text-right {float: right;}

ul#cooking {margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px;margin-left: 10px;}
ul#cooking li {padding-top: 5px; list-style-type: disc;list-style-position:outside; line-height:150%;}

ul#postage {margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px;margin-left: 20px;margin-bottom: 20px;}
ul#postage li {padding-top: 5px; list-style-type: disc;list-style-position:outside;}
ul#postage ul {margin-left: 40px; font-size: 11px;}

ul#uses {margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 150%;}
ul#uses li {padding-top: 5px; list-style-type: disc;list-style-position:outside;}

ul#article {margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}
ul#article li {padding-top: 5px; list-style-type: disc;list-style-position:outside;}

.content .content-narrow ul {margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px;margin-left: 20px;margin-bottom: 20px;}
.content .content-narrow ul li {padding-top: 5px; list-style-type: disc;list-style-position:outside;line-height: 150%;}

/* --------------------------
		HEADINGS
-----------------------------*/	

h1 {font-size: 14px;padding: 0;margin: 0;padding-top: 10px;padding-bottom: 10px;color: #7b875f;margin-top: 5px;clear: both;}
h2 {font-size: 13px;margin: 0;padding: 0;padding-top: 10px;padding-bottom: 10px; color: #515c3e;clear: both;}
h3 {font-size: 12px;padding: 0;margin: 0;padding-top: 10px;padding-bottom: 10px; color: #7b875f;clear: both;}
h4 {font-size: 13px;padding: 0;margin: 0;padding-top: 10px;padding-bottom: 10px;color: #7b875f;clear: both;}
h5 {font-size: 12px;margin: 0;padding: 0;padding-top: 10px;padding-bottom: 10px; color: #515c3e;clear: both;}
h6 {font-size: 12px;margin: 0;padding: 0;padding-top: 10px;padding-bottom: 10px; color: #ff0000;clear: both;}


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-hasFlash h1 { visibility:hidden; font-size: 80%; background: none; z-index: 1; margin-left: 0px; }
.sIFR-hasFlash h2 { visibility:hidden; font-size: 50%; background: none; z-index: 1; margin-left: 0px; }
.sIFR-hasFlash h3 { visibility:hidden; font-size: 10%; background: none; z-index: 1; margin-left: 0px; }
.sIFR-hasFlash h4 { visibility:hidden; font-size: 50%; background: none; z-index: 1; margin-left: 0px; width: 200px;}
.sIFR-hasFlash h5 { visibility:hidden; font-size: 40%; background: none; z-index: 1; margin-left: 0px; width: 200px;}
.sIFR-hasFlash h6 { visibility:hidden; font-size: 50%; background: none; z-index: 1; margin-left: 0px; width: 200px;}
.sIFR-flash { visibility:visible !important; }

.sIFR-replaced { visibility:visible !important; }

span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; letter-spacing:0; }

/* --------------------------
		TABLES
-----------------------------*/	

table{border-collapse:collapse;margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px;}
tr,td {padding: 5px; margin: 5px;}

/* --------------------------
		LINKS
-----------------------------*/	

a {color: #8b7383;}
a:hover {text-decoration: none;}


/* --------------------------
		FORMS
-----------------------------*/	
		
label {width: 200px;float: left;text-align: right;display: block;margin-right: 10px;font-size: 85%;}
fieldset {width: 520px;border: 1px solid #ccc;margin: 0;padding: 0;padding: 10px;background: #eaeaea;}
form p {padding-top: 10px;}
form {margin: 0; padding: 0; margin-top: 20px; margin-bottom: 20px;}

/* --------------------------
		SHOP
-----------------------------*/	

ul#shop {margin: 0;clear: both;  padding: 0px;margin: 0;text-align: center;list-style-type: none; }
ul#shop li {display: block; width: 150px;margin: 0;line-height: 100%;background: #fff;padding: 10px;float: left;height: 260px; margin-left: 5px; margin-right: 5px;margin-bottom: 10px;}
ul#shop p {margin: 0; padding: 0;padding-bottom: 8px;font-size: 11px;}
p.title a {height: 25px; text-decoration: none;display: block; }
p.title a:hover {text-decoration: underline;}
ul#shop h3 {font-size: 11px;}
ul#shop h3 a {font-size: 11px;text-decoration: none;}
ul#shop form {margin-top: 5px;}
.shopping {border: none; margin: 0; padding: 0;}

/* --------------------------
		OFFER BUTTONS
-----------------------------*/	
form#offer {margin: 0; padding: 0;}

.about {font-size: 11px;}
.about form {margin: 0; padding: 0;}

.column ul {margin: 0; padding: 0;}
.column ul li {float: left;margin: 0; padding: 0;margin-right: 1px;}
.column form {margin: 0; padding: 0;}

ul#voucher {clear: both;height: 100px;margin-bottom: 20px;}
ul#voucher li {list-style-type: none;float: left; display: block; width: 50px; height: 50px; margin-right: 10px;}
.clear {clear: both;}

#mc_embed_signup fieldset {width: 200px; float: left;height: 80px; margin: 0; padding: 0;margin-bottom: 10px;}
#mc_embed_signup form {margin: 0; padding: 0;}
#mc_embed_signup label {float: left;width: 95px;margin-top: 5px; margin-bottom: 5px;}
input#mce-EMAIL {margin-left: 10px;width: 180px;}