* {margin:0;padding:0;}
.clear{clear: both;}
.orange{color: #ff7700;}

/* Layout */
body {
	background: url('../img/body-bg-r.jpg') repeat-x top center;
	color: #000;
	font-family: arial,'verdana','lucida grande',helvetica,sans-serif;
	font-size: 0.80em;
}
a {
	color: #ff7700;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	color: #422b18;
	font-size: 200%;
	font-weight: bold;
	margin: 0.1em 0;
	
}
h2 {
	color: #ff7700;
	font-family: arial,'lucida grande',helvetica, sans-serif;
	font-size: 200%;
	margin: 0.1em 0;
	font-weight: bold;
}
h3 {
	color: #ff7700;
	font-family:verdana,'lucida grande',helvetica, arial, sans-serif;
	font-size: 140%;
	padding: 0.3em;
}
h4, h5 {
	color: #4d3724;
	font-weight: bold;
	padding-top: 0.5em;
	font-size: 130%;
}
h5{
	padding: 0.5em;
	font-size: 100%;
}
ul, li {
	margin: 5px 1px;
	list-style: none;
}

#container {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}

#header{
	background: url('../img/body-bg.jpg') no-repeat top center;
}
#pages {
	font-size: 80%;
	font-weight: bold;
	float:left;
	bottom: 10px;
	color: #303030;
}
#pages a{
	color:#303030;
}
#pages ul li{
	display: inline;
	font-size: 1.2em;
}
#loginbox{
	width: 450px;
	height: 37px;
	background: url('../img/login-box.png') no-repeat;
	float:right;
}
#loginbox a{
	float:right;
	padding: .6em .3em;
}
#loginbox form{
	margin-right: 0;
	padding: 8px;
	float:left;
	width: 274px;
}
#loginbox input{
	font-size: 80%;
	width: 25%;
	clear: none;
	float:left;
	margin-right: 2px;
}
#loginbox input[type=image]{
	width: 15px;
	height: 15px;
}
#loginbox label{
	color: #f4ddc9;
	font-size: 80%;
	width: 40px;
	float:left;
	padding-right: 5px;
	padding-top: 3px;
}

#content{
	background: #fff;
	/*clear: both;*/
	margin-bottom: 1em;
	color: #333;
	/*padding: 10px 20px 40px 20px;*/
	/*overflow: auto;*/
	
}
#left{
	float:left;
	width: 200px;
	margin-top: 2em;
}
#center{
	margin-left: 200px;
	margin-right: 200px;
	width: 540px;
	min-height: 900px;
	margin: 0 auto;
}
#right{
	float:right;
	width: 180px;
	height: 200px;
}
#footer {
	clear: both;
	color: #fff;
	padding: 25px 10px;
	text-align: center;
	background: #422b18;
}

/* Forms */

form {
	/*margin-right: 20px;*/
	padding: 0;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 10px 14px;
}
fieldset legend {
	background:#fff;
	color: #ff7700;
	font-size: 120%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: .5em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	/*display: inline;*/
	/*font-size: 110%;*/
	float:left;
	width: 105px;
	padding-right: 20px;
}
input, textarea {
	/*clear: both;*/
	/*font-size: 110%;*/
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	width: 60%;
	padding: 2px;
}
select {
	/*clear: both;*/
	font-size: 100%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	/*font-size: 110%;*/
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
input.previous, input.next{
	width: 32px;
}
.next {
	float:right;
	clear: none;
}
.previous {
	float:left;
}

/* Tables */
table {
	background: #fff;
	/*border:1px solid #ccc;*/
	border-right:0;
	/*clear: both;*/
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
}
th {
	background: #ddd;
	/*border-top: 1px solid #fff;
	border-left: 1px solid #fff;*/
	text-align: center;
	padding: 3px 3px;
}
th.name{
    width: 24%;
}
th a {
	background:#ddd;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	padding: 1px 10px;
	text-align: left;
	vertical-align: middle;
}
table tr.altrow td {
	background: #f4f4f4;
	vertical-align: middle;
}
td img {
	vertical-align: middle;
	padding: 3px;
}

table tr.total td {
	font-weight: bold;
	padding: .5em .2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
td.actions {
	text-align:center;
	white-space: nowrap;
}



/* Navigation */

#navigation {
	margin-bottom: 2em;
}
#navigation ul li{
	line-height: 150%;
	font-weight: bold;	
}

#navigation ul li ul li{
	font-size: 89%;
	font-weight: normal;
}

a.head {
	display:block;
	border-bottom: 1px solid #685546;
	padding-left: 1px;
}
/* Boxes */
.box{
	margin-top: 1em;
	float:left;
	background: transparent;
}
.logo{
	width: 40%;
}
.logo img{
	width: 355px;
	height: 156px;
}
.orders{
	width: 35%;
	/*padding-top: 40px;*/
	text-align: right;
}
.cart {
	width: 17%;
	padding-left: 20px;
	padding-top: 60px;
	float:right;
}
.cart img {
	float:left;
	width: 54px;
	height: 56px;
}
.cart a {
	color: #ff7700;
	font-size: 80%;
	font-weight: bold;
}

#links a{
	padding: 4px;
	margin: 4px;
}

/* Breadcrumbs */

#breadcrumbs{
	margin-top: -2.3em;
	margin-left: -.5em;
	padding-bottom: 1em;
	font-weight: normal;
	font-size: 74%;
	color: #fff;
}
#breadcrumbs a{
	color: #fff;	
}

/* Search */

#search {
	width: 300px;	
	float:right;
	text-align: right;
}
#search input{
	font-size: 95%;
	width: 70%;
	clear: none;
}
#search input[type=image]{
	width: 18px;
	height: 18px;
	margin-bottom: -5px;
}
#search label{
	float:left;
	padding-right: 0px;
	padding-top: 5px;
	color: #f4ddc9;
	font-size: 90%;
	width: 40px;
}
#search form {
	width: 100%;
	padding-top: 5px;
}

#msg {
	width: 50%;
	float:left;
}


/* Promo */

#promo {
	padding-top: 76px;
	padding-left: 1em;
	background: url('../img/promo-bg.png') no-repeat top right;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
.promo_product{
	height: 200px;
	width: 540px;
	/*float:right;*/
	/*border-top: 1px solid #dbd6d3;*/
	background: #f6e2cc;
}

.promo_details{
	width: 120px;
	height: 145px;
	position: absolute;
	margin-left: 2em;
	background: url('../img/promo-details-bg.png') no-repeat;
}
.promo_details h1{
	color: #ff7700;
	font-size: 90%;
	padding: .5em;
	margin-top: 1em;
}
.promo_details p {
	color: #765a53;
	font-size: 75%;
	font-align: justify;
	padding: .5em; 
}
.product_description{
	padding: .5em;
}
.product_brand{
	float:right;
}
.promo_price{
	height: 20px;
	margin-top: -3.5em;
	margin-left: 4.5em;
}
.promo_price p{
	display: inline;
	margin-left: 8em;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
	
}
.promo_price a{
	color: #765a53;
	font-size: 90%;
	font-weight: bold;
}


.submit{
	border-top: 2px solid #ff7300;
	border-bottom: 2px solid #ff7300;
	text-align: right;
}
/* Comments */
.usercomment{
	padding: 2em;
	background: #a0958b url('../img/comment-bullet.jpg') 2em 0 no-repeat;
	color: #fff;
}
.view{
	margin-bottom: 1em;
	margin-top: 1em;
	float:left;
	width: 100%;
}
.comment input{
	width: 50%;
}
.comment form div.submit{
	margin-left: 420px;
}
.comment h4{
	text-align: left;
}
.comment div.input{
	text-align: left;
}
.comment form div.submit input{
	color: #ff7300;
}
.comment input, .comment textarea{
	background: #422b18;
	color: #fff;
	border: 0;
	font-size: 100%;
}
.comment input[type=submit]{
	background: #422b18;
	color: #FF7300;
	border: 0;
	text-transform:uppercase;
	font-weight: bold;
	width: 120px;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-right: .3em;
	padding: .5em;
}

/* Products */

/*.products{
	padding-top: 1em;
}*/

.details{
	height: 151px;
	border-top: 2px solid #ff7300;
	border-bottom: 2px solid #ff7300;
	background: url('../img/details-bg.jpg') no-repeat top right;
}
.slice{
	float:left;
	height: 140px;
	/*width: 49%;*/
	/*border: 1px solid red;*/
	margin: .1em;
}

.left{
	width: 51%;
}
.left .more {
	float:left;
}
.more img{
	cursor: pointer;
}
.left .more_details{
	margin-top: 3em;
	float:right;
	margin-right: 2em;
}
.left .more_details img{
	margin-left: 4.5em;
}
.left .more_details_price{
	background: url('../img/product-details-price.jpg') no-repeat;
	width: 135px;
	height: 40px;
	margin-top: 2em;
	color: #fff;
	text-align: right;
}
.more_details_price p{
	font-size: 145%;
	padding-right: .2em;
	font-weight: bold;
}
.more_details_price small{
	padding-right: .5em;
}
.right{
	width: 46%;
	margin-left: .5em;
	font-size: 90%;
	text-align: justify;
}
.right a{
	float:left;
	width: 100px;
	height: 22px;
	padding-left: 22px;
	padding-top: 25px;
}

/* Pages */


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#fff;
	text-align: center;
}
.addtocart:hover{
	background: url('../img/cart-options2.jpg') -1px 23px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.addtocart{
	background: url('../img/cart-options2.jpg') -1px -100px no-repeat;
}
.print{
	background: url('../img/cart-options2.jpg') -140px -100px no-repeat;
}
.sendto{
	background: url('../img/cart-options2.jpg') -1px -148px no-repeat;
}
.delivery{
	background: url('../img/cart-options2.jpg') -139px -148px no-repeat;
}
a.similar{
	width: 220px;
	padding-left: 40px;
	font-size: 110%;
	font-weight: bold;
	background: url('../img/similar-products.jpg') 5px 15px no-repeat;
}
a.similar:hover{
	text-decoration: none;
}
.print:hover{
	background: url('../img/cart-options2.jpg') -140px 23px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.sendto:hover{
	background: url('../img/cart-options2.jpg') -1px -25px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.delivery:hover{
	background: url('../img/cart-options2.jpg') -139px -25px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.premium h2{
	border-bottom: 1px solid #ff7300;
	color: #422b18;
}
.product{
	width: 170px;
	min-height: 150px;
	float:left;
	color: #422b18;
	padding: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: justify;
}
.price {
	float: right;
	background: url('../img/price.jpg') no-repeat;
	width: 70px;
	height: 20px;
	color: #fff;
	padding: 3px 0 0 2px;
	font-weight: bold;
	font-size: 90%;
}
.product img{
	float:left;
	padding: 1px;
}
.product .name{
	font-weight:bold;
	text-align: right;
	padding: 20px 0 20px 0;
	height: 25px;
}
.product p.short_desc{
	height: 60px;
	margin-top: 1em;
	text-align: left;
}
.product a{
	font-weight: bold;
	color: #422b18;
}

.small{
	clear: right;
	font-size: smaller;
	text-align: right;
	padding-right: 5px;
}

/* Right */
.sidebarbox{
	background: #f4cea3;
	width: 170px;
	text-align: right;
	color: #ff7700;
	font-weight: bold;
	/*margin: 0 auto;*/
}
.sidebarbox form{
	margin-right: 0;
	width: 96%;
}
.sidebarboxtop{
	width: 170px;
	text-align: center;
}
.sidebarboxbottom{
	width: 170px;
	margin-bottom: 2em
}
.dark {
	background: #422b18;
	text-align: center;
}
.sidebarbox ul, .sidebarbox li{
	margin: 0;
	text-align: center;
}
.dark li a{
	color: #fff;
}
.dark input[type=submit]{
	background: #422b18;
	color: #FF7300;
	border: 0;
	text-transform:uppercase;
	font-weight: bold;
}
.sidebarbox h3 {
	font-weight: bold;
	text-align: center;
}
.dark p{
	color: #fff;
	font-weight: normal;
}
.tags{
	padding: .5em;
}
/* Sitemap */

.sitemap {
    
}
.sitemap li a{
    background: url('../img/icons/folder.png') no-repeat top left;
    padding-left: 15px;
    color: #000;
    text-decoration: none;
}
.sitemap li a:hover{
    color: #cc3333;
}
.sitemap li ul li a{
    /*background: url('../img/icons/page.png') no-repeat center left;*/
    padding-left: 15px;
    margin-left:15px;
}
.sitemap li ul li ul li a{
    background: url('../img/icons/page.png') no-repeat center left;
    padding-left: 15px;
    margin-left: 30px;
}
.sitemap li.brands ul li a{
    background: url('../img/icons/page.png') no-repeat top left;
}

/* Paging */
div.paging {
	clear: none;
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Notices and Errors */
div.message {
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: normal;
	margin-top: .5em;
	margin-bottom: 0;
	margin-left: 125px;
	font-size: 80%;
	padding: .3em;
	width: 60%;
	background: #F1A6A6;
	border: 1px solid #B10000;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #fff6bf;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	/*font-size: 120%;
	line-height: 140%;*/
	padding: 0.5em;
	margin: 1em .3em;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.success {
	background: green;
	color: #fff;
}

#flashMessage, #authMessage{
	background: #ffff99;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	/*clear: both;*/
	display: block;
}

/* Messages */
#message{
	padding: 2em;
}

/* Search */
.search_result_image{
	float:left;
	margin-right: 1em;
}
.search_result_content{
}
.result{
	float:left;
	padding: 1em;
}

/* Login */

.users{
	float:left;
	width: 100%;
}

/* Account */

#account {
	padding: 1em;
}
#account table tr td{
	vertical-align: middle;
}
#account table tr td.link{
	width: 50px;
}
#account img {
	padding-left: 10px;
}
#account a{
	background: #eee;
	display: block;
	width: 70px;
	padding:5px 0 5px 15px;
	margin: .5em;
	text-decoration: none;
}
#account a:hover{
	background: #ddd;
	
}
/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	border-top: 1px solid #ccc;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}
/* Brands */
#brands_listing h3{
	background: url('../img/down.png') 98% 55% no-repeat;
	cursor: pointer;
}
#brands_listing ul{
	display: none;
}

/* Image overlay */
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    /*width:340px;*/     
    min-height:200px; 
    border:1px solid #422B18; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/icons/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.slider-wrap{
	display: block;
	background: #F4CEA3;
	height: 150px;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top: 0;
}


div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 468px; 
    height:150px; 
} 
div.scrollable div.items { 
    width:20000em; 
    position:absolute; 
} 
div.scrollable div.items div { 
    float:left; 
} 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 400px;
	height:120px;
	float:left;
	/*background: #F4CEA3;*/
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable a { 
	display:block;
	float:left; 
	width: 95px;
	text-align: center;
} 
.scrollable img {
	float:left;
	margin:10px 5px 10px 16px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:65px;
	height:90px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
a.browse {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/hori_large.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:30px;
	margin:50px 5px;
	width:30px;
}
a.right:hover {
background-position:-30px -30px;
}
a.right {
background-position:0 -30px;
/*clear:right;*/
margin-right:0;
}
a.left:hover {
background-position:-30px 0;
}
a.left {
margin-left:0;
}

/* Quickorder */
#quickorder{
	margin-top: 5em;
}