/* ###### BASE STYLES ###### */
body {
	margin: 0px 0px 30px 0px;
	padding: 0px;

	font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.33em;
	
	color: #231f20;	
	background-color: #ffffff;
	background-image: url(images/index_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
div#site {
	width: 1004px;
	margin: 0px auto 0px auto;
}
div#background {
	float: left;
	width: 100%;
	
	background-position: bottom left;
	background-repeat: no-repeat;
}

img { border: 0; }

div { text-align: left; }

h2, h1 {
	font-family: arial;
	font-weight: normal;
}
h1 { font-size: 1.83em; }
h2 { font-size: 1.67em; line-height: 1.33em; }

h1 span.sub_text { font-size: 0.81em; }
h2 span.sub_text { font-size: 0.90em; }



ul { list-style: none; }
ul li {
	padding: 0px 0px 0px 10px;
	background-image: url(images/bullet.jpg);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

a {
	color: #231f20;
	background-color: transparent;
}
a:hover {
	color: #CF0072;
}
a.title {
	font-weight: bold;
	text-decoration: none;
}
a.title:hover {
	color: #000000;
	text-decoration: underline;
}
a.full_details,
a.full_details:hover { /* :hover is to prevent a bug in IE6 with the text disappearing when mouse over */
	display: block;
	width: 163px;
	height: 25px;
	padding: 11px 0px 0px 0px;
	
	color: #ffffff;
	background-image: url(images/view_colours.gif);
	background-repeat: no-repeat;
	
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

table { line-height: 1.33em; }



.size_9 { font-size: 0.75em; }
.size_11 { font-size: 0.92em; }
.size_14 { font-size: 1.17em; }
.size_18 { font-size: 1.50em; }
.blue { color: #41b3f7; }
.pink { color: #CF0170; }
.small_print { font-size: 0.83em; }






/* ###### LEFT CHANNEL ###### */
div#left_channel {
	float: left;
	width: 227px;
}

/* ### Left Hand Menu ### */
ul#main_menu,
ul#product_menu {
	margin: 0px 0px 0px 65px;
	padding: 0px;
	
	font-family: arial;
	list-style: none;
}
ul#main_menu li,
ul#product_menu li { background-image: none; padding: 0px; }
ul#product_menu li { margin-bottom: 5px; }
ul#main_menu li a,
ul#product_menu li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.08em;
}
ul#main_menu li a:hover,
ul#product_menu li a:hover {
	text-decoration: underline;
}

ul#main_menu { margin-top: 30px; }
ul#main_menu li a {
	color: #cf0170;
	background-color: #ffffff;
}

ul#product_menu { margin-top: 20px; }
ul#product_menu li a {
	color: #404040;
	background-color: #ffffff;
}




/* ###### RIGHT CHANNEL ###### */
div#right_channel {
	float: right;
	width: 777px;
}

/* ### Account Login ### */
div#trade_login {
	float: right;
	margin: 35px 53px 0px 0px;
	
	font-weight: bold;
	font-size: 1.08em;	
}
div#trade_login a {
	color: #cf0170;
}

/* ### Top Content ### */
div#top_content {
	float: left;
	width: 100%;	
	margin-top: 11px;
}
div#top_content div.background {
	float: left;
	width: 100%;
	
	background-image: url(images/top_content_slice.gif);
	background-position: top;
	background-repeat: repeat-y;
}
div#top_content div.top {
	float: left;
	width: 100%;
	
	background-image: url(images/top_content_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}
div#top_content div.bottom {
	float: left;
	width: 100%;
	padding: 0px 0px 100px 0px;
	
	background-image: url(images/top_content_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#top_content div.content_top {
	float: left;
	width: 658px;
	height: 6px;
	margin-top: 20px;
	overflow: hidden;
	
	background-image:url(images/content_box_top_grey.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
div#top_content div.content_main {
	float: left;
	width: 618px;
	padding: 0px 20px 0px 20px;
	
	line-height: 1.75em;
	
	background-image: url(images/content_box_bg_grey.gif);
	background-position: center;
}
div#top_content div.content_bottom {
	height: 6px;
	
	background-image: url(images/content_box_bottom_grey.gif);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
}


/* ### Main Content ### */
div#main_content {
	float: left;
	width: 100%;
	margin-top: -30px;
}

/* ### General Content ### */
div.content_box,
div.general_content {
	float: left;
	width: 658px;
	margin: 0px 0px 0px 80px;
}
div.general_content {
	line-height: 1.75em;
}

/* ### Display Products ### */
ul#product_list,
ul#product_list li.product {
	float: left;
	margin: 0px;
	padding: 0px;
	
	background: none;
}
ul#product_list {
	margin: 0px 0px 0px 5px;
	width: 658px;
	list-style: none;
}
ul#product_list.border_box {
	margin: 0px 0px 0px 0px;
}
/* ul#product_list.border_box li.product { margin: 0px; } */
ul#product_list li.product {
	margin-bottom: 20px;
}
h2.product_title {
	margin: 0px;
	color: #636363;
	font-size: 1.81em;
}
img.product_img {
	float: left;
	width: 207px;
	margin-right: 20px;
}
div.product_desc {
	float: left;
	width: 403px;
}
div.border_box_top {
	float: left;
	width: 658px;
	height: 6px;
	
	background-image: url(images/border_box_top.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	
	overflow: hidden;
}
div.border_box_content {
	float: left;
	width: 618px;

	background-image: url(images/border_box_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	padding: 0px 20px;
}
div.border_box_content div.product_desc {
	width: 390px;
}
div.border_box_bottom {
	float: left;
	width: 658px;
	height: 7px;
	
	background-image: url(images/border_box_bottom.gif);
	background-position: top center;
	background-repeat: no-repeat;
	
	overflow: hidden;
}
div.loader {
	float: none;
	display: none;
	position: absolute;
	margin: 100px 0px 0px 250px;
	padding: 23px 0px 0px 0px;
	width: 100px;
	height: 45px;
	
	border: 1px solid #636363;
	color: #CF0170;
	background-color: #ffffff;
	text-align: center;
	
	font-weight: bold;
	font-size: 1.5em;
}

/* ### Shopping Cart ### */
table#cart_table {
	margin: 0px 0px 20px 0px;
}
table#cart th {
	font-size: 1.17em
}
table#cart td.title a {
	text-decoration: none;
	color: #CF0170;
	background-color: #ffffff;
} table#cart td.title a:hover { text-decoration: underline; }
table#cart td#del_price,
table#cart td#cart_total,
table#cart td#cart_vat,
table#cart td#grand_total,
table#cart td.sub_total {
	color: #41b3f7;
	background-color: #ffffff;
	font-weight: bold;
}
table#cart th.sub_heading {
	font-size: 1.08em;
	text-align: right;
}




/* ###### PAGE SPECIFIC STYLES ###### */

/* ### index.php ### */
div#index_header {
	float: right;
	margin: 20px 45px 0px 0px;
	width: 657px;
}
div#index_header img {
	float: left;
}

/* ### Plotter Films ### */
/* These styles apply to:
	- store_plotter.php
	- store_plotter_details.php
*/
div.buttons {
	float: left;
	width: 100%;
}
div.view_colours {
	float: right;
	width: 220px;
	height: 25px;
	margin: 10px 12px 0px 0px;
	padding: 13px 0px 0px 15px;
	
	color: #ffffff;
	font-weight: bold;
	
	background-image: url(images/view_colours.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
div.order_swatch {
	float: right;
	width: 100px;
	height: 25px;
	margin: 10px 64px 0 0;
	padding: 13px 0px 0px 15px;
	
	color: #ffffff;
	font-weight: bold;
	
	background-image: url(images/order_swatch.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.view_colours a,
div.order_swatch a {
	color: #ffffff;
	text-decoration: none;
}
div.available_colours {
	float: left;
	width: 316px;
	
	/* border: 1px solid red; */
}
div.available_colours div.colour {
	float: left;
	width: 85px;
	margin: 0px 20px 8px 0px;
	
	/* border: 1px solid green; */
}
div.verso_cart_container {
	float: left;
	width: 297px;
	
	/* border: 1px solid blue; */
}
div.verso_cart_container div.cart_add {
	float: left;
	width: 100%;
	height: 40px;
	display:none;
}
div.verso_cart_container div.cart {
	margin: 10px 0px 10px 0px;
	float: left;
	width: 100%;
}
/*
div.verso_cart_container div.cart a {
	color: #231F20;
	text-decoration: none;
} div.verso_cart_container div.cart a:hover {
	text-decoration: underline;
}*/
div.verso_cart_container div.cart a.nav {
	color: #CF0072;
	text-decoration: none;
} div.verso_cart_container div.cart a.nav:hover {
	text-decoration: underline;
}
div.verso_cart_container div.cart div.cart_background {
	float:left;
	width: 275px;
	
	padding: 13px 11px 10px 11px;
	background-image: url(images/cart_background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div.price_table {
	float: right;
	width: 297px;
	/*padding: 0 11px;*/
}
div.price_table table{
	width:100%;
}
div.price_table th {
	color: #CF00A5;
}




/* ##### FORM STYLES ##### */
th.header {
	padding-top: 15px;
	color: #CF0170;
	background-color: #ffffff;
	
	font-weight: bold;
}
.form_error {
	color: #ff0000;
	font-weight: bold;
}
span.required { color: #CF0170; background-color: #ffffff; }
input.ele_err,
textarea.ele_err,
select.ele_err {
	background-color: #F6C3DE;
}





/* ##### FOOTER ##### */
div#footer {
	float:right;
	width: 647px;
	margin: 20px 25px 20px 0px;
	padding: 10px 26px 0px 26px;
	
	color: #636363;
	background-color: #ffffff;
	
	font-size: 0.83em;
	
	background-image: url('images/footer_bg.gif');
	background-position: top;
	background-repeat: no-repeat;
}
div#footer a {
	color: #636363;
	background-color: #ffffff;
	
	text-decoration: none;
}
div#footer a:hover { text-decoration: underline; }
div#footer span#links {
	display: block;
	float: left;
}

div#footer span#tjs {
	display: block;
	float: right;
}



/* ##### RELATED PRODUCTS ##### */
ul#related_products {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#related_products li {
	float: left;
	width: 100%;
	padding: 0px;
	margin-bottom: 30px;
	background-color: none;
}
ul#related_products li img {
	float: left;
}
ul#related_products li div {
	float: right;
	width: 480px;
	margin: 0px 0px 0px 10px;
}

ul#newsMenu {
	list-style: none;
	background-image: none;
	margin:0;
	padding:0 0 10px 10px;
}
ul#newsMenu li a {
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
ul#newsMenu a:hover,
ul#newsMenu a.selected {
	color: #CF008C;
}

ul#newsArticles {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#newsArticles li {
	background-image: none;
	padding: 0 0 25px 0;
}
ul#newsArticles h2 {
	margin: 0 0 5px 0;
	font-size: 1.33em;
	font-weight: bold;
}
ul#newsArticles p.date {
	margin: 0 0 3px 0;
	color: #CF008C;
}