/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.xt-commerce.com
Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
(c) 2003     nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

body {
    background-color: #000000;
    color: #cdcdcd;
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
}

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

img {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
}

div.formitem input {
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #454545;
	background-color: #cdcdcd;
    padding: 2px 2px 2px 4px;
    margin: 0 10px 0 0;
    font-size: 1em;
}

textarea, select {
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #454545;
	background-color: #cdcdcd;
    padding: 2px 2px 2px 0;
    font-size: 1em;
}

#container {
    width: 862px;
}

#header {
    height: 71px;
    width: 862px;
	background-image: url(img/header_htg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

#logo {
    width: 663px;
    float: left;
	text-align: left;
}

#functions {
    float:right;
    text-align: right;
    margin: 50px 10px 0 0;
    color: #cdcdcd;
    font-size:.7em;
}

#functions a {
    color: #cdcdcd;
}

#functions a:hover {
    color: #ffffff;
}

#mainfunctions {
    width: 860px;
    height: 39px;
    margin: 0 0 5px 0;
	border-bottom: 1px solid #454545;
    /*
	border: 1px solid #cdcdcd;
	background-image: url(img/htg_mainfunctions.gif);
    background-position: left top;
    background-repeat: repeat-x;
	*/
    color: #cdcdcd;
}

#mainfunctions a {
    color: #cdcdcd;
    text-decoration: none;
}

#mainfunctions a:hover {
    color: #ffffff;
}

#mainfunctions div.topcategories {
    font-size: .7em;
    margin: 3px 0 0 0;
    padding: 6px 10px 0 20px;
    width: 185px;
    height:27px;
    float: left;
    text-align: left;
    /*border-right: 1px solid #cdcdcd;*/
}

#mainfunctions div.submenuitem {
    visibility: hidden;
    position: absolute;
    margin: -1px 0 0 0;
    padding: 5px 5px 5px 5px;
    z-index: 901;
    min-width: 72px;
	color: #818181;
	background-color: #242424;
    border: 1px solid #4f4f4f;
	border-top: 0;
    font-weight: normal;
    font-size: 11px;
}

/* css browser weiche IE bis 6:  */
* html  #mainfunctions div.submenuitem {
    width: 72px;
}

#mainfunctions div.catselect {
    background-image: url(img/htg_select_categories.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 11px;
    color: #cdcdcd;
    padding: 3px 20px 0 7px;
    margin: 0;
    height: 18px;
	width: 185px;
}

#mainfunctions div.topcategories div.submenuitem {
	width:158px;
	padding-bottom: 10px;
	}

#mainfunctions div.topcategories div.submenuitem div.head {
    font-weight: bold;
	color: #fff;
	padding: 0 0 3px 0;
}

#mainfunctions div.topcategories div.submenuitem ul {
	padding: 3px 0 0 0;
}

#mainfunctions div.topcategories div.submenuitem ul li a {
    font-weight: bold;
	color: #fff;
	padding: 0 0 3px 0;
}

#mainfunctions div.topcategories div.submenuitem ul li a:hover {
	color: #cdcdcd;
}

#mainfunctions div.topcategories div.submenuitem div.catname {
    padding: 0 0 0 10px;
}

#mainfunctions div.topcart {
    font-size: .7em;
    margin: 3px 0 0 0;
    padding: 10px 0 0 18px;
    width: 411px;
    height:25px;
    float: left;
    text-align: left;
}

#mainfunctions div.topcurrency {
    font-size: .75em;
    margin: 3px 0 0 0;
    padding: 6px 15px 0 0;
    height:27px;
    float: left;
    text-align: left;
}

#mainfunctions div.curselect {
    background-image: url(img/htg_select.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 11px;
    color: #cdcdcd;
    padding: 3px 20px 0 7px;
    margin: 0 0 0 15px;
    height: 18px;
    width: 57px;
}

#mainfunctions div.toplang {
    font-size: .75em;
    font-weight: bold;
    margin: 3px 0 0 0;
    padding: 6px 0 0 0;
    height: 27px;
    float: right;
    text-align: left;
}

#mainfunctions div.langselect {
    background-image: url(img/htg_select.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 11px;
    color: #cdcdcd;
    padding: 3px 20px 0 7px;
    margin: 0 15px 0 0;
    height: 18px;
    width: 57px;
}

/* MAIN */
#main {
    position: relative;
    /*border: 1px solid #cdcdcd;*/
	border-left: 1px solid #454545;
	border-right: 1px solid #454545;
	padding: 0 5px;
    margin: 0 0 5px 0;
    width: 850px;
	background-image: url(img/navigation_htg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

/* MAIN // NAVIGATION // CATEGORIES */
#navigation {
    float: left;
    text-align: left;
    width: 200px;
    padding: 5px 0 0 0;
	
}

#navigation h1 {
    font-size: .85em;
    padding: 15px 0 5px 20px;
    text-transform: uppercase;
}

#cat-infos ul {
    list-style: none;
	font-size: .85em;
    font-weight: bold;
	text-transform: uppercase;
}

#cat-infos ul li a {
    padding: 3px 0 3px 20px;
    display: block;
    color: #cdcdcd;
}

* html #cat-infos ul li a {
    padding: 3px 0 0 20px;
    height: 20px;
}

#cat-infos ul li a:hover {
    color: #ffffff;
}

#cat-infos ul li.active a {
    color: #ffffff;
}

#cat-infos ul li.active a:hover {
    text-decoration: none;
}


#categories ul {
    list-style: none;
    font-size: .75em;
    font-weight: bold;
}

#categories ul li a {
    padding: 3px 0 3px 20px;
    display: block;
    color: #cdcdcd;
}

* html #categories ul li a {
    padding: 3px 0 0 20px;
    height: 20px;
}

#categories ul li span {
    padding: 3px 0 3px 20px;
    display: block;
    color: #cdcdcd;
}

* html #categories ul li span {
    padding: 3px 0 0 20px;
    height: 20px;
}

#categories ul li a:hover {
    color: #ffffff;
}

#categories ul li.active a {
    color: #ffffff;
}

#categories ul li.active a:hover {
    text-decoration: none;
}

#cat-categories ul {
    list-style: none;
	padding: 5px 0 0 10px;
	margin: 0 0 0px 0;
}







#cat-categories ul li.second a {
    padding: 3px 0 3px 31px;
    font-size: .7em;
	font-weight: normal;
    display: block;
    color: #ffffff;
}

#cat-categories ul li.second a:hover {
    padding: 3px 0 3px 31px;
    font-size: .7em;
	font-weight: normal;
    display: block;
    color: #cdcdcd;
}
#cat-categories ul li.second a:active {
    padding: 3px 0 3px 31px;
    font-size: .7em;
	font-weight: normal;
    display: block;
    color: #cdcdcd;
}

#cat-categories ul li.secondactive a {
    font-size: .7em;
	font-weight: normal;
    padding: 3px 0 3px 31px;
    display: block;
    color: #cdcdcd;
}







#cat-categories ul li.first a {
    font-size: .75em;
	font-weight: bold;
    padding: 3px 0 3px 19px;
    display: block;
    color: #cdcdcd;
}

#cat-categories ul li.firstactive a {
    font-size: .75em;
	font-weight: bold;
    padding: 3px 0 3px 19px;
    display: block;
    color: #ffffff;
}

* html #cat-categories ul li a {
    padding: 3px 0 0 20px;
    height: 20px;
}

#cat-categories ul li a:hover {
    color: #ffffff;
}

#cat-categories ul li.active a {
    color: #ffffff;
}

#cat-categories ul li.active a:hover {
    text-decoration: none;
}

ul#productlist {
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	}

ul#productlist li {
	font-weight: normal;
	}
	
ul#productlist li a {	
	padding: 3px 0 3px 40px;
	text-transform: none;
	display: block;
	font-weight: normal !important;
	font-size: .7em !important;
	}
	
ul#productlist li.active a {
	color: #cdcdcd;
	}

ul#productlist li a:hover {
	color: #cdcdcd;
	}

a.my_productlist_first:link {
	padding: 0px 0 0px 5px;
	color: #cdcdcd;
	text-transform: none;
	display: block;
	font-weight: bold !important;
	font-size: .75em !important;
}
a.my_productlist_first:hover {
	padding: 0px 0 0px 5px;
	color: #ffffff;
	text-transform: none;
	display: block;
	font-weight: bold !important;
	font-size: .75em !important;
}
a.my_productlist_first:visited {
	padding: 0px 0 0px 5px;
	color: #cdcdcd;
	text-transform: none;
	display: block;
	font-weight: bold; !important;
	font-size: .75em !important;
}
a.my_productlist_first:active {
	padding: 0px 0 0px 5px;
	color: #ffffff;
	text-transform: none;
	display: block;
	font-weight: bold !important;
	font-size: .75em !important;
}




	
a.my_productlist:link {
	padding: 0px 0 0px 10px;
	color: #ffffff;
	text-transform: none;
	display: block;
	font-weight: normal !important;
	font-size: .7em !important;
}
a.my_productlist:hover {
	padding: 0px 0 0px 10px;
	color: #cdcdcd;
	text-transform: none;
	display: block;
	font-weight: normal !important;
	font-size: .7em !important;
}
a.my_productlist:visited {
	padding: 0px 0 0px 10px;
	color: #ffffff;
	text-transform: none;
	display: block;
	font-weight: normal !important;
	font-size: .7em !important;
}
a.my_productlist:active {
	padding: 0px 0 0px 10px;
	color: #cdcdcd;
	text-transform: none;
	display: block;
	font-weight: normal !important;
	font-size: .7em !important;
}
		
/* MAIN // CONTENT */
#content {
    float: right;
    text-align: left;
    min-height: 427px; 
}

* html #content {
   height: 427px;
}

#inline {
    width: 623px;
    min-height: 389px;
	border-left: 1px solid #454545;
    /*
	
    background-image: url(img/htg_formular.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #d3c2a9;
	*/
    padding: 0 20px 40px 0;
}

* html #inline {
    height: 389px; 
}

#inline a {
    text-decoration: underline;
}

#content h1 {
    font-weight: normal;
    color: #cdcdcd;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 20px 0 20px 20px;
}

#content h2 {
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

#content h2.second {
    color: #cdcdcd;
}

#content h3 {
    font-size: .8em;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

#content p {
    line-height: 1.4em;
    margin: 0 0 10px 0;
}

#content p.message {
    font-size: .7em;
    color: #cdcdcd;
    margin: 0 0 20px 20px;
}

#content div.message {
    color: #cdcdcd;
    font-size: .7em;
    line-height: 1.4em;
    margin: 0 20px 20px 20px;
}

#content div.text {
    font-size: .7em;
    line-height: 1.4em;
    margin: 20px 20px 20px 20px;
}

#content td {
    font-size: .8em;
}

#content div.text h1 {
    font-size: 1.7em;
    padding: 0px 20px 20px 20px;
}

#content div.textinfo {
    font-size: .7em;
    line-height: 1.4em;
    margin: 0px 20px 0px 7px;
}

#content div.textinfo2 {
    font-size: .7em;
	text-align: right;
    line-height: 1.4em;
	height: 29px;
    margin: 0px 10px 0px 7px;
}

#content div.textinfo h1 {
    font-size: 1.7em;
    padding: 20px 20px 20px 20px;
}

#content div.textinfo img{
    padding-right: 10px;
}
.my_new_text {
    font-size: .7em;
    line-height: 1.4em;
	width: 600px;
    margin: 10px 20px 10px 7px;
	}

#content div.textblock {
    font-size: .7em;
    width: 600px;
    text-align: justify;
    line-height: 1.4em;
}

#content div.form {
    margin: 0 20px 0 20px;
}

#content div.form h2 {
    font-size: .8em;
    text-transform: uppercase;
    padding: 0;
    width: 580px;
}

#content div.form h2.next {
    margin: 40px 0 10px 0;
}

#content div.form fieldset {
    font-size: .7em;
    line-height: 1.4em;
}

#content div.formitem {
    margin: 0 0 5px 0;
}

#content div.formitem div.label {
    width: 130px;
    padding: 3px 0 0 0;
    float: left;
}

#content div.formbutton {
    margin: 0 0 10px 130px;
}

#content div.textleft {
    float: left;
    width: 275px;
    padding: 40px 15px 0 20px;
    font-size: .7em;
    line-height: 1.4em;
    text-align: justify;
}

#content div.textright {
    float: right;
    width: 275px;
    padding: 40px 20px 0 15px;
    font-size: .7em;
    line-height: 1.4em;
    text-align: justify;
}

#content div.info {
    font-size: .6em;
    padding: 5px 0 0 0;
}

#content div.info a {
    text-decoration: underline;
}

#product {
    border-left: 1px solid #454545;
    height: 429px;
    width: 644px;
}

#product div.detail {
   /* border-left: 1px solid #454545;
    width: 429px;*/
	height: 305px;
	width: 639px;
	padding: 0 0 0 5px;
    float: right;
    /*background-image: url(img/htg_product_detail.jpg);
    background-position: left top;
    background-repeat: no-repeat;
	*/
}

#product div.img {
    float:left;
}

#product div.img img {
	width: 639px;
	height: 305px;
	}
	
#product div.product-info {
    width: 190px;
    margin: 55px 0 0 0;
    padding: 0 10px 0 10px;
    color: #cdcdcd;
    float: right;
}

#product div.product-zoom {
    font-size: .7em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 20px 0 0 0;
}

#product div.product-text {
    font-size: .7em;
    line-height: 1.4em;
}

#product div.product-order {
    margin: 20px 0 20px 0;
    font-size: .8em;
    font-weight: bold;
}

#product div.product-order form {
    width: 50px;
    float: left;
}

#product div.product-options {
    padding: 3px 0 15px 0;
    overflow: none;
}

#product div.submenuitemOpt {stylesheet.css (line 779)
    background-color:#FFFFFF;
    border-top:0pt none;
    font-weight:bold;
    padding:5px 0pt 0pt 14px;
    position:absolute;
    visibility:hidden;
    width:103px;
    z-index:901;
}

#product div.attributes_intro {
    width: 170px;
    font-size:11px;
    font-weight:normal;
    margin:0pt;
    padding:3px 20px 10px 0px;
}

#attributes a {
    color: #cdcdcd;
    text-decoration: none;
}

#attributes a:hover {
    color: #ffffff;
}

#product div.catselect{
    background-image:url(img/htg_select_categories.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    color:#CDCDCD;
    font-size:11px;
    font-weight:normal;
    height:18px;
    margin:0pt;
    padding:3px 20px 0pt 7px;
    width:166px;
}

#product div.submenuitemOpt {
    width:158px;
    background-color:#242424;
    border-color:-moz-use-text-color #4F4F4F rgb(79, 79, 79);
    border-style:none solid solid;
    border-width:0pt 1px 1px;
    color:#818181;
    font-size:11px;
    font-weight:normal;
    margin:-1px 0pt 0pt;
    min-width:72px;
    padding:5px;
    position:absolute;
    visibility:hidden;
    z-index:901;
}

#product div.price {
    float: left;
}

#product div.product-incl {
    font-size: .65em;
}

#product input {
    float:left;
    margin: 0 15px 0 0;
    background-color:#CDCDCD;
    border:1px solid #454545;
    font-family:Arial,Verdana,sans-serif;
    font-weight: normal;
}

#product #quantity {
    width: 30px;
    padding:2px 2px 2px 4px;
}

#product #order {
    width: 170px;
    margin: 10px 0 0 0;
}

#category {
    border-left: 1px solid #454545;
    height: 429px;
    width: 644px;
}

#category div.media {
    /*width: 429px;
	margin: 0 5px 0 0;*/
	width: 639px;
	padding: 0 0 0 5px;
   /* border-left: 1px solid #454545;*/
    float: right;
}

#category div.media img {
	width: 639px;
	height: 429px;
}

#cat-listing {
    width: 204px;
    float: left;
}

#cat-listing ul {
    margin: 60px 0 0 20px;
    list-style: none;
    text-transform: none;
    font-size: .7em;
}

#cat-listing ul li a {
    padding: 3px 0 3px 0;
    display: block;
    color: #cdcdcd;
}

* html #cat-listing ul li a {
    padding: 3px 0 0 0;
    height: 18px;
}

#cat-listing ul li a:hover {
    color: #ffffff;
}

#cat-listing ul li.active a {
    color: #ffffff;
}

#cat-listing ul li.active a:hover {
    text-decoration: none;
}

#cart {
    font-size: .75em;
    width: 600px;
    border-collapse: collapse;
    margin: 0 0 0 20px;
}

#cart thead th {
    text-transform: uppercase;
    padding: 0 10px 9px 0;
    text-align: left;
}

#cart tbody {
    border-top: 1px solid #cdcdcd;
}

#cart tbody td {
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 0 0;
}

#cart tbody td a {
    font-weight: bold;
    text-decoration: none;
}

#cart tbody td.img {
    width: 68px;
}

#cart tbody td.img img {
    width: 58px;
    border: 1px solid #635238;
}

#cart tbody input {
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #454545;
    padding: 2px;
    font-size: .8em;
    background-color:#CDCDCD;
}

#cart tbody td.price,
#cart thead th.price {
    text-align: right;
}


#cart tfoot td {
    text-align: right;
    padding: 10px;
}

table.payment input {
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #cdcdcd;
    padding: 2px;
    font-size: 1em;
}

/* FOOTER */
#footer {
    padding: 15px 0 0 0;
    color: #cdcdcd;
    font-size: .7em;
    text-align: center;
    height: 185px;
    position: relative;
	background-image: url(img/footer_htg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#footer a {
    color: #cdcdcd;
}

#footer a:hover {
	color: #ffffff;
}

#shopinfo {
    margin: 0 0 15px 0px;
}

table td.copyright {
    display: none;
}

/* HELPER */
.breaker {
    overflow: hidden;
    height: 0;
    clear: both;
    font-size: 0;
}