/* 
========================================================================
CACTUSHOP.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/

/* ------------------------------ TYPOGRAPHIC SETTINGS ------------------------------ */
/* CORPORATE FARBEN: dunkelbeige (navajowhite - #FFDEAD); hellbeige (XXX - #FAF4E7); dunkelblau (navy - #000080); orange (orange - #FFA500) */



body, td, select, input {
	font-family: Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: Black;
}

blockquote {
            margin: 0px 0px 10px 0px
}

th {
	text-align: left;
}


/* Headings and Text */
/* => GEAENDERT: color: #4488AA; */
h1 {
	font-size: 13pt;
	font-weight: bold;
	color: #000080;
	margin: 10px 0 4px 0;
}

/* => GEAENDERT: color: #4488AA; */
h2 {
	font-size: 9pt;
	color: #000080;
	margin-bottom: 5px;
}

h3 {
	font-size: 8pt;
}

/* => GEAENDERT: color: #4488AA; font-size: 7.5pt; */
h4 {
	font-size: 8pt;
	color: #000080;
	margin: 10px 0 4px 0;
	padding-bottom: 0px;
}

/* => GEAENDERT: color: #336677; letter-spacing: -1px; NEU: font-size: 7.5pt; */
h5 {
	margin: 20px 0px 5px 0px;
	font-size: 7.5pt;
	color: #000080;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal; 
}

/* NEUE SCHRIFTTYPE!! => NEU: font-size: 7.5pt; */
h6 {
	font-size: 8pt;
	color: WHITE;
	margin: 10px 0 4px 0;
	padding-bottom: 0px;
}


pre {
	color: #009900;
}

/* => GEAENDERT: color: #999999; */
.breadcrumbtrail {
	color: #FFA500;
}


/* Hyperlinks */
/* => GEAENDERT: color: #EE6600; */
A:link, A:visited {
	text-decoration: none; 
	color: #000080;
	font-weight: bold;
}

/* => GEAENDERT: color: red; */
A:hover	{
	text-decoration: none; 
	color: #FFA500;
	font-weight: bold;
}

/* General site warnings & alerts */
.warning {
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 7.5pt;
}

/* Products */
/* => GEAENDERT: color: red; */
.products .minprice {
	color: Black;
}

.quantitydiscount {
	padding: 10px 0px 5px 0px;
	font-size: 7.5pt;
}


/* ------------ SITE COLOUR SCHEME AND LAYOURT ------------------------- */

body {

}

/* Boxes for general display */
/* => => => Produkte in Subkategorien, Liste Subkategorien in Kategorie, Box unter Contact Us, Boxen unter My Account, Box unter Mailing List */
/* => NEU: padding-left: 10px; padding-right: 10px; GELOESCHT: border: none; */
.box {
	padding-left: 10px;
	padding-right: 10px;
	background-color: transparent;
}

/* => => => 2 Boxen unter Site Map */
/* => NEU: background-color: white; GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
.boxinset {
	background-color: #FAF4E7;
	background-position: left top;
	background-repeat: repeat-x	
}

/* Shortened column format boxes */
/* => => => Feature Products Startseite */
/* => NEU: background-position:  left top; background-repeat: repeat-x; GEAENDERT: border-top: 1px solid #000080; border-left: 1px solid #000080; border-bottom: 1px solid #000080; border-right: 1px solid #000080; width: 175px; height: 280px; GELOESCHT:  background-color: FAF4E7; background-image: url('../templateimages/back_fade2.png'); background-position: left top; background-repeat: repeat-x; */
.products_shortened .box {
	width: 202px;
	height: 280px;
	background-image: url('../templateimages/hellbeige_dunkelbeige_gross.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid #000080;
	border-left: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-right: 1px solid #000080;
	font-size: 7.5pt;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px
}

/* Shortened column format boxes */
/* => => => Keine Auswirkung bei Products Extended View */
/* => NEU: background-color: #FAEBD7; GEAENDERT: border-top: 1px solid #CBD5DB; border-left: 1px solid #CBD5DB; border-bottom: 1px solid #E2EAEF; border-right: 1px solid #E2EAEF; GELOESCHT: background-image: url('../templateimages/back_fade2.png'); background-position: left top; background-repeat: repeat-x; */
.subcategories_shortened .box {
	width: 175px;
	height: 260px;
	background-color: RED;
	border-top: 1px solid #000080;
	border-left: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-right: 1px solid #000080;
	font-size: 7.5pt;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px
}


/* Line between products */

/* => => => Produkte in Subkategorien, nicht bei Basket gross */
/* => NEU: background-color: #FFDEAD; GEAENDERT: padding-top: 15px; padding-bottom: 10px GELOESCHT: background-image: url('../templateimages/back_fade3.png'); */
.products_extended .product {
	background-image: url('../templateimages/hellbeige_dunkelbeige_gross.png');
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-bottom: 5px
	border-top: 1px solid #000080;
	border-left: 1px solid #FFDEAD;
	border-bottom: 1px solid #000080;
	border-right: 1px solid #FFDEAD;
}

/* => => => Produktanzeige nach Suche */
/* => NEU: background-image: url('../templateimages/hellbeige_dunkelbeige_gross.png'); background-position: left top; background-repeat: repeat-x; border-top: 1px solid #000080; border-left: 1px solid #000080; border-bottom: 1px solid #000080; border-right: 1px solid #000080; GEAENDERT: padding-top: 15px; padding-bottom: 10px GELOESCHT: background-image: url('../templateimages/back_fade3.png'); background-position: left top; background-repeat: no-repeat;*/
.products_normal .product {
	background-image: url('../templateimages/hellbeige_dunkelbeige_gross.png');
	background-position: left top;
	background-repeat: repeat-x;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px
	border-top: 1px solid #000080;
	border-left: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-right: 1px solid #000080;
}


/* --------------------------------- TABLES -------------------------------------- */

table caption {
	font-size: 10pt;
	color: #DD7700;
}

/* => NEU: background-color: #FAF4E7; (für korrekte Anzeige unter IE 7.0) */
table {
	border-collapse: collapse;
	width: 100%;
	background-color: #FAF4E7;
	padding: 0px;
	margin: 0px;

}

/* => => => Alleine Version bei Version in Basket gross; Abwechselnde Farbe mit UNTEN für Versionen bei Produkte in Subkategorien (wenn zwei oder mehr Versionen bei einem Produkt), Zeilen bei Speedorder, Zeilen bei Shipping Rates */
/* => NEU: background-color: #FAF4E7; GEAENDERT: GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
table tr {
	background-color: #FAF4E7;
	background-position: left top;
	background-repeat: repeat-x
}

/* => => => Abwechselnde Farbe mit OBEN für Versionen bei Produkte in Subkategorien (wenn zwei oder mehr Versionen bei einem Produkt), Zeilen bei Speedorder, Zeilen bei Shipping Rates */
/* => NEU: background-color: #FAF4E7; GEAENDERT: GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
table tr.alt {
	background-color: #FAF4E7;
	background-position: left top;
	background-repeat: repeat-x
}

/* => => => Nicht erhältlicher Artikel aus Mini-Basket, nicht erhältlicher Artkel in Basket gross */
/* => GEAENDERT: background-color: #FFA500; */
table tr.highlight {
    background-image: url('none');
	background-color: #FFA500;
	background-image: url('none');
}

/* => => => Anzeige aus Mini-Basket: zweite bestellte Version bei einem Produkt */
/* => NEU: background-position: left top; background-repeat: repeat-x; GEAENDERT: background-color: #FFF522; */
.versions tr.highlight td {
	background-color: #FAF4E7;
	background-position: left top;
	background-repeat: repeat-x
}

/* => => => Keine Auswirkung??? */
/* => NEU: background-position: left top; background-repeat: repeat-x; GEAENDERT: background-color: transparent; GELOESCHT: background-image: url('none'); */
table tr.header {
	background-color: #FAF4E7;
}

/* => => => Listenüberschriften: Produkte in Subkategorien (Price), Basket gross (Price, Qty), Speed Order (Article Number, Quantity), Shipping Rates (Weight up to..., Shipping Costs), Artikel aus Mini-Basket (Price),  */
/* => NEU: background-image: url('../templateimages/hellbeige_dunkelbeige_klein.png') background-position: left top; background-repeat: repeat-x; GEAENDERT: background-color: transparent */
/* Geaendert: font-weight: bold und color: -/- */
table tr.header th {
	font-size: 7.5pt;
	font-weight: normal;
	color: #544E4F;
	background-color: #FAF4E7;
	background-image: url('none');
	background-position: left top;
	background-repeat: repeat-x	
}

/* => => => Basket gross: Produktname */
/* => GEAENDERT: background-color: #FFDEAD; GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
table tr.subheader td {
	border-top: 1px solid #CBD5DB;
	background-color: #FFDEAD;
	background-position: left top;
	background-repeat: repeat-x
}

/* => => => Überschreibt alle obigen Farben bei: Versionen in Produkten in Subkategorien, Basket gross, Zeilen Speedorder, Shipping Rates, zweite Version bei Produkt aus Mini-Basket */
/* => ALT: 	padding: 3px;
table td, table th {
	padding: 0px 0px 0px 0px;
	background-color: transparent;

}

/* => => => Keine Auswirkung??? */
table th {
	background-color: transparent;
}


/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/

/* --------------------------------- MINI-BASKET ----------------------------------- */

/* => NEU: text-decoration: none; */
#basketlines a {
	display: block;
	text-decoration: none;  
	color: black;
	padding: 1px 2px 2px 3px;
	text-decoration: none;
}

/* => GEAENDERT: background-color: #DD7700; color: white; border-right: solid 1px #990000; border-bottom: solid 1px #990000; GELOESCHT: background-color: #000080; border-right: solid 2px #FFA500; border-bottom: solid 2px #FFA500; */
#basketlines a:hover {
	color: white;
	background-image: url('../templateimages/blau.png');
	background-position: left top;
	padding: 1px 1px 1px 3px;
}

/* => GEAENDERT: color: Red; */
#baskettotals {
	background-image: url('../templateimages/back_fade2.png');
	background-position: left top;
	background-repeat: repeat-x;
	color: black;
	font-weight: bold;
	text-align: right;
}

/* => GEAENDERT: border-bottom: solid 1px #CBD5DB; */
#baskettotals p {
	border-bottom: solid 1px #000080;
}

#basketempty, #baskethidden {
	font-style: italic;
}	

/* => NEU: border-bottom: solid 1px #000080; GEAENDERT: border-top: solid 1px #CBD5DB; */
#basketlines {
	border-top: solid 1px #000080;
	border-bottom: solid 1px #000080;
}

#basketlines li {
	background-image: url('../templateimages/back_fade2.png');
	background-position:  left top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #CBD5DB;
}

#basketlines li.alt {
	background-image: url('../templateimages/back_fade2.png');
	background-position:  left top;
	background-repeat: repeat-x
}

/* => GEAENDERT: border-right: solid 1px white; border-bottom: solid 1px white; */
#basketlinks a {
	display: block;
	border-right: transparent;
	border-bottom: transparent;
	padding: 1px 1px 1px 3px;
}

/* => NEU: GEAENDERT: background-color: #DD7700; border-right: solid 1px #990000; border-bottom: solid 1px #990000; GELOESCHT: background-color: #000080; border-right: solid 2px #FFA500; border-bottom: solid 2px #FFA500; */
#basketlinks a:hover {
	display: block;
	color: white;
	background-image: url('../templateimages/blau.png');
	background-position: left top;
	padding: 1px 1px 1px 3px;
}


/* ----------------------------- OTHER ELEMENTS --------------------------------- */


/* Reviews */
/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.reviews {
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position:  left top;
	background-repeat: no-repeat;
	padding-top: 0px
}

/* => GEAENDERT: background-color: #E2EAEF; border-top: solid 1px #CBD5DB; border-bottom: solid 1px #CBD5DB; */
.reviews .box {
	background-color: white;
	border-top: solid 1px #FFA500;
	border-bottom: solid 1px #FFA500;
}


/* Carry On Shopping / Cross Selling */
/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.carryonshopping {
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position:  left top;
	background-repeat: no-repeat;
	padding-top: 5px
}


/* Attributes */
.attributes {
	border-bottom: solid 1px #CBD5DB;
}

.attributes td {
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
}


/* Promotions */
/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.product .promotions, .basket .promotions {
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position:  left top;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px
}

/* => NEU: background-color: white; GEAENDERT: border-top: 1px solid #000080; border-left: 1px solid #000080; border-bottom: 1px solid #000080; border-right: 1px solid #000080 GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
.promotion .box {
	background-color: white;
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid #000080;
	border-left: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-right: 1px solid #000080
}

.promotionfooter {
	color: #aaa;
	margin-top: 8px;
}


/* Compare */
/* => GEAENDERT: border-top: 1px solid #CBD5DB; background-image: url('../templateimages/back_fade2.png'); */
.compare td {
	border-top: 1px solid #000080;
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position:  left top;
	background-repeat: repeat-x
}


/* --------------------------------- FORMS ------------------------------------- */

/* => GEAENDERT: background-color: #DCE4E9; border-color: #cccccc; */
select, input, textarea {
	font-weight: normal;
	color: black;
	background-color: #FAF4E7;
	border-color: #000080;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;
}

/* => GEAENDERT: background-color: #F7F7FF; */
select:focus, input:focus, textarea:focus {
	font-weight: normal;
	color: black;
	background-color: #FFFFFF;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;
}

/* => GEAENDERT: background-color: #DD7700; border-left: solid 1px #FF6666; border-top: solid 1px #FF6666; border-right: solid 1px #990000; border-bottom: solid 1px #990000; */
input.submit {
	background-color: #000080;
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border-style: outset;
	border-left: solid 0px #000080;
	border-top: solid 0px #000080;
	border-right: solid 2px #FFA500;
	border-bottom: solid 2px #FFA500;
	margin: 0 1px 3px 0;
	padding: 1px 3px 1px 3px;
	width: auto;
	overflow: visible;
}

input.smallsubmit {
	display: in-line;
	margin: 0;
	font-size: 7.5pt;
	text-decoration: none; 
	color: #EE6600;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-align: left;
	font-weight: bold; 
	background-color: transparent;
	border: none;
}


/* form error messages */
/* => NEU: text-align: center; GEAENDERT: color: red; background-color: #FFEEEE; border: dotted 1px red; */
.errors {
	display: block;
	width: 85%;
	color: #FFA500;
	background-color: white;
	border: dotted 1px #FFA500;
	margin: 18px;
	padding: 12px;
	text-align: center;
}

/* => GEAENDERT: border-bottom: dotted 1px red; */
.errors label {
	border: dotted 1px #FFA500;
}


/* ------------------------------------ CATGORY MENU ------------------------------------- */

/* => GEAENDERT: border-top: solid 1px #CBD5DB; */
#categorymenu {
	margin: 0 0 20px 0;
	padding: 0;
	border-top: solid 1px #FFDEAD;
}

#categorymenu ul {
	margin: 0;
	padding: 0;
	border: 0px none;
}

#categorymenu ul li {
	list-style: none;
	float: none;
	clear: both;
	padding: 0;
}

#categorymenu ul li div {
	font-size: 7.5pt;
	background-color: transparent; 		
}

/* => GEAENDERT: color: #EE6600; border-bottom: 1px solid white; GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
#categorymenu ul li div a {
	display: block;
	color: white;
	background-image: url('http://www.rareplants.de/images/backgrounds/dark_blue.gif');
	border-bottom: 1px solid #FFDEAD;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:2px;
}

/* => background-color: #FFA500; NEU: GEAENDERT: background-color: #DD7700; background-image: url('none'); border-right: 1px solid #990000; border-bottom: 1px solid #990000; GELOESCHT: border-right: 2px solid #000080; border-bottom: 2px solid #000080; */
#categorymenu ul li div a:hover {
	color: black;
	background-image: url('../templateimages/orange.png');
	background-position: left top;
}

#categorymenu ul ul li div {
	font-weight: normal;
}

/* => GEAENDERT: background-color: #DCE4E9; color: #CC4400; GELOESCHT: background-image: url('none'); */
#categorymenu ul ul li div a {
	font-weight: normal;
	background-color: white;
	background-position: left top;
	background-repeat: repeat-x
	color: red;
	padding-left: 10px
}

#categorymenu ul ul ul li div a {
	padding-left: 20px;
}

#categorymenu ul ul ul ul li div a {
	padding-left: 30px;
}

#categorymenu ul ul ul ul ul li div a {
	padding-left: 40px;
}

#categorymenu ul ul ul ul ul ul li div a {
	padding-left: 50px;
}


/* ----------------------------------- CHECKOUT AND BASKET -------------------------------- */
/* Card details box during checkout */
.carddetails {
	background-color: #FFFFFF;
	border: none;
}

/* shipping methods line during checkout */
/* => NEU: background-color: white; GELOESCHT: background-image: url('../templateimages/back_fade2.png'); */
.basket .shippingmethodline {
	background-color: white;
	background-position:  left top;
	background-repeat: repeat-x;
	padding-left:0; padding-right:0; padding-top:8px; padding-bottom:20px
}

.basket tr.separate {
	height: 20px;
	background-color: white;
	background-image: url('none');
}

/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.basket .section {
	width: 100%;
	padding-top: 10px;
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position: left top;
	background-repeat: no-repeat
}

.basket .totals {
	border-top: 1px solid #CBD5DB;
	background-image: url('../templateimages/back_fade2.png');
	background-position:  left top;
	background-repeat: repeat-x;
	text-align: right;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px
}

.basket .applycoupon {
	border-top: 1px solid #CBD5DB;
	background-image: url('../templateimages/back_fade2.png');
	background-position:  left top;
	background-repeat: repeat-x;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px
}

.checkout .section {
	width: 99%;
	padding-top: 10px;
	background-image: url('../templateimages/back_fade3.png');
	background-position:  left top;
	background-repeat: no-repeat
}

#fieldsrequired {
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name {
	font-weight: bold;
	font-size: 7.5pt;
	color: #DD7700;
	margin-bottom: 4px;
	padding-bottom: 0px;
}


/* -------------------------------- CUSTOMER ---------------------------------------- */

/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.customer .section {
	background-image: url('http://www.rareplants.de/images/backgrounds/light_brown.gif');
	background-position:  left top;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 5px
}

.vieworder {
	margin-bottom: 15px;
}


/* ------------------------------------ SITE MAP ----------------------------------------- */
.sitemap ul {
	padding: 0;
	margin: 0;
}

/* => GEAENDERT: width: 260px; border-top: solid 1px #CBD5DB; border-left: solid 1px #CBD5DB; border-bottom: solid 1px #E2EAEF; border-right: solid 1px #E2EAEF; */
.sitemap ul li {
	display: block;
	float: left;
	width: 330px;
	margin: 5px;
	padding: 0;
	border-top: solid 1px #FFA500;
	border-left: solid 1px #FFA500;
	border-bottom: solid 1px #FFA500;
	border-right: solid 1px #FFA500;
	list-style-position: inside;	
	list-style-type: none;
}

.sitemap ul li div.pad {
	padding: 15px;
}

.sitemap ul ul {
	padding: 0;
	margin: 0;
}

.sitemap ul ul li {
	float: none;
	width: 100%;
	width: 100%;
	margin: 0;
	border: 0px none;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px
}


/* -------------------------------------- MISCELLANEOUS ------------------------------------- */
/* horizontal rule */
hr {
	color: #DDDDDD; 
	background-color: #DDDDDD; 
}


/* Controls the first news item */
#newsitem1 h1 {

}


/* 'Top items' boxes on home page */
/* => GEAENDERT: color: red; */
#toplists ul li div a:hover {
	color: #FFA500;
}


/* Search keyword highlight */
/* => GEAENDERT: background-color: #FFF522; */
em.highlight {
	background-color: #FFA500;
	font-style: normal;
}


/* Strapline font styling */
.product em.strapline {
	font-style: normal;
	color: #339900;
	font-weight: bold;
	font-size: 7.5pt;
}


/* styles for common features on your content pages */
/* => GEAENDERT: border-top: solid 1px #CBD5DB; border-left: solid 1px #CBD5DB; border-bottom: solid 1px #E2EAEF; border-right: solid 1px #E2EAEF; */
.page .cutout {
	margin: 12px;
	border-top: solid 1px #000080;
	border-left: solid 1px #000080;
	border-bottom: solid 1px #000080;
	border-right: solid 1px #000080;
}

.page .cutout_left {
	float: left;
}

.page .cutout_right {
	float: right;
}

.page .right {
	text-align: right;
}

/* style used to highlight explanations of demo data. This can be safely remove
when you have your own styles */
.demodataexpl {
	clear: both;
	color: #008800;
	background-color: #AAEEAA;
	font-size: 7.5pt;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	border: dotted 1px #008800;
}


/*
----------------------------------------------------------------------------------
ADVANCED CHANGES
These styles should not need to be changed - such as element 
positioning and padding that most stores would not need to alter
-----------------------------------------------------------------------------------
*/


/* ------------------------------ BOXES ---------------------------------------- */
.boxheader {
	margin: 15px 0px 0px 0px;
}

.pad_shortformat {
	padding: 20px;
}

div.spacer {
  	clear: both;
}


/* ---------------------------------------- FORMS ------------------------------------------ */
form { 
	margin: 0; 
	display: inline;
	padding: 0;
}

.inputform {
	margin-bottom: 12px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
}

.inputform label {
	width: 180px;
	float: left;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	float: left;
	margin-bottom: 5px;
}

.inputform br {
	display: block;
	clear: both;
}

.inputform input.submit {
	margin-left: 180px;
	width: auto;
}

.inputform input {
	width: 180px;
}

input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 {
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}

textarea { 
	width: auto; 
}


/* ---------------------------------- MINI-BASKET --------------------------------------- */
#numberofitems {
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 7.5pt;
}

#numberofitems em {
	font-style: normal;
	font-weight: bold;
}

/* Lines of the basket */
#basketlines {
	padding: 0;
	margin: 0;
}

#basketlines li {
	list-style: none;
	font-size: 7.5pt;
	clear: both;
}

#basketlines em {
	font-style: normal;
}

#baskettotals p em {
	margin-left: 5px;
}

#baskettotals em {
	font-style: normal;
}

#baskettotals #taxexception {
	font-weight: normal;
}

#basketlinks {
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 7.5pt;
}

#basketlinks li {
	list-style: none;
}

#basketlinks img {
	border: 0px none;
	vertical-align: middle;
	margin-left:0px; margin-right:5px; margin-top:0px; margin-bottom:0px
}

#basketempty, #baskethidden {
	padding: 0px 3px 0px 3px;
	margin: 0;
}	

#baskettotals p {
	padding: 0px 3px 0px 3px;
	margin: 0;
	font-size: 7.5pt;
}


/* -------------------------------- SPEED ORDER PAGE ------------------------------------- */
.speedordertable {

}

.speedorder table {
	width: 100%;
	margin: 0 auto;
}

.speedorder td, .speedorder th {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input {
	width: 100%;
}

.speedorder .quantity input {
	width: 50px;
	text-align: right;
}

.speedorder div.submit {
	margin-top: 15px;
	text-align: left;
}


/* ------------------------------------- CHECKOUT --------------------------------------------- */

/* step 1 - login form */
/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.emailreminder {
	width: 100%;
	padding-top: 15px;
	background-image: url('none');
	background-position:  left top;
	background-repeat: no-repeat
}

/* step 3 - shipping methods */
.shippingmethodstable {
	width: 100%;
	padding-bottom: 8px;
}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price {
	text-align: right;
	white-space: nowrap;
	padding-right: 30px;
}

.euvat {
	padding-bottom: 8px;
}

.checkout textarea {
	width: 500px;
}

.carddetails {
	width: 100%;
}

.carddetails .inside {
	padding: 0px;
}

.shippingmethodline strong {
	padding-right: 16px;
}

.step4 input.submit {
	margin-left: 0px;
}

#strMailingListHTML {
	display: block;
	margin: 10px 0 5px 0;
}


/* Billing details typography */
.billtotal em {
	font-style: normal;
}

.billtotal, .gatewaymessage {
	margin: 15px 0 30px 0;
}

.billtotal {
	font-size: 10pt;
}

#termspopup {
	font-size: 7.5pt;
}


/* ---------------------------------------- SEARCH --------------------------------------------- */
.trythesecategories {
	margin: 8px 0px 8px 0px;
}

.trythesecategories ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.trythesecategories ul li {
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#resultsheader {
	margin: 8px 0 8px 0;
}

.search .pricefields input {
	width: 4em;
}


/* ------------------------------------- BASKET ------------------------------------------ */
.basket .baskettable {
	width: 100%;
}

.basket .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total {
	text-align: right;
	white-space: nowrap;
}

.basket .quantity input {
	text-align: right;
}

.basket .totals em {
	line-height: 30px;
	color: red;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
}

.basket .totals .controls {
	margin-top: 8px;
}

.basket .links {
	margin-top: 3px;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.basket .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.basket .links div p {
	margin: 0;
	padding: 4px 4px 0 0px;
}

.basket .links img {
	margin-right: 4px;
}

.basket .continueshopping {
	margin-top: 8px;
	text-align: right;
}

.basket .continueshopping .submit {
	float: left;
	text-align: center;
}


/* --------------------------------- SHIPPING RATES ------------------------------------- */
.shippingtable {
	width: 100%;
	margin-bottom: 20px;
}

.shippingtable .price, .shippingtable .price_1, .shippingtable .price_2 {
	text-align: right;
	white-space: nowrap;
}


/* --------------------------------- CUSTOMER -------------------------------------------- */
.section tbody td {
	padding: 2px;
}

.section table {
	margin-bottom: 2px;
}

.section th {
	text-align: left;
}

.savebasketstable .date, .wishliststable .date {
	width: 130px;
}

.savebasketstable .actions, .wishliststable .actions, .orderhistory .view {
	text-align: right;
	width: 130px;
}

.orderdetails label {
	width: 30%;
	float: left;
}

.orderdetails div {
	float: left;
	margin-bottom: 4px;
}

.orderdetails br {
	display: block;
	clear: both;
}

.orderdetails div.tick {
	float: none;
	margin-bottom: 0;
}

.orderdetails div.tick img {
	margin-right: 8px;
}

.downloadableproductstable .codenumber, .downloadableproductstable .orderdate {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.customer .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.wishlist #chkUpdateItems {
	margin: 0;
	width: 20px;
	text-align: left;
	float: left;
	padding: 0;
}


/* --------------------------------- AFFILIATE ----------------------------------------- */
.affiliatestatstable {
	width: 100%;
}

.affiliatestats .total {
	text-align: right;
	padding-right: 12px;
}

.affiliatestats .graph {
	text-align: center;
}

.affiliatestats h2 {
	margin-top: 16px;
}


/* --------------------------------- CATEGORIES ---------------------------------------- */
.category h2 {
	margin: 0px 0px 8px 0px;
}

.subcategories {
	margin-bottom: 0px;
}

.subcategories_normal {
	background-image: url('../templateimages/back_fade3.png');
	background-position:  left top;
	background-repeat: no-repeat;
	padding-bottom: 10px
}

/* => GEAENDERT: background-image: url('../templateimages/back_fade3.png'); */
.subcategories_extended {
	background-image: url('none');
	background-position:  left top;
	background-repeat: no-repeat;
	padding-bottom: 10px
}

.maincategory {
	padding: 0;
	width: 100%;
	border: 0px none;
	overflow: hidden
}

.subcategory {
	margin: 0;
	padding: 0px 0px 1px 0px;
}

.subcategories_normal .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategories_extended .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategory strong {
	display: block;
	margin-bottom: 4px;
}

/* => GEAENDERT: float: right; margin: 0px 0px 10px 10px; */
.subcategories_extended .subcategory img, .maincategory img {
	float: center;
	margin: 0px 0px 0px 0px;
}

.subcategories_shortened .subcategory_image {
	display: block;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.subcategories .subcategory .pad, .maincategory .pad {
	margin: 0 0 0 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}


/* For the shortened design */
.subcategories_shortened .subcategory {
	display: block;
	float: left;
	margin-bottom: 0px;
}

.subcategories_shortened .subcategory .pad {
	padding: 10px;
}


/* Style specifically for the 'link'. We remove most of the box styling for link mode */
.subcategories_link .subcategory .pad {
	margin: 0;
	padding: 0;
	border: 0px none;
	background-color: transparent
}


/* --------------------------------- PRODUCTS --------------------------------------- */
/* h2s are used on product.asp to break up main parts of the page */
.product h2 {
	text-align: left;
}

.products_shortened {
}	

.products_shortened .product h2 {
	margin-top: 5px;
	text-align: left;
	font-size: 7.5pt;
}	


/* Covers info on all 'product' views - including product.asp */
.product em.strapline {
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 0;
}

.generalspace {
	display: block;
	height: 1px;
}

.product p {
	margin: 0 0 5px 0px;
}

.product .main {
	overflow: hidden;
}

.product img.thumb {
	float: right;
	margin-left: 10px;
}

.quantitydiscount .link {
	padding: 5px 0px 5px 0px;
}

/* All products in a list format (i.e. not product.asp) */
.products {
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

.products_end {
	clear: both;
}

.products .minprice {
	display: block;
	font-weight: bold;
	padding-top: 10px;
}

.products .product img {
	float: right;
	margin: 0px 0px 10px 10px;
}


.products .product .pad {
	margin-bottom: 8px;
	padding: 0px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */	
}

.products .product .product_end {
	clear: both;
}


/* Specific to the shortened display - note: the width of .product is set programmatically
based on the numShortenedFormatCols config setting */
.products_shortened .product img {
	display: block;
	float: none;
	margin: 8px auto;
	text-align: center;
}	

.products_shortened .product {
	display: block;
	float: left;
	margin-bottom: 0px;
}

.products_shortened .minprice {
	text-align: center;
}

.products_shortened em {
	padding: 0px 10px 5px 10px;
}


/* Specific to the 'classic' search display type - no styling, just text and description */
.products_classicsearch .product .pad {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.products_classicsearch .product .pad p {
	margin: 4px 0 8px 0;
}


/* To improve the display you may wish to force the height of these boxes */
.products_shortened .product .pad {
	padding: 10px;
}

.products_shortened .product .moredetails {
	display: none;
	visibility: hidden;
}


/* --------------------------------- WISH LIST -------------------------------------- */
.wishlist .section {
	margin-bottom: 25px;
}

.wishlist .explanation {
	margin: 0px 0px 15px 0px;
	display: block;
	width: 90%;
	font-size: 7.5pt;
}


/* --------------------------------- COMPARE ---------------------------------------- */
.compare h4 {
	margin-bottom: 5px;
}

.compare tr {
	background-color: transparent;
}

.compare .propertyheader {
	font-weight: bold;
	font-size: 7.5pt;
}

.compare .lastrow td {
	background-color: transparent;
	font-size: 7.5pt;
	padding-bottom: 20px;
}


/* --------------------------------- ATTRIBUTES ------------------------------------- */
.attributes {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}

.attributes table {
	width: 100%;
	border-collapse: collapse;
}

/* Product attributes table */
.attributes table tr {
	background-image: url('none');
}


/* --------------------------------- REVIEW --------------------------------------- */
.reviews {
	margin: 5px 0 10px 0;
}

.reviews h2 {
	margin-bottom: 8px;
}

.review {
	margin: 0 0 5px 0;
}

.review .pad {
	padding: 10px;
}

.review .stars {
	display: inline;
	margin-right: 2px;
}

.review strong {
	display: inline;
}

.review .reviewer {
	font-style: italic;
}

.review blockquote {
	margin: 15px 20px 15px 20px;
}

.review .date, .review .appliesto {
	text-align: right;
}

/* Review add page */
.addreview form strong {
	display: block;
}

.addreview form p {
	margin: 0px 0px 20px 180px;
}

.addreview textarea {
	width: 340px;
	height: 100px;
}

	
/* ------------------------------------- CROSS SELLING ------------------------------------ */
.carryonshopping h2 {
	margin-bottom: 8px
}

.carryonshopping h3 {
	margin-top: 5px;
}

.carryonshopping ul {
	margin: 2px 0px 10px 40px;
	list-style-type: none;
	padding: 0;
}


/* ------------------------------------- VERSIONS ----------------------------------------- */
/* Clear so it comes below the floating image tag */
.versions {
	clear: both;
	margin-bottom: 10px;
}

.versions strong {
	display: block;
	padding-bottom: 5px;
}

.products_shortenened .versions { /* don't want to clear if we're doing things in shortened format */
	clear: none;
}

/* Versions displayed in options may first have a price line */
.versions .prices {
	padding: 5px;
	text-align:right;
}

.versions .prices strong {
	display: inline;
}

.versions .prices span {
	margin-left: 2em;
}

.versions .prices .extax {
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

/* Geaenderte Schriftgroesse bei ContentText_IncTax */
/* Geaenderte Schriftgroesse bei ContentText_IncTax */
/* Geaenderte Schriftgroesse bei ContentText_IncTax */
/* Geaenderte Schriftgroesse bei ContentText_IncTax */

.versions .prices .inctax {
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: bold;
	padding: 2px;
}

.versions .prices .weight {
	width: 40px;
	border: none;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	margin-right: 20px;
	padding: 2px;
}

.versions .line {
	text-align: right;
	padding: 5px;
}

.versions .line img {
	float: none;
}


/* Version Table */
.versions table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.versions div.versionstable {
	width: 100%;
}

.versions tr.description {
	background-image: url('none');
	background-color: transparent;
}

/* => => => Bei transparent: Farbe von Tabelle oben gilt, wenn hier Farbe abgegeben, dann: Alle Versionen bei Produkte in Subkategorien, zweite Version bei einem Produkt in Anzeige aus Mini-Basket (Attribut nein) */
.versions th, .versions td {
	text-align: right;
	background-color: transparent;
}

/* => => => Bei transparent: Farbe von Tabelle oben gilt, wenn hier Farbe abgegeben, dann: Alle Attribute bei Versionen bei Produkte in Subkategorien, Attribut bei zweiter Version bei einem Produkt in Anzeige aus Mini-Basket */
.versions td.description {
	background-image: url('none');
	background-color: transparent;
}

.versions table .stock {
	text-align: center;
}

.versions table .name {
	padding-left: 5px;
}

.versions table .addtobasket {
	padding-right: 5px;
}

.versions table .addtobasket img {
	float: none;
}

.versions table .description {
	padding: 5px;
	overflow: hidden;
}

.versions table .description img {
	float: left;
	margin-right: 4px;
}
	
.versions table .name, .versions table .name, .versions table .description {
	text-align: left;
}


/* ------------ PRODUCTS OPTIONS -------------------------------------- */
.optiongroups_block .options {
	padding: 10px;
	margin: 10px 0px 5px 0px;
}	

.optiongroups_block .addtobasket {
	text-align: right;
	padding: 5px;
	clear: both;
}

.outofstockmessage em {
	display: block;
	margin-top: 10px;
}

.optiongroups_block .option {
	clear: both;
}

.optiongroups_block .option label.optiontitle {
	display: block;
	width: 150px;
	float: left;
	margin-right: 5px;
}

.versions .option label.optiontitle {
	margin-right: 5px;
}

.optiongroups_block .option div {
	display: inline-block;
	margin-left: 160px;
	margin-bottom: 10px;
}

.optiongroups_block .option div .radiooptions {
	display: block;
}

.optiongroups_block .addtobasket img {
	float: none;
	text-align: right;
}

/* Inline groups */
.optiongroups_line {
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	zoom: 100%;
	overflow: hidden;
}

.optiongroups_line .options, .optiongroups_line .option div, .optiongroups_line .option, .optiongroups_line strong, .optiongroups_line label, .optiongroups_line select, .optiongroups_line .addtobasket {
	display: inline;
}

.optiongroups_line label {
	margin-left: 10px;
}

.optiongroups_line .addtobasket {
	display: block;
	float: right;
	width: 100px;
	text-align: right;
	margin-left: 20px;
}

.optiongroups_line .addtobasket img {
	float: none;
}


/* ------------ HOMEPAGE LAYOUT DIVS --------------------------------- */
.home_region {
	width: 100%;
}


/* ------------ HOMEPAGE NEWS ---------------------------------------- */
/* Controls specifically the first news item */
#newsitem1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	clear: both;
}

#newsitem1 .pad {
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
}

#newsitem1 h1 {
	padding-top: 0px;
}

/* Alt: margin: 0px 0px 0px 0px; GEAENDERT: float: center; */
/* Ändert Abstände bei Bildern und JavaScript Inhalten vom Containerrand, margin: 0px (oben) 0px (rechts) 5px (unten) 0px (links); nur bei Homepage News 1 !*/
#newsitem1 img {
	float: right;
	margin: 0px 0px 5px 0px;
}

/* Other news items */

#newsitems div {
	padding: 0;
	margin: 0;
}

#newsitems {
	padding: 0;
	margin: 0;
	width: 100%;
}

#newsitems .newsitem {
	width: 33%;
	float: left;
}

#newsitems .newsitem .pad {
	margin: 0px 15px 10px 0px;
}

#newsitems strong {
	display: block;
	padding: 0;
	margin: 0;
}


/* ------------ TOP LISTS -------------------------------------------- */
#toplists {
	padding: 0;
	width: 100%;
	clear: both;
}

/* GEAENDERT: width: 33%; */
#toplists .box {
	width: 47%;
	font-size: 7pt;
	float: left;
}

/* GEAENDERT: margin: 0px 15px 10px 0px; */
#toplists .pad {
	margin: 0px 0px 10px 0px;
}

#toplists ul {
	margin: 0;
	padding: 0;
	border: 0px none;
}

#toplists ul li {
	list-style: none;
	float: none;
	clear: both;
	padding-bottom: 2px;
}

#toplists ul li div {
	display: block;
	font-size: 7.5pt;		
}


/* ------------ HOMEPAGE SPECIALS ------------------------------------ */
.specials {
	clear: both;
}

.specials h2 {
	display: block;
	margin-bottom: 12px;
}


/* ------------ PROMOTIONS ------------------------------------------- */
/* promotion class controls listing in extended view (with thumbnail) */
.promotion {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotion img {
	float: right;
	margin-left: 10px;
}

/* GEAENDERT: width: 100%;*/
/*promotion class controls listing in extended view (with thumbnail) */
.promotion .box {
	width: 97%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotion .pad {
	padding: 10px;
	overflow: hidden;
}

/* promotiontext class controls listing in text view */
.promotiontext {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotiontext .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotiontext .pad {
	overflow: hidden;
}


/* ------------ MISCELLANEOUS ---------------------------------------- */
body, td {
	padding: 0;
	margin: 0;
}

#popup .pad {
	padding: 10px;
}

.extrainfolinks {
	margin: 8px 0px 10px 0px;
	overflow: hidden;
	font-size: 7.5pt;
}

.extrainfolinks a {
	white-space: nowrap;
}

.extrainfolinks .largeview {
	margin: 5px 0px 0px 0px;
	display: inline;
}

.extrainfolinks .moreinfo {
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare {
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare a {
	font-weight: normal;
}

.extrainfolinks img {
	float: none;
	margin: 0;
}

/* Carry On Shopping / Cross Selling */
.carryonshopping a {
	font-weight: normal;
}

.nowrap {
	white-space: nowrap;
}

/* horizontal rule */
hr { 
	height: 1px; 
	border-width: 0; 
}

/* Paddings on various items */
h1, h2 {
	padding: 0;
	margin: 0px 0px 8px 0px;
}

/* By default disable all borders on images */
img {
	border: none;
}

/* Breadcrumb trail  */
.breadcrumbtrail {
	padding: 3px 3px 3px 0px;
	margin-bottom: 10px;
}

.breadcrumbtrail ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

.breadcrumbtrail ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}

/* Pagination */
.paging { 
	margin: 8px 0 8px 0;
}

.paging a { 
	font-weight: normal;
}

.paging_footer {
	text-align: right;
}