/*
** Beyond Beauty
** 2009/11/04
*/
html { height: 100%; padding-bottom: 1px; background: #4c4b58 url("../images/cssimg/bg.png") repeat-x 0 0; font-size: 100%; }
body { position: relative; width: 961px; margin: 0 auto; padding: 0; background: transparent; color: #656565; font: 0.6875em/1.5 "Tahoma", "Geneva", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h2 { padding-bottom: 10px; color: #b4a370; font-size: 3em; font-weight: normal; text-transform: uppercase; }
h3 { color: #706f79; font-size: 2em; font-weight: normal; line-height: 60px; text-transform: uppercase; }
h4 { color: #272525; font-size: 1.1818em; }
h5 { font-size: 1.1818em; font-weight: normal; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #b4a370; text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:hover span { cursor: pointer; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
button { overflow: visible; }

/*
 * some globally used classes
 */

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

input.text { float: left; height: 16px; padding: 2px; border: 1px solid #e2e3ea; }
input.button { float: left; border: none; color: #fafafa; }

/*
 * Newsletter subscription
 */
input#CLFullName.cat_textbox_small,
input#CLEmailAddress.cat_textbox_small,
input#CaptchaV2.cat_textbox  { float: left; height: 16px; padding: 2px; border: 1px solid #e2e3ea; width: 180px;margin: 5px 0 5px;}


/*
** header
*/
.header { overflow: hidden; padding-right: 10px; }
.header h1 { float: left; }
.header h1 a { display: block; overflow: hidden; width: 271px; height: 138px; background: transparent url("../images/cssimg/logo.png") no-repeat 0 0; text-indent: -99em; }
.header p.links { float: right; padding-top: 40px; word-spacing: 5px; }
.header p.links a { word-spacing: normal; }
/*.header form { clear: right; float: right; }*/
/*.header form p { overflow: hidden; }*/
/*.header form input.text { width: 181px; margin: 1px 5px 0 0; }*/
/*.header form input.button { width: 67px; height: 24px; background: transparent url("../images/cssimg/btn-submit.png") no-repeat 0 0; }*/

.menu { overflow: hidden; background: #282626 url("../images/cssimg/menu.png") repeat-x 0 0; font: 1.0909em "Arial", "Helvetica", sans-serif; }
.menu ul { overflow: hidden; float: left; padding: 0; list-style: none; text-transform: uppercase; }
.menu ul li { float: left; background: transparent url("../images/cssimg/menu-border.png") no-repeat 100% 0; }
.menu ul li a { float: left; padding: 16px 10px 18px; background: transparent url("../images/cssimg/menu.png") repeat-x 0 -1000px; color: #dadadb; line-height: 1em; }
.menu ul li a:hover, .menu ul li.selected a { background-position: 0 -454px; color: #8d8c94; text-decoration: none; }
.menu ul li#home a { padding-left: 20px; }
.menu p { float: right; padding: 0; line-height: 1em; }
.menu p a { display: block; padding: 16px 20px 0 25px; background: transparent url("../images/cssimg/icon-basket.png") no-repeat 0 16px; color: #c3a353; }

/*
** content
*/
.content { overflow: hidden; padding: 10px 10px 50px; background: #fff url("../images/cssimg/bg-content.png") no-repeat 0 100%; }
.content .left { float: left; width: 220px; }
.content .left .submenu { position: relative; margin-right: -1px; }
.content .left .submenu h4 { padding-left: 20px; background: #b4a370; color: #fff; line-height: 30px; }
.content .left .submenu ul { overflow: hidden; padding: 15px 15px 10px 20px; border-right: 1px solid #e6dabb; border-bottom: 3px solid #ede2c6; background: #fbf2dc; list-style: none; }
.content .left .submenu ul li { margin-top: -1px; }
.content .left .submenu ul li a { display: block; padding-left: 15px; padding-bottom: 1px; border-top: 1px solid #ede2c6; background: transparent url("../images/cssimg/lft-menu-arrow.png") no-repeat 0 10px; color: #8d7e50; line-height: 25px; }
.content .left .submenu ul li a:hover, .content .left .submenu ul li.selected a { /*position: relative;*/ margin: -1px -7px 0; padding-bottom: 0; padding-left: 21px; border: 1px solid #e6dbc1 !important; background: #fff url("../images/cssimg/lft-menu-arrow.png") no-repeat 6px 50%; color: #706f79; text-decoration: none; }
.content .left .submenu ul li.first a { border-top-color: #fbf2dc; }
.content .left .list { padding: 0 15px 15px 20px; border-bottom: 3px solid #f0ede2; }
.content .left .list h4 { color: #b58d13; line-height: 45px; }
.content .left .list ul { padding: 0; list-style: none; }
.content .left .list ul li a { display: block; border-top: 1px solid #f0ede2; color: #8d7e50; line-height: 22px; }
.content .left .list ul li.first a { border: none; }
.content .left .news { padding: 0 15px 15px 20px; }
.content .left .news h4 { line-height: 45px; }
.content .left .news ul { padding: 0; list-style: none; }
.content .left .news ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ededee; }
.content .left .news ul li.last { border-bottom: none; }
.content .left .news ul li p { padding: 0; }
.content .left .news ul li p.date { color: #888; }
.content form.newsletter { padding: 20px 20px 30px 15px; border-top: 3px solid #f0ede2; background: #fdfaf1; }
.content form.newsletter input.text { width: 135px; }
.content form.newsletter input.button { width: 39px; height: 22px; margin-left: -1px; background: transparent url("../images/cssimg/btn-add.png") no-repeat 0 0; text-transform: uppercase; }

.content .right { float: left; width: 700px; min-height: 1220px; padding-left: 20px; border-left: 1px solid #e8e3d4; }
.home .content .right { padding-left: 10px; width: 710px; }
.content .right p.img { float: right; padding-left: 20px; }
.content .right h3.space { padding-top: 10px; }
.content .right .list-products { padding: 20px 0; border-bottom: 1px solid #ebebeb; }
.content .right .list-products tr.first td { padding-top: 0; border-top-width: 0; }
.content .right .list-products td { padding-top: 15px; border-style: solid; border-color: #ebebeb; border-width: 0; }
.content .right .list-products td.picture { width: 120px; text-align: center; border-width: 1px 1px 0 0; }
.content .right .list-products td.text { padding-left: 25px; border-top-width: 1px; }
.content .right ul.list-txt { padding: 0 45px 30px; list-style: disc; color: #b4a370; }
.content .right ul.list-txt li span { list-style: disc; color: #656565; }
.content .right ul.list-img { padding: 0; list-style: none; }
.content .right ul.list-img li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.content .right ul.list-img li.last { margin-bottom: 0; border-bottom: none; }
.content .right ul.list-img li h4 { padding-left: 165px; line-height: 1em; padding-bottom: 5px; }
.content .right ul.list-img li p { padding: 0 0 0 165px; }
.content .right ul.list-img li p.picture { float: left; padding: 0; }
.content .right p a.more { padding-right: 7px; background: transparent url("../images/cssimg/arrow-more.png") no-repeat 100% 5px; font-weight: bold; }

.content .left { overflow:hidden;  }
.content .right { overflow:hidden;  }


.slider { overflow: hidden; height: 310px; }
.slider-main { float: left; width: 533px; }
.slider ul { float: right; padding: 0; list-style: none; }
.slider ul li { padding-bottom: 1px; }
.js .slider p.active { display: block; }
.js .slider p { display: none; }
.js .slider li a.active, .js .slider li.selected a { display: none; }
.js .slider li.selected a.active { display: block !important; }

.content .right .subcontent { padding: 15px 0 0 10px; }
.home .content .right p.img { padding: 0 30px 0 0; }
.content .right p.adds { clear: both; padding-top: 40px; }
.content .right p.adds a { padding-right: 10px; }
.content .right p.adds img{
	padding-left: 10px;
}
.footer { overflow: hidden; padding: 15px 10px 10px; font-family: "Arial", "Helvetica", sans-serif; }
.footer .left { float: left; color: #646366; word-spacing: 5px; }
.footer .left span { color: #b6b5ba; word-spacing: normal; }
.footer .left span.block { display: block; }
.footer .left a { word-spacing: normal; }
.footer .right { float: right; }
.footer .right a { overflow: hidden; display: block; width: 238px; height: 23px; background: transparent url("../images/cssimg/footer.png") no-repeat 0 0; text-indent: -99em;}

/*
** haiku integration
*/
.content .left .news .announcement-list { position: relative; margin-bottom: 15px; padding: 15px 0; border-bottom: 1px solid #ededee; font-size: 1em; }
.content .left .news .last { border-bottom: none !important; }
.content .left .news .announcement-list h2 { margin: 0; font-size: 1em; text-transform: capitalize; }
.content .left .news .announcement-list h2 a { font-size: 1.1818em; }
.content .left .news .announcement-list h2 span.date { position: absolute; top: 0; left: 0; margin: 0; color: #888; font-size: 1em; }

.header .search .span-7 { width: auto; }
.header .search form { clear: right; float: right; }
.header .search form .search-box { overflow: hidden; padding: 0; }
.header .search form input.cat_textbox_small { float: left; height: 16px; width: 181px; margin: 1px 5px 0 0; padding: 2px; border: 1px solid #e2e3ea; }
.header .search form input.cat_button { float: left; width: 67px; height: 24px; border: none; background: transparent url("../images/cssimg/btn-submit.png") no-repeat 0 0; color: #fafafa; text-transform: lowercase; }

/* @group Pretty Forms */

div#left {
	width: 600px;
	float: left;
}

div#right {
	width: 300px;
	float: left;
}


.cat_textbox,
.cat_textbox_small{
	height: 20px;
}
.cat_textbox,
.cat_listbox {
font-size: 120%;
}




/* @end */

/* @group Shop */

li.productItem {
	float: left;
	padding: 3px;
	padding-bottom: 30px;
	width: 200px;
}

div.shop-main.clear div.shop-product-small.clear p.options {
padding-top: 8px;		
}




div.content div.shop-product-small.clear p.options{
padding-top: 18px;		
}

table.cartSummaryTable  {
	color: #ccc;
	margin: 15px 10px;

}

div.shop-main.clear div.shop-catalogue.clear a {
	color: #555;
	font: bold 0.9875em/1.5 "Tahoma", "Geneva", sans-serif;
}

#shippingSpan {
	display: none;
}

#catCartDetails div.shop-cart table.cart tbody tr.shipping td.quantity {

}

#catCartDetails div.shop-cart table.cart tbody tr.shipping td.quantity input.update {
margin-top: 10px;	
}

ul.productfeaturelist {
	list-style-type: none;
	width: 100%;
}

div#shippingCalc.shippingCalc {
margin-top: 10px;
	
}

.shippingDropDown {
margin-bottom: 10px;

}

div.related{
clear: both;
}

div#related img {
width: 85%;	
}

div#related div.shop-product-small.clear {
	border: none;
}


/* @end */

/* @group Pretty Checkout Form */

div.shop-checkout.shop-form {
	width: 740px;
	float: left;
}

h2.checkout, h2.checkout1, h2.checkout2{
	margin-bottom: 20px;

}

h2.checkout,
h2.checkout1,
h2.checkout2{
	border-bottom: 1px solid #ddd;	
}

#shop-form form h2 {
	font-size: 16px;
}

#shop-form h1 {
	font-size: 20px;
}


.shop-checkout form input, .shop-checkout form select{
	height: 25px;
	margin: 5px 0 10px;
}

div.shop-checkout.shop-form .personal, div.shop-checkout.shop-form .shipping {
	float: left; 
	margin-right: 100px;
	clear: none;
}

div.shop-checkout.shop-form .billing, div.shop-checkout.shop-form .contact{
	float: left;
	clear: none;
}

textarea#ShippingInstructions.cat_listbox {
	width: 700px;
	margin: 5px 0 10px;
}

#catwebformform42059 div.form div.secure-login {
display: none;	
}

div.instructions {
	clear: both;
}



#cvnHelp img {
display:none;
position:absolute;
left:200px;
top:10px;
border:8px solid #fff;
z-index:10;
}

#cvnHelp:hover img {
display:inline;
}

#cvnHelp {
position:relative;
}

input#catwebformbutton.cat_button {
width: 300px;	
}

/* @end */

/* Add this Button */
a.addthis_button {
	float: right;
	padding-top: 5px;
}


/*
** the end
*/

