@charset "UTF-8";
body {
	background-image: url(../images/main-bg.gif);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6a6a6a;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-attachment:fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.autoClearContainer {
	height: 100%;
	overflow: auto;
}
.autoClearContainer2 {
	float: left;
}
a {
 outline: none;
}
.floatRight {
	float: right;
	width: 385px;
}
br.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
#siteContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	overflow: hidden;
}
#headContainer {
	width: 100%;
	height: 155px;
	background-color: #494A3A;
}
#header {
	height: 115px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	width: 960px;
	padding: 0px;
	background-color: #494A3A;
	background-color: #494A3A;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header h1 {
	overflow: hidden;
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
	height /**/:117px; /* for IE5.5's bad box model */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 115px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#myBasketBox {
	width: 140px;
	margin-bottom: 7px;
	color: #c8cdba;
	margin-top: 2px;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	float: left;
}
#myBasketBox a {
	color: #FFFFFF;
	text-decoration: none;
}
#myBasketBox a:hover {
	text-decoration: underline;
}
#myAccountBox {
	width: 130px;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	color: #494A3A;
	float: left;
	margin-top: 2px;
	margin-left: 30px;
}
#myAccountBox a {
	color: #FFFFFF;
	text-decoration: none;
}
#myAccountBox a:hover {
	text-decoration: underline;
}
#navBar {
	background-color: #7CB1AF;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nav {
	width: 750px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
}
#nav li {
	list-style-type: none;
	margin: 0px;
	color: #FFFFFF;
	float: left;
	padding-top: 11px;
	padding-bottom: 11px;
}
#nav li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
}
#nav li a:hover {
	color: #000000;
}
#nav li.currentPage {
	background-color: #6B9897;
}
#searchBox {
	float: right;
	width: 207px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#searchBox input {
	margin: 0px;
	padding: 0px;
}
#searchBox .textField {
	height: 18px;
	width: 160px;
	vertical-align: middle;
	margin-right: 3px;
}
#searchBox .submitBtn {
	height: 18px;
	width: 27px;
	vertical-align: middle;
}
#middleThreeCol {
	margin-top: 16px;
	margin-bottom: 16px;
	float: left;
	width: 960px;
	overflow: hidden;
}
#middleTwoCol {
	background-image: url(../images/mainContent_2col_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 960px;
	float: left;
	margin-right: 0px;
}
#productNav {
	width: 191px;
	float: left;
	margin-right: 0px;
	margin-bottom: 16px;
	padding-left: 16px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#productNav ul {
	margin: 0px 0px 12px;
	padding: 0px;
}
#productNav li {
	list-style-type: none;
	margin: 0px;
	padding: 3px 16px;
}
#productNav li a {
	color: #000000;
	text-decoration: none;
}
#productNav li a:hover {
	color: #494A39;
}
#productNav li.categoryTitle {
	background-image: url(../images/productNav_cat_bg.gif);
	background-repeat: repeat-x;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000000;
	text-transform: uppercase;
}
#productNav li.currentCategory {
	background-image: url(../images/productNav_current_cat_bg.gif);
	background-repeat: repeat-x;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#productNav li.currentCategory a {
	color: #FFFFFF;
}
#productNav li.currentCategory a:hover {
	color: #FFFFFF;
}
#productNav li.currentRange a {
	color: #4e6400;
}
#productNav li h3 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
}
#news {
	width: 138px;
	float: right;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-right: 40px;
	background-image: url(../images/right-col-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 280px;
	padding-top: 130px;
	padding-left: 38px;
}
#news h2 {
	margin-top: 0px;
	background-image: url(../images/productNav_current_cat_bg.gif);
	background-repeat: repeat-x;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 8px;
}
#news h3 {
	margin-top: 0px;
	padding-right: 16px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
}
#news h3 a {
	color: #000000;
	text-decoration: none;
}
#news h4 {
	margin-top: 0px;
	padding-right: 16px;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
#news p {
	padding-left: 16px;
	margin-top: 0px;
	padding-right: 16px;
	margin-bottom: 19px;
}
#news a {
	color: #7CB1AF;
	text-decoration: none;
	font-weight: bolder;
}
#news a:hover {
	text-decoration: underline;
}
#mainContentTwoCol {
	width: 737px;
	margin-left: 16px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	float: left;
}
#mainContentTwoCol h2 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7CB1AF;
	padding-bottom: 2px;
	margin-bottom: 11px;
	color: #464737;
}
#mainContentTwoCol h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 11px;
}
#mainContentTwoCol h3.news {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83a900;
	padding-bottom: 2px;
	padding-top: 20px;
}
#mainContentTwoCol p {
	margin-top: 0px;
}
#mainContentTwoCol p.alternative1 {
	margin-bottom: 0px;
}
#mainContentTwoCol p.alternative2 {
	margin-bottom: 7px;
}
#mainContentTwoCol ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}
#mainContentTwoCol ul li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
} 
#mainContentTwoCol ul.alternative li {
	margin-bottom: 10px;
}
#mainContentTwoCol ol {
	margin: 0px 0px 0px 24px;
	padding: 0px;
}
#mainContentTwoCol ol li {
	margin: 0px;
	padding: 0px;
}
#mainContentTwoCol strong {
	color: #3C3C3C;
	font-weight: bolder;
}
#mainContentTwoCol a {
	color: #4e6400;
	text-decoration: none;
	font-weight: bolder;
}
#mainContentTwoCol a:hover {
	text-decoration: underline;
}
#mainContentTwoCol form {
	margin-bottom: 20px;
}
#mainContentThreeCol {
	width: 960px;
	height: 430px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
#mainContentThreeCol h2 {
	font-size: 26px;
	font-weight: normal;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83a900;
	padding-bottom: 2px;
	margin-bottom: 11px;
	color: #000000;
}
#mainContentThreeCol p {
	margin-top: 0px;
}
#mainContentThreeCol .newsletter {
	background-color: #e2e4e0;
	padding: 10px;
}
#mainContentThreeCol .newsletter h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 6px;
	margin-top: 0px;
}
#mainContentThreeCol a {
	color: #4e6400;
	text-decoration: none;
	font-weight: bolder;
}
#mainContentThreeCol a:hover {
	text-decoration: underline;
}
/* #mainContentThreeCol .newsletter label {
	vertical-align: middle;
	height: 16px;
} */
/* #mainContentThreeCol .newsletter .textField {
	height: 16px;
	vertical-align: middle;
	width: 200px;
	margin-right: 5px;
	padding: 0px;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
} */
.newsletter label {
	height: 16px;
	float:left; /* Take out of flow so the input starts at the same height */
	width:7em;
	line-height: 22px;
}
.newsletter input.textField {
	height: 16px;
	width: 200px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
#mainContentThreeCol .newsletter .submitBtn {
	vertical-align: top;
}
#featuredProducts {
	margin-bottom: 16px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#mainContentThreeColDetail {
	width: 333px;
	float: left;
	margin-left: 45px;
}
#mainContentThreeColDetail h2 {
	font-size: 22px;
	font-weight: normal;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83a900;
	padding-bottom: 2px;
	margin-bottom: 11px;
	color: #000000;
}
#mainContentThreeColDetail h3 {
	color: #000000;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0a0a0;
	padding: 0px;
	font-size: 14px;
	line-height: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#mainContentThreeColDetail h3.alternative {
	color: #000000;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0a0a0;
	margin: 0px 0px 6px;
	padding: 10px 0px 0px;
	font-size: 14px;
	line-height: 16px;
}
#mainContentThreeColDetail h4 {
	color: #000000;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0a0a0;
	margin: 0px 0px 6px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
}
#mainContentThreeColDetail p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 30px;
}
#mainContentThreeColDetail p.alternative {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#mainContentThreeColDetail a {
	color: #4e6400;
	text-decoration: none;
}
#mainContentThreeColDetail a:hover {
	text-decoration: none;
	color: #000000;
}
#detailImageContainer {
	float: left;
	width: 312px;
	margin-left: 17px;
}
#detailImage {
	height: 416px;
}
#detailImageContainer .caption {
	height: 23px;
	line-height: 23px;
	background-image: url(../images/detail_image_caption_bg.png);
	color: #c9cdc7;
	width: 279px;
	padding-left: 33px;
}
* html #detailImage .caption {
	background-image: url(../images/detail_image_caption_bg.gif);
}
#mainContentThreeColDetail ul.previousNext {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	width: 333px;
	float: left;
}
#mainContentThreeColDetail ul.previousNext li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainContentThreeColDetail ul.previousNext li.next {
	float: right;
}
#mainContentThreeColDetail ul.previousNext li.next a {
	color: #6a6a6a;
	text-decoration: none;
	padding-right: 15px;
	background-image: url(../images/arrow1_right1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}
#mainContentThreeColDetail ul.previousNext li.next a:hover {
	background-image: url(../images/arrow1_right2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #000000;
}
#mainContentThreeColDetail ul.previousNext li.previous {
	float: left;
}
#mainContentThreeColDetail ul.previousNext li.previous a {
	padding-left: 15px;
	color: #6a6a6a;
	text-decoration: none;
	background-image: url(../images/arrow1_left1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}
#mainContentThreeColDetail ul.previousNext li.previous a:hover {
	background-image: url(../images/arrow1_left2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
}
.lifestyle {
	padding-bottom: 15px;
	float: left;
	width: 333px;
	height: 249px;
	margin-bottom: 15px;
}
#carouselContainer {
	overflow: auto;
	padding-bottom: 30px;
	margin: 0px;
	padding-top: 0px;
}
#detailSizes {
	padding-bottom: 30px;
	color: #000000;
	padding-top: 0px;
	margin: 0px;
}
#detailSizes table {
	margin: 0px;
	padding: 0px;
}
#detailSizes td {
	padding-bottom: 16px;
	vertical-align: top;
}
#detailSizes input.addToBasketBtn {
	background-color: #4e6400;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	padding: 4px;
	margin: 0px;
	width: auto;
	overflow: visible;
}
dl.rangeThumbs {
	float:left;
	text-align:left;
	margin-top: 0px;
	padding-bottom: 50px;
	margin-bottom: 0px;
}
dl.rangeThumbs dt, dd {
	width:192px;
	float:left;
	padding-right: 23px;
}
dl.rangeThumbs dt {
	margin-bottom:45px;
}
dl.rangeThumbs dd {
	margin-top: 260px;
	margin-bottom: 0;
	margin-left: -212px;
	line-height: 12px;
}
dl.rangeThumbs dt img {
	vertical-align:bottom;
}
dl.rangeThumbs a {
	color: #000000;
	text-decoration: none;
}
dl.rangeThumbs a:hover {
	color: #4e6400;
}
.generalForm legend {
	color:#000; /* IE styles legends with blue text by default */
 	* html margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}
.generalForm fieldset {
	background-color: #E2E4E0;
	padding: 10px;
	border: 0;
}
.generalForm fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	display:block; /* Reset element back to block leaving layout in ie */
	margin-bottom: 5px;
} 
.generalForm label {
	float:left; /* Take out of flow so the input starts at the same height */
	width:6em;
	line-height: 22px;
}
.generalForm input.textField {
	width: 200px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.generalForm textarea {
	width: 400px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.generalForm input.submitBtn {
	margin-bottom: 5px;
	margin-right: 10px;
}
#credits {
	height: 37px;
	background-image: url(../images/credits_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 16px;
	padding-bottom: 12px;
	float: left;
	width: 960px;
}
#footer {
	color: #808080;
	background-color: #464737;
	padding-top: 11px;
	padding-right: 16px;
	padding-bottom: 11px;
	padding-left: 16px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	list-style-type: none;
	margin: 0px;
	color: #FFFFFF;
	display: inline;
}
#footer li a {
	color: #808080;
	text-decoration: none;
	padding-right: 32px;
}
#footer li a:hover {
	color: #83a900;
}
#footer li.currentPage a {
	color: #FFFFFF;
}
#footer p {
	margin: 0px;
}
.googleMapiFrame {
	float: left;
	border: 1px solid #999999;
	margin-right: 12px;
	margin-bottom: 12px;
}
.captchaImg {
	margin-left: 6em;
}
select {
	font-size: 11px;
}


.bespokeSizesTable {
	padding: 0px;
	margin-top: 20px;
}

.bespokeSizesTable th {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 3px 10px 3px 0px;
	color: #000000;
}

.bespokeSizesTable td {
	font-size: 11px;
	padding: 3px;
}

.bespokeSizesTextField {
	font-size: 11px;
	width: 190px;
  /* will affect all input[type=text|password] fields */
}
#siteContainer #middleThreeCol #homeThumbsContainer .homeThumb {
	padding: 0px;
	float: left;
	height: 200px;
	width: 225px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}
.thumbTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #7CB1AF;
	background-image: url(../images/thumbTitle-bg.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	width: 205px;
	margin-top: 170px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	position: absolute;
	text-transform: uppercase;
}
#siteContainer #middleThreeCol #homeThumbsContainer #homeTextBox {
	background-color: #FFF;
	width: 940px;
	padding: 10px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: left;
}
#siteContainer #middleThreeCol #homeThumbsContainer #homeTextBox h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #7CB1AF;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

#siteContainer #middleTwoCol #mainContentTwoCol #thumbs #rangePopup {
	width: 192px;
	left: 0px;
	top: 0px;
	background-color: #CCC;
	z-index: 100;
	visibility: hidden;
}
#thumbs {
	float: left;
	width: 192px;
	margin-right: 10px;
	margin-left: 10px;
}
#siteContainer #middleTwoCol #mainContentTwoCol #thumbs #thumbclass {
	float: left;
	height: 260px;
	width: 192px;
}
#siteContainer #middleTwoCol #mainContentTwoCol #thumbs #thumbtitle {
	float: left;
	height: 30px;
	width: 192px;
}
#siteContainer #middleThreeCol #homeThumbsContainer {
	float: left;
	width: 960px;
}
#navStrip {
	background-color: #7CB1AF;
	height: 40px;
	width: 100%;
}
#footerContainer {
	background-color: #464737;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.item {
	width:192px;
	height:260px;	
	border:2px solid #494A3A;	
	margin:10px 10px 10px 10px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:192px;
	height:260px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}.rangeTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 10px;
}
.rangeTitle a {
	text-decoration: none;
	color: #FFF;
}
.rangeDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E6E6E6;
}
.rangeDetail a {
	text-decoration: none;
	color: #FFF;
}