/* -----------------------------------------------------------------------------------------
   
   Stylesheet für Template von muehlenshop.de
   
   webitmedia webdesign leipzig
   c/o Frank Heider
   
   ---------------------------------------------------------------------------------------*/

.errorBox { display: none; }

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #F1F1F1 url(img/bg_body.gif) repeat-y center top;
}

img { border: none; }
a { text-decoration: none; color: #666; font-weight: bold; display: inline-block; padding: 2px;}
a:hover { text-decoration: underline; }
hr { margin: 10px 0; }
select, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { padding: 5px; }

#container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
}

/* header */
#header h1 {
	height: 100px;
	background: url(img/bg_header.gif) no-repeat left top;
}

#header h1 span { display: none; }
#header a { padding: 0; display: inline; }


/* userlinks */
#userlinks{
	background: #0F368F url(img/bg_menu_blue.gif) repeat-x center left;
	float: left;
	width: 960px;
}

#userlinks a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 7px 12px;
	border-left: 1px solid #4E6EB7;
	border-right: 1px solid #0F368F;
	text-decoration: none;
	cursor: pointer;
	float: left;
}

#userlinks a:hover {
	background: #0F368F url(img/bg_menu_orange.gif) repeat-x center left;
}


/* search */
#search {
	clear: both;
	background-color: #FCE5C7;
	float: left;
	padding-bottom: 10px;
}

#search label {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}

#search div {
	padding: 10px 0;
}

#search select {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}
#search .search {
	margin-left: 20px;
	width: 300px;
	float: left;
}

#search .search input[type=text] {
	width: 240px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#search .categories_list {
	width: 320px;
	margin: 0 320px;
}

#search .manufacturers_list {
	width: 320px;
	float: right;
}




/* categories bar */
#categories {
	clear: both;
	background: #F08800 url(img/bg_menu_orange.gif) repeat-x left center;
	float: left;
	width: 960px;
}

#categories ul {
	list-style: none;
}

#categories ul li{
	float: left;
}

#categories ul li a {
	display: block;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #F08800;
	border-left: 1px solid #F4A640;
	text-decoration: none;
}

#categories ul li a:hover, #categories ul li a.active{
	background: #0F368F url(img/bg_menu_blue.gif) repeat-x left center;
	border-right: 1px solid #0F368F;
	border-left: 1px solid #0F368F;
}




/* breadcrumb */
#breadcrumb {
	background: #FFFFFF url(img/bg_breadcrumb.gif) repeat-x left top;
	color: #666666;
	clear: left;
	padding-left: 5px;
}

#breadcrumb a {
	padding: 8px 5px;
	text-decoration: none;
	font-weight: normal;
}


/* main */
#main {
	clear: both;
	padding-bottom: 10px;
}

/* left column */
#left_column {
	width: 180px;
	float: left;
	margin-left: 10px;
}


/* right column */
#right_column {
	width: 180px;
	float: right;
	margin-right: 10px;
}


/* content */
#content {
	width: 560px;
	margin: 0 200px;
	font-size: 12px;
}

/* footer */
#footer {
	clear: both;
	background-color: #FCE5C7;
	border-top: 1px solid #F08800;
}

#footer p {
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}

#footer a {
	border-right: 1px solid #000000;
	padding: 0 5px;
	margin-bottom: 10px;
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p.frame {
	background: #F08800 url(img/bg_menu_orange.gif) repeat-x left center;
	padding: 7px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#footer p.frame a { text-decoration: none; color: #FFFFFF; border: none; padding: 0; margin: 0; }
#footer p.frame a:hover { text-decoration: underline; }

.copyright { display: none; }


/* BOXES */

.infobox, .contentbox { border: 1px solid #CCC;	margin-bottom: 10px; background: #FFFFFF url(img/bg_infobox.gif) repeat-x left top; }
.infobox h2 { font-size: 12px; font-weight: bold; color: #0F368F; padding: 5px 5px 5px 27px; border-bottom: 1px solid #CCC; }
.infobox a { font-weight: normal; }
.infobox input { vertical-align: text-top; }
.infobox input[type=text], .infobox input[type=password] { padding: 2px; }

.contentbox h2 { font-size: 12px; font-weight: bold; color: #0F368F; padding: 5px; border-bottom: 1px solid #CCC; }
.contentbox p { line-height: 1.5em; }
.contentbox ul, .contentbox ol { margin-left: 20px; }


.box_content { padding: 10px; }

.login h2 { background: url(img/icons/vcard.png) no-repeat 5px center; }
.information h2 { background: url(img/icons/information.png) no-repeat 5px center; }
.infos h2 { background: url(img/icons/table.png) no-repeat 5px center; }
.admin h2 { background: url(img/icons/user_gray.png) no-repeat 5px center; }
.subcategories h2 { background: url(img/icons/photos.png) no-repeat 5px center; }
.cart h2 { background: url(img/icons/cart.png) no-repeat 5px center; }
.newsletter h2 { background: url(img/icons/email.png) no-repeat 5px center; }
.payment h2 { background: url(img/icons/shield.png) no-repeat 5px center; }
.ekomi h2 { background: url(img/icons/star.png) no-repeat 5px center; }
.yatego h2 { background: url(img/icons/world.png) no-repeat 5px center; }
.live-shopping h2 { background: url(img/icons/cart_put.png) no-repeat 5px center; }

.news .box_content { background: #F6F6F6; border-top: 1px dotted #CCC; }
.news .date { font-size: 9px; text-align: right; }

.infos .box_content, .information .box_content, .subcategories .box_content { padding: 0; }
.infos a, .information a, .subcategories a { display: block; padding: 5px; border-bottom: 1px dotted #EEE; }

.payment a { display: block; }

.productbox {
	width: 166px;
	display: inline-block;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	padding: 10px 5px;
}

.live-shopping .productbox {
	width: inherit;
	border: none;
	clear: both; background-color: #D9E5EE; border-top: 1px dotted #000;
}

.product_right { border-right: none; }

.productbox img { display: inline-block; max-width: 140px; }
.productbox p {text-align: left; padding: 5px; }

.productbox p.price { color: #F08800; font-weight: bold; font-size: 16px; text-align: right; }
.productbox p.tax { color: #333; font-size: 9px; text-align: right; margin-top: 0; }
.productbox p.buybutton { text-align: right; margin: 10px auto; }
.productbox a { text-decoration: none; color: #333; font-weight: bold; }
.productbox p.tax a { font-weight: none; }
.productbox a:hover { text-decoration: underline; }

.product img { max-width: 180px; }
.product a.imagelink { display: inline; }
.product h1 { color: #666; font-weight: bold; margin: 20px 0 10px; font-size: 14px; }
.product h1.price { color: #F08800; font-weight: bold; margin: 20px 0 2px; font-size: 18px; }
.product p.vorkasse { color: #F08800; font-weight: bold; font-size: 12px; }
.product .small { font-size: 10px; }
.product p { margin-bottom: 10px; }

.product_cart { background: #FCE5C7; padding: 20px; text-align: right; }
.product_cart input { vertical-align: middle; }
.product ul, .product ol { margin-left: 20px; }


.firstrow { border-top: none; }
.lastrow { border-bottom: none; }


table.shopping-cart td, table.shopping-cart th {
	padding: 10px 5px;
	vertical-align: middle;
}

table.shopping-cart th { background-color: #D9E5EE; }
table.shopping-cart td { background-color: #F8F7F5; border-bottom: 1px dotted #CCC; }

.yatego .box_content a { display: block; padding: 5px; }
.listings .box_content a { display: inline-block; padding: 10px 5px; }
.listings .box_content img { vertical-align: text-top; }


.box_gift img, .box_gift a { vertical-align: text-top; display: inline; }
.reviews img, .downloads img { vertical-align: text-top; }
.quantity input { padding: 3px; border: 1px solid #FF9B08; color: #000000; margin: 0 5px; }
.product_cart { color: #EC8200; font-weight: bold; }


/* countdown styles */

.countdown_rtl {
	direction: rtl;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 100%;
}
.countdown_show2 .countdown_section {
	width: 49.5%;
}
.countdown_show3 .countdown_section {
	width: 33%;
	margin-bottom: 10px;
}
.countdown_show4 .countdown_section {
	width: 24.75%;
}
.countdown_show5 .countdown_section {
	width: 19.8%;
}
.countdown_show6 .countdown_section {
	width: 16.5%;
}
.countdown_show7 .countdown_section {
	width: 14.1%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 8px;
	text-align: center;
	text-transform: uppercase;
}
.countdown_amount {
	font-size: 20px;
	font-weight: bold;
}
.countdown_descr {
	display: block;
	width: 100%;
}
