/*========================================================

Global CSS file for Dungarees and Daisies

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body {
	height: 100%;
	font-family: Georgia, serif;
	font-size: 100%;
	color: #000000;
	background: url("../cssimages/background.jpg") repeat;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	height: 100%;
	font-size: 0.9em;
}

#debug {
	z-index: 9999;
}

/*===================================================================
HEADER
===================================================================*/

#header_wrapper {
	background-color: #E3D2AB;
	border-bottom: 8px solid #424242;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 948px;
	height: 178px;	
	background: url("../cssimages/header_background.jpg");
	background-position: -41px -3px;
}

#header_left {
	position: absolute;
	bottom: 3px;
}

#header_right {
	float: right;
	position: relative;
	top: 40px;
}

#header_branding {
	margin: 0 auto;
	width: 182px;
	text-indent: -9999px;
	background: url("../cssimages/dd_logo.png") no-repeat center;
}

#header_menu {
	position: absolute;
	right: -4px;
	bottom: -4px;
}

#header_menu_basket {
	position: absolute;
	top: 20px;
	left: 50px;
}

#header_menu_basket_price {
	position: absolute;
	top: 20px;
	right: 168px;
	text-align: right;
}

#header_menu_options {
	position: absolute;
	top: 20px;
	right: 42px;
}

/*===================================================================
CONTENT
===================================================================*/

#content_wrapper {
	/*background: url("../cssimages/background.jpg") repeat;*/
}

#menu {
	margin: 0 auto;
	width: 948px;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 25px 0px 25px;
	height: 25px;
	list-style-type: none;
}

#menu li.left_twirl {
	margin: 0px;
	width: 24px;
	height: 24px;
	background: url("../cssimages/menu_left.png") no-repeat;
	background-position: center;
}

#menu  li.right_twirl {
	margin: 0px;
	width: 24px;
	height: 24px;
	background: url("../cssimages/menu_right.png") no-repeat;
	background-position: center;
}

#menu li {	
	float: left;
	margin: 0px 10px -2px 10px;
	
	/* TEMP FONTS */
	font-family: Tahoma;
	font-size: 1.2em;
	color: #FFFFFF;
}

#content {
	margin: 0 auto;
	padding-top: 39px;
	width: 941px;
	background: url("../cssimages/content_top.jpg") no-repeat;
	background-position: top middle;
	background-color: #FFFFFF;
}

#search {
	float: right;
	margin: 2px 10px 2px 0px;
}

#sidebar {
	float: left;
	width: 300px;
	text-align: center;
	background: url("../cssimages/sidebar_right.jpg") repeat-y;
	background-position: right;
}

#sidebar ul {
	list-style-type: none;
	text-align: left;
}

#sidebar li {
	position: relative;
	margin: 0px 0px 6px 0px;
	padding: 0px 25px 8px 10px;
	cursor: pointer;
	text-indent: 20px;
	font-size: 1em;
	background: url("../cssimages/sidebar_break.jpg") no-repeat;
	background-position: bottom;
}

#sidebar li.title {
	font-size: 1.2em;
}

#sidebar li.highlight {
	color: #FF0000;
}

#sidebar li.highlight a {
	color: #FF0000;
}

#sidebar li a.current {
	color: #B4966F;
}

#sidebar li img {
	display: none;
	position: absolute;
	top: 0px;
	left: 10px;
}

#sidebar li ul {
	margin: 0px 0px 3px 0px;
	list-style-type: none;
}

#sidebar li ul li {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	cursor: pointer;
	font-size: 0.875em;
	background: none;
}

#sidebar li ul li img {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#newsletter_signup {
	margin: 25px 0px 25px 0px;
}

#newsletter_name {
	margin: 12px 0px 0px 0px;
	width: 222px;
}

#newsletter_email {
	margin: 12px 0px 0px 0px;
	width: 141px;
}

#newsletter_submit {
	margin: 12px 0px 0px 0px;
}

.clearfix {
	clear: both;
}

.clearfix_right {
	clear: right;
}

/*===================================================================
SHOP
===================================================================*/

#shop {
	margin: 0px 0px 0px 300px;
	text-align: center;
}

#shop_banner {
	clear: right;
}

.shop_title {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 6px 30px;
	font-size: 1.6em;
	text-align: left;
	background: url("../cssimages/content_bar.jpg") no-repeat;
	background-position: bottom;
	z-index: 2;
}

.shop_footer {
	clear: both;
	margin: 20px 0px;
	padding: 20px 30px 6px 30px;
	font-size: 1.6em;
	background: url("../cssimages/content_bar.jpg") no-repeat;
	background-position: bottom;
}

.shop_section {
	margin: 15px 0px 0px 0px;
	text-align: left;
	clear: right;
}

.shop_section_title {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 6px 30px;
	font-size: 1.2em;
	background: url("../cssimages/content_bar.jpg") no-repeat;
	background-position: bottom;
	z-index: 2;
}

.shop_section_title span {
	margin-left: 16px;
	font-size: 0.7em;
	color: #880088;
}

.shop_section_subtitle {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 12px 30px;
	font-size: 0.9em;
	background: url("../cssimages/content_bar.jpg") no-repeat;
	background-position: bottom;
	z-index: 2;
}

.shop_section_subtitle a {
	color: #880088;
}

.shop_section_subtitle span {
	color: #000000;
}

.shop_section_subtitle a:hover{
	text-decoration: underline;
}

.shop_section_text {
	margin-bottom: 8px;
	padding: 0px 30px;
	line-height: 1.6em;
}

.shop_section_text_title {
	font-weight: bold;
}

.shop_section_text p {
	font-size: 1em;
}

.shop_section ul {
	margin: 0px 30px 0px 30px;
	padding: 0px;
	height: 160px;
	list-style-type: none;
}

.shop_section li {
	float: left;
	margin: 0px 6px 20px 0px;
	width: 110px;
	height: 160px;
	font-size: 0.875em;
	text-align: center;
}

span.collection {
	font-style: italic;
}

.shop_section_text ul {
	list-style-type: none;
	height: auto;
}

.shop_section_text li {
	float: none;
	margin-bottom: 10px;
	height: auto;
	width: 500px;
	text-align: left;
	font-size: 0.9em;
}

.shop_section_text li label {
	float: left;
	margin-right: 10px;
	width: 150px;
}

.shop_section_text_assets {
	float: right;
	border: 2px solid #B08E67;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 4px;
	padding: 4px 8px;
	min-height: 150px;
	width: 200px;
	font-size: 0.9em;
	background-color: #E6D1A9;
}

.shop_section_text_assets ul {
	width: 200px;
	height: auto;
}

.shop_section_text_assets li {
	width: 200px;
	height: auto;
}

.price {
	margin-top: 5px;
	color: #B4966F;
}

.was {
	color: #AA0000;
	text-decoration: line-through;
}

.shop_column_wrapper {
	margin-bottom: 30px;
	/*background: url("../cssimages/content_bar.jpg") no-repeat;
		background-position: bottom;*/
}

#events {
	float: left;
	width: 300px;
	text-align: left;
}

.events_title {
	padding: 0px 0px 5px 27px;
	background: url("../cssimages/content_mid_bar.jpg") no-repeat;
	background-position: bottom;
}

.events_section {
	margin: 7px 0px 0px 30px;
}
.events_section_title {
	padding: 0px 0px 5px 7px;
	font-size: 1em;
	color: #880088;
	background: url("../cssimages/content_short_bar.jpg") no-repeat;
	background-position: bottom left;
}

.events_item {
	margin: 10px 0px 0px 5px;
	font-size: 0.8em;
}

.events_date {
	color: #666666;
}

.events_desc {
	margin-top: 10px;
}

#news {
	margin-left: 300px;
	width: 300px;
	text-align: left;
}

.news_title {
	padding: 0px 0px 5px 27px;
	background: url("../cssimages/content_mid_bar.jpg") no-repeat;
	background-position: bottom;	
}

.news_section {
	margin: 7px 0px 0px 30px;
}

.news_section_title {
	padding: 0px 0px 0px 7px;
	font-size: 1em;
	color: #880088;
}

.news_section_title a {
	color: #880088;
}

.news_section_date {
	margin-left: 7px;
	font-size: 0.8em;
	color: #666666;
}

.news_section_desc {
	margin: 10px 0px 10px 7px;
	padding: 0px 0px 10px 0px;
	font-size: 0.8em;
	background: url("../cssimages/content_mid_bar.jpg") no-repeat;
	background-position: bottom left;	
}

.extra_menu {
	float: right;
	margin-right: 30px;
	color: #880088;
}

.extra_menu a {
	color: #880088;
}

.heart {
	float: left;
	position: relative;
	top: -6px;
	left: 30px;
}

#proceed_menu {
	margin: 15px 30px;
}

#proceed_menu .backward {
	margin-top: 15px;
	padding: 5px;
	border: none;
	-moz-border-radius: 5px;
	width: 190px;
	font-size: 1em;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #B08E67;
}

#proceed_menu .pay {
	float: right;
	margin-top: 15px;
	padding: 5px;
	border: none;
	-moz-border-radius: 5px;
	width: 190px;
	font-size: 1em;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #880088;
}

/*===================================================================
PRODUCT LIST OPTIONS
===================================================================*/

#product_options {
	position: relative;
	width: 640px;
	height: 40px;
	font-size: 1em;
}

#product_options_bottom {
	position: relative;
	margin: 60px 0px 10px 0px;
	width: 640px;
	height: 40px;
	font-size: 1em;
}

#filter {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 6px 30px;
	font-size: 0.8em;
	text-align: left;
	background: url("../cssimages/content_bar.jpg") no-repeat;
	background-position: bottom;
	z-index: 2;
}

#filter_list {
	list-style-type: none;
	margin-top: 10px;
	height: 20px;
}

#filter_list li {
	float: left;
	width: 129px;
}

#filter_list li.submit {
	width: 60px;
}

#filter_list li select {
	width: 115px;
}

#pagination {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 440px;
	text-align: left;
}

#pagination li {
	float: none;
	height: 20px;
	width: 440px;
	text-align: left;
}

#pagination span {
	font-size: 1em;
	color: #CCCCCC;
	min-width: 40px;
}

#pagination a span {
	font-size: 1em;
	color: #880088;
}

#pagination .current_page {
	font-size: 1.4em;
}

#pagination .current_page_side {
	font-size: 1.2em;
}

#per_page {
	position: absolute;
	top: 0px;
	right: 30px;
	font-size: 0.875em;
}

.warning {
	margin: 0 30px 12px 30px;
	padding: 5px 5px 15px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	text-align: left;
	color: #FFFFFF;
	background-color: #AA0000;
}

.warning h3 {
	padding: 15px;
	font-size: 1.4em;
}

.warning p {
	margin: 0px 30px 0px 30px;
	padding: 0px;
}

.warning p a {
	color: #FFAAAA;
	text-decoration: underline;
}

.success {
	margin: 0 30px 12px 30px;
	padding: 5px 5px 15px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	text-align: left;
	color: #FFFFFF;
	background-color: #00AA00;
}

.success h3 {
	padding: 15px;
	font-size: 1.4em;
}

.success p {
	margin: 0px 30px 0px 30px;
	padding: 0px;
}

.success a {
	text-decoration: underline;
	color: #FFFFFF;
}

/*===================================================================
PRODUCT DETAILS
===================================================================*/

#product_image {
	float: left;
	margin: 0px 20px 0px 30px;
	width: 300px;
	text-align: center;
}

#product_image_closer {
	font-size: 0.8em;
	text-align: center;
}

#product_image_closer img {
	margin-right: 4px;
	vertical-align: middle;
}

#product_details {
	float: right;
	margin: 0px 30px 60px 0px;
	padding-top: 20px;
	width: 240px;
	min-height: 280px;
	font-size: 0.8em;
}

#product_details_title {
	padding: 0px 0px 16px 0px;
	font-size: 1.3em;
	color: #880088;
	background: url('../cssimages/content_mid_bar.jpg') no-repeat;
	background-position: bottom;
}

#product_details_title div {
	margin-top: 5px;
	font-size: 0.8em;
	color: #999999;
}

.product_details_header {
	margin-top: 14px;
	font-size: 1.3em;
	color: #880088;
}

#product_details ul {
	list-style-type: disc;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: auto;
}

#product_details li {
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: auto;
	width: 200px;
	font-size: 1em;
}

#product_price {
	position: relative;
	margin: 20px 0px 0px 0px;
	font-size: 2.2em;
	color: #880088;
}

#add_to_basket {
	position: absolute;
	top: 5px;
	right: 0px;
	cursor: pointer;
	border: 0px;
	width: 108px;
	height: 23px;
	text-indent: -9999em;
	background: url('../cssimages/add_to_basket.jpg') no-repeat;
/*	padding: 4px 8px 4px 8px;
	border: 1px solid #999999;
	background: -moz-radial-gradient*/
}

#quantity_details li {
	height: auto;
	font-size: 1em;
}

/*===================================================================
PAYMENT PROCESS
===================================================================*/

#process_status {
	clear: right;
	margin: 0px auto;
	width: 540px;
	height: 45px;
	font-size: 1.2em;
}

#process_status li {
	padding: 8px;
	border: 1px solid #880088;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 20px;
	color: #880088;
}

#process_status li.current {
	color: #FFFFFF;
	background-color: #880088;
}


/*===================================================================
FORMS
===================================================================*/

input.text {
	margin-top: -5px;
	padding: 2px 6px 2px 6px;
	width: 120px;
	height: 16px;
	border: 1px solid #999999;
	font-family: Georgia, serif;
	font-size: 0.9em;
	color: #440044;
}

input.submit {
	padding: 0px 12px 2px 12px;
	border: 2px solid #CCCCCC;
/*	width: 68px;*/
	height: 28px;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input.submit_hover {
	padding: 0px 12px 2px 12px;
	border: 2px solid #CCCCCC;
/*	width: 68px;*/
	height: 28px;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #444444;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sidebar input.text {
	padding: 5px 14px 3px 14px;
	height: 16px;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia, serif;
	font-size: 0.8em;
}

#search input.text {
	margin-top: 0px;
	padding: 5px 14px 3px 14px;
	width: 120px;
	height: 16px;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia, serif;
	font-size: 0.8em;
}

li.error {
	color: #AA0000;
}

li.error input.text {
	border: 1px solid #AA0000;
	background-color: #FFCCCC;
}


/*===================================================================
ACCOUNT FACILITY / MY ACCOUNT
===================================================================*/

/*my account content initial structure*/

#myaccountcontent{
	background:url("../cssimages/checkout_bg.png") repeat-y;
	margin:0 auto;
	padding:20px 40px 40px 100px;
	position:relative;
	text-align:left;
	width:785px;
}

#myaccountcontent_top_image {
	background:url("../cssimages/checkout_bg_top.png") no-repeat;
	height:20px;
	margin:30px auto 0;
	text-align:left;
	width:923px;
}

#myaccountcontent div#myaccountcontent_bear {
	position:absolute;
	left:-30px;
	top:-45px;
}

#myaccountcontent h1#main_page_title {
	color:#ea1d91;
	font-family: "Cooper", "CooperFirefox", "Cooper Std", "CooperBlackStd", "arial";
	font-size:3.2em;
	margin:0;
	width:225px;
	float:left;
}

/*===================================================================
NEWS & EVENTS
===================================================================*/

#latest_news {
	
}

#latest_news li {
	float: none;
	height: auto;
	width: 400px;
	font-size: 1em;
	text-align: left;
}

#latest_news li a {
	color: #880088;
}

#latest_news li .news_excerpt {
	font-size: 0.9em;
	padding-left: 20px;
	color: #000000;
}

.shop_section_title span a {
	color: #880088;
}

/*===================================================================
SITEMAP
===================================================================*/

#sitemap ul {
	margin-left: 30px;
	list-style-type: disc;
	height: auto;
	width: 400px;
}

#sitemap li {
	float: none;
	height: auto;
	width: 400px;
	text-align: left;
	font-size: 1em;
}

#sitemap li ul {
	margin-top: 15px;
	height: auto;
	list-style-type: circle;
}

#sitemap li ul li {
	height: auto;
	font-size: 0.9em;
}

#sitemap a {
	color: #880088;
}

/*===================================================================
FOOTER
===================================================================*/

#footer_wrapper {
	margin: 0 auto 10px auto;
	width: 948px;
	font-family: Arial;
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: center;
}

#footer_nav {
	padding-top: 10px;
}

#footer_nav a {
	color: #FFFFFF;
}

#footer_left {
	float: left;
	margin: 10px 10px 15px 5px;
}

#footer_right {
	float: right;
	margin: 0px 5px 0px 10px;
}