*, body { margin: 0; padding: 0; border: none; }
body { background: #CEC2A8; }

/* --- Commons def --- */
.cb { clear: both; }
.button1, .button2 { font-size: 9px; line-height: 9px; }
a.button1:hover, a.button2:hover { text-decoration: none; }
.button1 { padding: 1px 4px;
 	background: #6c2717; color: #fffae0;
 	border: 2px solid #8c5542;
	text-transform: uppercase;
	font-weight: bold;
	/*line-height: 11px; font-size: 11px;*/ }
.button2 { padding: 1px 4px;
 	background: #8f7b56; color: #2a1e08;
 	border: 2px solid #ae9e7c;
	text-transform: uppercase;
	font-weight: bold; }
ul { margin-left: 20px; }
a { text-decoration: none; color: #4E4E4E; }
a:hover { text-decoration: underline; }
.error_message { text-align: center; color: #900; font-weight: bold; }

.box { background: #E4DBC1; padding-bottom: 6px;
	overflow: hidden; }
* html .box { display: inline-block; }
.box h1 { padding: 4px 0 4px 20px;
	margin-bottom: 6px;
	border-top: 2px solid #9C9779;
	background: transparent; color: #7F493D;
	text-transform: uppercase;
	font-size: 11px; }
.box h2 { padding: 4px 0 4px 20px;
	margin-bottom: 6px;
	border: 1px solid #E4DBC1; 
	background: #7F493D url('../img/h2_back.jpg') right center no-repeat; color: #fff;
	text-transform: uppercase;
	font-size: 11px; }
.box h3 { color: #7F493D;
	padding: 4px 0;	margin-bottom: 6px;
	font-size: 11px; font-weight: bold; }
.box h4 { padding: 4px 0 4px 20px;
	margin-bottom: 6px;
	border-bottom: 2px solid #9C9779;
	background: transparent; color: #7F493D;
	text-transform: uppercase;
	font-size: 11px; }
.box .inner { margin: 6px; }
.inner-box { background: #EFEBDF;
	margin: 3px 11px;
	padding: 8px; }
.inner-box-news { background: #EFEBDF;
	margin: 3px 11px;
	padding: 8px; }		
.inner-box h2 { padding-left: 4px;
	border: none; }

#page input[type=submit] { font-size: 9px;  }


/* --- Page def --- */
#page { width: 980px; 
	margin: 0 auto 10px auto;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #4E4E4E;
	position: relative; }

/* --- Top def --- */
#top { position: relative; height: 104px;
	background: #EFEBDF;
	margin-bottom: 6px;
	padding: 1px 0;
	border-top: 2px solid #897550;
	border-bottom: 2px solid #897550; }

#top .container { position: relative; height: 100px; width: 100%;
	background: #CEC2A8;
	border-top: 2px solid #897550;
	border-bottom: 2px solid #897550; }

#top .main-menu { list-style: none;
	position: absolute;
	right: 0; bottom: 0; } 
#top .main-menu li { float: left; width: 126px;
	background: #897550;
	border-top: 4px solid #7F493D;
	border-left: 1px solid #E4DBC1;
	text-align: center; }
#top .main-menu li a { display: block; width: 126px;
	padding: 10px 0; 
	text-transform: uppercase;
	text-decoration: none;
	line-height: 11px;
	color: #fff; }
#top .main-menu li a:hover { text-decoration: underline; }
#top .main-menu li:first-child { border-left: none; }
#top .main-menu li:hover { border-top: 4px solid #1a2b3c; }

#top .top-menu { list-style: none; margin:0 0 0 10px;
	position: absolute; left: 230px; top: 30px; }
#top .top-menu li { margin-left: 5px; float: left;
	padding-left: 20px; background: url('../img/top_menu_separator.jpg') left top no-repeat; }
#top .top-menu li:first-child { padding-left: 0; background: none; }
#top .top-menu li a { color: #6C2717;
	text-decoration: underline; }
#top .top-menu li a:hover { text-decoration: none; }

#home { background: url('../img/atysco_logo.gif') center 20px no-repeat;
	display: block; width: 230px; position: absolute;
	padding-top: 72px; text-align: center;
	font-size: 14px; font-weight: bold; color: #6C2717;
	text-transform: uppercase; }
#top .logo { position: absolute; left: 60px; top: 20px; }

#top .shop-cart { position: absolute; top: 5px; right: 20px; }
#top .shop-cart img { float: left; margin-right: 5px; }
#top .shop-cart p { color: #6C2717; }

#top .user-data { position: absolute; top: 45px; left: 806px; }

#top .contact { position: absolute; top: 5px; left: 530px;}


/* --- Middle def --- */
#middle { clear: both; position: relative; }
#left, #content, #right { position: absolute; }

/* --- Left def --- */
#left { width: 220px; left: 0; }
#left .box { margin: 0 0 6px 0; }
 
/* --- Content def --- */ 
#content { width: 520px; left: 228px; }
#content .box { margin: 0 0 6px 0; }
#content .inner-box { min-height: 120px; }

/* --- Right def --- */
#right { width: 220px; left: 756px; }
#right .box { margin: 0 0 6px 0; }

.langs p  { padding: 6px 8px; border-top: 2px solid #9C9779; }
* html .langs p { display: inline-block; }
.langs ul { list-style: none; margin: 0 6px; }
.langs li { float: left;
	margin: 3px 6px 0 0; }
.lang li:first-child { margin-left: 0; }
	
.manufacturers select { width: 188px; margin-left: 20px; font-size: 9px; }

/* --- Footer def --- */
#footer { position: relative; width: 100%;
	background: #BDB197;
	border-top: 2px solid #8E7A55;
	font-family: Tahoma, Arial; font-size: 11px;
	padding: 0 0 5px 0; margin: 0;
	display: none; }
#footer ul { list-style: none; }
#footer li { float: left;
	border-left: 1px solid #6C2717;
	margin: 5px 10px 0 0; padding-left: 10px; }
#footer li:first-child { border-left: none; }
#footer a { color: #6C2717; }
#footer p, #footer div { display: block; width: 100%;
	text-align: center; clear: both;
	padding: 0.5em 0; line-height: 1.1em; }
#footer p.menu span { margin: 5px 10px 0 0; padding-left: 10px;
	border-left: 1px solid #6C2717; }
#footer p.menu span:first-child { border-left: none; }


/* --- Custom boxes def --- */
.box .inner-box img { /*width: 162px;*/
	border: 1px solid #CEC2A8;
	margin: 0 5px 5px 0;
	float:left;
	height:80px;
}
inner-box-news{
	border: 1px solid #CEC2A8;
	margin: 0 5px 5px 0;
}

* html .inner-box { display: inline-block; }
input[type=text], input[type=password], select, textarea { border: 1px solid #ccc; }


.price {/* font-size: 14px; font-weight: bold; color: #2a1e08; */}
.old-price {/* font-size: 14px; font-weight: bold;*/ text-decoration: line-through; }
.new-price { font-weight: bold; }


.categories ul, .bestsellers ul { 
	margin: 4px 0 0 10px; list-style: none; }
.categories li, .bestsellers li {
	line-height: 11px; margin: 2px 0 2px 0; }
.categories a, .bestsellers a {
	color: #4E4C41; display: block; padding: 5px 0; }

.categories h4 { font-size: 1em;
	margin: 0 5px; padding: 2px;
	border-bottom-width: 1px; }
.categories ul { margin-left: 15px; }


.banner { padding-bottom: 0;
	border-top: 2px solid #897550; }


.tell-a-friend input[type=submit] {
	width: 17px; height: 16px;
	background: url('../img/button_tell_a_friend.gif') left top no-repeat;
	margin-left: 5px; }
.tell-a-friend .inner { margin: 8px 10px; }
* .tell-a-friend .inner { margin: 8px 6px; }


.category .inner-box img { float: left; }


.product p { margin: 5px 0; }
.product .inner-box img { margin: 0 8px 8px 0; }
.product .info { display: block; float: none; clear: both; }
.product .data { display: block; float: none; clear: both; }
.product .data form { float: right; }
.product .inner-box img.pdf, .product .inner-box img.manufacturer {
	height: 20px; border: none; float: none; display: inline; }
.product .manufacturer { margin-top: 10px; }


.related-products td.related { width: 169px;
	/*border: 1px solid #aaa;*/
	/*padding: 6px 0px; margin: 5px 8px;*/
	text-align: center; }
.related-products td div { text-align: center; }
.related-products .inner-box td img { float: none; clear: both; margin-top: 3px; }


.details { margin-top: 1.5em; }
.details .prices { display: inline; margin: 6px 0 0 0; }
.details .prices p { margin: -10px 0 6px 0; text-align: right; }
.details form { text-align: right; }


.specials div { text-align: center; }
.specials .inner-box img { float: none; clear: left; margin: 0 10px; display: block; height:80px;}
.specials div.details { margin-top: 5px; }


.quick-find input[type=text] { width: 125px; }
.quick-find .inner { text-align: center; }


.advanced-search label { width: 143px;
	display: block; float: left; margin-top: 1px; }
.advanced-search input[type=text], .advanced-search select {
	width: 260px; display: block; float: left;
	margin: 0 0 5px 0; padding: 0; 
	font-size: 11px; }
.advanced-search .inner-box div { clear: both; margin: 0; }
.advanced-search .submit { text-align: center; }
.advanced-search option.main { font-style: italic; }
.advanced-search option.sub { margin-left: 1.5em; }


.results .inner-box { display: block; clear: both; }


#content .comments .inner-box { min-height: 0px; }


.new-comment textarea { margin-bottom: 8px;
	width: 408px; height: 100px; }
.new-comment .submit { text-align: center; }


.new-account .inner-box { border: 1px solid #bbb; }
* html .new-account { display: inline-block; }
#content .new-account .inner-box { min-height: 0; }
.new-account label { width: 200px;
	display: block; float: left; }
.new-account input[type=radio] { margin: 0 3px 0 5px; }
.new-account input[type=text], .new-account input[type=password] { border: 1px solid #ccc; }
.new-account input[type=text], .new-account input[type=password], .new-account select { width: 250px; }
.new-account input[type=submit] { margin-top: 3px; }
/*
.new-account select, .new-account input { float: left; display: block; }
*/
.new-account .required, .new-account .optional { clear: left;  margin-top: 3px; }
* html .new-account .required, * html .new-account .optional { display: inline-block; }
.new-account label { margin-top: 1px; }
.new-account .required label { color: red; font-weight: bold; }
.new-account .error_message { color: red; font-weight: bold; float: left; margin: 2px 2px 0 0; }
.new-account #flashMessage { color: red; font-weight: bold; text-align: center; }


.my-account .inner-box { border: 1px solid #bbb; }
* html .my-account { display: inline-block; }
#content .my-account .inner-box { min-height: 0; }
.my-account label { width: 200px;
	display: block; float: left; }
.my-account input[type=radio] { margin: 0 3px 0 5px; }
.my-account input[type=text], .my-account input[type=password] { border: 1px solid #ccc; }
.my-account input[type=text], .my-account input[type=password], .my-account select { width: 250px; }
.my-account input[type=submit] { margin-top: 3px; }
/*
.my-account select, .my-account input { float: left; display: block; }
*/
.my-account .required, .my-account .optional { clear: left;  margin-top: 3px; }
* html .my-account .required, * html .my-account .optional { display: inline-block; }
.my-account label { margin-top: 1px; }
.my-account .required label { color: red; font-weight: bold; }
.my-account .error_message { color: red; font-weight: bold; float: left; margin: 2px 2px 0 0; }
.my-account #flashMessage { color: red; font-weight: bold; text-align: center; }


.login .inner-box div { display: block; clear: both; padding-top: 4px; }
.login .inner-box label { display: block; width: 169px; float: left; text-align: center; }
.login .inner-box input { display: block; width: 169px; float: left; }
.login .inner-box .submit { text-align: center; }
.login .inner-box input[type=submit] { float: none; clear: both; margin-left: 170px; }
.login #flashMessage { color: red; font-weight: bold; text-align: center; }
#content .login .inner-box { min-height: 0; }


/*
.cart label { display: block; float: left; width: 250px; margin-top: 2px; }
.cart input[type=text] { display: block; float: left; margin-right: 5px; }
*/
.cart th { text-align: center; }
.cart .submit { text-align: center; }


.order .submit { text-align: center; }
#content .order .inner-box { min-height: 0; }


.contact-us .inner-box div { padding-bottom: 4px; }
.contact-us label { display: block; float: left; margin-left: 2px; width: 150px; }
.contact-us input[type=text] { font-size: 11px; width: 280px; display: block; float: none; clear: both; }
.contact-us textarea { width: 480px; height: 150px; font-size: 11px; float: none; clear: both; }
.contact-us .submit { text-align: center; }
.contact-us .inner-box .error_message { float: left; }
.contact-us .inner-box span { display: block; }


#content .content .inner-box h1 { font-size: 1.2em; font-weight: bold; background: none; color: #4E4E4E; }
#content .content .inner-box h2 { font-size: 1.2em; font-weight: bold; background: none; color: #4E4E4E; }
#content .content .inner-box p  { font-size: 1em; font-weight: normal; background: none; color: #4E4E4E; }



.pager { text-align: right; }
#content .pager { margin-right: 10px; }