/*===========================================================
WEBSITE: Leathershop Reskin
COMPANY: outsidethebox.co.uk
DATE: 27/07/2009
===========================================================*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #626262;
	font-size: 76%;
	overflow: -moz-scrollbars-vertical;
	top:0;
	background:#FFFFFF;
	line-height:1.5em;
}

#wrapper {
	padding:0;
	width:980px;
	margin:0 auto;
	text-align: left;
	background:#FFFFFF;
	top:0;
}

#headeremail {
	margin:0;
	padding:0;
	clear:both;
	height:113px;
	background:#FFFFFF;
	width:100%;
}

#footeremail {
	margin:0;
	padding:0;
	clear:both;
	height:40px;
	background:url(../images/footer_bg.gif) repeat-x;
	width:100%;
}

/*====================================================
Header / Top Navigation
====================================================*/

#header {
	text-align: left;
	width: 980px;
	margin: 0px 0px 10px 0px;
	padding:0;
	height: 93px;
	border-bottom: 1px solid #7a91b6;
}

#logo {
	display: block;
	float: left;
	width: 195px;
	margin: 44px 0px 0px 0px;
	padding: 0px;
}

#basket_top {
	text-align:right;
	background:#FFFFFF;
	width: 780px;
	margin: 44px 0 0 0;
	padding: 0;
	height: 45px;
	float:right;
}

#header_basket {
	display: block;
	float: left;
	margin: 0px 0px 0px 65px;
	padding: 0px;	
	width: 500px;
	height: 55px;
	font-size:0.9em;
	font-weight:bold;
	color: #33578f;
}

#header_basket p { display: block; float: left; width: 500px; text-align: right; margin: 10px 0px 0px 0px; padding: 0px; }
#header_basket p a#icon_bag { background: url("../images/icon_bag.jpg") no-repeat; height: 30px; padding: 0px 0px 0px 25px; text-decoration: none; }
#header_basket p a:hover#icon_bag { text-decoration: underline; }

#header_nav {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0px 0px 0px 65px;
	padding: 0px;	
	width: 500px;
	text-align:left;
}

#header_nav ul { display: block; float: left; margin: 0px; padding: 0px; }
#header_nav ul li {	display: block; float:left; text-align: center; margin: 0px 25px 0px 0px; padding: 0px; }
#header_nav ul li.last_nav { margin: 0px; }

#header_nav ul li a#nav_home_on { display: block; float: left; width: 42px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_home_on.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a#nav_about_on { display: block; float: left; width: 147px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_about_on.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a#nav_support_on { display: block; float: left; width: 143px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_support_on.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a#nav_contact_on { display: block; float: left; width: 91px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_contact_on.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }

#header_nav ul li a#nav_home_off { display: block; float: left; width: 42px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_home_off.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a:hover#nav_home_off { background: url("../images/nav_home_on.jpg") no-repeat; }
#header_nav ul li a#nav_about_off { display: block; float: left; width: 147px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_about_off.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a:hover#nav_about_off { background: url("../images/nav_about_on.jpg") no-repeat; }
#header_nav ul li a#nav_support_off { display: block; float: left; width: 143px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_support_off.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a:hover#nav_support_off { background: url("../images/nav_support_on.jpg") no-repeat; }
#header_nav ul li a#nav_contact_off { display: block; float: left; width: 91px; padding: 13px 0 0 0; overflow: hidden; background: url("../images/nav_contact_off.jpg") no-repeat; height: 0px !important; height /**/: 13px; margin: 0px; }
#header_nav ul li a:hover#nav_contact_off { background: url("../images/nav_contact_on.jpg") no-repeat; }

#header_search {
	display: block;
	float: right;
	margin: 14px 0px 0px 0px;
	padding: 0px;
	width: 186px;
}

#header_search p#header_telephone {	display: block; float: left; width: 186px; padding: 23px 0 0 0; overflow: hidden;  background: url("../images/header_telephone.jpg") no-repeat; height: 0px !important; height /**/: 23px; }
#header_search form#keywordsearch { display: block; float: left; width: 186px; margin: 7px 0px 0px 0px; padding: 0px; }
#header_search .inputsearch { display: block; float: left; font-size: 1em; font-family: Arial, Helvetica, sans-serif; border: 1px #7f9db9 solid; color: #4c4c4c; padding: 3px;	width: 116px; height: 15px;	margin: 0px; }
#header_search .inputsearchbutton { display: block; float: left; width: 62px; height: 23px; margin: 0px; padding: 0px; }

/*====================================================
Footer
====================================================*/

#footer_wrapper {
	display: block;
	float: left;
	width: 980px;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 4px solid #99abc7;
}

#footer {
	display: block;
	float: left;
	width: 940px;
	color: #999999;
	padding: 10px 20px 10px 20px;
	background-color: #f8f8f8;
}

#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer_left {
	display: block;
	float: left;
	width: 460px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#footer_right {
	display: block;
	float: right;
	width: 200px;
	height: 24px;
	background: url("../images/footer_payment.jpg") no-repeat 0px 4px;
	margin: 0px;
	padding: 0px 0px 0px 180px;
	text-align: right;
}

/*====================================================
Left Side Navigation
====================================================*/

#left_nav_container {
	margin: 0;
	padding: 0 14px 20px 0;
	width: 154px;
	float: left;
}

.left_nav {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 154px;
}

.left_nav h3 { font-size:1em; font-weight:bold; color:#FFFFFF; background-color: #002d73; padding: 4px 4px 4px 10px; }
.left_nav ul { display: block; float: left; width: 154px; background: #f9f9f9; margin: 2px 0px 0px 0px; padding: 10px 0px 10px 0px; }
.left_nav ul li { list-style-type: none; margin: 0px; padding: 0px; width: 154px; }
.left_nav ul li a:link, .left_nav ul li a:visited, .left_nav ul li a:active { color: #616161; width: 140px; text-align: left; display: block; float: left; font-size: 0.9em; padding: 4px 4px 4px 10px;	text-decoration: none;	margin: 0px; }
.left_nav ul li a:hover { color: #616161; text-decoration: underline; background-color: #dfe5ed; }
.left_nav ul li a.left_nav_selected:link, .left_nav ul li a.left_nav_selected:visited, .left_nav ul li a.left_nav_selected:active { color:#616161; background-color: #dfe5ed; }

.left_subnav {
	padding-top:2px;
	padding-bottom:2px;
	margin-top:1px;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

.left_nav ul.left_subnav li a:link, .left_nav ul.left_subnav li a:visited, .left_nav ul.left_subnav li a:active {
	width: 124px;
	text-align: left;
	display: block;
	font-weight: normal;
	padding: 2px 5px 3px 25px;
	text-decoration: none;
	margin-top:0;
	background: url(../images/arrow-left-subnav.gif) 2px 2px no-repeat;
}

.left_nav ul.left_subnav li a:hover {
	text-decoration: underline;
}

#showhidelogos h4, #showhidemens h4 {
	display: block;
	float: left;
	width: 112px;
	margin: 2px 0px 0px 0px;
	border-top: 1px solid #002d73;
	border-bottom: 1px solid #002d73;
	background: #f0f3f7 url("../images/bullet_arrowdown.jpg") no-repeat 18px 9px;
	padding: 2px 2px 2px 40px;
	font-size: 1.0em !important;
}

/*====================================================
Banners
====================================================*/

#banner_wrapper {
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 812px;
}

.banner {
	display: block; 
	float: left; 
	width: 198px; 
	padding: 101px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 101px;
}

#banner_sale { background: url("../images/banner_sale.jpg") no-repeat; margin: 0px 5px 0px 0px; }
#banner_radley { background: url("../images/banner_radley.jpg") no-repeat; margin: 0px 5px 0px 0px; }
#banner_freedelivery { background: url("../images/banner_freedelivery.jpg") no-repeat; margin: 0px 5px 0px 0px; }
#banner_ebay { background: url("../images/banner_ebay.jpg") no-repeat; margin: 0px; }

/*====================================================
Breadcrumb
====================================================*/

#breadcrumb {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	float: left;
	border-bottom: 1px dashed #c4c4c4;
	font-size: 0.9em;
	width: 812px;
	height: 18px;
	color:#626262;
	position: relative;
}

#breadcrumb_bottom {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	border-top: 1px dashed #c4c4c4;
	border-bottom: 1px dashed #c4c4c4;
	font-size: 0.9em;
	width: 812px;
	height: 30px;
	color:#626262;
	position: relative;
}

#breadcrumb ul { margin: 0; }
#breadcrumb ul li {	display: inline; margin-right:6px; padding-left:6px; border-left:1px solid #626262; }
#breadcrumb ul li.first { border: 0; padding: 0; border-left:none; }
#breadcrumb ul li a:link, #breadcrumb ul li a:visited, #breadcrumb ul li a:active {	color:#626262; text-decoration:none; }
#breadcrumb ul li a:hover {	text-decoration:underline; }

.numbering {
	float: left;
	border: 1px solid #ffca95;
	padding: 6px 10px 6px 10px;
	margin: 15px 0 0 0;
	width: 790px;
	font-size:0.9em;
}

.numbering_left {
	float: left;
	text-align: left;
	margin: 0;
	width: 220px;
}

.numbering_right { position: absolute; top: 0px; right: 15px; color: #626262; }
.numbering_right a { display: block; float: left; margin: 0px 0px 0px 10px; padding: 0px; color: #626262 !important; }
.numbering_right a:hover { color: #111111 !important; text-decoration: underline; }
.numbering_right span { display: block; float: left; margin: 0px 0px 0px 10px; padding: 0px; color: #111111 !important; }

.numbering_right_bottom { position: absolute; top: 6px; right: 15px; color: #626262; }
.numbering_right_bottom a { display: block; float: left; margin: 0px 0px 0px 10px; padding: 0px; color: #626262 !important; }
.numbering_right_bottom a:hover { color: #111111 !important; text-decoration: underline; }
.numbering_right_bottom span { display: block; float: left; margin: 0px 0px 0px 10px; padding: 0px; color: #111111 !important; }

/*====================================================
Generic Content Styles
====================================================*/

#content_container_basket {
	float: left;
	margin: 0 0 10px 0;
	padding-top:5px;
	width: 980px;
}

#content_container_basket h1 { font-size:1em; font-weight:bold; color:#FFFFFF; background:url(../images/arrow-blue-square.gif) no-repeat #002d73; padding:3px 0 4px 25px; }

.content_basket {
	margin:0 0 15px 0;
	padding:0;
	float:left;
	width:980px;
}

#content_container {
	float: left;
	margin: 0 0 10px 0;
	padding-top:5px;
	width: 812px;
}

#content_container .content_title {	background: #ececec; padding:8px 10px 8px 10px; float:left; width:792px; }
#content_container .content_title h1 { color:#002d73; font-size:1.5em; font-weight:bold; }
#content_container .content_subtitle { background:#ececec; padding:5px 10px 5px 10px; float:left; width:792px; margin-top:15px; }
#content_container .content_subtitle h2 { color:#002d73; font-size:1.2em; font-weight:bold; }
#content_container .content_details { padding:15px 10px 0 10px; float:left; width:792px; font-size:1em; line-height:1.3em; }

#content_container h2#title_sneakpeek {
	display: block; 
	float: left; 
	width: 812px; 
	padding: 37px 0 0 0; 
	overflow: hidden;  
	background: url("../images/title_sneakpeek.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 37px;
}

.content_wrapper {
	margin: 10px 0px 20px 0px;
	padding:3px;
	float:left;
	width:804px;
	border:1px solid #ffca95;
}

.content_wrapper h1 { background:#fff3e8; color:#002d73; font-size:1.4em; font-weight:bold; padding:5px 0 5px 10px; margin-bottom:5px; }

#content_full_wrapper {
	margin: 0px 0px 10px 0px;
	padding:0;
	float:left;
	width:812px;
}

#content_full_wrapper h2 { background:url(../images/arrow-blue-square.gif) no-repeat #002d73; color:#FFFFFF; font-size:1em; font-weight:bold; padding:3px 0 4px 25px; }

#content_full {
	margin: 0px;
	padding:5px;
	float:left;
	width:800px;
	border-left:1px solid #e4e5ea;
	border-right:1px solid #e4e5ea;
	border-bottom:1px solid #e4e5ea;
}

.content {
	margin:0;
	padding:10px;
	float:left;
	width:784px;
	position:relative;
}

.content_both {
	float:left;
	width:784px;
	padding:0;
}

.content_left {
	float:left;
	width:368px;
	padding:0 18px 0 5px;
	border-right:1px dashed #a8a8a8;
}

.content_right {
	float:right;
	width:369px;
	padding:0 5px 0 18px;
}

.content ul {
	padding-bottom:8px;
}

.content ul li {
	list-style-type: none;
	padding:4px 10px 5px 25px;
	background:url(../images/arrow_ul.gif) no-repeat 10px 8px;
}

/*====================================================
About
====================================================*/

.about_left, .about_right {
	display: block;
	float: left;
	width: 368px;
	margin: 30px 0px 0px 30px;
	padding: 0px;
}

#about_image {
	display: block;
	float: left;
	background: url("../images/about_image.jpg") no-repeat;
	width: 361px;
	height: 254px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.about_para {
	display: block;
	float: left;
	width: 368px;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

.about_para p {
	display: block;
	float: left;
	width: 368px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.about_form_wrapper {
	margin: 0px 0px 20px 0px;
	padding:3px;
	float: left;
	width: 353px;
	border: 1px solid #ffca95;
}

.about_form_wrapper h2 { background:#fff3e8; color:#002d73; font-size:1.4em; font-weight:bold; padding:5px 0 5px 10px; margin-bottom:5px; }
.about_form_wrapper p.blurb { padding: 15px; }

h2#title_comeandvisit {
	display: block; 
	float: left; 
	width: 368px; 
	padding: 29px 0 0 0; 
	overflow: hidden;  
	background: url("../images/title_comeandvisit.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 29px;
}

h2#title_whatwesell {
	display: block; 
	float: left; 
	width: 368px; 
	padding: 29px 0 0 0; 
	overflow: hidden;  
	background: url("../images/title_whatwesell.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 29px;
}

h2#title_whereweare {
	display: block; 
	float: left; 
	width: 368px; 
	padding: 29px 0 0 0; 
	overflow: hidden;  
	background: url("../images/title_whereweare.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 29px;
}

h2#title_ourhistory {
	display: block; 
	float: left; 
	width: 368px; 
	padding: 37px 0 0 0; 
	overflow: hidden;  
	background: url("../images/title_ourhistory.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 37px;
}

#about_li {
	float:left;
	position:absolute;
	top:10px;
	left:10px;
	width:270px;
	_width:267px;
}

#about_content {
	float:left;
	width:487px;
	background:#f0f3f7;
	border:1px solid #002d73;
	padding:10px;
	margin-left:269px;
	_margin-left:133px;
}

.content #about_li ul {
	padding:5px 0 0 0;
}

.content #about_li ul li {
	list-style:none;	
	padding:3px 10px 4px 25px;
	background:url(../images/arrow_grey_angle.gif) no-repeat 9px 11px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

.content #about_li ul li.selectedno {
	list-style:none;	
	padding:3px 10px 4px 25px;
	background:url(../images/arrow_grey_angle.gif) no-repeat 9px 11px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	width:233px;
	_width:230px;
}
.content #about_li ul li.selected {
	list-style:none;	
	padding:3px 10px 4px 25px;
	background:url(../images/arrow_grey_angle.gif) no-repeat 9px 11px #f0f3f7;
	border-top:1px solid #002d73;
	border-bottom:1px solid #002d73;
	border-left:1px solid #002d73;
}

.content #about_li ul li a:link, .content #about_li ul li a:active, .content #about_li ul li a:visited {
	text-decoration:underline;
}

.content #about_li ul li a:hover {
	text-decoration:none;
}

/*====================================================
Homepage
====================================================*/

#brand_slider_container {
	display: block;
	float: left;
	width: 812px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 1px solid #7a91b6;
	border-bottom: 1px solid #7a91b6;
}

#list_mask { width: 585px; height: 358px; overflow:hidden; position:relative; float:left; } 
#list_folio { position:absolute; top:0; left:0; width:10000px; float:left; }  
.list_col { display:block; width: 585px; height: 358px; float:left; } 

#list_mask2 { width: 505px; height: 40px; overflow:hidden; position:relative; float:left; } 
#list_folio2 { position:absolute; top:0; left:0; width:10000px; float:left; }  
.list_col2 { display:block; width: 505px; height: 40px; float:left; margin: 0px; padding: 0px; } 
.list_col2 a { display: block; float: left; font-size: 1.2em; margin: 10px 0px 0px 45px; padding: 0px; color: #858585 !important; }
* html .list_col2 a { display: block; float: left; font-size: 1.2em; margin: 10px 0px 0px 35px; padding: 0px; color: #858585 !important; }
.list_col2 a:hover { color: #002d73 !important; text-decoration: none; }

#list_links { display: block; float: left; width: 585px; height: 40px; padding: 0px; margin: 0px; background-color: #f9f9f9; }

#list_links #list_left { display: block; float: left; padding: 0px; height: 40px; width: 40px; margin: 0px; }
#list_links #list_left a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_left.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 15px 0px 0px 17px; }
* html #list_links #list_left a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_left.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 15px 0px 0px 9px; }

#list_links #list_right { display: block; float: right; padding: 0px; height: 40px; width: 40px; margin: 0px; }
#list_links #list_right a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_right.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 15px 0px 0px 17px; }
* html #list_links #list_right a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_right.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 15px 0px 0px 9px; } 

#slider_right {
	display: block;
	float: right;
	width: 217px;
	height: 398px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.slider_product_container {
	display: none;
	float: left;
	width: 217px;
	height: 398px;
	margin: 0px;
	padding: 0px;
}

.slider_product_details {
	display: block;
	float: left;
	position: relative;
	width: 187px;
	height: 286px;
	margin: 0px;
	padding: 25px 15px 25px 15px;
}

.slider_product_details h3 { color: #6183af; font-size: 1.2em; }
.slider_product_details h3 span { color: #959595; font-size: 0.9em; font-weight: normal; text-align: left; }
.slider_product_details img { width: 187px; height: 187px; position: absolute; bottom: 25px; left: 15px; }

.slider_product_price {
	display: block;
	float: left;
	position: relative;
	width: 187px;
	height: 40px;
	padding: 12px 15px 10px 15px;
	border-top: 1px solid #cbcbcb;
}

a.slider_details_button {
	position: absolute;
	top: 21px;
	right: 15px;
	width: 87px; 
	padding: 20px 0 0 0; 
	overflow: hidden; 
	background: url("../images/button_moredetails.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 20px; 
	margin: 0px;
}

#homeprod_links_mask { width: 712px; height: 245px; overflow:hidden; position:relative; float:left; } 
#homeprod_links_folio { position:absolute; top:0; left:0; width:10000px; float:left; }  
.homeprod_links_col { display:block; width: 712px; height: 245px; float:left; } 

#homeprod_links_left { display: block; float: left; padding: 0px; height: 245px; width: 50px; margin: 0px; }
#homeprod_links_left a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_left.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 120px 0px 0px 22px; }
* html #homeprod_links_left a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_left.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 120px 0px 0px 22px; }

#homeprod_links_right { display: block; float: right; padding: 0px; height: 245px; width: 50px; margin: 0px; }
#homeprod_links_right a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_right.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 120px 0px 0px 22px; }
* html #homeprod_links_right a { display: block; float: left; width: 5px; padding: 9px 0 0 0; overflow: hidden; background: url("../images/slider_right.gif") no-repeat; height: 0px !important; height /**/: 9px; margin: 120px 0px 0px 22px; } 

.homeproduct_wrapper {
	display: block;
	float: left;
	margin: 15px 1px 0px 0px;
	padding: 10px;
	width: 120px;
	height: 210px;
	border-right: 1px dashed #b3b3b3;
}

.homeproduct_wrapper_last {
	display: block;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	width: 120px;
	height: 210px;
	border: none;
}

.homeproduct_wrapper h3, .homeproduct_wrapper_last h3 { color:#002d73; font-size: 1em; text-align: center; padding: 0px; height: 60px; }
.homeproduct_wrapper .homeproduct, .homeproduct_wrapper_last .homeproduct { margin: 0; padding: 0px; display: block; float: left; width: 120px; }
.homeproduct_wrapper .homeproduct .homeproduct_image, .homeproduct_wrapper_last .homeproduct .homeproduct_image { display: block; float: left; margin: 0px; padding: 0px; width: 120px; height: 100px; text-align:center; }
.homeproduct_wrapper .homeproduct .homeproduct_info, .homeproduct_wrapper_last .homeproduct .homeproduct_info { display: block; float: left; margin: 15px 0px 0px 0px; padding: 0px; width: 120px; text-align:center; line-height: 1.4em; }

/*====================================================
Brand Pages
====================================================*/

.brandpage_container {
	display: block;
	float: left;
	width: 812px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#radley_main {
	display: block; 
	float: left; 
	width: 810px; 
	padding: 826px 0 0 0; 
	overflow: hidden;  
	background: url("../images/graphics/graphic_radley.jpg") no-repeat; 
	height: 0px !important; 
	height /**/: 826px;
	margin: 10px 0px 0px 0px;
}

/*====================================================
Product List / Product Details
====================================================*/

.product_wrapper {
	margin: 15px 0 0 0;
	padding:3px;
	float:left;
	width:391px;
	border:1px solid #ffca95;
}

.product_wrapper h3 { background:#fff3e8; color:#002d73; font-size:1em; font-weight:bold; padding:3px 10px 4px 10px; height:36px; }

.product {
	margin:0;
	padding:10px 10px 10px 0;
	float:left;
	width:381px;
	height:150px;
}

.product_image {
	margin:0;
	padding:0;
	float:left;
	width:124px;
	height:150px;
	border-right:1px dashed #b3b3b3;
	text-align:center;
}

.product_info {
	margin:0;
	padding:0 0 0 15px;
	float:left;
	width:241px;
	height: 150px;
	line-height:1.2em;
	position: relative;
}

* html .product_info {
	margin:0;
	padding: 0 0 0 7px;
	float:left;
	width:241px;
	height: 150px;
	line-height:1.2em;
	position: relative;
}

.product_info table { position: absolute; left: 12px; bottom: 0px; }

.product_related {
	margin:0;
	padding:10px 10px 10px 10px;
	float:left;
	width:140px;
	line-height:1.1em;
}

.product_related h4 { font-size:0.9em; font-weight:bold; background:#fef5ec; padding:8px; color:#012d74; height:40px; }
.product_related p { padding-bottom:2px; margin-bottom:0; }

.product_related_price {
	float:left;
	color: #dc342b;
	width:50px;
	padding-left:20px;
	font-size:1em;
	text-align:left;
}

.product_related_stock {
	float:right;
	color: #38579a;	
	width:70px;
	text-align:left;
	font-size:0.9em;
}

/*====================================================
Product List - Product Filter
====================================================*/

#product_filter {
	margin: 10px 0px 0px 0px;
	padding: 4px 0 4px 330px;
	float:left;
	position: relative;
	width:482px;
	height: 26px;
	background: url("../images/search_filter_bg.jpg") no-repeat #ac2c5c 15px 6px;
}

#product_filter form { position: absolute; top: 4px; right: 10px; }

#filter_container {
	color: #76698d;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 810px;
	background: #f9f9f9;
	border: 1px solid #b9c1c5;
}

#filter_nav {
	list-style-type: none;
	width: 810px;
	background: url(../images/filternavbg.gif) repeat-x;
	float:left;
	height:26px;
	overflow: hidden;
}

#filter_nav li { display: inline; font-weight: bold; float: left; height: 25px; line-height:25px; font-size: 0.9em; text-align: center; border-right: 1px solid #b9c1c5; }
#filter_nav a { text-decoration: none; height: 25px; line-height:25px; display: inline; float: left; padding: 0 12px; color: #002d73; }
#filter_nav a:hover { text-decoration: none; background:#f1f1f1; }
#filter_nav li.last { border-right: 1px solid #e8e8ec; }

.filterselected {
	border-bottom:1px solid #f5f6f7;
	background-color: #f9f9f9;
}

.filterrefine {
	color: #f1f1f1;
	background-color: #002d73;
	padding: 0 12px;
}

.searchbox {
	float: left;
	padding:7px 5px 9px 5px;
	width: 800px;
	background: #f9f9f9;
}

.searchbox ul {	padding: 0; }
.searchbox ul li { list-style: none; text-align: left; padding: 0 2px 0 0; display: inline; font-size:0.9em; }
.searchbox ul li a, .searchbox ul li a:visited, .searchbox ul li a:active { text-decoration: underline; color:#616161; }
.searchbox ul li a:hover { text-decoration: none; }

.searchboxli {
	float:left;
	width:175px;
	line-height:1.6em;
	padding-left:20px;
	background: url(../images/arrow-left-subnav.gif) no-repeat 0 1px;
}

.lightgreybar {
	float:left;
	background:#ececec;
	padding:6px 7px;
	width:966px;
	font-weight:bold;
	color:#2f538b;
	font-size:0.9em;
	margin-top:5px;
}

.lightgreybar .inputsearch { font-size: 1em;  font-family: Arial, Helvetica, sans-serif; border: 1px #7f9db9 solid; color: #4c4c4c; padding:3px 3px 2px 3px; width:100px; margin-left:5px; }

#bridgepricerequest {
	float:left;
	width:810px;
	margin-top:15px;
	border:1px solid #ca3426;
	height:80px;
}

#bridgepricerequest h2 { background:#ca3426; font-weight:bold; font-size:1em; color:#FFFFFF; padding:3px 5px; margin-bottom:4px; }
#bridgepricerequest td { font-size:0.9em; }

.basketcontentbridge {
	float:left;
	width:812px;
	margin-top:5px;
}

.basketcontent {
	float:left;
	width:980px;
	margin-top:5px;
}

.baskettotalborder {
	border:1px #d85d51 solid;
}

.baskettotalright {
	border-left:1px #ffca95 solid;
}

.basketdeliveryborderbottom {
	border-bottom:1px #ffca95 solid;
}

.basketdeliverybordertop {
	border-top:1px #ffca95 solid;
}

.checkoutcontent {
	float:left;
	width:938px;
	margin-top:5px;
	border:1px solid #ffca95;
	padding:20px;
	color:#002d73;
}

/* End Content Styles =============================================== */

/* Begin Class Styles =============================================== */

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #999999;	
}

.fontblue {
	color: #002d73;	
}

.fontlightblue {
	color: #38579a;	
}

.fontred {
	color: #dc342b;	
}

.fontlightred {
	color: #d85d51;	
}

.border {
	border: 1px solid #d1d1d0;
}

.borderorange {
	border: 1px solid #fbc379;
}

.backgroundorange {
	background:#ffeede;
}

.borderbottomdashed {
	border-bottom: 1px dashed #a8a8a8;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #002d73;
}

a:hover {
	text-decoration: underline;
	color: #002d73;
}

a.linkwhite:link, a.linkwhite:visited, a.linkwhite:active {
	color: #FFFFFF;
}

a.linkwhite:hover {
	color: #FFFFFF;
}

/* End Class Styles =============================================== */


/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	color: #e3383e;
	font-weight: bold;
}

fieldset, input:focus, textarea:focus {
	border: 1px solid #797979;
}

input {
	margin:0;
	padding:0;
}

label { 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 0 10px 0 6px; 
	margin-bottom: 0; 
	width: 200px; 
	font-weight: bold; 
}

.input {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #4c4c4c;
	padding:2px 3px 2px 2px;
}

.inputsmall {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #4c4c4c;
}

.select {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #4c4c4c;
}

.textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #4c4c4c;
}

/* End Form Styles =============================================== */

.highslide {
	cursor: url(../images/zoom/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/zoom/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(../images/zoom/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}