html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 15px 0 0;
	background-color: rgb(230,223,212);
	scrollbar-face-color: #ccc; /*/ obviously change this to whatever you want /*/
scrollbar-arrow-color: #000;
scrollbar-highlight-color: rgb(251,249,248);
scrollbar-3dlight-color:rgb(251,249,248);
scrollbar-shadow-color: rgb(251,249,248);
scrollbar-darkshadow-color: rgb(251,249,248);
scrollbar-track-color: rgb(251,249,248);
}

.wrappertable {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header {
	width: 960px;
	height: 72px;
	float: left;
	position: relative;
	clear: both;
	background-color: #FFF;
}

#header .logotop {
	position: absolute;
	top: 15px;
	float: left;
	width: 276px;
	height: 23px;
	left: 20px;
}

#header .navtop2 {
	position: absolute;
	top: 50px;
	float: left;
	width: 940px;
	text-align: left;
	height: 22px;
	left: 20px;
	color: rgb(161,29,33);
	font-size: 11px;
}

#header .navtop2 a {
	color: rgb(41,42,41);
	text-decoration: none;
	padding-bottom: 2px;
}

#header .navtop2 a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
}
#header .locationtop {
	position: absolute;
	top: 15px;
	float: right;
	width: 276px;
	height: 23px;
	right: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	text-align: right;
}
#header .locationtop img {
border: none;
}
/* *** content *** */

#content {
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	position: relative;
	height: 480px;
}
#content-scroll {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	height: 480px;
	overflow-y: auto;
	overflow-x:hidden;
}

/* *** content left *** */

#content_left {
	float: left;
	position: relative;
	width: 664px;
	height: 100%;
}
#content_left_home {
	float: left;
	position: relative;
	width: 664px;
	height: 437px;
	background-image: url(images/img_home/rotate_home_1.jpg);
	top: 10px;
}
#prod_matrix_rotate {
	float: left;
	position: relative;
	width: 232px;
	height: 417px;
	padding: 10px;
}

#prod_matrix {
	float: left;
	position: relative;
	padding-top: 10px;
	height: 427px;
	overflow: auto;
	width: 412px;
}

.td_matrix_img {
	padding-right: 7px;
}

.td_matrix_txt {
	color: rgb(161,29,33);
	font-size: 9px;
	padding-bottom: 7px;
	padding-top: 2px;
}

.td_matrix_txt a {
	text-decoration: none;
	color: rgb(26,26,26);
}

.td_matrix_txt a:hover {
	text-decoration: underline;
	color: rgb(161,29,33);
}

/* *** content left / Collection Rotate *** */

#home_rotate {
	width: 720px;
	height: 437px;
	float: left;
	position: relative;
}
#collection_rotate_full {
	width: 644px;
	height: 417px;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
}
#collection_rotate {
	width: 431px;
	height: 417px;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
}
#collection_rotate_small {
	width: 200px;
	height: 417px;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
}
#collection_thumbs {
	height: 390px;
	width: 465px;
	position: absolute;
	right: 0px;
	top: 170px;
	overflow: hidden;
}
#collection_thumbs_large {
	height: 418px;
	width: 423px;
	position: absolute;
	right: 18px;
	top: 10px;
	overflow: hidden;
}
#collection_thumbs_high {
	height: 308px;
	width: 455px;
	position: absolute;
	right: -4px;
	top: 30px;
	overflow: hidden;
}
#collection_thumbs1 {
	height: 132px;
	width: 193px;
	padding-bottom: 10px;
}
#collection_thumbs2 {
	height: 132px;
	width: 193px;
	padding-bottom: 10px;
}
#collection_thumbs3 {
	height: 132px;
	width: 193px;
}
#collection_thumbs .td_collectionthumbs {
	padding: 0 0 10px 5px;
}
#collection_thumbs_large .td_collectionthumbs {
	padding: 0 0 10px 5px;
}
.randImg {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	z-index: 995;
	overflow: hidden;

}
/* *** content right *** */

#content_right {
	width: 256px;
	height: 417px;
	float: left;
	position: relative;
	background-color: rgb(251,249,248);
	top: 0px;
}
.extratext {
	width: 458px;
	padding:10px;
	top:445px;
	left:0px;
	position:absolute;
	background-color: #fff;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-weight:bold;
	z-index: 999;
}
#right_newcollections {
	width: 256px;
	text-align: center;
	font-size: 11px;
	background-color: rgb(251,249,248);
	margin: 0;
	padding: 0;
	height: 437px;
	float: right;
}

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

#right_newcollections li {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li .selected {
background-color:#DCD1C8;
}

#right_newcollections li a {
	color: rgb(41,42,41);
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
}

#right_newcollections li a:hover {
	color: rgb(26,26,26);
	text-decoration: none;
	display: block;
	background-color: rgb(186,181,173);
}

#right_nav {
	width: 100%;
	text-align: center;
	font-size: 11px;
	padding-top: 20px;
	height: 305px;
}

#right_nav ul {
	padding: 0 0 10px;
	margin: 10px 0 20px;
}

#right_nav li {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

#right_nav li a {
	color: rgb(41,42,41);
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}

#right_nav li a:hover {
	color: rgb(26,26,26);
	text-decoration: none;
	display: block;
	background-color: rgb(196,191,183);
}

#right_nav p {
	font-size: 10px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 15px;
	margin-top: 7px;
	margin-bottom: 14px;
}

#right_nav h2 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: rgb(148,144,138);
	margin-top: 14px;
	margin-bottom: 20px;
}

/* @group content swatch */

/* *** content swatch *** */

#swatch_top {
	background-color: rgb(220,209,200);
	width: 100%;
	height: 50px;
	position: relative;
	clear: both;
}

#swatch_top .swatch_logo {
	float: left;
	position: absolute;
	top: 10px;
	left: 20px;
}

#swatch_top .swatch_brand {
	float: left;
	position: absolute;
	top: 18px;
	left: 180px;
	color: rgb(148,144,138);
	font-size: 14px;
}

#swatch_top .swatch_printbar {
	float: left;
	position: absolute;
	top: 14px;
	left: 410px;
	width: 240px;
	font-size: 10px;
	color: rgb(161,29,33);
}

#swatch_top .swatch_printbar a {
	color: rgb(41,42,41);
	text-decoration: none;
	font-size: 11px;
}

#swatch_top .swatch_printbar a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
	padding-bottom: 2px;
}

#swatch_top .swatch_collection {
	float: right;
	position: absolute;
	width: 256px;
	height: 50px;
	right: 0;
}

#swatch_base {
	width: 100%;
	height: 387px;
	position: relative;
	overflow: auto;
	clear: both;
	font-size: 10px;
}

#header_bar {
	width: 870px;
	height: 48px;
	padding-left: 20px;
	position: relative;
}

#header_bar .headerbar_design {
	position: absolute;
	top: 18px;
	width: 58px;
	height: 13px;
}

#header_bar .headerbar_colours {
	position: absolute;
	top: 18px;
	left: 130px;
}

#header_bar .headerbar_stockist {
	position: absolute;
	top: 18px;
	float: right;
	right: 15px;
	text-align: right;
	width: 500px;
	color: rgb(161,29,33);
}

#header_bar .headerbar_stockist a {
	color: rgb(26,26,26);
	text-decoration: none;
}

#header_bar .headerbar_stockist a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
}

#swatch_base .swatch_bar {
	width: 870px;
	padding-left: 20px;
	position: relative;
}

.td_swatch_thumb {
	padding-right: 8px;
	border-right: 2px solid rgb(148,144,138);
}

.td_swatch_thumb_txt {
	padding-top: 2px;
	padding-bottom: 8px;
	color: rgb(161,29,33);
}

.td_swatch_thumb_txt a {
	color: rgb(26,26,26);
	text-decoration: none;
}

.td_swatch_thumb_txt a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
}

.td_swatch_thumb_options {
	padding-left: 8px;
	padding-right: 8px;
}

.td_swatch_thumb_options_txt {
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 8px;
	color: rgb(124,123,121);
}



/* @end */

/* *** footer *** */

#footer {
	width: 950px;
	position: relative;
	background-color: #FFF;
	color: #666;
	clear: both;
	height: 25px;
	z-index: 999;
	background-repeat: no-repeat;
	padding-top: 5px;
}

#footer .footlinks {
	color: rgb(161,29,33);
	width: 600px;
	position: relative;
	float: left;
	text-align: left;
	font-size: 10px;
	padding-left: 20px;
	padding-top: 9px;
}

#footer .footlinks a {
	color: #A19E99;
	text-decoration: none;
	text-transform: lowercase;
}

#footer .footlinks a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
}

#footer .footlinks2 {
	color: rgb(161,29,33);
	width: 240px;
	position: absolute;
	left: 410px;
	float: left;
	top: 8px;
	text-align: right;
	height: 22px;
	font-size: 11px;
}

#footer .footlinks2 a {
	color: rgb(41,42,41);
	text-decoration: none;
	padding-bottom: 10px;
}

#footer .footlinks2 a:hover {
	color: rgb(161,29,33);
	text-decoration: underline;
}
/*carousel image stuff below*/

.carousel-component {
	margin:0px;
	width:190px; /* seems to be needed for safari */
}
.carousel-component .carousel-list li {
	margin:0px;
	width:190px; /* img width is 75 px from flickr + border-top (1) + border-bottom(1) */
}
/* Applies only to vertical carousels */
.carousel-component .carousel-vertical li {
	margin-bottom:4px;
	height:142px; /* image + row of text (87) + border-top (1) + border-bottom(1) */
}
.carousel-component .carousel-list li a {
	display:block;
}
.carousel-component .carousel-list li a:hover {

}
.carousel-component .carousel-list li img {
	display:block;
}
#up-arrow {
	cursor:pointer;
}
#down-arrow {
	cursor:pointer;
}
.carousel-component {
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
}
.carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
}
.carousel-component .carousel-list li {
	float:left;
	list-style:none;
	overflow:hidden;
}
/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li {
	margin-bottom:5px;
	/* Fix for extra spacing in IE */
	float:left;
	clear:left;
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}
/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}
.carousel-component .carousel-clip-region {
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative;
	height: 417px;
}
/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component {
	padding:0px;
}
.carousel-component ul.carousel-list {
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li {
}
.carousel-component .carousel-vertical li {
}
.carousel-component ul.carousel-vertical {
}
#cmovebar {
	width: 100%;
	height: 20px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 999;
	float: left;
	top: 287px;
}
.b-banner {
	width:930px;
	height:50px;
	background-color:#FFF;
	position: absolute;
	z-index: 100;
	float: left;
	padding: 25px 10px 3px 20px;
	top: 430px;
}
.b-banner-small {
	width:145px;
	height:20px;
	background-color:#FFFFFF;
	position: absolute;
	z-index: 100;
	float: left;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	padding: 10px 10px 3px 10px;
	color: #000000;
	text-decoration: none;
}
.b-banner-small2 {
	width:160px;
	height:15px;
	background-color:#fff;
	position: absolute;
	z-index: 100;
	float: left;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	padding: 13px 10px 3px 10px;
	color: #000;
	text-decoration: none;
}
.b-banner-small a:link {
	text-decoration: none;
}
.title-large {
	font-size:18px;
	font-weight:normal;
	padding: 0;
	margin: 0px;
}
.titlebox {
	padding: 5px;
	background-color: #DCD1C8;
}
#coll_container, #coll_container2, #coll_container3, #coll_container4, #coll_container5, #coll_container6 {
	width: 165px;
	height: 165px;
	float:left;
	display:block;
	border: thick solid #FFFFFF;
	margin: 20px;
}
#coll_container, .b-banner-small a:link {
	text-decoration: none;
}
#coll_container2, .b-banner-small a:link {
	text-decoration: none;
}
#coll_container3, .b-banner-small a:link {
	text-decoration: none;
	
}
#coll_container4, .b-banner-small a:link {
	text-decoration: none;
	}
	#coll_container5, .b-banner-small a:link {
	text-decoration: none;
	}
	
	#coll_container3, .b-banner-small a:link {
	text-decoration: none;
	}
	
#coll_container a:hover, #coll_container2 a:hover, #coll_container3 a:hover, #coll_container4 a:hover, #coll_container5 a:hover, #coll_container6 a:hover{
	border: thick solid #666;
}
.productbox {
	float:left;
	display:block;
}
h5 {
	font-size: 18px;
	letter-spacing: 3px;
	font-weight: normal;
	color: #666666;
}
.sidelink p{
margin: 0px;
padding: 4px 0px 0px 0px;
}
.sidelink-small p{
margin: 5px;
padding: 0px;

}
.sidelink a{
margin-right:14px;
text-align: center;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 200px;
	height:207px;
	display: block;
	background-color: #FFF;
	padding: 0px 5px 10px 5px;
	float: right;
	}
	.sidelink2{
	color: #000;
	text-align:center;
	padding:6px;
	margin-top:3px;
	text-transform: lowercase;
	}
.sidelink a:hover {
	background-color: #FBFBFB;
	text-decoration: none;
	}
	.sidelink-small a{
	text-align: center;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 110px;
	background-color: #FFF;
	padding:10px 20px 10px 20px;
	}
	.sidelink-small a:hover {
	background-color: #FBFBFB;
	text-decoration: none;
	}
	
#tn_box{
	height: 240px;
	width: 200px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	float: left;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}
#title {
	margin: 0px 20px 0px 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #464648;
	border-right-color: #464648;
	border-bottom-color: #464648;
	border-left-color: #464648;
	float: left;
	width: 880px;
}
#title-contact {
	margin: 0px 20px 0px 20px;
	float: left;
	width: 920px;
}

#title-contact h2 {
	font-size: 14px;
	color: #666666;
}

#title-contact a {
	color: #000;
}

#title2 {
	margin: 0px 20px 0px 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #464648;
	border-right-color: #464648;
	border-bottom-color: #464648;
	border-left-color: #464648;
	float: left;
	width: 880px;
}
#righttop{
	height: 130px;
	width: 425px;
	float: right;
	padding-right: 20px;
	text-align: center;
}
#righttop-large{
	height: 430px;
	width: 445px;
	float: right;
	margin-right: 20px;
	text-align: center;
	overflow: visible;
}
#righttop-large-text{
	height: 430px;
	width: 445px;
	float: right;
	margin-right: 20px;
	text-align: center;
	overflow: visible;
	line-height: 10px;
}
#righttop-small{
	height: 30px;
	width: 440px;
	float: right;
	text-align: left;
}
#rightbottom-small{
	height: 52px;
	width: 452px;
	position: absolute;
	top: 370px;
	right: 8px;
}
#righttop-small h3{

}
h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	text-transform: uppercase;
}
.data {
	font-size: 9px;
}
.data h5{
font-size: 9px;
font-weight:normal;
}
table.data {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
}
table.data th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.data td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
#backbutton{
	color:#000;
	float: right;
	width: 455px;
	text-align: center;
}
#backbutton a{
	text-decoration:none;
	color:#000;
}
#backbutton a:hover{
	text-decoration:underline;
	color:#000000;
}
/* form stuff */
.submit input
{
margin-left: 4.5em;
}
input
{
color: #000;
background: #e8e6e1;
border: 1px solid #cbc9a8
}

.submit input
{
color: #000;
background: #e8e6e1;
border: 2px outset #cbc9a8
}
fieldset
{
	border: 1px solid #cbc9a8;
	width: 97%;
	padding: 10px;
}

legend
{
	color: #333333;
	background: #e8e6e1;
	border: 1px solid #cbc9a8;
	padding: 2px 6px
}
 label
{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
/*distro display stuff*/
#divCustomerInfo {
	height: 380px;
	overflow-y: auto;
	overflow-x:hidden;
	width: 270px;
	float: left;
	margin: 10px;
	text-transform: lowercase;
}
#divCustomerInfo2 {
	height: 380px;
	overflow-y: auto;
	overflow-x:hidden;
	width: 270px;
	float: left;
	margin: 10px;
}
#divCustomerInfo3 {
	height: 380px;
	overflow-y: auto;
	overflow-x:hidden;
	width: 290px;
	float: left;
	margin: 10px;
}
#divCustomerInfo strong {
	text-transform: uppercase;
}
#divCustomerInfo a:link, #divCustomerInfo2 a:link, #divCustomerInfo3 a:link {
	color: #A4A387;
}
#divCustomerInfo p a:link {
	color: #A4A387;
	border: #A4A387 1px solid;
	padding: 3px;
	text-decoration: none;
}