﻿html
{
	font: small/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
}

body 
{
	font-size:92%;
	width:916px;
	text-align:left;
	margin: 0 auto;
	background-image: url(images/page_bg.png);
}

form
{
	padding:0;
	margin:0;
	font-size:.9em;
}

.validation
{
	position:absolute;
}
.centered{
	text-align:center;
}





ol{
	list-style:none;
	padding:0;
	margin:0;
}

img{
	padding:0;
	margin:0;
	border:none;
}

.float_left{
	float:left;
}

h1, h2, h3{
	margin:0;
	padding:0;
}

h1{
	color:#000;
	font-size:2em;
}
h1.black
{
	color:#000;
}
h2{
	font-size:1.5em;
}



/* Header */
#header
{
	height:101px;
	/*position:relative;*/
	border-bottom:thin solid #000;
	border-width:1px;
	background: url(images/header.jpg) no-repeat #fff center top;
}
#header a.home_link
{
	float:left;
	margin:8px 0 0 13px;
	width:400px;
	height:80px;
}
#main #header{
	background: url(images/header_main.jpg) no-repeat #fff center top;
}
#header h1{
	display:none;
}
#header div#cart{
	float:right;
	color:#11527e;
	margin:2px 3px 0 0;
}
div#cart a, div#cart a:link, div#cart a:visited
{
	text-decoration:none;
	color:#11527e;
	cursor: hand;
}

#header #account_logout
{
	float:right;
	clear:right;
	margin:35px 5px 0px 0px;
	text-align:right;
	color:#fff;
	font-weight:700;
}
#account_logout a, #account_logout a:link, #account_logout a:visited
{
	color:#fff;
	text-decoration:none;
}

#account_logout p
{
	padding:0 0 4px 0;
	margin:0;
}

#cart img{
	margin:7px 0 0 0;
}

#cart .count{
	border: thin solid #11527e;
	border-width:1px;
	color:#d13848;
	font-size:1em;
	float:left;
	padding: 2px 3px;
	margin:7px 12px 0 0;
	line-height:1em;
	font-weight:700;
}

#cart p{
	float:left;	
	margin:0;
	padding:0;
}


/* Home PAGE */
#login_screen
{
	background: url(images/background.jpg) no-repeat 0px 0px;
	float:left;
	width:100%;
	border-bottom:thin solid #000;
	border-width:1px;
}

#login_screen #tag_lines
{
	width:450px;
	padding:270px 0 0 50px;
	float:left;
}

#login_screen #tag_lines h3, #login_screen #tag_lines h4, #login_screen #tag_lines h5
{
	color:#eee;
	margin:0 0 3px 0;
	font-weight:500;
	font-style:italic;
}
#login_screen #tag_lines h3
{
	font-size:3.5em;
	line-height:1em;
}
#login_screen #tag_lines h4
{
	font-size:1.5em;
}
#login_screen #tag_lines h5
{
	font-weight:700;
	font-size:1.6em;
	margin:10px 0 0px;
}
#login_screen #tag_lines h6 a, #login_screen #tag_lines h6 a:link, #login_screen #tag_lines h6 a:visited
{
	color:#eee;
	font-weight:700;
	font-size:1.5em;
	margin:0px 0 5px;
}


#register_login
{
	/* background: url(images/login_background.png) no-repeat center top; */
	width:40%;
	padding:0;
	margin:20px 20px 0 0;
	display:block;
	float:right;
	clear:right;
	color:#fff;
	overflow:visible;
}


#register_login a, #register_login a:link, #register_login a:visited{
	color:#11527e;
}

a.hpButton{
	float:left;
	background: url(images/hpButton.png) no-repeat;
	padding:2px 0;
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:0.9em;
	width:74px;
	height:15px;
	text-transform:uppercase;
	text-decoration:none;
}

a.hpButton:hover{
	text-decoration:underline;
}

#register_login a.hpButton
{
	color:#fff;
}

#register_login #register
{
	background:url(images/registration_background.png) no-repeat top center;
	float:right;
	clear:right;
	display:block;
	margin:0;
	padding:10px 0;
	width:100%;	
	height:269px;
}

#register_login h2{
	color: #FFF;
	font-size:2em;
	padding:0;
	font-style:italic;
	margin:0 0 5px 0;
	text-align:center;
}
#register_login p{
	margin:0;
	padding:0;
	font-weight:500;
	line-height:1.2em;
	font-size:.8em;
	color:#000;
}

#register_login ol{
	margin: 3px 0 0;
	float:left;
	clear:both;
	width:100%;
}

#register_login li{
	float:left;
	padding: 4px 0 0;
	margin:0;
	width:100%;
	text-align:center;
}
#register_login .dropdown li
{
	float:none;
	padding:0;
	margin:0;
	width:auto;
	text-align:center;	
}
#register_login li span
{
	float:left;	
}
#register_login #register label{
	width:13em;
	float:left;
	padding:5px 3px 0 0;
	text-align:right;
	font-weight:700;
	color:#000;
	font-size:0.8em;
	letter-spacing:-0.5px;
	text-transform:uppercase;
}
#register_login .textbox{
	border:thin solid #11527E;
	border-width:0px;
	float:left;
	background:url(images/login_textbox.png) no-repeat;
	height:17px;
	width:144px;
	padding:4px 5px;
}

/* Login section */

#register_login #login{
	float:right;
	margin:10px 0 0;
	padding:10px 0;
	clear:right;
	width:100%;
	height:136px;
	background: url(images/login_background1.png) no-repeat top center;
}

#register_login #login h2{
	text-align:right;
}
#register_login #login .textbox{
	float:right;
	clear:left;
}
#register_login #login label{
	float:right;
	clear:left;
	padding:6px 6px 0 0;
	text-align:right;
	font-weight:700;
	color:#000;
	font-size:0.8em;
	letter-spacing:-0.5px;
	text-transform:uppercase;
}

#login_screen #footer{
	color:#fff;
	float:right;
	clear:both;
	padding:20px 25px 0px 25px;
	width:600px;
}

#login_screen #footer a, #login_screen #footer a:link
{
	color:#fff;
}

#login_screen #footer a:hover{
	text-decoration:underline;
}

#login_screen #footer p{
	font-size: 1em;
	text-align:right;
	padding:10px 0px 0px 0px;
}

#login_screen #footer p.links{
	font-size: 1.1em;
	text-align:right;
	padding: 15px 0 1px 0;
}




/* ------------- CONTENT ------------------- */

#content
{
	padding:0;
	margin:0;
	float:left;
	width:914px;
	border-left:thin solid #000;
	border-right:thin solid #000;
	border-width:1px;
	background-color: #fff;
}

#main #content{
	background: #e6e7e8;
}

#content #left_nav{
	float:left;
	display:block;
	width:212px;
	padding:10px 0 0 0;
	background: transparent;
	height:100%;
	font-size:.9em;
	overflow:hidden;
}

#left_nav #advsearch
{
	padding:0 8px 0 4px;
}

#left_nav div.box{
	padding:0 0 2px 0;
	float:left;
	width:100%;
}
#left_nav p{
	padding:0;
	margin:0;
}

#left_nav div.input_textbox
{
	background:url(images/left_nav_li_a.gif) no-repeat left top;
	display:block;
	padding:3px 0 4px;	
}
#left_nav input.textbox
{
	border:none;
	border-width:0;
	width:140px;
	text-align:left;
	margin-left:6px;
}

#left_nav .announce{
	color:#000;
	padding:2px 0;
}

#left_nav #sales_rep_box
{
	background: url(images/sales_rep_box.gif) no-repeat top left;
	padding:0  0 15px 10px;
	height:75px;
}
#left_nav #sales_rep_box h1
{
	display:none;
}
#sales_rep_box p.announce, #sales_rep_box p, #left_nav #sales_rep_box a, #left_nav #sales_rep_box a:link
{
	color:#fff;
}
#sales_rep_box p
{
	font-size:0.9em;
	padding:0 0 0 5px;
}
#sales_rep_box p.announce
{
	font-size:1.1em;
	padding:0 0 0px 0;	
}

#left_nav ul{
	padding:0;
	margin:0;
	list-style-position:inside;
	list-style-type:disc;
}

#left_nav a, #left_nav a:link, #left_nav a:visited{
	color:#000;
	text-decoration:none;
}
#left_nav a:hover{
	color:#d13848;
	text-decoration:underline;
}

#left_nav a.selected{
	color:#d13848;
}



#left_nav div.box h1
{
	color:#fff;
	font-weight:700;
	height:36px;
	width:170px;
	font-size:1.1em;
	line-height:33px;
	padding:0 8px 0 0;
	margin:0;
	text-align:center;
	background:url(images/left_nav_h1.gif) no-repeat;
	text-transform:uppercase;
}
#left_nav div.box .innerbox{
	padding:3px 0px;
	font-weight:700;
	color:#999;
	float:left;
}

#left_nav div.box .innerbox ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#left_nav div.clearance h1
{
	color:#fff;
	font-weight:700;
	height:36px;
	width:170px;
	font-size:1.05em;
	line-height:33px;
	padding:0 8px 0 0;
	margin:0;
	text-align:center;
	background:url(images/left_nav_clearance.gif) no-repeat;
	text-transform:uppercase;
}
#left_nav div.clearance a, #left_nav div.clearance a:link, #left_nav div.clearance a:visited
{
	color:#fff;
}
#left_nav div.clearance a:hover
{
	color:#fff;
	text-decoration: underline;
}

.innerbox ul li
{
	margin:0;
	padding:2px 0;
	float:left;
}
#left_nav .innerbox li a, #left_nav .innerbox li a:link
{
	background:url(images/left_nav_li_a.gif) no-repeat left top;
	padding:0 0 0 6px;
	margin:0;
	height:25px;
	line-height:23px;
	display:block;
	text-align:left;
	width:150px;
	color:#000;
	float:left;
}

/*#left_nav div.seasonal h1{	background:url(images/seasonal_h1_nav.jpg) no-repeat;}
#left_nav div.seasonal .innerbox{
	border:thin solid #9bd1e9;
	border-top:none;
	border-width:1px;
}
*/
/*#left_nav div.exclusive h1{	background:url(images/exclusive_h1_nav.jpg) no-repeat;}
#left_nav div.exclusive .innerbox{
	border:thin solid #ebdd81;
	border-top:none;
	border-width:1px;
}
*/
.item .featured_panel
{
	overflow:hidden;
	display:block;
	position:absolute;
	top:5px;
	right:5px;
}

.item .featured_panel a
{
	display:block;	
}

#left_nav .featured_panel
{
	text-align:center;
}

#product .featured_panel
{
	
	text-align:center;
}

#product .featured_panel img
{
	width:auto;
	height:auto;
	margin:4px;
	float:none;
}


.featured_panel img.pad_me
{
	padding: 2px 0px;
	vertical-align:middle;
}


#content #right_content{
	width:702px;
	padding: 0px 0 15px 0;
	float:left;
	color:#000;
	font-weight:500;
	min-height:700px;
}

#right_content .full_width
{
	float:left;
	width:97%;
}

#right_content .full_width .details
{
	float:left;
	width:40%;
	padding:0 5% 0 5%;
	font-size:0.8em;
}
.full_width .details label
{
	padding: 0 5px 0 0;
	color:#666;
}
.full_width .details span
{
	display:inline-block;
}

#right_content div.column{
	float:left;
	width:300px;
	clear:none;
	padding:20px 17px 0;
	text-align:center;
}
#right_content p{
	padding:5px 0;
	margin:0;
}

#right_content .listing
{
	float:left;	
	padding:0 0 0px 3px;
}

#right_content a, #right_content a:link, #right_content a:visited
{
	color:#11527e;
	text-decoration:none;
}
f
#right_content a.underline
{
	text-decoration:underline;	
}

#right_content a:hover
{
	text-decoration:underline;
}


/* --------- CATEGORY ---------- */
#section_header, #subsection_header{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 10px;
}

#section_header .paging
{
	position:absolute;
	right:0;
	top:5px;
	text-align:right;
	color:#FFF;
	margin:0px 25px 0px 0;
	width:410px;
	font-size:0.8em;
}

#section_header .quote
{
	font-size: 0.8em;
	font-weight: 500; 
	text-align: right; 
	color: #F26922; 
	width: 500px;	
	float:right;
	margin:10px 20px 0 0;
}
div.numbers
{
	display:inline;
	margin:5px 0 0;
	text-align:right;
}

#section_header .paging div.numbers a,#section_header .paging div.numbers a:link,#section_header .paging div.numbers a:visited
{
	margin:0 5px;
	font-weight:500;
	display:inline;
}

#section_header .paging div.numbers a
{
	color:#fff;	
}

#section_header .paging div.numbers a.selected
{
	text-decoration:underline;
	/*border-bottom:thin solid #11527e;
	border-width:1px;*/
}
 #section_header .paging .per_page, #section_header .paging .sort
{
	display:inline;
	padding:0 10px 0 5px;
}

#section_header h1,#subsection_header h1
{
	background: url(images/title_bar.jpg) transparent no-repeat;
	margin: 10px 0 0 0px;
	padding:5px 20px 0;
	width:662px;
	height:27px;
	overflow:hidden;
	text-align:left;
	color:#FFF;
	font-size:1.5em;
	float:left;
	font-style:italic;
	position:relative;
}

#section_header h1.special
{
	background: url(images/title_bar_special.jpg) transparent no-repeat;
}   
#subsection_header h1
{
	background: url(images/tab_button.gif) transparent no-repeat;
	width:205px;
	height:25px;
	margin:0 0 0 0px;
	padding:7px 10px 0;
	font-size: 1.15em;
	font-style:italic;
	text-align:center;
	font-weight:700;
}

#subsection_header h1.inactive
{
	background: url(images/tab_button_inactive.gif) transparent no-repeat;
	color:#ddd;
}
#subsection_header h1.inactive a
{
	color:#fff;	
}

#section_header h1.left_aligned
{
	text-align:left;
}

#category div.item
{
	text-align:center;
	width:125px;
	height:140px;
	float:left;
	padding:0;
	margin:0 10px 20px 0;
	border:thin solid #000;
	border-width:1px;
	background:#fff;
	position:relative;
}

#category div.item img{
	/*margin: 5px 13px 5px 20px;*/
	/*border: thin solid #11527e;
	border-width:1px;*/
	margin:0;
	padding:0;
}

.img_link
{
	font-size:0px;
	line-height:1px;
	margin:0;
	padding:0;
}
#category div.item .img_link img
{
	padding:1px 0;	
}


#category div.item .details
{
	background:#d11241;	
	color:#fff;
	height:41px;
	padding:2px;
	margin:0;
	line-height:1.2em;
	float:left;
	width:121px;
	font-weight:700;
	overflow:hidden;
	cursor:hand;
}

#right_content div.item .details a, #right_content div.item .details a:link {color:#fff;}
div.item .details img
{
	margin:0;
}

div.item .details span
{
	float:left;
	width:100%;
}

div.item .name
{
	float:left;
	width:100%;
	height:26px;
	padding:2px 0 0 0;
	overflow:hidden;
}
div.item .details:hover span
{
	text-decoration:underline;
}

div.item .from
{
	color:#fff;
}

div.item:hover img{
	/*border-width:2px;
	margin: 4px 12px 4px 19px;*/
}
div.item:hover .details img
{
	margin:0;
}

div.item img:hover{
	border-width:2px;
}

/*---------- PRODUCT --------- */

div.right_panel
{
	float:right;
	width:260px;
	height:100%;
	padding:20px 0 10px 0;
	margin:0;
	z-index:100;
	color:#000;
}

div.right_panel h2
{
	width:100%;
	/*background: transparent URL(images/right_h2_top.png) no-repeat center top;*/
	background: #D11241;
	text-align:center;
	margin:0;
	padding:10px 0 0;
	font-size:1.3em;
	height:25px;
	color:#FFF;
}

div.right_panel #info
{
	width:100%;
	padding: 0;
	margin:10px 0;
	text-align:left;
	font-size:0.8em;
	font-weight:700;
	color:#00457c;
}

div.right_panel #colours, #quantity
{
	width:260px;
	/*border-left:thin solid #fff;
	border-bottom:thin solid #fff;
	border-width:1px;*/
	float:left;
}
#quantity
{
	text-align:left;	
}
#quantity p
{
	padding:2px 0;
}
#quantity h2
{
	margin:0 0 10px 0;	
}
#quantity .from
{
	font-size:1.1em;	
}
div.right_panel .colour_row
{
	float:left;
	clear:both;
	width:100%;
}

#right_content #quantity .add_to_cart
{
	background: url(images/add_to_cart.gif) no-repeat center center;
	width:142px;
	height:22px;
	padding:7px 0px 5px;
	display:block;
	font-size:1.1em;
	margin:0 auto;
	color:#fff;
	text-align:center;
	font-weight:700;
}

#colours a, #colours a:link, #colours a:visited
{
	padding:5px 0px;
	text-decoration:none;
	color:#11527e;
	text-align:center;
}

div.right_panel #colours .colour
{
	width:5.2em;
	float:left;
	margin:5px 3px;
	text-align:center;
	font-size:0.8em;
	color:#000;
}

#colours a:hover .colour_box
{
	border:thin solid #000;
	border-width:1px;
	cursor:hand;
}


#colours a:hover
{
	padding: 3px 0px 5px;
}

#colours .colour .colour_box
{
	height:2.9em;
	width:2.9em;
	border:thin solid #fff;
	border-width:0px;
	margin:0 auto 5px;
}

#colours .colour div.selected
{
	border-color:#000;
} 

div.left_panel
{
	width:418px;
	padding:20px 0 100px;
	border-right:thin solid #000;
	border-width:2px;
	float:left;	
}

#content div.left_panel a, div.left_panel a:link, div.left_panel a:visited
{
	color:#000;
}

div.left_panel #image_panel
{
	display:block;
	width:100%;
	margin:6px 0 0 0;
	text-align:center;
	float:left;
}
#image_panel img
{
	width:150px;
	height:150px;
	
}

.product_details
{
	float:left;
	width:378px;
	padding:0 20px 20px;
}


div.left_panel .product_details h6
{
	color:#000;
	font-size:1.2em;
	margin:20px 0 0;
}

#image_panel .mid_image_box
{
	
	margin: 3px 10px 3px 0;
}

#image_panel .details
{
	position:absolute;
	left:11em;
	top:1em;
}

.left_panel h1
{
	float:left;
	width:383px;
	background:#D11241;
	padding:5px 10px 4px 25px;
	height:auto;
	color:#fff;
	font-size:1.7em;
}

div.left_panel span.description
{
	margin:0 10px 0 0;
	display:block;
}

div.left_panel h6
{
	font-size:0.8em;
	float:left;
	padding:0;
	margin:0;
	width:270px;
	cursor: hand;
}

div.left_panel .button
{
	padding: 20px 0 0 0;
	margin:0 20px 0 0;
	float:left;
}

div.product_description
{
	font-size:1.2em;
	font-weight:700;
	color:#000;
}
div.product_description span span
{
	color:#000;
	font-weight:700;
}
body #right_content a.step_buttom
{
	background: transparent URL(images/next_button.gif) no-repeat;
	text-transform:uppercase;
}

#right_content a.refresh_cart
{
	color:#000;
	font-size:1.2em;
	float:left;
	width:194px;
	height:24px;
	padding:3px 0 0 0;
	background: transparent URL(images/refresh_cart.gif) no-repeat;
	text-align:center;
	margin:0 25px 0 0;
}

#right_content a.underline
{
	text-decoration:underline;
}


/* --------- PRODUCT ----------- */
#product
{
	float:left;
	width:100%;
}

#product_box
{
	background:#fff;
	border:thin solid #000;
	border-width:2px;
	width:97%;
	float:left;
	margin:10px 0 0;
}




/* --------- CART ------------ */

table, tbody, tr, table div
{
	padding:0;
	margin:0;
}

.cart_buttons
{
	float:left;
	clear:both;	
	width:97%;
}

table#cart_summery, table.table_review
{
	float:left;
	width:97%;
	margin:0;
	padding:0;
	font-size:1.2em;
}
#cart_summery
{
	float:left;
	width:97%;
	/*border-left:thin solid #000;
	border-right:thin solid #000;
	border-bottom:none;
	border-width:1px;*/
}

#cart_summery .notice
{
	display:block;
	margin:27px 0 0;
	color:#939598;	
}

#cart_summery div.item
{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	height:120px;
	border:thin solid #000;
	border-width:1px;
	background:#fff;
	color:#000;
	overflow:hidden;
}
#cart_summery .item .column_item
{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	height:100px;
}

#cart_summery .product_name
{
	padding:4px 0;
	float:left;
	width: 384px;
	text-align: left;
	padding:0 17px 0 23px;
	position:relative;
	overflow:hidden;
}

#cart_summery .product_name .notice
{
	position:absolute;
	margin:0;
	font-size:0.8em;
	left:125px;
	bottom:10px;
	color:#000;
}

#cart_summery .product_name img
{
}

#cart_summery .price
{
	float:left;
	width: 80px;
	text-align:center;
}

#cart_summery .item .price
{
	padding:50px 0;
	height:20px;
	
}

#cart_summery .quantity
{
	padding:4px 0;
	float:left;
	width: 45px;
	padding:0 10px;
	text-align:center;
}
#cart_summery .item .quantity
{
	padding-top:45px;
	height:65px;	
}
#cart_summery .quantity .notice
{
	
}

#cart_summery .total
{
	float:left;
	width: 110px;
	text-align:center;
}
#cart_summery .item .total
{
	padding-top:50px;
	height:60px;	
}
#cart_summery .total .notice
{
	margin-top:29px;	
}
#cart_summery .item .total a
{
	color:#939598;
}

.small
{
	font-weight:500;
	font-size:0.8em;
}
#cart_summery .product_name span.error
{
	line-height:3em;
	color:#f00;
	font-weight:500;
}

#cart_summery .header
{
	border:none;	
}


table.table_review td
{
	text-align:center;
	background:none;
	padding:10px 3px;
}

table.table_review th
{
	text-align:center;
	border-top:thin solid #000;
	border-width:1px;
	padding:10px 3px;
}

table tr.footer_row td
{	
	border-top:thin solid #000;
	border-width:1px;
	background:transparent;
	padding:10px 3px;	
}

table tr.footer_row td.total
{
	
	font-weight:700;	
}


div.column ol
{
	float:left;
	text-align:left;
	list-style:none;
	padding:0;
	margin:0;
}

div.column ol li
{
	float:left;
	width:100%;
}

div.column ol li label
{
	float:left;
	clear:left;
	width:10em;
	padding:4px 5px 0 0;
	text-align:right;
	font-weight:500;
}

div.column ol li input
{
	width:170px;	
}

div.column .label_output
{
	float:left;
	width:16em;
	color:#065aa1;
	padding:4px 0 0;
}

#right_content a.button
{
	background: url(images/add_to_cart_gray.gif) no-repeat center center;
	width:142px;
	height:21px;
	padding:8px 0px 5px;
	display:block;
	font-size:1.1em;
	margin:0 auto 5px;
	color:#fff;
	text-align:center;
	float:right;	
	font-weight:700;
	clear:both;
}

a.yellow_button
{
}
div.column .step_buttom
{
	margin:0 0 0 100px;
}


/* --------- FOOTER ---------- */
#main #footer{
	width:914px;
	background:#E6E7E8;
	text-align:center;
	padding:12px 0 10px;
	color:#000;
	font-weight:500;
	float:left;
	clear:both;
	border:thin solid #000;
	border-top:none;
	border-width:1px;
}

#main #footer p
{
	margin:0 0 10px;	
}

#footer a, #footer a:link, #footer a:visited{
	color:#000;
	text-decoration:none;
}

#main #footer a:hover{
	text-decoration:underline;
}
