@import "reset.css";

body{
	background: #fffee1;
	color: #847b5f;
	font: normal 0.75em/1.25em "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
}

a{
	color: #6a163e;
	text-decoration: none;
}
a *{
	cursor: pointer;
}

.wrapper{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#menus{
	height: 45px;

	background: #520c2e url(./../images/menus-background.png) repeat-x;
}

#menus ul{
	position: absolute;
	top: 0;
	overflow: hidden;
}

#menus li{
	padding: 0 0.6em 0 0.7em;
	float: left;

	background: url(./../images/primary-menu-separator-trans.png) no-repeat;
}

#menus li:first-child,
#foot-menus li:first-child{
	background: none;
}

#menus li a{
	display: block;
	height: 33px;
	padding-top: 12px;
	
	color: white;
}

#primary-menu{
	left: 0;
}

#primary-sub-menu{
	right: 0;
}

#primary-sub-menu li a{
	color: #f8c301;
}

#foot{
	height: 50px;
	padding-top: 18px;

	background: #520c2e url(./../images/foot-background.png) repeat-x;
	font-size: 0.92em;
}

#foot, #foot a{
	color: #c682a3;
}

#foot-menus{
	float: right;
	
	text-align: right;
}

#foot-menus li{
	display: inline;
	padding: 0 2px 0 8px;
	
	background: url(./../images/foot-menu-separator-trans.png) no-repeat;	
}

h1{
	width: 909px;
	/*height: 130px;*/
	margin: 1em auto;
	
	/*background: url(./../images/heading.png) no-repeat;
	text-indent: -9999em;*/
}

h1 a{
	display: block;
	height: 100%;
}

#category-menu{
	margin-bottom: 1em;
	overflow: hidden;
}

#category-menu li{
	float: left;
	margin-left: 4px;
}

#category-menu li:first-child{
	margin-left: 0;
}

#content-wrapper{
	overflow: hidden;
}

#content{
	position: relative;
	width: 691px;
	float: right;
}

#sidebar{
	position: relative;
	width: 269px;

	font-size: 0.92em;
}

/*
	Miscellaneous
*/
.button-link,
.button-link span,
.button-link span span{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	
	background: none;
	border: 0;
	color: #fff !important;
	font-size: 12px !important;
	text-align: center;
}

button.button-link{
	font-size: 12px !important;
}

.button-link span{
	background: transparent url(./../images/button-background.png) left top no-repeat;
}

.button-link span span{
	height: 23px;
	padding: 0 6px;
	line-height: 23px;

	background: url(./../images/button-background-end.png) top right no-repeat;
}

.button-link.medium span{
	background-image: url(./../images/button-medium-background.png);
}

.button-link.medium span span{
	height: 30px;
	line-height: 30px;

	background-image: url(./../images/button-medium-background-end.png);	
}

.button-link.large span{
	background-image: url(./../images/button-large-background.png);
}

.button-link.large span span{
	height: 39px;
	padding: 0 45px;
	line-height: 39px;

	background-image: url(./../images/button-large-background-end.png);	
	font-size: 14px !important;
	text-transform: uppercase;
}

.TAC{
 	margin: 0.5em 0;
 	
	text-align: center;
}

/*
	Text content
*/
.text.indent{
	margin-left: 4em;
}

.text p{
	margin: 0.5em 0;
}

.toc{
	margin: 0 0 3em 2em;
	
	list-style-type: decimal;
	font-weight: bold;
}

.toc a{
	color: #847b5f;
}

.toc ol{
	margin-left: 3em;

	list-style-type: lower-latin;
	font-weight: normal;
}

.toc ul{
	margin-left: 2em;

	color: #6a163e;
	list-style-image: url(./../images/text-ul-list-image.png);
}

.go-up{
	margin: 1.5em 0;
	padding-right: 22px;
	height: 19px;
	line-height: 19px;

	text-align: right;
	background-image: url(./../images/do-gory.png);
	background-position: right;
	background-repeat: no-repeat;
}

/*
	Forms
*/
legend{
	display: none;
}

input, button{
	vertical-align: middle;
}

button{
	margin: 0;
	padding: 0;
	
	background: transparent;
	border: none;
	cursor: pointer;
}

input.short,
input.extra-short{
	width: 138px;
	height: 30px; 
	margin: 0; 
	padding: 0 8px;
	
	background: url(./../images/input-short-trans.png) no-repeat;
	border: 0;
	color: #540d30;
	font-size: 1em;
	line-height: 30px;
}

input.extra-short{
	width: 23px;
	
	background-image: url(./../images/input-extra-short-trans.png);
}

.two-columns dl{
	margin: 2px 0;
	overflow: hidden;
}

.two-columns dt{
	width: 40%;
	padding: 0 5px 0 0;
	float: left;
	text-align: right;
	margin-top: 12px;
}

.two-columns dd{
	width: 49.5%;
	margin-top: 12px;
	float: left;
}

.two-columns input{
	vertical-align: bottom;
}

.two-columns textarea{
	vertical-align: top;
}
.two-columns input, .two-columns select, .two-columns textarea{
	margin-top: -8px;
}

/*
	Error/Warning/Success messages
*/
.msg-box{
	margin: 1em;
	padding: 0.5em 3em;

	background-position: 1.5em 50%;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
}

.msg-box.critical{
	background-color: #ffeded;
	background-image: url(./../images/critical-msg-icon.png);
	border-color: #f9dadc;
	color: #fb4444;
}

/*
	Location bar
*/
#location-bar{
	padding: 15px 20px;

	background: #ede9dd;
}

#location-bar a{
	font-weight: bold;
	text-transform: capitalize;
}

/*
	Board
*/
#board{
	background: white;
}

.section{
	padding: 30px 20px;
}

#board h3{
	margin: 1em 0;
	padding-bottom: 3px;

	border-bottom: 1px solid #eae7de;
	color: #6a163e;
	text-transform: uppercase;
	clear: both;
}

/*
	Subpage heading
*/
#page-heading{
	min-height: 15px;
}
#page-heading,
#board h2{
	position: relative;
	padding: 0.75em 0 1em 0;

	background: #ede9dd;
	border-top: 1px solid #dcd6c4;
}

#board h2{
	border-top: none;
	color: #6a163e;
}

#board h2 span{
	padding-left: 1em;

	border-left: 1px solid #dcd6c4;
}

#page-heading h2,
#board h3 span{
	padding-left: 1em;
	text-transform: capitalize;

	border-left: 1px solid #dcd6c4;
	color: #6a163e;
	font-size: 1.5em;
}

#board h3.indent{
	margin-left: 4em;
	
	color: #847b5f;
}

#board h3 span{
	font-size: 1em;
	font-weight: normal;
}

/*
	Sidebar boxes
	.sbox - sidebar box
*/

.sbox{
	margin-bottom: 1em;
	padding: 20px 25px;
}

.sbox h4{
	padding-bottom: 3px;
	margin-bottom: 5px;

	border-bottom: 1px solid #eae6c9;
	color: #6a163e;
	font-size: 1.5em;
}

/*
	Side Category Menu
*/

#side-category-menu{
	background: #f1eed8;
}

#side-category-menu h4{
	padding-bottom: 0;
	text-transform: capitalize;
	border-bottom: none;
}

#side-category-menu ul ul{
	margin-left: 1em;
}

#side-category-menu li{
	margin: -1px 0;
}

#side-category-menu li a,
#side-category-menu li span{
	display: block;
}

#side-category-menu li a{
	border: 1px solid #e0dbc3;
	border-left: 0;
	border-right: 0;
	font-weight: bold;
}

#side-category-menu li li a{
	color: #847b5f;
	font-weight: normal;
}

#side-category-menu li span{
	padding: 6px 15px;

	background: url(./../images/pointer-arrow-purple.gif) center left no-repeat;
}

#side-category-menu ul ul li span{
	background-image: url(./../images/pointer-arrow-sand.gif);
}

#side-category-menu li.active > a,
#side-category-menu li a:hover{
	background: #e6ddcc;
}

#side-category-menu ul ul li.active > a,
#side-category-menu ul ul li a:hover{
	background: #e8e5cf;
}

/*
	Search
*/

/*
	Contact
*/
#contact{
	background: #f1eed8;
	text-align: center;
}

#contact h4{
	border-bottom-color: #d0c9af;
	text-align: left;
}

#contact p{
	padding-left: 75px;

	background: url(./../images/contact-background-icon-trans.png) 5px 50% no-repeat;
	line-height: 1.5em;
	text-align: left;
}

#contact p strong{
	display: block;

	color: #6a163e;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
}

/*
	Our shops
	+ global ADDRESS
*/
#our-shops img{
	padding: 3px;

	border: 1px solid #e4dfd0;
}

.address, address{
	padding-left: 15px;

	background: url(./../images/mail-icon.gif) 1px 3px no-repeat;
	color: #5e5d5d;
	font-style: normal;
}

address.phone{
	background-image: url(./../images/phone-icon.gif);
}

/*
	ysc (Your shopping cart)
*/
#ysc{
	background: #ede9dd;
	background: #FFc9bd;
}

#ysc h4{
	border-bottom-color: #ded8c6;
}

#ysc dl{
	overflow: hidden;
	margin-top: 1.5em;
	padding: 0 0 10px 60px;
	
	background: url(./../images/ysc-background-icon.png) no-repeat; 
	color: #540d30;
}

#ysc dt, #ysc dd{
	display: block;
	float: left;
	width: 58px;
	padding: 0;
	margin-right: 6px;
}

#ysc dd{	
	width: 93px;
	margin-right: 0;
	
	font-weight: bold;
}

#ysc .button-link span{
	background-image: url(./../images/ysc-button-background.png);
}

#ysc .button-link span span{
	background-image: url(./../images/ysc-button-background-end.png);
}