@charset "utf-8";

/* CSS Document */



/* COLOUR DEFS:



Dark Brown (header menu): #2D1611

Tan (footer area,  lines): #ee4d6d

Pink (footer area, etc): #EFBECE



*/



/* BASIC STRUCTURE */

html, body { /* Allow for centering on IE */



	height: 100%;

	margin: 0;

	padding: 0;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #2D1611;

}



form {

	margin: 0px;

}

	

table { /* make borders join into each others */

	border-collapse:collapse;

}



a {

	color: #ee4d6d;

	text-decoration: none;

}



a img {

	border: 0px none;

}



h1 {

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	/*color: #54290B;*/

	margin: 12px 0px 8px 0px;

	font-weight: bold;

}



h2 {

	font-size: 10px;

	color: #ee4d6d;

}





#wrapper-table { /* Outer-most wrapper table, for centering */



	height: 100%;

	margin: 0px;

	padding: 0px;

}



#wrapper-table .wrapper-td { /* See above - also includes padding top and bottom */

	vertical-align: top;

	padding-top: 15px;

	padding-bottom: 15px;

}



#wrapper-border-div { /* Dark Brown outer line - defines max width of site, div version */

	width: 980px;	

	border: 1px solid #2D1611;

	margin-left: auto;

	margin-right: auto;	

}



/* HEADER AREA */



#header-div { /* wrapper to hold all header features - includes background */

	position: relative;

	width: 980px;

	height: 122px;

	background: url(/images/template/header-background.png) top left no-repeat;	

}



#header-div .logo { /* applied to image, not to link */

	position: absolute;

	width: 171px;

	height: 74px;

	border: 0px none;

	top: 34px;

	left: 100px;

}



#header-div .wholesale { /* applied to link, includes background */

	position: absolute;

	display: block;

	bottom: 0px;

	right: 10px;

	width: 131px;

	height: 24px;

	background: url(/images/template/background-wholesale.png) bottom left no-repeat;

	text-decoration: none;

	font-family: "Century Gothic", sans-serif;

	color: #FFFFFF;

	text-align: center;

	vertical-align:bottom;

	font-size: 13px;

	line-height: 24px;

}



/* TOP MENU */



#top-menu-list { /* UL for top menu */

	width: 100%;	

	margin: 0px;

	padding: 0px;

	background-color: #2D1611;

	text-align: right;	

	font-family: "Century Gothic", sans-serif;

	line-height: 25px;

	vertical-align: text-bottom;

}



#top-menu-list li {

	display: inline;

	color: #FFFFFF;

	padding: 0px 10px;

	font-size: 13px;

	

}

#top-menu-list li a {

	color: #FFFFFF;

	text-decoration: none;	

}



#top-menu-list li.cart a {

	padding-left: 20px;

	padding-right: 12px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background: url(/images/template/background-cart-icon.png) left center no-repeat;

}



/* BREADCRUMB AREA */



#breadcrumb-container-div {

	width: 100%;

	margin-top: 5px;

	height: 26px;

	line-height: 26px;

	vertical-align: middle;

	padding: 4px 0px;

	border-bottom: 1px  #ee4d6d;

	color: #2D1611;

	/*font-weight: bold;*/

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-transform: lowercase;

}



#breadcrumb-container-div a {

	text-transform: lowercase;

	/*color: #2D1611;*/ /* Dark Brown */	

}



#breadcrumb-container-div #prevnext-div {

	text-transform: lowercase;

	float: right;

	padding-right: 10px;	

}



#breadcrumb-container-div #breadcrumb-div {

	float: left;

}



#breadcrumb-container-div span.separator, #breadcrumb-container-div span.current {

	color: #ee4d6d; /* Pink */

	/*color: #2D1611; /* Dark Brown */

}



#breadcrumb-container-div span.current {

	font-weight: bold;

}



	

/* FOOTER AREA */



#footer-top-border-div { /*  line at top of footer  */

	width: 100%;

	height: 5px;

	line-height: 5px;

	border-top: 1px  #ee4d6d;

}



#footer-dark-brown-div { /* dark brown level of footer */

	width: 100%;

	height: 16px;

	line-height: 16px;

	background-color: #2D1611;

	border-top: 1px solid #968A88;

}



#footer-pink-div {

	width: 100%;

	height: 5px;

	line-height: 5px;

	background-color: #EFBECE;

	border-top: 1px solid #775852;

}



#footer-tan-div { /* contains the text */

	width: 100%;

	height: 30px; 

	background-color: #ee4d6d;

	border-top: 1px solid #C49E86;

	line-height: 30px;

	vertical-align: middle;

}



#footer-tan-div .copyright {

	float: right;

	margin-right: 10px;

	/*font-family: Georgia, "Times New Roman", Times, serif;*/

	font-size: 11px;

}



#footer-tan-div .credit {

	float: left;

	margin-left: 10px;

	text-decoration: none;

	/*font-family: Georgia, "Times New Roman", Times, serif;*/

	font-size: 11px;

	color: #2D1611;

}



/* SUBFOOTER AREA */

#subfooter {

	width: 960px; /* built-in padding - max width is 980px */

	margin: 10px auto 0px auto;

	text-align: right;

	font-size: 9px;

	color: #2D1611;

}

#subfooter a {

	color: #2D1611;

}



/* CONTENT AREA */



#content-table {

	

}



/* SIDE MENU */



#content-table .side-menu {

	width: 145px;

	border-right: 1px  #ee4d6d;

	padding: 0px;	

	padding-bottom: 5px;

	/*font-weight: bold;*/

	font-size: 12px;

}



#content-table .side-menu hr {

	width: 138px;

	margin: 0px auto;

	height: 1px;

	line-height: 1px;

	font-size: 1px;

	color: #FFFFFF;

	border-top: 1px  #ee4d6d;

	display: none;

}



#content-table .side-menu h1 {

	display: block;

	width: 131px;

	height: 34px;

	background: url(/images/template/background-side-menu-h1.png) center center no-repeat;

	font-size: 15px;

	font-weight: normal;

	font-family: "Century Gothic", sans-serif;

	text-align: center;

	vertical-align: middle;

	line-height: 34px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 5px;

	margin-bottom: 8px;

	padding: 0px;

}



#content-table .side-menu h1 a {

	text-decoration: none;

	color: #2D1611;

}



#content-table .side-menu ul {

	text-align: center;

	list-style:none;

	margin: 0px 0px 0px 0px;

	padding: 0px;	

}



#content-table .side-menu li {

	display: block;

	text-align: center;

	list-style: none;

	padding: 6px 0px;

}



#content-table .side-menu li a {

	text-decoration: none;

	text-transform: lowercase;

	color: #2D1611;

}



#content-table .side-menu li.selected a {

	color: #E79AB3;

	font-weight: bold;

}



#content-table .side-menu li.subcat a {

	color: #ee4d6d;

	font-size: 10px;

}



#content-table .side-menu li.subselected a {

	color: #E79AB3;

	font-size: 10px;

}





/*#content-table .side-menu ul.special li a {

	color: #ee4d6d;

}*/



#content-table .side-menu ul li a:hover {

	color: #E79AB3;

}



#content-table .side-menu .circle {

	border: 0px none;

}



/* MAIN AREA */



#content-table .main-content {

	padding: 0px 5px 5px 5px;

}



#main { /* Used to wrap all content in main area to ensure breadcrumb nav is cleared, and for ease of definitions.

		   Could have used #content-table .main-content, but would clog code */

	/*clear: both;*/

}



/* RIGHT SIDE OPTIONAL AREA */



#content-table #right-side {

	width: 240px;

	padding: 5px;

}



/* CATEGORIES PAGE */



table.table-cattable {

width: 550px;

}



/* FRONT PAGE */



#montage {

	/*width: 956px;*/	

	margin: 15px auto;

	padding: 0px;

	border-collapse: separate;

}



#montage img {

	border: 1px solid #000000;

}



#montage td {

	margin: 0px;

	padding: 0px;	

}



#montage td.hidden {

	border: 0px none;

	height: 110px;

}



#montage td.hidden img {

	border: 0px none;

}



#montage td.short {

	height: 80px;

}



/* PRESS TABLE */

#press-table img {

	border: 0px none;

}

#press-table a, #press-table strong {

	font-weight: bold;

	color: #ee4d6d;

}

#press-table span {

	/* font-style: italic; */

	color: #ee4d6d;

	font-size: 10px;

	display: block;

}

#press-table p {

	margin: 0px;

	/*font-size: 10px;*/

}



/* STOCKISTS AREA */



/*ul.stockists {

	margin: 0px;

	padding: 0px;

}*/



ul.stockists h2 {

	margin: 4px;

	padding: 0px;

	text-indent: -30px;	

}

ul.stockists li {

	padding-bottom: 4px;

}



ul.stockists li span {

	/* font-style: italic; */

	color: #ee4d6d;

}



#stockists-right {

	width: 54%;

	float: right;	

}



#stockists-left {

	width: 45%;

	float: left;

}



/* CONTACT FORM */



#contact-right {

	width: 40%;

	float: right;

	margin: 0px;

	padding: 0px;

}



#contact-right form {

	width: 220px;

	margin: 0px;

	padding: 0px;

}



#contact-right fieldset {

	width: 200px;

	border: 0px none;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	display: block;

}



#contact-right fieldset#button {

	text-align: center;

}



#contact-right label {

	display: block;

	font-size: 11px;

	font-weight: bold;

	color: #ee4d6d;

}



#contact-right label.optional span {

	color: #ee4d6d;

	font-weight: normal;

	/* font-style: italic; */

}

	

#contact-right .textbox {

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#contact-right .multiline {

	height: 100px;

}



#contact-left {

	float: left;

}



.contact-table {

	/*width: 300px;*/

}



.contact-table th, .contact-table td {

	/*width: 50%;*/

	padding: 5px !important;

	margin: 0px;

	vertical-align: top;

	text-align: left;

}



/* PRODUCT TABLE */



#product-table {

	width: 820px;

	margin: 0px;

	padding: 0px;

}



#product-table .image-cell {

	width: 330px;

	border-right: 1px  #ee4d6d; 

	padding-top: 10px; 

	padding-right: 5px;

	text-align: center;

}



#product-table .text-cell {

	padding-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

	text-align: left;

	vertical-align: top;

}





#product-table .text-cell hr {



	margin: 0px auto;

	height: 1px;

	line-height: 1px;

	font-size: 1px;

	color: #FFFFFF;

	border-top: 1px  #ee4d6d;

}



/* QUANTITY DIV */



#quantity-div {

	width: 80%;

	margin: 10px auto;

}



#quantity-div fieldset {

	border:0px none;

	border-top: 1px  #cccccc;

}



#quantity-div fieldset.first {

	border-top: 0px none;

}



#quantity-div label {

	display: block;

	float: left;

}



#quantity-div input, #quantity-div select, #quantity-div textarea {

	float: right;

}



/* EMAIL-PRICE-BUY */



#email-price-buy {

	width: 78%;

	margin: 10px auto 0px auto;

}



#email-price-buy td {

	vertical-align: middle !important;

}



#email-price-buy .email-friend-cell {

	width: 33%;

	text-align: left;

}



#email-price-buy .price-cell {

	width: 34%;

	text-align: center;

}



#email-price-buy .buy-cell {

	width: 33%;

	text-align: right;

}



/* MULTIPLE IMAGES TABLE */



#multiple-images {

	width: 320px;

	margin: 10px auto;

	padding: 0px;

	/*border: 1px solid #FF0000;*/

}



#multiple-images td {

	width: 100px;

}



#multiple-images td.left-cell {

	text-align: left !important;

}



#multiple-images td.middle-cell {

	padding: 0px 10px !important;

	text-align: center !important;

}



#multiple-images td.right-cell {

	text-align: right !important;

}



#multiple-images span {

	display: block;

	text-align: center;

}



#multiple-images img {

	width: 100px;

	height: 100px;

}



/* CROSS-PROMOTIONS TABLE */



#cross-promotion {



	border-top: 1px  #ee4d6d;

	padding: 0px 0px;

}



#cross-promotion h1 {

}



#cross-promotion table {



}



#cross-promotion tr.image-row img {

	width: 63px;

	height: 62px;

}



#cross-promotion td {

	width: 20px;

	text-align: center;

	padding: 5px;

}



/* SUBSCRIBE FORM */





#subscribe-form {

	width: 220px;

	margin: 25px 0px 0px 100px;

	padding: 0px;

}



#subscribe-form fieldset {

	width: 200px;

	border: 0px none;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	display: block;

}



#subscribe-form fieldset.button {

	text-align: center;

}



#subscribe-form label {

	display: block;

	font-size: 11px;

	font-weight: bold;

	color: #ee4d6d;

}



#subscribe-form label.optional span {

	color: #ee4d6d;

	font-weight: normal;

	/* font-style: italic; */

}

	

#subscribe-form .textbox {

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



/* SEARCH PAGE */



#search-page-form {

	width: 540px;

	margin: 0px 30px 0px 0px;

	padding: 0px;

	clear: both;

}



#search-page-form fieldset {

	width: 260px;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	display: block;

	border: 0px none;

}



#search-page-form fieldset#max-price-box, #search-page-form fieldset#in-category-box {
	float: left;
}

#search-page-form fieldset#search-for-box, #search-page-form fieldset#search-type-box {
	float: left;
}

#search-page-form fieldset#button {

	text-align: right;
	clear: both;

}





#search-page-form label {

	display: block;

	font-size: 11px;

	font-weight: bold;

	color: #ee4d6d;

}

	

#search-page-form .textbox, #search-page-form .selectbox {

	width: 210px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#search-page-form .selectbox {

	width: 214px;

}



#searchtable {

	width: 520px;

	text-align: left;

}







#search-info dt {

	font-size: 11px;

	font-weight: bold;

	color: #ee4d6d; /* Tan */

	margin-bottom: 2px;

}



#search-info dd {

	display: block;



	margin-bottom: 10px;

	margin-left: 20px;

}



.prodname a, .catname a {

	color: #2babe2;

	font-weight: bold;

	font-size: 12px;	

}

.catname {
	margin-top: 0px;
}



.proddescription {

	font-size: 10px;

}



.prodprice {

	margin-top: 5px;

	margin-left: 22px;

	color: #ee4d6d;

	font-size: 10px;

	font-weight: bold;

}



img.buybutton {

	position: absolute;

	right: -6px;
	bottom: -1px;

}



.productbg {

	width: 154px;

	height: 155px;

	background: url(/images/productbg.gif) no-repeat;

	margin-left: 15px;

	margin-right: 10px;
	position: relative;

}

.prodimage {

	margin-right: 6px;

}

img.prodimage {
	border: dashed 1px #a0cfef; margin-top: 10px;
}

.checkouttable {

 	margin-top: 20px;

 }

.checkouttable td {

 	height: 30px;

}

.checkouttable td strong {

 	font-weight: normal;

}

 .checkouttable td input, select {

 	font-family: Verdana, Helvetica, sans-serif;

	font-size: 11px;

 }

.rel {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}