html {
height:100%;
}

body {
background:url(images/background-pattern.jpg) repeat;
font:15px 'Gentium Basic', serif;
color:#a67c52;
text-align:center;
background-position:top center;
margin:0;
padding:0;
}

* {
margin:0;
padding:0;
}

img,img a {
border:none;
}

ul li {
list-style-type:circle;
}

a {
text-decoration:none;
color:#a67c52;
}

h2 {
color:#ac3010;
font-size:12px;
font-weight:bold;
}

p { color:#a67c52;}

/**start**/

#global_container {
width:900px;
position:relative;
margin:0 auto;
}

/** top **/

.header-wrap {
width:900px;
height:170px;
float:left;
}

.logo /**fixed width & height -dont change! **/ {
width:150px;
height:150px;
background:#fff;
border:1px solid #754c24;
float:left;
}

.widget.widget_style_24 {
width:200px;
height:70px;
float:right;
background:url(images/cart-bg.jpg) no-repeat;
margin:10px 0 0;
}


.account {
width:535px;
height:80px;
float:right;
margin:15px 0 0;
font-weight:bold;
}

.widget.account {
margin:0;
}


.rotator {
width:900px;
float:left;
overflow: hidden !important;
}

#component {
width:900px;
float:left;
background:#fff;
text-align:justify;
}

.article-padding /**padding for article - extra added class**/
{
padding:0 10px;
}

.products {
width:580px;
float:left;
}

.body-wrap /**wrap for component + products **/
{
width:900px;
float:left;
margin:10px 0 0;
}

.rightbox {
width:300px;
float:left;
}


/**navigation menu **/

/** this is the extra div for menu styling - do not touch **/

.menu-right-ribbon {
background:url(images/menu-right-ribbon.png) no-repeat;
z-index:-2;
width:887px;
height:76px;
position:absolute;
top:90px;
left:160px;
}

.menu-left-ribbon {
background:url(images/menu-left-ribbon.png) no-repeat;
z-index:-1;
width:129px;
height:77px;
position:absolute;
top:90px;
left:-135px;
}

/**-----end extra styling-----**/

#navigation {
width:710px;
z-index:10;
float:left;
margin:0px 0 30px;
padding:15px 0 0 0;
}

#navigation ul {
width:740px;
display:inline;
text-align:left;
list-style-type:none;
}

#navigation li {
float:left;
display:inline;
text-align:left;
padding:0 15px;
}

#navigation a {
font-size:20px;
font-weight:bold;
color:#c69c6d;
text-decoration:none;
text-transform:uppercase;
}

.top_li.active {
color:#f1ebe3;
}

/** right **/

.search {
width:300px;
height:50px;
float:left;
}

#search_word {
border:1px solid #a67c52;
font-style:italic;
font-size:12px;
height:23px;
width:200px;
color:#A67C52;
background:#fff;
border-width:1px 0 1px 1px;
}

.search input[type="submit"] {
width:90px;
height:25px;
border:0;
color:#fff;
background:url(images/search-button.jpg) repeat;
}

/** footer **/

.top-footer {
width:900px;
background:#603913;
float:left;
margin:10px 0 0;
}

.bottom-footer {
width:900px;
background:#603913;
float:left;
text-align:left;
}

.footer-menu {
font-weight:bold;
float:left;
font-size:12px;
}

.footer-menu li {
display:inline;
border-right:1px solid #a67c52;
padding:0 20px;
}

.footer-text {
font-size:10px;
float:left;
text-align:right;
width:900px;
}

/** end **/

/** extra **/
.side_row,.side_row li {
list-style:none;
}

.login_user, .login_history, .login_logout {
	text-align: left;
	float: left;
	width: auto;
	padding-right: 35px;
}

.login_logout button {
	background:none;
	border:0;
	font-weight:bold;
	font: 15px 'Gentium Basic', serif;
	color: #A67C52;
	text-shadow: none;
	padding: 0;
}
.login_logout button:hover {
	background:none;
	color: #A67C52;
	text-shadow:none;
}