
/* GLOBAL STYLE DEFINITIONS */

.seasonal_colour, 
h1, h2, h3, h4,
a:link,
a:visited,
a:link {
    color: #939442;
    text-decoration: none;
}
a:hover{
    color: #000000;
}

h1, h2, h3, h4, p, form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

img {
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #FFFFFF;
	background: #000000;
}

* {
	font-family: verdana, sans-sarif, arial;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.al {
	text-align: left;
}
.ar {
	text-align: right;
}
.ac {
	text-align: center;
}

.fc:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
}

.fc{
	display: inline-block;
} 

.clearing {
	clear: both;
}

.error {
	color: red;
	font-weight: bold;
}

/* FORM SET 1 */

.input1,
.select1,
.textarea1 {
	font-size: 100%;
	font-weight: normal;
	background: #CCCCCC;
	border: 1px solid #333333;
}
.button1 {
	padding: 2px;
	color: #333333;
	font-size: 100%;
	cursor: pointer;
	font-weight: bold;
	background: #999999;
	border: 1px solid #333333;
}

/* FORM SET 2 */

.input2,
.select2,
.textarea2 {
	font-size: 90%;
	background: #CCCCCC;
	font-weight: normal;
	border: 1px solid #FFFFFF;
}
.button2 {
	padding: 0;
	color: #333333;
	font-size: 100%;
	cursor: pointer;
	background: #999999;
	border: 1px solid #333333;
}


.button3 {
	color: #333333;
	font-size: 100%;
	cursor: pointer;
	background: #999999;
	padding: 0 2px 0 2px;
	border: 1px solid #333333;
}

/* NAVIGATION HIGHLIGHTING */

body.homepage #top_navbar #homepage,
body.curtainspage #top_navbar #curtainspage,
body.accessoriespage #top_navbar #accessoriespage,
body.searchpage #top_navbar #searchpage,
body.basketpage #top_navbar #basketpage,
body.checkoutpage #top_navbar #checkoutpage,
body.stockistspage #top_navbar #stockistspage,
body.aboutpage #top_navbar #aboutpage,
body.contactpage #top_navbar #contactpage,
body.helppage #top_navbar #helppage,
body.adminpage #top_navbar #adminpage {
	color: #FFFFFF;
}
	

/* LAYOUT STYLING */

.main_bg {
	width: 764px;
	background: transparent url("../images/main_bg.gif") top left repeat-y;
}

body.homepage .main_bg {
	background: transparent;
}

#wrapper {
	width: 764px;
	margin: 30px auto;
}

#header a {
	float: left;
	width: 188px;
	height:49px;
	display: block;
	background: #000000 url("../images/header_logo.gif") no-repeat;
}

#header .header_affiliate {
	float: left;
	padding-left: 30px;
	padding-top: 5px;
}

#left_column {
	width: 570px;
	float: left;
}

#right_column {
	width: 186px;
	float: right;
}

#right_column .sidebar_box {
	padding: 0 8px 0 8px;
	margin-bottom: 7px;
	border: 1px solid #FFFFFF;
}

#right_column .sidebar_box_bottom {
	margin-bottom: 0;
}

#right_column .sidebar_box h2 {
	font-size: 105%;
	font-weight: normal;
	margin: 6px 0 3px 0;
}

#right_column .sidebar_box p {
	font-size: 80%;
	margin-bottom: 6px;
}

#right_column .sidebar_box p .viewbasket,
#right_column .sidebar_box p .checkout {
	color: #FFFFFF;
	font-weight: bold;
}

#right_column .sidebar_box .button1,
#right_column .sidebar_box .select2 {
	width: 165px;
	margin-bottom: 8px;
	background: #FFFFFF;
	font-size: 90%;
}

#right_column a:hover{
    color: #FFFFFF;
	text-decoration: underline;
}

#right_column .sidebar_box img {
	margin-bottom: 8px;
}

#right_column .sidebar_box .sidebar_price_head {
	color: #FFFFFF;
	margin: 5px 0 0 0;
}

#right_column .sidebar_box .sidebar_price_big {
	font-size: 250%;
	font-weight: bold;
}

#right_column .sidebar_box .sidebar_price_small {
	font-size: 135%;
	font-weight: bold;
}

#footer {
	clear: left;
	font-size: 75%;
	font-family: arial;
	padding: 10px 0 20px 5px;
}

#footer .blueleaf {
	color: #FFFFFF;
	font-weight: bold;
}

#top_navbar {
	width: 550px;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin: 15px 0 10px 0;
	border: 1px solid #FFFFFF;
}

#top_navbar .top_navbar_spacing {
	margin: 0 2px 0 2px;
}

#top_navbar a:hover{
    color: #FFFFFF;
}

#customer_message {
	margin: 10px;
	padding: 10px;
	color: #000000;
	font-size: 120%;
	border: 1px solid #000000;
}

#customer_message a,
#customer_message a:hover {
	color: #000000;
	text-decoration: underline;
}

/* PAGINATION */

.pagination {
	clear: both;
	float: right;
	font-size: 110%;
	margin: 10px 20px 10px 10px;
}

.pagination a:link,
.pagination a:visited,
.pagination a:link,
.pagination a:hover,
.pagination .active {
	color: #000000;
	font-size: 85%;
	font-family: arial;
	text-decoration: none;
}

.pagination .active {
	font-weight: bold;
	text-decoration: underline;
}


/* FRONT PAGE */

#front_page {
	margin: 0;
	padding:0;
}


/* CURTAINS DETAIL */

#curtains_detail {
	color: #000000;
	background: #FFFFFF;
	padding: 15px 5px 15px 15px;
}

#curtains_detail h1,
#curtains_detail h2,
#curtains_detail h3,
#curtains_detail h4 {
	color: #000000;
}

#curtains_detail h2 {
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 5px;
}

#curtains_detail .left {
	width: 270px;
	float: left;
	border: 1px solid #FFFFFF;
}

#curtains_detail .left h2 { 
	font-size: 125%; 
	font-weight: bold;
	margin-bottom: 5px;
}

#curtains_detail .left h3 {
	font-size: 100%;
	margin: 10px 0 5px 0;
	font-weight: bold;
}

#curtains_detail .left h4 {
	font-size: 80%;
	margin: 5px 0 2px 0;
	font-weight: bold;
}

#curtains_detail .left h5 {
	font-size: 90%;
	font-weight: bold;
	margin-top: 15px;
}

#curtains_detail .left .icon {
	margin: 15px 5px 0 0;
	float: left;
}

#curtains_detail .left a:hover {
	color: #000000;
	text-decoration: underline;
}

#curtains_detail .left p {
	font-size: 95%;
}

#curtains_detail .left .detail_content_box {
	width: 256px;
}

#curtains_detail .right {
	width: 268px;
	float: right;
	border: 1px solid #FFFFFF;
}

#curtains_detail .right h3 {
	font-size: 100%;
	margin: 10px 5px 5px 0;
	font-weight: bold;
}

#curtains_detail .addtobasket {
	width: 252px;
	margin: 0 5px 10px 0;
	padding: 2px 4px 5px 5px;
	border: 1px solid black;
}

#curtains_detail .addtobasket h2 {
	margin-top: 0;
}

#curtains_detail .addtobasket .select1 {
	font-size: 75%;
}

#curtains_detail .addtobasket .product {
	width: 200px;
}

#curtains_detail .addtobasket .quantity {
	/* width: 50px; */
}

#curtains_detail .addtobasket .button1 {
	float: right;
}

#curtains_detail .addtobasket .small {
	font-size: 80%;
	margin: 0;
}

#curtains_detail .detail_content_box {
	margin: 0 5px 10px 0;
	padding: 2px 4px 5px 5px;
	border: 1px solid #000000;
}

#curtains_detail .detail_content_box .detail_content_previews {
	float: left;
	font-size: 90%;
}

#curtains_detail .detail_content_box .detail_content_previews .accessories_links {
	text-decoration: underline;
	font-size: 90%;
	font-family: arial;
	color: #000000;
}

#curtains_detail .detail_content_box .delivery_heading {
	margin-top: 10px;
	font-size: 90%;
	font-weight: bold;
}

#curtains_detail .detail_content_box .delivery_time {
	font-weight: normal;
}

#curtains_detail .detail_content_box table {
	width: 100%;
}

#curtains_detail .detail_content_box table.accessories {
	margin-bottom: 15px;
}

#curtains_detail .detail_content_box table td {
	font-size: 90%;
	padding: 3px;
}

#curtains_detail .detail_content_box table td .price {
	font-weight: bold;
}

#curtains_detail .detail_content_box table td .add_to_basket {
	color: #ac0f22;
	text-decoration: underline;
}

#curtains_detail .detail_content_box .unavailable {
	color: #FF0000;
}

#curtains_detail .detail_content_box .warning {
	color: #0000FF;
}

#curtains_detail .washing {
	margin-bottom: 25px;
}

#curtains_detail .alteration {
	width: 252px;
	margin: 10px 5px 10px 0;
	padding: 2px 4px 5px 5px;
	border: 1px solid black;
}


/* CURTAINS PAGE */

#curtains {
	color: #000000;
	padding: 5px 0 5px 10px;
	background: #FFFFFF;
}

#curtains .curtains_item {
	float: left;
	width: 165px;
	padding: 5px;
	margin: 3px;
	border: 1px solid #000000;
}

#curtains .curtains_item h2 {
	font-size: 85%;
	font-weight: bold;
	font-family: arial;
	color: #000000;
	margin-top: 5px;
}

#curtains .curtains_item .icon {
	margin-top:5px;
	float: right;
}

#curtains .curtains_item .view_details {
	margin: 5px;
	float: right;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
}

#curtains .curtains_item p {
	font-size: 90%;
	font-family: arial;
	margin-top: 3px;
}

#curtains .curtains_item p .price {
	font-weight: bold;
	font-size: 130%;
}


/* CUSHIONS PAGE */

#cushions {
	color: #000000;
	padding: 5px 0 5px 10px;
	background: #FFFFFF;
}

#cushions .cushions_item {
	float: left;
	width: 165px;
	padding: 5px;
	margin: 3px;
	border: 1px solid #000000;
}

#cushions .cushions_item h2 {
	font-size: 85%;
	font-weight: bold;
	font-family: arial;
	color: #000000;
	margin-top: 5px;
}

#cushions .cushions_item .icon {
	margin-top:5px;
	float: right;
}

#cushions .cushions_item .view_details {
	margin: 5px;
	float: right;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
}

#cushions .cushions_item p {
	font-size: 90%;
	font-family: arial;
	margin-top: 3px;
}

#cushions .cushions_item p .price {
	font-weight: bold;
	font-size: 130%;
}


/* TIEBACKS PAGE */

#tiebacks {
	color: #000000;
	padding: 5px 0 5px 10px;
	background: #FFFFFF;
}

#tiebacks .tiebacks_item {
	float: left;
	width: 165px;
	padding: 5px;
	margin: 3px;
	border: 1px solid #000000;
}

#tiebacks .tiebacks_item h2 {
	font-size: 85%;
	font-weight: bold;
	font-family: arial;
	color: #000000;
	margin-top: 5px;
}

#tiebacks .tiebacks_item .icon {
	margin-top:5px;
	float: right;
}

#tiebacks .tiebacks_item .view_details {
	margin: 5px;
	float: right;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
}

#tiebacks .tiebacks_item p {
	font-size: 90%;
	font-family: arial;
	margin-top: 3px;
}

#tiebacks .tiebacks_item p .price {
	font-weight: bold;
	font-size: 130%;
}


/* VALANCE PAGE */

#valances {
	color: #000000;
	padding: 5px 0 5px 10px;
	background: #FFFFFF;
}

#valances .valances_item {
	float: left;
	width: 165px;
	padding: 5px;
	margin: 3px;
	border: 1px solid #000000;
}

#valances .valances_item h2 {
	font-size: 85%;
	font-weight: bold;
	font-family: arial;
	color: #000000;
	margin-top: 5px;
}

#valances .valances_item .icon {
	margin-top:5px;
	float: right;
}

#valances .valances_item .view_details {
	margin: 5px;
	float: right;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
}

#valances .valances_item p {
	font-size: 90%;
	font-family: arial;
	margin-top: 3px;
}

#valances .valances_item p .price {
	font-weight: bold;
	font-size: 130%;
}


/* CHECKOUT */

#checkout {
	color: #000000;
	padding: 10px;
	background: #FFFFFF;
}

#checkout h2 {
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

#checkout h3 {
	color: #000000;
	font-weight: bold;
}

#checkout .thumb {
	float: right;
}

#checkout .thumb h4 {
	color: #FFFFFF;
	font-size: 90%;
	margin-top: 2px;
}

#checkout .basket_item {
	width: 530px;
	padding: 10px;
}

#checkout .basket_item a {
	color: #000000;
}

#checkout .basket_item a:hover {
	text-decoration: underline;
}

#checkout .basket_item h3 a {
	color: #f8f8f8;
	font-weight: bold;
}

#checkout .basket_item h3 a:hover {
	text-decoration: underline;
}

#checkout .alt1 {
	background: #666666;
}
	
#checkout .alt2 {
	background: #999999;
}

#checkout table {
	width: 430px;
	margin: 10px;
}

#checkout table td,
#checkout table th {
	padding: 2px;
}

#checkout table td .quantity {
	width: 30px;
}

#checkout .buttons {
	width: 530px;
	margin: 10px;
}

#checkout .buttons .button2 {
	margin: 5px;
}

#checkout .totals {
	float: left;
	margin: 10px;
}

#checkout .promocode {
	float: right;
	margin: 10px;
}

#checkout .promocode .input1 {
	width: 100px;
}

#checkout .totals h4,
#checkout .promocode h4 {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #000000;
}

#checkout .promocode .promo_details {
	color: #cc0000;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	border: 1px solid #cc0000;
}

#checkout .empty_basket h2 {
	color: #000000;
}

#checkout .empty_basket {
	padding: 10px;
}

#checkout .address {
	float: right;
	margin: 10px;
}

#checkout .address h4 {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #000000;
}

/* STOCKISTS PAGE */

#stockists {
	color: #000000;
	padding: 10px;
}

#stockists #stockists_map_holder {
	width: 500px;
	height: 500px;
	margin: auto;
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
    text-align: center;
	background: #FFFFFF url("../images/ajax_loader.gif") 50% 50% no-repeat;
}

#stockists #stockists_map_holder #stockists_map {
	width: 100%;
	height: 100%;
}

#stockists h3 {
	margin: 30px 0 0 10px;
}

#stockists p {
	margin-bottom: 20px;
	padding-top: 5px;
}

#stockists .postcode {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0 5px 5px 10px;
	text-align: center;
}

#stockists .postcode .input1 {
	width: 70px;
	padding: 3px;
}

#stockists .postcode h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

#stockists .nearest_stockist {
	width: 140px;
	margin: 6px;
	float: left;
	padding: 5px;
	font-size: 100%;
	border: 1px solid #333333;
}

#stockists .nearest_stockist h4 {
	margin-top: 10px;
	text-align: right;
	font-size: 85%;
}

.google_popup {
	height:90px;
	color: #000000;
	font-size: 100%;
	text-align:left;
	white-space:nowrap;
}



/* SEARCH PAGE */

#search_results {
	color: #000000;
	padding: 5px 0 5px 10px;
	background: #FFFFFF;
}

#search_results .search_item {
	float: left;
	width: 165px;
	padding: 5px;
	margin: 3px;
	border: 1px solid #000000;
}

#search_results .search_item h2 {
	font-size: 85%;
	font-weight: bold;
	font-family: arial;
	color: #000000;
	margin-top: 5px;
}

#search_results .search_item .icon {
	margin-top:5px;
	float: right;
}

#search_results .search_item .view_details {
	margin: 5px;
	float: right;
	font-size: 70%;
	color: #000000;
	text-decoration: underline;
}

#search_results .search_item p {
	font-size: 90%;
	font-family: arial;
	margin-top: 3px;
}

#search_results .search_item p .price {
	font-weight: bold;
	font-size: 130%;
}

#search_results .search_form {
	margin: 10px;
}

#search_results .search_form .button1,
#search_results .search_form .select1 {
	font-size: 100%;
	font-weight: normal;
	background: #FFFFFF;
}

#search_results .search_form .button1 {
	padding: 1px 10px 1px 10px;
}


/* YOUR DETAILS */

#yourdetails {
	color: #000000;
	padding: 10px;
	background: #FFFFFF;
}

#yourdetails h2 {
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

#yourdetails h3 {
	color: #000000;
	font-size: 130%;
	margin-top: 20px;
}

#yourdetails h3 a {
	font-size: 70%;
	color: #000000;
}

#yourdetails h3 a:hover {
	text-decoration: underline;
}

#yourdetails p {
	margin-bottom: 10px;
}

#yourdetails .formitem {
	float: left;
	margin-top: 10px;
	margin-right: 50px;
	font-weight: bold;
	font-size: 90%;
}

#yourdetails .formitem .label {
	margin-bottom: 2px;
}

#yourdetails .formitem .input1 {
	width: 300px;
}

#yourdetails .formitem .textarea1 {
	width: 300px;
	height: 80px;
}

#yourdetails .button1 {
	margin-top: 10px;
}



/* ADMIN */

#admin {
	color: #000000;
	padding: 5px;
	background: #FFFFFF;
}

#admin #checkout {
	padding: 0;
}

#admin h2 {
	color: #000000;
	margin-bottom: 10px;
}

#admin h3 {
	color: #000000;
}

#admin .admin_links {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}

#admin .admin_table {
	width: 100%;
	margin-top: 20px;
}

#admin .admin_table th {
	border-bottom: 2px solid #000000;
}

#admin .admin_table td {
	padding: 5px;
}

#admin .admin_table .alt1 {
	background: #CCCCCC;
}

#admin .new_promo {
	margin: 20px 0;
	padding: 10px 0;
	text-align: right;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#admin .promo_code {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #000000;
}

#admin .promo_code .formitem {
	float: left;
	width: 250px;
	margin-bottom: 10px;
}

#admin .promo_code .formitem .label {
	margin-bottom: 2px;
}

#admin .promo_code .formitem .input1 {
	width: 100px;
}

#admin .promo_code .medium,
#admin .promo_code .formitem .medium { 
	width: 150px;
}

#admin .promo_code .long,
#admin .promo_code .formitem .long { 
	width: 360px;
}

#admin .login .formitem {
	margin-top: 10px;
}

#admin .login .formitem .label {
	font-weight: bold;
	margin-bottom: 2px;
}

#admin .login .formitem .input1 {
	width: 150px;
}

#admin .login .button1 {
	margin-top: 10px;
}




/* GENERIC PAGE CLASS */

#page_content {
	color: #000000;
	padding: 10px;
}

#page_content h2 {
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

#page_content h3 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

#page_content p {
	margin-bottom: 10px;
}

#page_content #accordion {
	margin: 20px 10px;
}

#page_content #accordion .header {
	cursor: pointer;
}

#page_content #accordion .help_topic {
	margin: 10px 0 10px 28px;
}

#page_content .contact_form .formitem {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
	font-weight: bold;
	font-size: 90%;
}

#page_content .contact_form .formitem .label {
	margin-bottom: 2px;
}

#page_content .contact_form .formitem .input1 {
	width: 180px;
}

#page_content .contact_form .formitem .subject {
	width: 420px;
}

#page_content .contact_form .formitem .content {
	width: 420px;
	height: 100px;
}

#page_content .contact_form .button1 {
	margin-top: 10px;
}

#page_content .contact_sent {
	color: green;
	margin: 10px 0;
	font-weight: bold;
}

/* ALTERATIONS */

#page_content .eyelets {
	float: right;
	padding: 0 0 30px 10px;
}

#page_content .alterations {
	margin: 0 auto;
	text-align: center;
}
