/*------------------------*/
/*------ common css ------*/  
/*------------------------*/

* { margin: 0; padding: 0; }
	
body {
	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
	color: white;
	background-image: url(tpl_img/back-top.png);
	background-repeat: repeat-x;
	background-color: #666;
}

div, td {
	text-align:left;
	background-color: transparent;
}	

img{
	border:0;
}

img.border{
	border: 1px solid #bebebe;
}

img.indeximage {
	margin-right: 15px;
}	

table.border {
	border: 1px solid #bebebe;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	vertical-align: middle;
	font-weight: bold;
}

h1 {	font-size: 18px; }
h2 {	font-size: 16px; }
h3 {	font-size: 14px; }
h4 {	font-size: 12px; }
h5 {	font-size: 11px; }
h6 {	font-size: 10px; }

a, a:visited {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #bbb;
  text-decoration:  underline;
}

form {
	display: inline;
}

input {
	vertical-align:middle;
}	

input, checkbox, radio, select {
	font-size: 11px;
	border           : 1px solid #666666;
	margin:2px;
}

input[type=image] {
	border:0;
}

textarea {
	width: 100%;
	font-size: 11px;
	border           : 1px solid #666666;
}

hr {
	border:0;
	border-bottom: 1px #ccc solid;
	float:left;
	width: 100%;
}

ul {
	padding:0;
	margin: 0;
	margin-top:8px;
	list-style: none;
}

ul li {
	background: url(img/icon_arrow.gif) no-repeat;
	background-position: 14px 5px;
	padding-left:30px;
	color:black;
	border:0;
	font-size: 11px;
}

/*------------------------*/
/*-------- Layout --------*/   
/*------------------------*/

.wrap {
	width: 85%;
	min-width: 970px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	background-color: White;
	color: Black;
	border-bottom: 2px black solid;
}

#mainmenu {
	height:57px;
	background-color: #FFDB09;
	background-image: url(tpl_img/mainmenu.gif);
	text-align:center;
}


#header {
	background-image: url(tpl_img/xtc_blackshadow_header.jpg);
	background-repeat:no-repeat;
	height:200px;
	border-top:2px solid white;
}

#storename {
	font-size: 28px;
	color: black;
	text-align:left;
	margin-left:660px;
	margin-top:10px;
}

#produkte {
	font-size: 16px;
	color: black;
	margin-left:240px;
	margin-top:130px;
	height:18px;
}   

#quick {
	font-size: 11px;
	background-image:url(tpl_img/nav.gif);
	background-repeat:repeat-x;
	background-color: black;
	height:50px;
	border-bottom:2px solid white;
	border-top:2px solid white;
}

#quick a {
	color: White;
}

#quick_box_left {
	color: white;
	background-image:url(tpl_img/dotline.gif);
	background-repeat:no-repeat;
	background-position: right;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
}

#quick_add input, #quick_find input{
	height: 16px;
	padding: 0;
	margin:0;
	vertical-align: middle;
}

#quick_box_middle {
	color: white;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
}

#quick_box_right {
	color: white;
	background-image:url(tpl_img/dotline.gif);
	background-repeat:no-repeat;
	background-position: left;
	width:30%;
	height:20px;
	padding:15px;
	float:left;
	text-align: center;
	vertical-align: middle;
}

#rightimage {
	float:right;
	width:160px;
	background-color:#e3e3e3;
}

#leftimage {
	float:left;
	width:280px;
	background-color:#e3e3e3;
}

#content {
	background-color:white;
	line-height: 16px;
	min-width:400px;
	margin-left:300px;
	margin-right:180px;
	padding-left:10px;
	padding-right:10px;	
}

#content_checkout {
	background-color:white;
	line-height: 16px;
	min-width:400px;
	margin-left:310px;
	margin-right:30px;	
}

#footer {
	clear:both;
	height:212px;
	width: 100%;
	padding-top:5px;
	text-align:center;
	font-size:11px;
	background-image: url(tpl_img/back-bottom.gif);
	background-repeat: repeat-x;
}

#footer div {
	width: 85%;
	min-width: 950px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-top: 10px;
}

#footer div a {
	color: white;
}

#counter{
	padding: 20px;
	text-align: center;
	font-size: 11px;
	color: black;
	background-color: transparent;
}

/*---------------------------*/
/*--------- Mainmenu --------*/ 
/*---------------------------*/

#mainmenu ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width: 806px;
}

#mainmenu ul li {
	width: 160px;
	height: 57px;
	float: left;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	border-right: 1px #666 dotted;
	background-image:none;
}

#mainmenu ul li a {
	width: 160px;
	height: 39px;
	display:block;
	font-size: 14px;
	padding-top:18px;
	text-decoration: none;
	color: black;
	
}

#mainmenu ul li#mainmenu_first {
	border-left: 1px #666 dotted;
}

#mainmenu ul li a:hover {
	background-image: url(tpl_img/mainmenu_hover.jpg); 
	background-repeat: repeat-x;
} 


/*--------------------------------*/
/*--------- Category Menu --------*/ 
/*--------------------------------*/

ul#categories_list {
	list-style: none;
	padding: 0px;
	margin: 20px;
	margin-top:10px;
	vertical-align: middle;
}

ul#categories_list  li {
	list-style:none;
	display: block; 
	background-image: none;
	background-color: transparent; 
	line-height: 24px; 
	border-bottom: #666 1px dotted; 
	height: 24px; 
	text-decoration: none;
	text-indent: 15px;
	padding:0px;
	margin-right: 1px;	
}

ul#categories_list li a {
	margin: 0px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #222; 
	height: auto;	
}

ul#categories_list li a:hover {
	color: black;
	background-color: #FFDB09;
}

ul#categories_list li a.active {
	color: black; 
	background-color: #FFDB09;
}

ul#categories_list li.subcat-level1 {
	padding-left:15px;
	background: url(img/icon_arrow.gif) no-repeat;
	background-position: 15px 9px;
	color:black;
	border:0;
	background-color: #FFF4AF;
}

ul#categories_list li.subcat-level1 a {
	color:black;
}

ul#categories_list li.subcat-level1 a:hover {
	color:#666666;
	background-color: transparent;
	text-decoration: underline;
}

ul#categories_list li.subcat-level1 a.active{
	text-decoration: underline;
	background-color: transparent;
}


ul#categories_list li.subcat-level1_sublist1 {
	border:0;
}

ul#categories_list li.subcat-level1_sublist1 a {
	padding-left:15px;
	background: url(img/icon_arrow.gif) no-repeat;
	background-position: 15px 9px;
	color:black;
	border:0;
	background-color: #FFF4AF;
}

ul#categories_list li.subcat-level1_sublist1 a:hover {
	color:#666666;
	text-decoration: underline;
}

ul#categories_list li.subcat-level1_sublist1 a.active {
	background-color: #FFF8CE;
	border-left: 3px #666 solid;
}


ul#categories_list li.subcat-level2 {
	border:0;
}

ul#categories_list li.subcat-level2 a {
	padding-left:30px;
	color:black;
	border:0;
	background-color: #FFF8CE;
	border-left: 3px #666 solid;
}

ul#categories_list li.subcat-level2 a:hover {
	color:#666666;
	text-decoration: underline;
}

ul#categories_list li.subcat-level2 a.active {
	color:#666666;
	text-decoration: underline;
}


ul.navilist{
	padding:0;
	margin: 0;
	list-style: none;
}

ul.navilist li{
	background: url(img/icon_arrow.gif) no-repeat;
	background-position: 14px 8px;
	padding-left:30px;
	color:black;
	border:0;
	font-size: 11px;
	line-height:20px;
}

ul.navilist li a{
	color: Black;
}

.catcount {
	font-size:9px;
}

/*------------------------*/
/*------- footer ---------*/
/*------------------------*/

#footer #contentbox {
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer li{
	border-right: 1px solid #fff;
	padding-right:12px;
	padding-left: 12px;
	background: none;
}

#footer li.last {
	border-right: none;
}

#footer ul li{
	display: inline;
}

/*------------------------*/
/*------- special --------*/
/*------------------------*/


.seperator {
	margin-top:15px;
	margin-bottom:15px;
	border:0;
	border-top: 1px solid #999;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.clr{
	clear: both;
	height:0;
}

.hidden {
	visibility:hidden;
}	

a.confirmationEdit {
	color: #009933;
	font-style: italic;
}
a.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}

.box-backgr {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 8px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}

.box-backgr li {
	margin-left:10px;
}

#content img.leftimage {
	float: left;
	margin: 15px;
	margin-left: 0;
}

.achtung, .info, .errorBox{
	border-top: 3px solid;
	border-bottom: 3px solid;	
	background-color:#FFCCCC;
	padding:20px;
	padding-left:60px;
	background-repeat:no-repeat;
	background-position: 10px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.achtung, .errorBox{
	border-color: #ff0000;
	background-color:#FFCCCC;
	background-image:url(img/achtung.gif);
}

.info{
	border-color: #FFDB09;
	background-color:#FFF4B2;
	background-image:url(img/info.gif);
}

.smalltext{
	font-size:9px;
}

.fullwidth{
	width: 98%;
}	

/*--------------------------------*/
/*----------- Headings -----------*/ 
/*--------------------------------*/

#content h4, form h4 {
	font-size: 14px;
	border-bottom: #ccc 1px solid;
	padding:3px;
	padding-left: 0;
	margin: 10px;
	margin-left:0;
	margin-top: 25px;
}

#content h5 {
	font-size: 11px;
	border-bottom: #ccc 1px solid;
	padding:3px;
	padding-left: 0;
	margin: 10px;
	margin-left:0;
	margin-top: 25px;
}

#content h6 {
	font-size: 14px;
	padding:3px;
	padding-left: 0;
	margin: 10px;
	margin-left:0;
}


.contentsTopics, .moduleHeading, .pageHeading, .toggler{
	margin:0;
	margin-left: -26px;
	margin-right: -26px;
	margin-bottom: 25px;
	padding:10px;
	background-image:url(tpl_img/heading_content.gif);
	background-repeat:repeat-x;
	height:16px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	color:black;
	background-color: #FFDB09;
}

/*-------------------------------------*/
/*----- new_productsXXX.html -------*/
/*-------------------------------------*/

.productListing-heading-newprod {
	font-size: 12px;
	background-color:#f7f7f7;
	font-weight: bold;
	margin:-15px;
	padding:0;
	margin-bottom:13px;
	padding:8px;
	border-bottom: 1px solid #aaa;
}

.productListing-price-newprod {
	font-size:16px;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.productListing-heading-special-box {
	font-size: 12px;
	font-weight: bold;
	margin:10px;
}

.boxText img{
	margin:10px;
}


.newarticle{
	z-index:1000;
	margin-top:-45px;
}


/*---------------------------------------------------*/
/*----- category_listing ----------------------------*/
/*---------------------------------------------------*/

.category_listing_box {
	width:158px;
	margin-left:10px;
	margin-bottom:5px;
	border: 1px solid #dedede;
	text-align:center;
}

.category_listing_box:hover {
	border: 1px solid #999;
}


.category_listing_box img {
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}


a.category_listing_heading {
	color: white;
	font-size:13px;
	padding:10px;
	background-color: #000000;
	background-image: url(tpl_img/category.gif);
	border-bottom: 4px #aaa solid;
	display: block;
	height: 30px;
}

/*---------------------------------------------------*/
/*----- OLD product_listing_v1.html + sitemap.html OLD-------*/
/*---------------------------------------------------*/

.product_info_thumb {
	margin: 5px;
}

.productListing {
	width:100%;
}

.productListing-container, .sitemap-container  {
	background-color: #f4f4f4;
	border: 1px solid #dedede;
	vertical-align:top;
	padding:15px;
	margin-bottom:10px;
	margin-top:10px;
	width:95%;
}                              

.productListing-container hr {
	border-top: 1px solid #dedede;
}

.productListing-container li, .sitemap li {
	margin-left: 0px;
} 

.productListing-container  img.border {
	border: 1px solid #dedede;
}

.productListing-heading , .sitemap-heading {
	font-size: 12px;
	background-color:#515151;
	font-weight: bold;
	margin:-15px;
	padding:0;
	margin-bottom:13px;
	padding:8px;
	border-bottom: 1px solid #dedede;

}

.productListing-heading a, .sitemap-heading a{
	color: #fff;
}

.productListing-box {
	float:left;
	width:280px;
}

.productListing-info {
	font-size:9px;
}

.productListing-price {
	font-size:16px;
	float:left;
	width:40%;
	text-align:center;
}

.productListing_button {
	float:right;
	margin-left:10px;
	text-align:center;
}





/*-------------------------------------*/
/*----- product_info_v1.html ----------*/
/*-------------------------------------*/


ul.product_info_list li {
	padding-left: 15px;
	background-position: 0px 5px;
}

.product_info_wrap {
	width:100%;
	padding:0;
	maring:0;
	float:left;
}



.product_info_img {
	width:220px;
	padding-right:10px;

}


.product_info {
	background-color: #ebebeb;
	padding: 20px;
	padding-top:8px;
	margin-right:5px;
	margin-left: 230px;
	border: 1px solid #aaa;
}

.product_info_price {
	font-size:18px;
}

.product_info_amount input {
	width: 20px;
	height:20px;
	text-align:center;
	font-size:14px;
}

.zoom {
	height:44px;
	width:50px;
	float:right;
	position:relative;
	left:-6px;
	top:-36px;
	border:0;
}


/*--------------------------------------------------------*/
/*------- Quadratische Artikelbilder Thumbnails ----------*/
/*--------------------------------------------------------*/

.squareimage_outer {
	overflow: hidden; 
	position: relative;
	text-align:center;
	background-color:#fff;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #aaa;
}

.squareimage_outer_productlisting {
	margin:0;
	height:120px;
	width:120px;
}
.squareimage_outer_newproducts {
	height:120px;
	width:120px;
}

.squareimage_outer_productinfo {
	margin:0;
	height:200px;
	width:200px;
}


.squareimage_outer[class] {display: table; position: static;}

.squareimage_middle {position: absolute; top: 50%;} /* for explorer only*/
.squareimage_middle[class] {display: table-cell; vertical-align: middle; position: static;}

.squareimage_inner {position: relative; top: -50%; text-align:center;} /* for explorer only */
/* optional: #inner[id] {position: static;} */


/*------------------------*/
/*------- Forms ----------*/
/*------------------------*/

.inputRequirement {  font-size: 10px; color: #ff0000; }

label {
	width: 120px;
	display: inline-block;
	vertical-align:middle;
	height:20px;
}

.formArea {
	background-color:#f1f1f1;
	border: 1px solid #999999;
	vertical-align:top;
	padding:15px;
	margin-bottom:5px;
	margin-top:5px;
}

.formAreaTitle {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color:#f7f7f7;
	font-weight: bold;
	margin:-15px;
	padding:0;
	margin-bottom:13px;
	padding:8px;
	border-bottom: 1px solid #999999;
}

/*--------------------------------*/
/*------------ Account -----------*/ 
/*--------------------------------*/

.account_orderlist {
	width:94%; 
	background-color:#f7f7f7;
	background-position: 10px 14px;
	margin-bottom: 8px; 
	padding: 8px; 
	padding-left: 25px; 
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
}

.account_history_table td {
	padding: 4px;
}

.account_history_row {
	border-bottom:1px solid #ccc;
	line-height:3px;
}



/*--------------------------------*/
/*--------- common ---------------*/ 
/*--------------------------------*/

.infoBoxHeading {
	font-size: 12px;
	height:16px;
	margin: 0;
	padding:10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(tpl_img/heading.gif);
}

.infoBoxHeading_yellow {
	font-size: 12px;
	height:16px;
	margin: 0;
	padding:10px;
	font-weight: bold;
	color: #000;
	background-color: #000000;
	background-image: url(tpl_img/heading_content.gif);
}

.infoBoxHeading_yellow a {
	color:#000;
}	

.copyright {
	color: white;
	height: 25px;
	font-size: 11px;
	text-align:center;
	background-image: url(tpl_img/back-top.png);
	background-repeat: repeat-x;
	background-position: -2px 0;
	margin-top: -5px;
}

.copyright a {
	color:white;
}

.boxText { 
	padding: 6px;
	padding-top:10px;
	padding-bottom:10px;
}

.boxTextPrice {
	font-size: 10px;
	color: #FF0000;
}

.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}

.stockWarning { 
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

.headerNavigation {
	font-size: 10px;
	color: #000000;
	font-weight : bold;
}

a.headerNavigation { 
  color: #000000; 
}

a.headerNavigation:hover {
  color: #000000;
}

.conditions {
  background-color: #FFCCCC;
}

TR.headerMessage {
	background-color: #00CC33;
}

.headerError {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

.headerInfo {
	background: #00ff00;
}

.headerInfo {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

a.pageResults {
	color: Black;
}

a.pageResults:hover {
	color: Black;
}

.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

.fieldValue {
  font-size: 12px;
}

.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}


span.greetUser {
  font-size: 12px;
  color: #660000;
  font-weight: bold;
}

span.underline {
	text-decoration: underline;
}

.parseTime {}

span.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  color: #ff0000;
}
span.productOldPrice {
	color: #ff0000;
	font-size: 11px;
	text-decoration: line-through;
}

span.errorText {
  color: #ff0000;
}

span.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: Black;
}