
body {
  background: #E6E6E6;
  color: #333333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  margin: 0px;
}


/* ###### Formulare Felder ######## */

form {
	display: inline;
}

checkbox, input, radio, select {
  font-size: 11px;
}

/* Suchfeld im Kopf der Seite (neu) */

input.headerSearch {
  border-style: none;
  font-size: 11px;
}

textarea {
  width: 100%;
  font-size: 11px;
}

td {
  font-size: 11px; 
}

/* ###### allg. Linkverweise ###### */

a {
  color: #666666;
  text-decoration: none;
}

a:hover {
  color: #FF6600;
  text-decoration: underline;
}

/* ##### Topnavigation Home ##### */
a.topNavigation, a.topNavigation:hover { 
  text-decoration: none;
  font-weight: ;
  color:#FFFFFF;
  font-size: 13px;
  white-space:nowrap;
}

/* ##### Positionsanzeige ##### */
a.headerNavigation { 
  color: #0D4C60;
 text-decoration: underline;
}

/* Positionsanzeige Hover*/
a.headerNavigation:hover {
  color: #FF6600;
  text-decoration: none;
}

a.pageResults {
  color: #0D4C6D;
}

a.pageResults:hover {
  color: #A84A4C;
  background: #FFFFFF;
}

a.cat {
  color: #333333;
  text-decoration: none;
}

a.cat:hover {
  color: #FF6600;
  text-decoration: none;
}

a.boxLink {
  color: #333333;
  text-decoration: none;
}

a.boxLink:hover {
  color: #FF6600;
  text-decoration: none;
}


table.productListing {
/*  border: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  border-spacing: 1px;
  border-collapse:collapse;*/
}

.productListing-heading {
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  background: #999999;
}

td.productListing-data {
  font-size: 11px;
}

tr.productListing-odd {
  background: #F1F1F1;
}

tr.productListing-even {
  background: #F1F1F1;
}

td.boxText, span.boxText {
  font-size: 11px;
  color:#333333;
}

.boxImage {
  border: 1px solid #CECECE;
}

.contentImage {
  border: 1px solid #CECECE;
}

.stockWarning {
  font-size: 10px;
  color: #CC0033; 
}

/* ##### Bearbeiten Link im Bestellprozess ##### */
.orderEdit {
  font-size: 11px;
  color: #FF6600;
  text-decoration: underline; 
}

TR.header {
  background: #2E3335;
}

TR.headerNavigation {
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-header-line_01.jpg);
}

TD.headerNavigation {
  font-size: 11px;
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-header-line_01.jpg);
  color: #FFFFFF;
  font-weight : bold;
}

TR.headerError {
  background: #FF0000;
}

TD.headerError {
  font-size: 12px;
  background: #FF0000;
  color: #FFFFFF;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00FF00;
}

TD.headerInfo {
  font-size: 11px;
  background: #CCCCCC;
  color: #FFFFFF;
  font-weight:;
  text-align: center;
}

/* ##### Fussbereich aller Seiten Datum, Fussnavigation, Zugriffe ##### */

TR.footer {
  background: #CCCCCC;
}

TD.footer {
  font-size: 11px;
/*  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-footer-line_01.gif); */
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-head-bg.png);
  color: #FFFFFF;
  font-weight:;
  height:30;
}

TD.footer a {
  color: #FFFFFF;
}

TD.footer a:hover {
  color: #FF6600;
}

/* Neu eingebauter Fussbereich */

TR.bottom {
  background: #CCCCCC;
}

TD.bottom_content {
  padding: 0px;
  color: #333333;
  font-weight:;
  text-align: justify;
}


/* ##### Bestellvorgang Textkasten zu den Einzelschritten ##### */

TD.katboxInfoBoxHeading {
  font-size: 11px;
  font-weight:;
/*  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-boxes-middle.jpg); */
  background-color:#999999;
  color: #ffffff;
/*  border:1px #CECECE solid;*/
  border:1px #ABAFBD solid; 
  padding-left:11px;
  padding-right:11px;
}

TD.katboxSmallText {
  font-size: 10px;
  background: #F1F1F1;
  border:1px #999999 solid; 
}

td.katboxSmallText2 {
  font-size: 10px;
  font-weight: bold;
  color: #2E3335;
}

.katboxSmallText3 { /* katboxSmallText ohne Rahmen */
  font-size: 11px;
  line-height: 1.5;
  background: #F1F1F1;
}

/* ##### Graue Kästen der Beschreibungen ##### */

.infoBox {
  background: #F1F1F1;
  border:1px #999999 solid;
  padding: 5px;
}

.infoBox2 {
  background: #F1F1F1;
}

.infoBoxContents {
/*  background: #F1F1F1;*/
  font-size: 11px;
}

/* Style2 */
.infoBox4 {
  background: #FFFFFF;
}

/* Style2 */
.infoBoxContents4 { 
  background: #FFFFFF;
  font-size: 11px;
}

.infoBoxContentsMiddleBox {
/*  background: #F8F8F9; */ 
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 11px;
}

/* ##### zum Beispiel im Login bei der Bestellung ##### */

TD.infoBoxHeading {
  font-size: 11px;
  font-weight: bold;
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-boxes-middle.jpg);
  background-color: #F1F1F1;
  color: #FFFFFF;
}

TD.infoBoxHeading2 { /* Hervorzuhebende Boxen */
  font-size: 11px;
  font-weight: bold;
  background: #B7CF70;
  color: #2E3335;
}

TD.infoBoxHeadingBoxen {
  font-size: 11px;
  font-weight: bold;
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-boxes-left-right.jpg);
  background: #2E3335;
  color: #2E3335;
}

TD.infoBox, SPAN.infoBox {
  font-size: 11px;
}

/* ##### Infoboxen an den Seiten ###### */

.box_1 {
  background: #E0DEDE;
  font-size: 11px;
  border: 1px solid #2E3335;
}

/* Infobox für Kategoriegruppierung modifiziert

.box_1 {
  background: #E0DEDE;
  font-size: 11px;
  border: 1px solid #2E3335;
}

 */

.box_2 {
  background-color:#F1F1F1;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-bg.gif);
}

.box_3 {
  background-color:#F1F1F1;
}
 
TD.boxhead_1 {
  font-size: 11px;
  font-weight: bold;
  background-image: url(http://amphisolar.com/xos/template/titan/images/xolayout/xo-boxes-left-right.jpg);
  background: #2e3335;
  color: #FFFFFF;
  border-top :1px solid #2E3335;
  border-bottom :1px solid #2E3335;
  line-height:12px;
  padding-left:11px;
}

TD.boxhead_2 {
  width:100%;
  background-repeat:repeat-x;
  padding-left: 0px;
  padding-bottom:1px;
  font-weight: ;
  color:#FFFFFF;
  font-size: 13px;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-head-bg.png);
}

TD.boxhead_2_2 {
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-head2-bg.png);
}

TD.boxhead_3 {
  width:100%;
  background-repeat:repeat-x;
  padding-left:0px;
  padding-bottom:0px;
  font-weight: ;
  color:#FFFFFF;
  font-size: 13px;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-head-bg.png);
}

TD.boxhead_3_2 {
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box2-head2-bg.png);
}

/* ##### Überschriften - auf allen Seiten mit Kategorie und Produktlisten - Innenkasten ##### */

TD.pageHeading, DIV.pageHeading {
  background: #ffffff;
  padding: 5px;
}

/* ##### Überschriften - auf allen Seiten mit Kategorie und Produktlisten - Aussenkasten ###### */

td.pageHeading2, DIV.pageHeading2 {
  background: #ffcc99;
  padding: 0px;
}

/* ##### Überschriften - auf Seiten - Headline ##### */

h1.pageHeading {
  font-size: 17px;
  font-weight: ;
  color: #333333;
  display: inline;  
}

h1.pageHeadingbox {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  display:inline;  
}

/* ##### Überschrift Artikelname und Nummer Detailansicht ##### */
h1.katboxHeading {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  display: inline;  
}

h2.pageHeading {
  font-size: 9px;
  font-weight: bold;
  display: inline;
}

.main {
  font-size: 11px;
  line-height: 1.5;
  color: #333333;
}

/* Doppelte scheisse hier was ist das? */

TD.main_header, P.main_header {
  font-weight: bold;
  font-size: 9px;
  color: #2E3335;
}

TD.main-header, P.main-header {
  font-size: 10px;
}

.smallText {
  font-size: 10px;
  color: #333333;  
}

.smallText2 { /* Shipping Estimator */
  font-size: 10px;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #FF6600;
}

/* ##### Persönliche Begrüßung des Kunden mit Namen nach Login ##### */

SPAN.greetUser {
  font-size: 12px;
  color: #FF9900;
  font-weight: bold;
}

TABLE.formArea {
  background: #F8F8F9;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
}

/* Artikelname? - Produktliste in Kategorie*/
TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #C76170;
  font-weight: bold;
}

/* Sonderangebotspreis (neu) */
SPAN.productSpecialPrice {
  font-size: 13px;
  color: #FF6600;
  font-weight: bold;
}

/* Sonderangebotspreis - Produktdetailseite (neu) */
SPAN.productSpecialPrice3 {
  font-size: 19px;
  color: #FF6600;
  font-weight: bold;
}

/* Normalpreis - Produktliste in Kategorie */
SPAN.productPrice {
  font-size: 13px;
  color: #333333; /* orange */
  font-weight: bold;
}

/* Normalpreis - Produktdetailseiten */
.theprice {
  font-size: 19px;
  color: #FF6600; /* weihnachten */
  font-weight: bold;
}

/* Normalpreis (jetzt nur / statt vorher) */
SPAN.productPrice2 {
  font-size: 11px;
}

SPAN.errorText {
  color: #FF0000;
}

SPAN.naviCategories {
  color: #993134;
}


/* BOF price-break-1.11.3 */
td.productPriceInBox {
  font-size: 10px;
  background: #DDDFE2;
}
/* EOF price-break-1.11.3 */


.moduleRow { }

.moduleRowOver {
  background-color: #E9F4FC;
  cursor: pointer;
}

.moduleRowSelected {
  background-color: #F1F1F1; 
}

.messageBox {
  font-size: 10px; 
}

.messageStackError, .messageStackWarning { 
  font-size: 10px;
/*  background: #F8F8F9;
  color: #000000;*/
}

.messageStackSuccess {
  font-size: 10px;
  background-color: #A1C459;
}

.inputRequirement {
  font-size: 10px;
  color: #ff0000; 
}


/* ------- Poll Booth Contribution (ANFANG)-------- */
TD.pollBoxText {
  font-size: 10px;
/*  border-color: #F1F1F1;
  border-style: solid;
  border-width: 1px;    */
}

TR.pollOptRow {
/*  background: #F1F1F1;    */
}

TR.pollFooter {
/*  background: #F1F1F1;*/
}
/* ------- Poll Booth Contribution (ENDE)-------- */


/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  border-spacing: 1px;
}

.linkListing-heading {
  font-size: 10px;
  font-weight: bold;
  background: #CCCCCC;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #F8F8F9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */


/* Produkterweiterungsmodul:  Artikelgroesse start */
.infoBoxContentsCo2 {
  background: #F1F1F1;
  font-size: 10px;
  border:1px #D0D0D0 solid;
}
/* Produkterweiterungsmodul:  Artikelgroesse end */


/* TD.heading01 (Überschrift, fett, 10 Pixel) */
TD.heading01-w4y {
  font-size: 10px;
  font-weight: bold;
  color: #333333;
}

table.katbox {
  border-collapse:collapse;
/*  border-color: #CECECE;*/
  border-color: #ABAFBD;
  border-style: solid;
  border-width: 1px;
}

.tax_info {
  font-size: 9px;
	color: #666666;
	font-weight: normal;
}

a.tax_info {
  color: #0D4C6D;
  text-decoration: none;
}

a.tax_info:hover {
  color: #FF6600;
  text-decoration: underline;
}

/* STYLE2 */
.style2_name {
  font-size:     11px;
  font-weight:   bold;
  color:         #333333;
}


.style2_desc {
  font-size:     10px;
  font-weight:   normal;
  color:         #666666;
}

.style2_price {
  font-size:     12px;
  font-weight:   bold;
  color:         #333333;
}

.style2_leftbox {
  background: #F1F1F1;
}

.style2_rightbox {

}

.catline {
  background: #FFFFFF;
}

.catnormal_left {
  background-color: #E7E7E7;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box-category-bg.jpg);
  background-repeat:repeat-x;
  vertical-align:top;
  padding-top:7px;
}

.cathover_left {
  background-color: #D5D5D5;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box-category-hover-bg.jpg);
  background-repeat:repeat-x;
}

.catnormal_right {
  background-color: #E7E7E7;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box-category-bg.jpg);
  height:20px;
  width:99%;
  background-repeat:repeat-x;
}

.cathover_right {
  background-color: #D5D5D5;
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box-category-hover-bg.jpg);
  height:20px;
  width:99%;
  background-repeat:repeat-x;
}

.catnormal {
  background-color: #E7E7E7;
}

.cathover {
  background-color: #D5D5D5;
}

div.box_bg {
  background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/box1-bg.gif);
  width:100%;
}

.mainbox_out {
  margin-top:8px;
/*  padding-left:0px;
  padding-right:0px;*/
  padding-left:10px;
  padding-right:10px;
  padding-bottom:0px;
}

.mainbox_in {
/*  background-color:yellow;
  margin-top:5px; */
}

.new_products_standard {
  background: #F1F1F1;
}

.new_products_style2_box {
  background: #FFFFFF;
}

.new_products_style2_price {
  background: #D4D4D4;
}

.hidden {
  position: absolute;
  left: -1500em;
}

not_hidden {

}

/* ##### Bestsellerbox und  Produktbewertung am Rand ##### */

.bestseller_normal {
  background-color: #F1F1F1;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom:5px;
}

.bestseller_hover {
  background-color: #D5D5D5;
  border-bottom: 1px solid #FF6600;
  padding-bottom:5px;
}

/*loginbox background*/
.infoBoxContents_Style_1 { 
  background-color: #57607D;
}

.contentBoxText {
  color: #333333;
}

a.contentBoxLink {
  color: #0D4C6D;
  text-decoration: underline;
}

a.contentBoxLink:hover {
  color: #FF6600;
  text-decoration: underline;
}

.quantitypricetable {
  font-size: 10px;
  font-weight:normal;  
}

/* x gespahrt (y%) */
.saving_amount {
  font-weight: bold;
  color:#333333;
  font-size: 9px;
}

a.BoxHeadingLink, a.productListing-heading {
  color: #FFFFFF;
  text-decoration: none;
}

a.BoxHeadingLink:hover, a.productListing-heading:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* ##### Anzeige der Unterkategorien als Boxen über den Artikellisten ##### */

.categorylinkbox {
  font-size: 11px;
  font-weight:bold;
  color: #FFcc99;
  border: 1px #FF6600 solid;
  border-spacing: 5px
  background-color: #FFFFFF;
  text-align:center;
  vertical-align:middle;
  height: 60px;  
}

.nopadding {
  padding:0px;
}

a.price_on_request {
  font-size: 8pt;
  font-weight: bold;
}

/* Neuheiten und Kauftips Boxen Style colums2 */

td.new_prod_colums2_up {
  border-top:7px #CCCCCC solid;
  border-left:1px #CCCCCC solid;
  border-right:1px #CCCCCC solid;
  padding: 10px;
  font-size: 11px;
  font-weight: bold;
  text-align:center;
  vertical-align:top;  
}

td.new_prod_colums2_middle1 {
  border-left:1px #CCCCCC solid;
  border-right:1px #CCCCCC solid;
}

td.new_prod_colums2_middle2 {
  background-color:#F1F1F1;
  border:1px #CCCCCC solid;
}

td.new_prod_colums2_down {
  border-bottom: 7px #CCCCCC solid;
  border-left:1px #CCCCCC solid;
  border-right:1px #CCCCCC solid;
  text-align:center;
  vertical-align:top;  
}

.cart_box {
  /* background-image:url(http://amphisolar.com/xos/template/titan/images/xolayout/cart-bg.jpg);
  background-position:left top; */
  border-bottom: 2px dotted #D5D5D5;
  padding: 2px;
}

/* ###### Lightbox spezielle css für die Bildanzeige ###### */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lightbox Ende */

/* Apple Accordion */

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/* Apple Accordion End */

