@charset "UTF-8";
/* CSS Document */

/* NORMALISE EVERYTHING
----------------------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
blockquote, th, td, img, form, * {
	margin: 0px;
	padding: 0px;
}

html, body {
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#E32135;
	text-decoration:none;
}

/*-  COMMON ELEMENTS
----------------------------------------------------------------------*/	
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
h1 {
	font-size: 1%;
}
h1 a {
	background-image: url(../images/lee_cooper.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px!important;
	width: 183px;
	padding-top: 105px;
	display: block;
	overflow:hidden!important;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 17px;
	z-index: 300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 718px;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
}
p {
	margin: 0px;
	padding: 0 0 7px 0;
	line-height: 18px;
}

/*-  PAGE STRUCTURE
----------------------------------------------------------------------*/	
#background {
	width: 960px;
	position: absolute;
	z-index: 100;
	top: 0px;
}
.htop {
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 66px;
	width: 146px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 814px;
	z-index: 200;
}
.fbase {
	background-image: url(../images/base_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 131px;
	width: 138px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin-top: 456px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 200;
}
#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
	background-repeat: no-repeat;
	background-position: center top;
}
#navigation {
	position: absolute;
	z-index: 500;
	top: 67px;
	margin: 0px;
	padding: 0px;
	width: 500px;
}
#search_form {
	position: absolute;
	top: 656px;
	width: 450px;
	z-index: 200;
	margin: 0px;
	padding: 0px;
}
#footer {
	position: absolute;
	top: 691px;
	width: 450px;
	z-index: 200;
	margin: 0px;
	padding: 0px;
}


/*-  BACKGROUNDS
----------------------------------------------------------------------*/
.homepage_bg {
}
.product_landing_bg {
	background-image: url(../images/product_landing_bg.jpg);
}
.product_detail_bg {
	background-image: url(../images/product_detail_bg.jpg);
}
.headtotoe_bg {
	background-image: url(../images/headtotoe_bg.jpg);
}
.stockists_bg {
	background-image: url(../images/stockists_bg.jpg);
}
.contact_bg {
	background-image: url(../images/contact_bg.jpg);
}
.register_bg {
	background-image: url(../images/register_bg.jpg);
}
.search_bg {
	background-image: url(../images/stockists_bg.jpg);
}
.privacy_bg {
	background-image: url(../images/privacy_bg.jpg);
}
.terms_bg {
	background-image: url(../images/terms_bg.jpg);
}
.site_directory_bg {
	background-image: url(../images/site_directory_bg.jpg);
}
.history_one_bg {
	background-image: url(../images/history1.jpg);
}
.history_two_bg {
	background-image: url(../images/history2.jpg);
}
.history_three_bg {
	background-image: url(../images/history3.jpg);
}
.history_four_bg {
	background-image: url(../images/history4.jpg);
}
.history_five_bg {
	background-image: url(../images/history5.jpg);
}
.history_six_bg {
	background-image: url(../images/history6.jpg);
}
.history_seven_bg {
	background-image: url(../images/history7.jpg);
}

/*-  NAVIGATION STYLES
----------------------------------------------------------------------*/
ul#menu {
	position:absolute;
	font-size: 13px;
	z-index: 600;
	width:80px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#menu li {
	padding-bottom: 5px;
	display: block;
	font-style: italic;
	color: #000;
	width:100%;
}
ul#menu li a {
	display:block;
	width:100%;
	color: #000000;
}
ul#menu li a:hover {
	color:#E32135;
}
.open {
	display:block;
}
.hidden {
	top:0px;
	left:-2000px;
	position:absolute;
	z-index: 600;
}
.shown {
	top:0px;
	left:110px;
	position:absolute;
	width:80px;
}
.subshown {
	top:0px;
	left:220px;
	position:absolute;
	width:80px;
}
.nav_current a {
	color: #E32135!important;
}
.nav_current ul li a {
    color: #000000 !important;
}
.product_current a {
	color: #E32135 !important;
}


/*-  SEARCH STYLES
----------------------------------------------------------------------*/
#search_form table {
	width:100%;
}
.search_field_holder {
	border: 1px solid #000;
	margin-right: 10px;
	float: left;
}
.search_field {
	width:221px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
	margin: 0px;
	border: 1px solid #FFF;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.search_bt {
	float: left;
}

/*-  FOOTER STYLES
----------------------------------------------------------------------*/
#footer a {
	font-size: 11px;
	background-image: url(../images/nav_line.jpg);
	background-repeat: no-repeat;
	background-position: -150px 5px;
	padding: 1px;
}
#footer a:hover {
	color:#E32135;
}
.footer_current {
	color:#E32135;
}
a.social {
	background-repeat: no-repeat;
	background-position: left -18px;
	display: block;
	height: 0px!important;
	width: 15px;
	padding-top: 15px;
	overflow: hidden!important;
	float: left;
	font-size: 1%;
	margin-right: 2px;
	margin-top: 4px;
}
a:hover.social {
	background-position: left top;
}
.facebook {
	background-image: url(../images/facebook.jpg);
}
.twitter {
	background-image: url(../images/twitter.jpg);
}
.rss {
	background-image: url(../images/rss.jpg);
}

/*-  FORM STYLES
----------------------------------------------------------------------*/
.text_field {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333;
	padding: 5px;
	border: 1px solid #000;
	width: 205px;
}
.button {
	background-color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	border: 1px solid #000;
	cursor: pointer;
}
.button:hover {
	background-color: #E32135;
	border: 1px solid #E32135;
}


/*-  PRODUCT LANDING STYLES
----------------------------------------------------------------------*/
#slider {
	width: 449px;
	position: absolute;
	top: 300px;
	z-index: 200;
	margin-left: 510px;
}
.scroll {
	overflow: hidden;
	width: 449px;
	margin: 0 auto;
	position: relative;
}
.scrollContainer {
	position: relative;
}
.scrollContainer div.panel {
	width: 150px;
	height: 440px;
}
.inside {
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
.inside img {
	display: block;
	width: 100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
.inside img:hover {
	border-color: #000;
}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 11px;
	margin: 0 0 8px 0;
}
a.scrollButtons {
	position: absolute;
	top: 198px;
	cursor: pointer;
	display: block;
	margin: 0px;
	height: 0px;
	width: 18px;
	padding-top: 21px;
	overflow: hidden;
	font-size: 1px;
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.scrollButtons {
	background-position: left -26px;
}
a.scrollButtons.left {
	left: -355px;
	background-image: url(../images/slider_left_w.png);
}
a.scrollButtons.right {
	left: -208px;
	background-image: url(../images/slider_right_w.png);
}
a.scrollButtons.productslr.left {
	left: -178px;
	top: 273px!important;
	background-image: url(../images/slider_left.png);
}
a.scrollButtons.productslr.right {
	left: -30px;
	top: 273px!important;
	background-image: url(../images/slider_right.png);
}
.hide {
    display: none;
}
.slider_base {
	width: 550px;
	position: absolute;
	top: 610px;
	margin-left: 360px;
}

/*-  PRODUCT DETAIL STYLES
----------------------------------------------------------------------*/
#product_content {
	width: 625px;
	position: absolute;
	top: 225px;
	z-index: 200;
	margin-left: 334px;
	height: 475px;
}
.section_name {
	width:100%;
	height:55px;
	display:block;
	background-repeat: no-repeat;
	background-position: 310px 20px;
	float: right;
	padding-top: 20px;
}
.section_underwear {
	background-image: url(../images/underwear.jpg);
}
.section_watches {
	background-image: url(../images/watches.jpg);
}
.section_eyewear {
	background-image: url(../images/eyewear.jpg);
}
.section_fragrance {
	background-image: url(../images/Fragrance.jpg);
}
.section_socks {
	background-image: url(../images/socks.jpg);
}
.section_jeans {
	background-image: url(../images/jeans.jpg);
}
.section_knitwear {
	background-image: url(../images/knitwear.jpg);
}
.section_t-shirts {
	background-image: url(../images/T-shirts.jpg);
}
.section_jackets {
	background-image: url(../images/jackets.jpg);
}
.section_shirts {
	background-image: url(../images/shirts.jpg);
}
.section_sunglasses {
	background-image: url(../images/sunglasses.jpg);
}
.section_kids-wear {
	background-image: url(../images/kids.jpg);
}
.product_name {
	position: absolute;
	top: 500px;
	color:#FFF;
	width: 130px;
	text-align: center;
	margin-left: 172px;
	font-size: 14px;
	font-style: italic;
}
.product_name_products {
	position: absolute;
	top: 500px;
	color:#000000;
	width: 130px;
	text-align: center;
	margin-left: 172px;
	font-size: 14px;
	font-style: italic;
}
.detail_arrows {
	position: absolute;
	top: 273px;
	cursor: pointer;
}
.detail_arrows.dleft {
	left: -178px;
}
.detail_arrows.dright {
	left: -30px;
}

#tab_box {
	width: 470px;
	float: right;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tab_box ul {
	list-style: none;
	margin: 0px;
	float: left;
	width: 124px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#tab_box ul li {
	display: block;
	margin: 0px;
	cursor: pointer;
	float: left;
	clear: left;
	color: #FFF;
	text-align: left;
	height: 80px;
	width: 57px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left 86px;
}
#tab_box ul li.rear {
	background-image: url(../images/rear.png);
}
#tab_box ul li.front {
	background-image: url(../images/front.png);
}
#tab_box ul li img {
	height: 65px;
	width: 55px;
	margin: 0px;
	padding: 0px;
	border:none;
}
#tab_box ul li img.active {
	display: none!important;
}
#tab_box ul li img.chev {
	display: block;
	position: absolute;
}
.content_holder {
	float:right;
	height: 375px;
	width: 320px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.content {
	margin: 0pt;
	padding: 0px;
	float: left;
	height: 375px;
	width: 320px;
}
.content.front {
	display: block;
}
.content.back {
	display: none;
}
.content img {
}
.zoom_title {
	position: absolute;
	width: 200px;
	top: 218px;
	z-index: 300;
	left: 230px;
	color: #FFFFFF;
}


.detail_view {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 15px;
	z-index: 300;
	left: 231px;
	color: #FFF;
}
.detail_view img {
	position: absolute;
	width: 200px;
	height: 200px;
}
.detail_nonactive {
	display: none;
}
.info_box {
	position: absolute;
	width: 145px;
	top: 259px;
	z-index: 300;
	color: #FFF;
}
.info_box h3 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.info_box p {
	padding-bottom: 10px;
}
.info_box table {
	width:100%;
}
.info_box table td {
	padding-bottom:5px;
}
.info_box_new {
	position: absolute;
	width: 146px;
	top: 259px;
	z-index: 300;
	color: #000;
	left: 155px;
}
.info_box_new h3 {
	font-size: 16px;
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	color: #000;
}
.info_box_new p {
	padding-bottom: 10px;
}
.info_box_new table {
	width:100%;
}
.info_box_new table td {
	padding-bottom:5px;
}
.lightbox_link {
	position: absolute;
	width: 28px;
	top: 95px;
	z-index: 300;
	color: #FFF;
	left: 590px;
}
.coming_soon {
	position: absolute;
	width: 72px;
	top: 95px;
	z-index: 300;
	color: #FFF;
	left: 156px;
}
.pr_colours {
	height: 0px;
	width: 12px;
	padding-top: 12px;
	overflow: hidden;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1%;
	margin-right: 5px;
	cursor: pointer;
}
.pr_blue {
	background-image: url(../images/pr_blue.png);
}
.pr_brown {
	background-image: url(../images/pr_brown.png);
}
.pr_gray {
	background-image: url(../images/pr_gray.png);
}

/*-  TOOL TIP
----------------------------------------------------------------------*/
.tip {
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #E32135;
	font-size: 11px;
	font-style: italic;
	border: 1px solid #FFF;
}

/*-  T-SHIRT DETAIL IMAGE ZOOM
----------------------------------------------------------------------*/
div.jqZoomTitle {
	display: none!important;
}
.jqZoomPup {
	overflow:hidden;
	background-color: #000000;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:10000;
	cursor:crosshair;
	border: 1px solid #E31635;
}
.jqZoomPup img {
	border: 0px;
}
.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #E31635;
	background-color: #000000;
	padding: 8px;
	text-align:center;
	background-image: url(../images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10000;
	position:absolute;
	top:3px;
	left:3px;
}
.jqZoomWindow {
	background-color: #000000;
	margin-top: -80px;
	margin-left: 20px;
}


/*-  STOCKISTS PAGE
----------------------------------------------------------------------*/
#stockists_search {
	width: 300px;
	position: absolute;
	top: 47px;
	z-index: 200;
	margin-left: 350px;
	height: 100px;
}
.stock_field {
	width:170px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
	margin: 0px;
	float: left;
	padding: 5px;
	border: none;
}
.stock_bt {
	float: left;
}

#stockists_text_holder {
	width: 310px;
	position: absolute;
	top: 280px;
	z-index: 200;
	margin-left: 500px;
	height: 370px;
}
#stockists_text_holder h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

/*-  CONTACTS PAGE
----------------------------------------------------------------------*/
#contact_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #000000;
	font-style: italic;
}
#contact_holder h3 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	font-style: normal;
}
#contact_holder p {
	font-style: italic;
	line-height:20px;
}
#contact_holder a {
}


/*-  CONTACTS PAGE
----------------------------------------------------------------------*/
#register_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #000000;
	font-style: italic;
}
#register_holder h2 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	font-style: normal;
}
#register_holder p {
	font-style: italic;
	line-height:20px;
}
#register_holder table tr td {
	padding-bottom:8px;
}
.errors {
	color: #E32135;
}

/*-  SEARCH PAGE
----------------------------------------------------------------------*/
#search_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #000000;
	font-style: italic;
}
#search_holder h3 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	font-style: normal;
}

/*-  SITE DIRECTORY
----------------------------------------------------------------------*/
#directory_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #000000;
	font-style: italic;
}
#directory_holder h2 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	font-style: normal;
}
#directory_holder ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#directory_holder ul li {
	padding-bottom: 5px;
}
#directory_holder ul li a {
}


/*-  TEXT PAGE STYLES
----------------------------------------------------------------------*/
#text_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #000000;
	font-style: italic;
}
#text_holder h3 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	font-style: normal;
}
#text_holder h2 {
	font-size: 16px;
	margin-bottom: 0px;
	color: #000000;
	padding-bottom: 5px;
	font-style: normal;
	text-transform: capitalize!important;
}
.adjustLeft {
       margin-left: -50px;
       margin-top: 25px;
}

.adjustLeftLC {
       margin-left: -66px;
       margin-top: 35px;
}

/*-  HISTORY STYLES
----------------------------------------------------------------------*/
#history_text_holder {
	width: 400px;
	position: absolute;
	top: 340px;
	z-index: 200;
	margin-left: 510px;
	height: 270px;
	color: #FFF;
	font-style: italic;
}
#history_text_holder h3 {
	font-size: 16px;
	margin-bottom: 7px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding-bottom: 5px;
	font-style: normal;
}
#history_arrow_holder {
	width: 400px;
	position: absolute;
	top: 655px;
	z-index: 200;
	margin-left: 510px;
	height: 16px;
	color: #FFF;
}
a.history_arrow {
	margin: 0px;
	height: 0px;
	width: 14px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
}
a.left_history_arrow {
	background-image: url(../images/history_arrow_left.jpg);
	float: left;
	background-position: left top;
}
a.right_history_arrow {
	background-image: url(../images/history_arrow_right.jpg);
	float: right;
	background-position: right top;
}
a:hover.left_history_arrow {
	background-position: left -16px;
}
a:hover.right_history_arrow {
	background-position: right -16px;
}
.history_nav {
	width: 752px;
	height:433px;
	position: absolute;
	z-index: 100;
	top: 71px;
	margin-left: 51px;
	padding: 0px;
}
.history_nav a {
	height:0px;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	font-size: 1px;
	color: #FFF;
}
a.his_1 {
	top: 328px;
	left:0px;
	background-image:url(../images/history_nav6.png);
	width: 185px;
	padding-top: 106px;
}
a:hover.his_1, .his_1.hn_current {
	background-position: 0px -106px;
}
a.his_2 {
	top: 273px;
	left:93px;
	background-image:url(../images/history_nav1.png);
	width: 187px;
	padding-top: 107px;
}
a:hover.his_2, .his_2.hn_current {
	background-position: 0px -107px;
}
a.his_3 {
	top: 218px;
	left:189px;
	background-image:url(../images/history_nav3.png);
	width: 187px;
	padding-top: 107px;
}
a:hover.his_3, .his_3.hn_current {
	background-position: 0px -107px;
}
a.his_4 {
	top: 163px;
	left:285px;
	background-image:url(../images/history_nav2.png);
	width: 187px;
	padding-top: 107px;
}
a:hover.his_4, .his_4.hn_current {
	background-position: 0px -107px;
}
a.his_5 {
	top: 108px;
	left:381px;
	background-image:url(../images/history_nav4.png);
	width: 187px;
	padding-top: 107px;
}
a:hover.his_5, .his_5.hn_current {
	background-position: 0px -107px;
}
a.his_6 {
	top: 55px;
	left:473px;
	background-image:url(../images/history_nav5.png);
	width: 187px;
	padding-top: 107px;
}
a:hover.his_6, .his_6.hn_current {
	background-position: 0px -107px;
}
a.his_7 {
	top: 1px;
	left:568px;
	background-image:url(../images/history_nav7.png);
	width: 186px;
	padding-top: 107px;
}
a:hover.his_7, .his_7.hn_current {
	background-position: 0px -107px;
}

#contact_holder li {
   margin-bottom: 7px;	
}

#contact_holder h2 {
   margin-bottom: 7px;	
}