/* 
Title: Master Stylesheet 23.01.2008
Company: Euromarque - Personalised Wine & Champagne
Author: Doug Somerville
*/

/* TABLE OF CONTENTS
--------------------------------------------------
- Global styles
- Layout styles
- Masthead styles
- Global Nav styles
- Skiplink styles
- Main content type styles
- Shopping basket styles
- Checkout styles
- Product details styles
- Sidebar styles
- Footer styles

*/

/* Reset h4 tag for IE8 ;-) */
h4 {
	margin:0;
	padding:0;
}

/* Global styles
--------------------------------------------------*/
body {
	background: url(../images/bg_body.jpg) repeat-x left top #F2EEE8;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}


/* Ad message styles
--------------------------------------------------*/
p#ad-message {
	background: url(../images/bg-admessage.jpg) no-repeat center bottom #FFFFFF;
	color: #6F1F51;
	font-size: 160%;
	font-style: italic;
	font-weight: bold;
	margin: 6px 0px;
	padding: 12px 12px 12px 12px;
}

#ad-message strong {
	color: #003F23;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* Layout styles
--------------------------------------------------*/
div#masthead {
	width: 816px;
	height: 100px;
	margin: 0px auto;
	background:url(../images/bg_banner.jpg) no-repeat left top;
}
div#container {
	width: 816px;
	margin: 0px auto;
	background: url(../images/bg_intro.jpg) no-repeat left top;
}
div#main-content {
	width: 516px;
	float: left;
	min-height:500px;
	padding: 72px 12px 36px 0px;
}
div#sidebar {
	width: 262px;
	float: right;
}
div#footer {
	clear: both;
	font-size: 100%;
}


/* Masthead styles
--------------------------------------------------*/
div#masthead {
	text-align: right;
}
div#masthead p {
	margin: 0;
	text-align: right;
	line-height: 100px;
}
div#intro {
	/*height: 228px;*/
	padding: 0px;
}
div#intro h1 {
	font-size: 220%;
	margin: 0;
}
div#intro p strong {
	font-size: 120%;
	font-style: italic;
	color: #003F23;
}
div#intro img {
	margin-top: 12px;
}

/* Global Nav styles
--------------------------------------------------*/
ul#nav-global {
	width: 540px;
	height: 100px;
	margin: 0px 0px 0px 264px;
	padding: 0;
	font-size: 120%;
	line-height: 100px;
	text-align: right;
	font-weight: bold;
}
ul#nav-global li {
	display: inline;
	list-style-type: none;
	margin-left: 30px;
	padding: 0;
}
ul#nav-global a:link, ul#nav-global a:visited {
	color: #003F23;
}
ul#nav-global a:hover {
	color: #6F1F51;
}



/* Skiplink styles
--------------------------------------------------*/
a.skip {
	position: absolute;
	left: -1000%;
	background: #FFFFFF;
}
a.skip {
	left: 50%;
}




/* Main content type styles
--------------------------------------------------*/
#main-content p {
	line-height: 120%;
}
#main-content h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #6F1F51;
}
#main-content h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #6F1F51;
}
#main-content h2.red {
	color: #FF0000;
}
#main-content h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	color: #6F1F51;
}
#main-content h5 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	color: #6F1F51;
	font-weight: normal;
}
#main-content ul.inline {
padding: 0;
margin-bottom: 24px;
}
#main-content ul.inline li {
display: inline;
list-style-type: none;
padding: 0;
}


dl {
	margin-top: 24px;
}
dt {
	margin: 0px 0px 6px 0px;
	padding: 0;
}
dd {
	margin: 0px 0px 24px 0px;
	padding: 0;
}
#main-content a:link, #main-content a:visited {
	color: #003F23;
}
#main-content a:hover {
	color: #6F1F51;
}
#main-content div.horz {
	clear: left;
	background: url(../images/horz-main.jpg) no-repeat center center;
	border: 0px;
	height: 30px;
	padding: 24px 0px;
}
#main-content div.horz hr {
	display: none;
}

#main-content ul {
	margin: 0;
	padding: 0;
}

#main-content ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-content ul#products-list li {
                clear: left;
}

#main-content ul#products-list li a.thumbnail {
        float: left;
        margin-right: 6px;
}

/* Label gallery styles
--------------------------------------------------*/
img.thumbnail {
margin-bottom: 12px;
float: left;
}


/* Shopping basket styles
--------------------------------------------------*/
ul#basket-contents {
	padding: 0;
}
ul#basket-contents li {
	list-style-type: none;
	line-height: 2em;
}
form#basket-control {
	text-align: right;
}
form#basket-control input#remove {
	font-size: 100%;
}
table#basket-contents {
	width: 100%;
	text-align: left;
	border-bottom: 1px dotted #6F1F51;
}
table#basket-contents th {
	padding-left: 5px;
	line-height: 2em;
	border-bottom: 1px dotted #6F1F51;
}
table#basket-contents td {
	padding-left: 5px;
	line-height: 2.5em;
	background: #F2EEE8;
}
table#basket-contents tr.even td {
	background: #DBC7D3;
}
strong#basket-total {
	font-size: 120%;
	margin-right: 24px;
}


/* Checkout styles
--------------------------------------------------*/
form#checkout {
	text-align: right;
}
form#checkout fieldset {
	border: 0px;
	padding: 24px 0px 0px 0px;
	margin: 0px 0px 24px 0px;
	text-align: left;
}
form#checkout fieldset legend {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	font-size: 150%;
	font-weight: bold;
	color: #6F1F51;
}
form#checkout fieldset label {
	display: block;
	margin-bottom: 12px;
}
form#checkout fieldset div.form-row {
	clear: left;
	margin-bottom: 12px;
}
form#checkout fieldset div.form-row label {
	display: block;
	float: left;
	margin-right: 12px;
	width: 127px;
	font-weight: bold;
	
}
form#checkout fieldset input#message {
	display: block;
	width: 100%;
}
span.req {
	color: #FF0000;
}


/* Product details styles
--------------------------------------------------*/
div.product-details {

}
div.product-details img.product-pic {
	float: left;
	margin-right: 12px;
}
div.product-details form.add-product span {
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
}
div.product-details form.add-product select, div.product-details form.add-product input {
	font-size: 100%;
}


/* Sidebar styles
--------------------------------------------------*/
div#sidebar {
	background: url(../images/bg_sidebar1.jpg) no-repeat center top;
	margin-top: 30px;
	padding-top: 175px;
}
#sidebar h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #6F1F51;
	border-bottom: 1px dotted #6F1F51;
}
div#sidebar ul {
	font-size: 120%;
	line-height: 1.5em;
}
#sidebar a:link, #sidebar a:visited {
	color: #003F23;
}
#sidebar div.horz {
	clear: left;
	background: url(../images/horz-sbar.jpg) no-repeat center center;
	border: 0px;
	height: 20px;
	padding: 12px 0px;
}
#sidebar div.horz hr {
	display: none;
}

/* Footer styles
--------------------------------------------------*/
div#footer {
	border-top: 1px dotted #333333;
}
div#footer p {
	line-height: 1.5em;
	margin-bottom: 12px;
}
div#footer a:link, div#footer a:visited {
	color: #333333;
}
div#footer a:hover {
	color: #6F1F51;
}