/* =CSS Rules
Coded by Julian Kommunikation (www.julian.se), September 2007.
-----------------------------------------------
01. Structure
02. Header
03. Content
04. Footer
05. Lists
06. Forms
----------------------------------------------- */


/* =Structure (01)
----------------------------------------------- */


body {
	margin: 10px 0 0;
	padding: 0 0 20px;
	text-align: center;
	background: #DEDAD2;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #333;
	}

#page {
	background: url(../images/bg.gif) repeat-y center;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	}

a {
	outline: none;
	}

a, a:link, a:visited, a:focus, a:hover {
	color: #879246;
	color:#f7941d;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	color:#000;
	}

p {
	margin: 0;
	padding: 0;
	}

img {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	}

/* =Header (02)
----------------------------------------------- */
#header {
	background: url(../images/header.gif) no-repeat top center;
	height: 140px;
	position: relative;
	}

#logotyp {
	float: left;
	}

#logotyp img {
	width: 150px;
	height: 117px;
	margin: 10px 0 0 7px;
	}

#topmenu {
	position: absolute;
	right: 0;
	margin: 0;
	padding: 10px;
	border: 0;
	}

#header-banner {
	float: left;
	width: 733px;
	height: 97px;
	margin: 20px 0 0 45px;
	}


/* =Content (03)
----------------------------------------------- */
#content {
	float: left;
	width: 980px;
	margin: 0 0 25px;
	}

#left {
	float:left;
	width: 166px;
	}

#search {
	width: 160px;
	margin: 0 0 0 6px;
	background: #F7941D;
	border-top: 1px solid #FDD4A6;
	}

#left-menu p {
	width: 161px;
	display: block;
	margin: 0 0 0 6px;
	padding: 4px 0;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #F7941D;
	background: #fff;
	}

#sort {
	width: 161px;
	margin: 0 0 0 6px;
	padding: 4px 0 9px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 0.8em;
	color: #F7941D;
	}

#main {
	float: left;
	display: inline;
	width: 610px;
	margin: 0 10px 0 15px;
	}

#pagination {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	}
.product{
position:relative;
	}
.product,
#product-single,
#text {
	float: left;
	margin: 28px 0 20px;
	width: 100%;
	}
#text {
	margin: 25px 0 20px 0;
	padding: 0 50px 0 20px;
	}	

.product-image,
#product-single-image {
	float: left;
	margin: 0 10px 0 0;
	width: 90px;
	
	}
	
#product-single-image .numberTxt,
.errorsearch{
	text-align:center;
	font-size: 0.75em;

}

.errorsearch{
	background-color:#f7941d;
	clear:left;
	font-size: 0.8em;
	color:#fff;
	font-weight:bold;
	padding:2px;

}


	
.product-image img,
#product-single-image  img{
		/*border: 1px solid #F7941D;*/
		
}	

#product-single-image {
	width: 180px;
	}

.product-content,
#product-single-content {
	float: left;
	margin: 0;
	width: 508px;
	}
	
#text-content {
	float: left;
	margin: 0;
	width: 98%;
	}	
#text-content-label{
	float: left;
	margin: 0;
	width: 88%;
	font-size: 0.8em;
}	


#product-single-content{
	width: 418px;
	}

.product-content h2,
.product-content h2 a,
#product-single-content h2,
#text-content h2,
#text-content-label h2 {
	margin: 0;
	font-size: 1em;
	line-height: 0.8em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	color: #F7941D;
	}


.product-content h3,
#product-single-content h3,
#text-content h3 {
	margin: 0;
	font-size: 0.8em;
	}
#product-single-content h3 {
	margin: 0;
	font-size: 0.8em;
	line-height:15px;
	}
	

#product-single-content h3,
#text-content h3 {
	margin: 0 0 15px;
	}

.product-content p,
#product-single-content p,
#text-content p{
	font-size: 0.75em;
	}

#product-single-content p{
	margin: 0 0 10px;
	padding: 0;
	line-height: normal;
	}
#text-content p{
	margin: 0 0 10px;
	padding: 0 25px 0 0 ;
	line-height: normal;
	}	

#product-single-content b,
#text-content b,
#text-content strong {
	margin: 0;
	padding: 0 0 0 8px;
	line-height: normal;
	font-weight: bold;
	color: #F7941D;
	background: url(../images/topmenu-bullet.gif) center left no-repeat;
	}

.product-data {
	width: 505px;
	}

#product-single-data {
	width: 415px;
	padding: 10px 0 0;
	}

.product-table{
	height:102px;
}
.product-table,
#product-single-table {
	width: 501px;
	font-size: 0.75em;
	border-collapse: collapse;
	}

#product-single-table {
	width: 411px;
	}

.product-table td.left,
#product-single-table td.left {
	width: 122px;
	padding: 3px 0 3px 7px;
	margin: 0;
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
	border-bottom: 1px solid #FDD4A6;
	vertical-align: top;
	}

#product-single-table td.left {
	width: 100px;
	}

.product-table td.right,
#product-single-table td.right {
	padding: 4px 10px 4px 7px;
	padding: 3px 10px 3px 7px;
	border-bottom: 1px solid #F7941D;
	line-height: normal;
	}

.product-table td.noborder,
#product-single-table td.noborder {
	border-bottom: none;
	}

#right {
	float: left;
	width: 166px;
	}


/* =Footer (04)
----------------------------------------------- */
#footer { 
	background: url(../images/footer.gif);
	clear: both;
	height: 20px;
	}


/* =Lists (05)
----------------------------------------------- */
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#navlist {
	margin: 0;
	padding: 0;
	font-size: 0.65em;
	}

#navlist li {
	float: left;
	line-height: 12px;
	margin: 0 2px;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#navlist a#leftside {
	background: none;
	}

#navlist a {
	padding: 1px 3px 3px 13px;
	text-decoration: none;
	color: #F7941D;
	background: url(../images/topmenu-bullet.gif) center left no-repeat;
	}

#navlist a:hover,
#navlist .currentpage a  {
	color: #333;
	}

#pagination li,
#pagination li.extrapadding {
	float: left;
	padding: 0 8px 0 0;
	line-height: 34px;
	font-weight: bold;
	font-size: 0.8em;
	}

#pagination li.extrapadding {
	padding-right: 12px;
	}

#pagination a {
	text-decoration: none;
	color: #F7941D;
	}

#pagination a:hover,
#pagination .currentpage a  {
	color: #444;
	}

#pagination .inactive  {
	color: #ddd;
	}

#navlist-left {
	width: 160px;
	margin: 0 0 0 6px;
	padding: 0;
	border-top: 1px solid #FDD4A6;
	font-weight: bold;
	font-size: 0.8em;
	}

#navlist-left li {
	display: inline;
	/* for IE5 and IE6 */
	}

#navlist-left a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #FDD4A6;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #F7941D;
	}

#navlist-left a:hover,
#navlist-left .currentpage a {
	background: #FFA500;
	}

#sort-table {
	overflow: hidden;
	font-size: 0.9em;
	margin: 5px 0 0 5px;
	}

#sort-table li {
	float: left;
	width: 77px;
	}

#sort-table li#topleft {
	border-right: 1px solid #F7941D;
	border-bottom: 1px solid #F7941D;
	}

#sort-table li#topright {
	border-bottom: 1px solid #F7941D;
	}

#sort-table li#bottomleft {
	border-right: 1px solid #F7941D;
	}

#sort-table a {
	width: 99.99%;
	display: block;
	text-decoration: none;
	color: #333;
	}

#sort-table a:hover,
#sort-table .currentpage a {
	background: #FDDFBB;
	}

dl, dt, dd {
	margin: 0;
	padding: 0;
	}

dl#bannertop,
dl.productbox,
dl#bannerright,
dl#productbox-single {
	background: url(../images/banner-right-bottom.jpg) bottom left no-repeat;
	padding-bottom: 3px;
	}

dl#bannertop {
	background: url(../images/banner-top-bottom.jpg) bottom left no-repeat;
	}

dl.productbox {
	background: url(../images/productbox-bottom.jpg) bottom left no-repeat;
	}

dl#productbox-single {
	background: url(../images/productbox-single-bottom.jpg) bottom left no-repeat;
	}

#bannertop dt,
.productbox dt,
#bannerright dt,
#productbox-single dt {
	height: 3px;
	overflow: hidden;
	background: url(../images/banner-right-top.jpg) top left no-repeat;
	}

#bannertop dt {
	margin: 10px 0 0;
	background: url(../images/banner-top-top.jpg) top left no-repeat;
	}

.productbox dt {
	margin: 10px 0 0;
	background: url(../images/productbox-top.jpg) top left no-repeat;
	}

#productbox-single dt {
	margin: 10px 0 0;
	background: url(../images/productbox-single-top.jpg) top left no-repeat;
	}

#bannertop dd,
.productbox dd,
#bannerright dd,
#productbox-single dd {
	padding: 0 0 0 3px;
	margin: 0;
	background: url(../images/banner-right-bg.jpg) top left repeat-y;
	}

#bannertop dd {
	background: url(../images/banner-top-bg.jpg) top left repeat-y;
	}

.productbox dd {
	background-image: url(../images/productbox-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
	}

#productbox-single dd {
	background: url(../images/productbox-single-bg.jpg) top left repeat-y;
	}


/* =Forms (06)
----------------------------------------------- */
#search form {
	margin: 5px 0 5px 5px;
	}

#search input {
	font-size: 13px;
	}

#search .equal { 
	vertical-align: middle;
	}

#search #txt {
	padding-left: 3px;
	width: 110px;
	background: white;
	color: #808080;
	border: 1px solid #CDCDAB;
	}

#search #txt:focus {
	color: black;
	}

#search #button {
	background: none;
	margin-left: 6px;
	}
	
#pages{
	font-size: 0.75em;
	text-align:right;
	padding-right:10px;
}	
#pages a{
	background-color:#FF9900;
	padding:0 2px 0 2px;
	color:#000;
	font-weight:bold;
}	


#back {
	font-size: 0.75em;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
	clear:both;
}	

.iconShop{
	margin-left:5px;
	color:#fff;
	font-size:10px;
	line-height:normal;
}
.iconShop p{
	padding-left:22px;
}
