
/* =================== MAIN COLOURS USED THROUGHOUT ===================

main orange #f9b700
lighter orange #fee195
light orange #fff2be
red #cc6600

*/

/* =================== MAIN PAGE LAYOUT STYLES =================== */

* {margin:0;padding:0}

body {
	background-color:#e5e5e5;
	background-image: url(../../images/layout/body_bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#666;
}

#container {
	width:953px;
	margin: 0 auto;
	height:200px;
	background-color:#FFF;
}

#header {
	border-top: 4px solid #f9b700;
	margin: 0 3px;
	background: url(../../images/layout/header_bg2.gif) no-repeat top left;
}

#top_menu {
	height:25px;
	background: #d30305 url(../../images/layout/top_menu_bg.gif) no-repeat top left;
	margin-bottom:9px;
}

#left_column {
	width:173px;
	float:left;
}

#main_column {
	width:640px;
	float:left;
	overflow:hidden;
}

#right_column {
	width:139px;
	float:left;
}

#footer {
	clear:both;
	margin:0 0 5px 0;
	background-color:#efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

/* =================== CORE TEXT STYLES =================== */

a, a:Visited {
	color:#F90;
	text-decoration:none;
}

a:Hover {
	text-decoration:underline;
}

img {
	border:0;
}

h1 {
	font-size:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	color:#f9b700;
	padding:0;
	margin: 5px 0 7px 0;
}

h2 {
	font-size:1.3em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	color:#cc6600;
	padding:0;
	margin: 0 0 7px 0;
}

h2 a, h2 a:Visited {
	color:#cc6600;
}

h4 {
	font-size:1em;
}

p {
	margin: 0 0 10px 0;
}

#page p {
	margin-right:10px;
}

blockquote {
	margin-left:20px;	
}

.list {
	list-style-type:circle;
}

/* =================== SHARED TEXT STYLES =================== */

.item h4 {
	margin: 0;
}

.item p {
	margin: 4px 0 0 0;
}

.float_right {
	float:right;
	margin:0 11px 15px 15px;
}

.price_flash {
	background-image: url(../../images/layout/corner.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding:4px 0 0 4px;
	position:absolute;
	width:60px;
	height:60px;
	margin-top:0px;
	clear:both;
	z-index:1;
}

.offer_flash {
	background-image: url(../../images/layout/corner_offers.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px;
	position:absolute;
	width:45px;
	height:45px;
	margin-top:0px;
	clear:both;
	z-index:1;
}

.small {
	font-size:0.9em;	
}

.large {
	font-size:1.1em;	
}

.larger {
	font-size:1.4em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.code {
	color:#f9b700;
	font-size:0.9em;
}

ol li {
	margin:0px 10px 5px 30px;
}

ol {
	margin:10px 0;
}

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

#logo {
	float:left;
	width:465px;
	height:72px;
}

#logo img {
	width:465px;
	height:72px;
}

#search {
	background:#f9b700 url(../../../images/layout/search_bg_left.gif) no-repeat top left;
	height:26px;
	width:190px;
	float:right;
	color:#FFF;
	margin:0;
	overflow:hidden;
}

#mini_basket {
	background:#f9b700 url(../../../images/layout/search_bg_right.gif) no-repeat top right;
	height:26px;
	float:right;
	color:#FFF;
	margin:0;
	overflow:hidden;
}

#gap {
	background:#f9b700 url(../../../images/layout/search_bg_gap.gif) no-repeat top right;
	height:26px;
	width:51px;
	float:right;
	color:#FFF;
	margin:0;
	overflow:hidden;
}

#header form {
	padding: 0 10px 0 12px;
	margin:0;
}

#header input.searchbox {
	width:155px;
	border:1px solid #f9b700;
	font-size:1em;
	height:17px;
	padding:2px;
	margin-top:1px;
}

#header .button {
	float:right;
	position:absolute;
	padding-right:8px;
}

#header #basket_items {
	padding: 5px 10px 0 7px;
	float:left;
}

#basket_items a {
	color:#fff;
	cursor:pointer;
}

#mini_basket img {
	padding-right:5px;
}

/* =================== TOP MENU STYLES =================== */


#top_menu ul {
	padding:0;
	margin:0 0 0 15px;;
}

#top_menu li
{
	display: inline;
	list-style-type: none;
}

#top_menu a {
	display:block;
	color:#FFF;
	padding:5px 15px 0 15px;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.1em;
}
#top_menu .last {

}
#top_menu a:Hover {
	text-decoration:underline;
}

/* =================== LEFT COLUMN STYLES =================== */

#category_nav, #brand_nav, #newsletter_signup {
	background: url(../../images/layout/lh_col_widget_bg.gif) no-repeat bottom left;
	width:166px;
	padding-bottom:4px;
	margin-bottom:7px;
}

#category_nav h3, #brand_nav h3, #newsletter_signup h3 {
	margin:0 3px;
	padding:4px 0 4px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
}

#category_nav h3 {
	background: #f9b700 url(../../images/layout/corner_green.gif) no-repeat top right;
}

#category_nav ul {
	padding:0;
	margin:4px 8px 3px 8px;
}

#category_nav ul ul {
	margin:0;
	padding: 4px;
	background-color:#efefef;
}

#category_nav li, #brand_scroller li
{
	list-style-type: none;
}

#category_nav ul a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:4px;
	background-image: url(../../images/layout/nav_bullet_grey.gif);
	background-position: right 10px;
	background-repeat:no-repeat;
}

#category_nav ul ul a {
	display:block;
	color:#666;
	text-decoration:none;
	padding:4px 0 4px 14px;
	background-image: url(../../images/layout/nav_bullet_orange.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

#category_nav ul .selected {
	background-color:#fff;
	background-image:none;
}

#category_nav ul ul .selected, #category_nav ul ul a:Hover {
	background-color:#fff;
	background-image: url(../../images/layout/nav_bullet_orange.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

#category_nav a:Hover {
	background-color:#efefef;
	background-image:none;
}

#brand_nav h3 {
	background: #f9b700 url(../../images/layout/corner_blue.gif) no-repeat top right;
}

#brand_nav ul {
	padding:5px 0 0 5px;
	margin:0 4px 0 4px;
	height:500px;
	overflow:auto;
}

#brand_nav li {
	margin:0;
	padding:0;
}

#brand_nav img {
	width:131px;
	height:44px;
	border:1px solid #d5d5d5;
	margin-bottom:3px;
}

#newsletter_signup h3 {
	background: #f9b700 url(../../images/layout/corner_red.gif) no-repeat top right;
}

#newsletter_signup form {
	padding: 5px 0 5px 5px;
	margin: 0 3px 0 4px;
}

#newsletter_signup form p {
	margin: 0 0 5px 0;
}

#newsletter_signup input.text {
	border:1px solid #d5d5d5;
	width:110px;
	margin:0 4px 2px 0;
	padding:0;
}

/* =================== MAIN COLUMN STYLES =================== */

#breadcrumbs {
	margin:0 10px 8px 1px;
	background-color:#EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#breadcrumbs a {
	display:block;
	padding:4px 18px 4px 4px;
	margin:0 6px 0 0;
	background:url(../../images/layout/breadcrumb_separator.gif) no-repeat center right;
	color:#555;
	font-size:0.9em;
	float:left;
}

#breadcrumbs .last {
	background-image:none;
}

#gallery {
	background: url(../../images/layout/gallery_bg.gif) no-repeat top left;
	padding:1px 3px 3px 2px;
	margin-bottom:7px;
}

#sale {
	background: url(../../images/layout/sale_bg.gif) no-repeat top left;
	padding:1px 3px 3px 2px;
	margin-bottom:7px;
}

#star_items, #featured_items, #all_ranges {
	background: url(../../images/layout/main_col_widget_bg.gif) no-repeat bottom left;
	width:641px;
	margin-bottom:7px;
	padding-bottom:1px;
}

#star_items h3, #featured_items h3, #all_ranges h3 {
	margin:0 11px 0 1px;
	padding:4px 0 4px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
}

#star_items h3 {
	background: #f9b700 url(../../images/layout/corner_red.gif) no-repeat top right;
}

/* =================== PAGINATION STYLES =================== */

#pagination {
	margin:0 10px 8px 1px;
	padding-bottom:1px;
	clear:both;
}

#pagination a {
	display:block;
	padding:2px 4px;
	margin:2px 4px 2px 0;
	font-size:0.9em;
	float:left;
	border:1px solid #fee195;
}

#pagination a:Hover {
	border:1px solid #f9b700;
	text-decoration:none;
}

#pagination a.selected {
	background-color:#f9b700;
	color:#FFF;
}

#pagination a.disabled {
	color:#fee195;
	border:1px solid #fff2be;	
}

#sorting_links {
	float:right;
}

#sorting_links a {
	margin:2px 0 2px 4px;
}

/* =================== HOMEPAGE STYLES =================== */

#sale-container	{ width:627px; height:330px; position:relative; margin:0; }
#slideshow-container	{ width:627px; height:246px; position:relative; margin:0; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

.toc          { position:absolute; left:0; bottom:20px; z-index:2; display:none; width:12px; background:#6D84B4; color:#fff; text-align:center; padding:3px; text-decoration:none; }
.toc-active        { background:#fff; color:#6D84B4; }
#next          { position:absolute; bottom:10px; right:10px; z-index:2; display:block; width:12px; background:#000; color:#fff; text-align:center; padding:1px 3px 3px 3px; text-decoration:none; }
#previous        { position:absolute; bottom:10px; right:38px; z-index:2; display:block; width:12px; background:#000; color:#fff; text-align:center; padding:1px 3px 3px 3px; text-decoration:none; }


#home_promo_1 {
	background: url(../../images/layout/home_promo_1_bg.gif) no-repeat bottom left;
	width:313px;
	height:332px;
	overflow:hidden;
	margin:0 7px 7px 0;
	padding-bottom:1px;
	float:left;
}

#home_promo_2, #home_promo_3 {
	background: url(../../images/layout/home_promo_2_bg.gif) no-repeat bottom left;
	width:313px;
	height:162px;
	overflow:hidden;
	margin:0 0 7px 0;
	padding-bottom:1px;
	float:left;
}

#home_promo_1 img, #home_promo_2 img, #home_promo_3 img  {
	padding:2px 0 0 2px;
}

#all_ranges h3 {
	background: #f9b700 url(../../images/layout/corner_red.gif) no-repeat top right;
}

#list_all_ranges {
	width:611px;
	margin: 8px 19px 15px 10px;
	font-size:0.8em;
}

#list_all_ranges li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#list_all_ranges ul {
	width:150px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
}

#list_all_ranges ul ul {
	margin:0;
	padding:0;
}

#list_all_ranges .grey {
	color:#666;
}

/* ===== SHOW CATS/SUBCATS STYLES ===== */

.catlist {
	margin:0 7px 6px 0;
	background: url(../../images/layout/category_widget_bg.gif) no-repeat bottom left;
	float:left;
	width:121px;
}

.catlist h3 {
	margin:0 4px 0 1px;
	padding:4px 17px 4px 4px;
	height:27px;
	color:#FFF;
	text-transform:none;
	font-weight:normal;
	font-size:1em;
	background-color:#f9b700;
	background-repeat:no-repeat;
	background-position:top right;
}

.green {
	background-image: url(../../images/layout/corner_green.gif);
	background-repeat:no-repeat;
	background-position:top right
}

.blue {
	background-image: url(../../images/layout/corner_blue.gif);
	background-repeat:no-repeat;
	background-position:top right
}

.red {
	background-image: url(../../images/layout/corner_red.gif);
	background-repeat:no-repeat;
	background-position:top right
}

.catlist img {
	padding:8px 13px 11px 10px;
	width:99px;
	height:99px;
}

.manuflist {
	margin:0 8px 7px 0;
	background: url(../../images/layout/manufacturer_widget_bg.gif) no-repeat bottom left;
	float:left;
	width:205px;
}

.manuflist h3 {
	margin:0 3px 0 1px;
	padding:4px 17px 4px 4px;
	height:14px;
	overflow:hidden;
	color:#FFF;
	text-transform:none;
	font-weight:normal;
	font-size:1em;
	background-color:#f9b700;
	background-repeat:no-repeat;
	background-position:top right;
	background-image: url(../../images/layout/corner_blue.gif);
}

.manuflist img {
	padding:0px 5px 4px 2px;
	width:200px;
	height:70px;
}

/* ===== SHOW PRODUCTS STYLES ===== */

#page_header {
	background: url(../../images/layout/main_col_orange_widget_bg.jpg) no-repeat bottom left;
	width:641px;
	margin-bottom:8px;
	padding-bottom:1px;
}

#page_header h1 {
	margin:0 11px 0 1px;
	padding:4px 0 4px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
	background-color:#f9b700;
	background-repeat:no-repeat;
	background-position:top right;
	font-family:Verdana, Geneva, sans-serif;
}

#header_thumb {
	margin:8px 0 9px 10px;
	float:left;
	padding:7px;
	background-image: url(../../images/layout/70_percent_white.png);
	border:1px solid #CCC;
}

#header_thumb img {
	width:99px;
	height:99px;
	background-image: url(../../images/layout/50_percent_white.png);
}

#header_thumb img.smaller_icon {
	width:50px;
	height:50px;
	background-image: url(../../images/layout/50_percent_white.png);
}

#header_thumb .logo {
	width:200px;
	height:70px;
}

#header_description {
	padding:9px 0 10px 1px;
	width:485px;
	margin-left:134px;
}

#smaller_description {
	padding:9px 0 10px 1px;
	width:535px;
	margin-left:84px;
}

.productlist {
	margin:0 6px 7px 0;
	background: url(../../images/layout/product_widget_bg.gif) no-repeat bottom left;
	float:left;
	width:154px;
}

.productlist, .productlist_fourth {
	height:282px;
}

.productlist h3, .productlist_fourth h3 {
	margin:0 3px 0 1px;
	padding:4px 17px 4px 4px;
	height:40px;
	overflow:hidden;
	color:#FFF;
	text-transform:none;
	font-weight:normal;
	font-size:1em;
	background-color:#f9b700;
	background-repeat:no-repeat;
	background-position:top right;
}

.productlist .thumb, .productlist_fourth .thumb {
	padding:5px 7px 5px 7px;
	width:138px;
	height:138px;
}

.productlist .icons, .productlist_fourth .icons {
	margin: 0 4px 4px 2px;
	padding:3px 0 0 5px;
	background-color:#efefef;
}


.productlist .list_btn, .productlist_fourth .list_btn {
	margin: 0 0 4px 7px;
}


.productlist .icons img, .productlist_fourth .icons img {
	padding:0;
	margin:0;
	width:24px;
	height:24px;
}

.productlist_fourth {
	margin:0 0 7px 0;
	background: url(../../images/layout/product_widget_bg.gif) no-repeat bottom left;
	float:left;
	width:154px;
}

.productlist p, .productlist_fourth p {
	margin: 0 0 5px 7px;
}

.productlist .price_flash, .productlist_fourth .price_flash, .productlist .offer_flash, .productlist_fourth .offer_flash {
	margin-left:7px;
	margin-top:5px;
}

.productlist .rrp, .productlist_fourth .rrp {
	float:left;
	margin: 0 0 10px 7px;
}

.productlist .our_price, .productlist_fourth .our_price {
	float:right;
	margin: 0 9px 5px 0;
	font-size:1.3em;
	text-align:right
}

.productlist .make_offer, .productlist_fourth .make_offer {
	font-size:0.7em;
	color:#F90;
	font-weight:normal;
}

.productlist .req, .productlist_fourth .req {
	float:right;
	margin: 0 9px 5px 0;
}


/* ===== PRODUCT DETAIL PAGE STYLES ===== */

#product_detail {
	background: url(../../images/layout/main_col_orange_widget_bg.jpg) no-repeat bottom left;
	width:641px;
	margin-bottom:7px;
	padding-bottom:1px;
}

#product_detail h1 {
	margin:0 11px 0 1px;
	padding:4px 0 4px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
	background: #f9b700 url(../../images/layout/corner_blue.gif) no-repeat top right;
	font-family:Verdana, Geneva, sans-serif;

}

#product_detail #thumbnail {
	background-image: url(../../images/layout/70_percent_white.png);
	border:1px solid #CCC;
	text-align:center;
	width:156px;
	margin: 9px 0 11px 11px;
	float:left;
	padding-bottom:4px;
}

#product_detail #thumbnail .thumb {
	width:138px;
	height:138px;
	padding:8px 10px 5px 9px;
}

#product_detail #thumbnail .mini_thumb {
	height:60px;
	padding:8px 10px 5px 9px;
	float:left;
}

#product_info, #product_links {
	margin: 9px 21px 10px 178px;
}

#product_info .details {
	background-image: url(../../images/layout/70_percent_white.png);
	padding: 10px;
	border:1px solid #CCC;
}

#product_icons {
	margin-top:15px;
}

#product_links .link {
	width:124px;
	float:left;
	margin:0 0 10px 0;
	background-image: url(../../images/layout/70_percent_white.png);
	padding: 5px 7px;
	border:1px solid #CCC;
}

#product_links .link img {
	width:32px;
	height:32px;
	float:left;
	margin-right:10px;
}

#product_info .details h2 {
	background:none;
	padding:0;
	margin:0 0 10px 0;
	color:#666;
	text-transform:none;
	font-weight:bold;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
}

#product_info .details p {
	padding:0;
	margin:0 0 10px 0;
}

#product_info label {
	float:left;
	width:8em;
	margin-top:2px;
}

#product_info select {
	margin-bottom:4px;
	padding:0;
}

.our_price {
	color:#cc6600;
	font-weight:bold;
	font-size:1.1em;
}

/* =================== RIGHT COLUMN STYLES =================== */

#free_delivery {
	background: url(../../images/layout/free_delivery_bg.gif) no-repeat top left;
	width:140px;
	height:119px;
	text-indent:-10000px;
	display:block;
	margin-bottom:8px;
}

.promo_right {
	width:140px;
	display:block;
	margin-bottom:7px;
}

#recently_viewed, #my_favourites {
	background: url(../../images/layout/rh_col_widget_bg.gif) no-repeat bottom left;
	width:140px;
	margin-bottom:7px;
	padding-bottom:1px;
}

#recently_viewed h3, #my_favourites h3 {
	margin:0 3px 0 1px;
	padding:4px 0 4px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
}

#recently_viewed h5, #my_favourites h5 {
	margin:0 3px 0 1px;
	padding:0 0 10px 8px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:0.9em;
}

#right_column h5 a {
	color:#666;
}

#recently_viewed h3 {
	background: #f9b700 url(../../images/layout/corner_green.gif) no-repeat top right;
}

#my_favourites h3 {
	background: #f9b700 url(../../images/layout/corner_red.gif) no-repeat top right;
}

#right_column .item {
	margin: 8px 14px 10px 10px;
	font-size:0.9em;
	width:118px;
}

#right_column .item img {
	width:118px;
	height:118px;
	margin: 0 0 5px 0;
}

.item .our_price {
	font-size:1.2em;
}

/* ===== BASKET STYLES ===== */

.basket_table {
	margin:0 8px 8px 0;
	width:632px;
}

.basket_table th,.basket_table td {
	padding:4px;
	margin:0;
}

.basket_table thead {
	margin:0;
	border:0;
	padding:0;
}

.basket_table th {
	font-weight:normal;
	border:0;
}

.basket_table thead tr {
	padding:4px 0 0 4px;
	border:0;
	margin-bottom:0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.1em;
	background-color: #f9b700;
	text-align:left;
}

.basket_table .last {
	background: #f9b700 url(../../images/layout/corner_red.gif) no-repeat top right;
}

.basket_table td {
	background-color:#fff2be;
}

.basket_table .mini_thumb {
	width:50px;
	height:50px;
}

.basket_table tfoot td {
	background-color:#fee195;
	font-weight:bold;
}

.basket_table .update {
	display:inline-block;
	border:0;
	background:transparent;
	color:#F90;
	cursor:pointer;
}

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

#footer a {
	padding:4px 18px 4px 4px;
	margin:0;
	color:#555;
	font-size:0.9em;
}

.error {
	color:#F00;
}
