.label {width:100px;float:left; margin:1px solid;}
.field {width:100px;}

#rowMargin {
	margin-top: 10px;	
	font-family: Verdana; 
	font-size: 8pt;
	color: #666666;
}

.margin20px {
	margin-left: 20px;
}

#pageContainer {
	float: left;
	width: 700px;
	margin-top: 5px;
	/* border: solid 2px red; */
}
#pageContainer1000 {
	float: left;
	width: 1000px;
	margin-top: 10px;
	margin-left: 3px;
}
#contentContainer {
	clear: left;
	float: left;
	width: 700px;
	margin-bottom: 20px;
	background-color:#fafeda;
	padding: 5px;
	border: 2px solid #888888;
}
#contentContainer1000 {
	clear: left;
	float: left;
	width: 982px;
	margin-bottom: 10px;
	background-color:#fafeda;
	padding: 5px;
	border: 2px solid #888888;
}
#detailsContainer {
	clear: left;
	float: left;
	width: 700px;
	margin-bottom: 20px;
	background-color:#fafeda;
	border: none;
	/* border: solid 2px green; */
}
#radioLevel1 {
	clear: left;
	float: left;
	width: 20px;
	/* border: solid 2px grey; */		
}
#radioLevel2 {
	clear: left;
	float: left;
	width: 20px;
	margin-top: 10px;
	margin-left: 20px;
	/* border: solid 2px grey; */		
}
#notificationBarTitle {
	float: left;
	font-family: Verdana;
	font-size: 9pt;
	color: red;
	padding: 5px;			
}
#notificationBarText {
	font-family: Verdana;
	font-size: 9pt;
	color: black;
	padding: 5px;			
}
#labelHeading1 {
	float: left;
	width: 300px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 4px;	
	margin-left: 5px;
	/* border: solid 2px blue; */
}
#labelHeading2 {
	float: left;
	width: 300px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 3px;	
	margin-left: 25px;
	/* border: solid 2px blue; */
}
#textLevel2 {
	clear: left;
	float: left;
	width: 500px;
	margin-left: 20px;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	/* border: solid 2px black; */
}
#statusContainer {
	float: left;
	width: 700px;
	font-family: Verdana;
	font-size: 8pt;
}
#titleContainer {
	width: 700px;	
}
#shippingTypeContainer {
	width: 700px;	
	/* border: solid 2px black; */
}
#labelContainer {
	float: left;
	width: 700px;
	font-family: Verdana;
	font-size: 8pt;
	margin: 10px;
	/* border: solid 2px black; */
}
#lineLevel3 {
	float: left;
	width: 600px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 2px;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#newlineLevel3 {
	clear: left;
	float: left;
	width: 600px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 50px;
	padding-top: 2px;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#highlightOrange {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: orange;
}
#statusItem {
	float: left;
	margin: 5px;
}
#addressContainer {
	clear: left;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 700px;
	/* border: solid 2px #00ff00; */	
}
#column2Container {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 700px;
	/* border: solid 2px #00ff00; */	
}
#leftcolumn {
	clear: left;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 300px;
	/* border: solid 2px #00ff00; */
}
#rightcolumn {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 300px;	
	/* border: solid 2px #00ff00; */
}
#addresslabel {
	float: left;
	width: 20px;
	margin: 5px;
	/* border: 2px solid #00ff00; */	
}
#address {
	float: left;
	width: 300px;
	/* border: solid 2px #00ff00; */
}
#addressline {
	clear: left;
	float: left;
	width: 300px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	margin: 5px;
	color: #666666;	
	/* border: 2px solid #0000ff; */
}
#addressnewline {
	clear: left;
	float: left;
	width: 300px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	margin: 5px;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#buttonnewline {
	clear: left;
	float: left;
	width: 300px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	margin: 5px;
	color: #666666;
	/* border: 2px solid #0000ff; */	
}

#parameterContainer {
	float: left;
	width: 400px;
	/* border: 2px solid #0000ff; */
}
#deliveryAddressContainer {
	width: 700px;
	margin-button: 10px;
	margin-left: -20px;
	/* border: 2px solid #0000ff; */
}
#newDeliveryAddressContainer {
	width: 700px;
	margin-button: 10px;
	/* border: 2px solid #0000ff; */
}
#addressTypeRadios {
	clear: left;
	float: left;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#infoContainer {
	float: left;
	width: 250px;
	height: 200px;
	padding: 10px;
	background-color:#fafeda;
	border: 2px solid #888888; 
}
#privateRadio {
	float: left;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
}
#companyRadio {
	float: left;
	margin-left: 15px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
}
#packstationRadio {
	margin-left: 15px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
}
#addressContainer {
	width: 700px;
	/* border: 2px solid #0000ff; */
}
#companyContainer {
	width: 700px;
	display: none;
	/* border: 2px solid #0000ff; */
}
#packstationContainer {
	width: 500px;
	display: none;	
}
#postalNumberContainer {
	width: 500px;
	display: none;	
}
#streetContainer {
	width: 700px;	
}
#label {
	float: left;
	width: 140px;
	margin: 5px;
	padding-top: 5px;
	/* border: 2px solid #00ff00; */
}
#label2 {
	float: left;
	width: 120px;
	margin: 5px;
	padding-top: 5px;
	/* border: 2px solid #00ff00; */
}
#line {
	float: left;
	width: 350px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;	
	/* border: 2px solid #0000ff; */
}
#newline {
	clear: left;
	float: left;
	width: 350px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#newline2 {
	clear: left;
	float: left;
	width: 400px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#packstationNote {
	clear: left;
	float: left;
	width: 600px;
	margin: 10px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#fullline {
	clear: left;
	float: left;
	width: 700px;
	margin: 10px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */
}
#halfline {
	clear: left;
	float: left;
	width: 400px;
	margin: 10px;
	font-family: Verdana;
	font-size: 8pt;
	color: #666666;
	/* border: 2px solid #0000ff; */	
}
#field {
	width: 190px;
	margin: 5px;
	float: left;
	/* border: 2px solid #ff0000; */
}
#field2 {
	width: 220px;
	margin: 5px;
	float: left;
	/* border: 2px solid #ff0000; */
}
#errorattached {
	float: left;
	width: 350px;
	padding-top: 10px;
	font-family: Verdana;
	font-size: 8pt;
	color: red;		
}
#errornewline {
	clear: left;
	float: left;
	width: 350px;
	font-family: Verdana;
	font-size: 8pt;
	color: red;	
	display: none;
}

/* General */

.text { font-family: Verdana; font-size: 8pt; color: #666666; }
.redText { font-family: Verdana; font-size: 8pt; color: red; }
.infoText {font-family: Verdana; font-size: 8pt; background-color:#fafefa; padding: 10pt;}
.greenText { font-family: Verdana; font-size: 8pt; color: #95a726; }
.text11 {font-family: Verdana; font-size: 11pt; color: black; }
.boldBlack8pt {font-family: Verdana; font-size:8pt; font-weight: bold; color: black; }
.boldBlack9pt {font-family: Verdana; font-size:9pt; font-weight: bold; color: black; }
.boldBlack10pt {font-family: Verdana; font-size:12pt; font-weight: bold; color: black; }
.boldBlack11pt {font-family: Verdana; font-size:11pt; font-weight: bold; color: black; }
.boldWhite10pt {font-family: Verdana; font-size:10pt; font-weight: bold; color: white; }
.black10pt {font-family: Verdana; font-size:10pt; color: black; }
.black18pt {font-family: Verdana; font-size:18pt; color: black; }
.grey {font-family: Verdana; font-size:8pt; color: #AAAAAA; }
.lightGreyTxt {font-family: Verdana; font-size:8pt; color: #dddddd;}
.deactivated {font-family: Verdana; font-size:7pt; color: #aaaaaa; }
.alert {font-family: Verdana; font-size:7pt; color: red; }
.emphasised {font-family: Verdana; font-size:8pt; color: #CD5D1E; }
.linkLevel1 {font-family: Verdana; font-size:8pt; color: #6c8a42; }
.linkLevel2 {font-family: Verdana; font-size:8pt; color: #9db53a; }
.linethrough {color: red; text-decoration: line-through; }
.red8pt {font-family: Verdana; font-size:8pt; color: red; }
td {font-family: Verdana; font-size:8pt; color: #95a726; }

	    	    
.greenText12pt { font-family: Verdana; font-size: 12pt; color: #6e8c42; }
.greenText11pt { font-family: Verdana; font-size: 11pt; color: #6e8c42; }
.greenText10pt { font-family: Verdana; font-size: 10pt; color: #6e8c42; }

.textWhite {font-family: Verdana; color: white; }
.normal8pt {font-size: 8pt; }
.bold {font-weight: bold; }

/* Headers */
.header1 {background-color:#6c8a42; text-indent:20px; color:white; height: 20px;}
.header2 {background-color:#9db53a; text-indent:20px; color:white; height: 20px;}
.adminHeader1{background-color:1e90ff; text-indent:20px; color:white; height: 20px;}
.adminHeader2{background-color:#b0e2ff; text-indent:20px; color:white; height: 20px;}
.menu {font-family: Verdana; font-size:8pt; color:white; }
.bold8pt{font-family: Verdana; font-size:8pt; font-weight: bold;}
.bold10pt{font-family: Verdana; font-size:10pt; font-weight: bold;}
.bold12pt{font-family: Verdana; font-size:12pt; font-weight: bold;}

.borderOrange {border: 1px solid #FF9900; }
.headerOrange {font-family: Verdana; font-size: 8pt; background-color: #FF9900; color: white;}
.borderYellow {border: 1px solid yellow; }
.headerYellow {font-family: Verdana; font-size: 8pt; background-color: yellow; color: white;}
.borderOlive {border: 1px solid #B3C703; }
.headerOlive {font-family: Verdana; font-size: 8pt; background-color: #B3C703; color: white;}
.borderBlue {border: 1px solid #99CCFF; }
.headerBlue {font-family: Verdana; font-size: 8pt; background-color: #99CCFF; color: white;}
.headerGrey {font-family: Verdana; font-size: 8pt; background-color: cccccc; color: #666666;}

.headerTextBrown{font-family: Verdana; font-size: 12pt; color: #CD5D1E;}
.headerTextBlack{font-family: Verdana; font-size: 12pt; font-weight: bold; color: black;}
.boldBrown10pt{font-family: Verdana; font-size: 10pt; font-weight: bold; color: #CD5D1E;}

.pageHeading{font-family: Verdana; font-size: 14pt; color: #804A2E;}
.easterHeading{font-family: Verdana; font-size: 16pt; color: #804A2E;}
.easterSubHeading{font-family: Verdana; font-size: 12pt; color: #804A2E;}

/* AGBs */
.agbHeader{font-family: Verdana; font-size: 12pt; color: #CD5D1E;}
.paragraph{font-family: Verdana; font-size: 10pt; color: #FF9900;}

/* Tables */
.rowlight {background-color: #fefefe; color: black;}
.rowdark {background-color: #eeeeee; color: black;}

/* Nutrition Table */
.nutritionrowlight {padding: 5px; background-color: #fefefe; color: black;}
.nutritionrowdark {padding: 5px; background-color: #eeeeee; color: black;}

/* Textarea */
textarea.text { font-family: Verdana; font-size: 8pt; color: #666666; }
input.text { font-family: Verdana; font-size: 8pt; color: #666666; }
select.text { font-family: Verdana; font-size: 8pt; color: #666666; }

/* Product Description */
.productDesc { font-family: Verdana; font-size: 8pt; color: #666666; }
.productDesc ul { list-style-image: url('../images/bullet4.png'); margin-left: 20px; padding-left: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; }
.productDesc p { margin-bottom: 2px; padding-bottom: 0px; }
.productDesc sup {vertical-align: baseline;	font-size: 0.8em;	position: relative;	top: -0.4em; }

/* Images */
IMG.centerImage { display: block; margin-left: auto; margin-right: auto }

/* Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/button_text_a.gif') no-repeat scroll top right;
    /* background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; */
    color: white;
    display: block;
    float: left;
    font: normal 11px Verdana;
    height: 15px;
    margin-right: 3px;
    padding-right: 3px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    /* background: transparent url('../images/bg_button_span.gif') no-repeat; */
    background: transparent url('../images/button_text_span.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 1px 0 1px 3px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 2px 0 0px 3px; /* push text down 1px */
} 

/* Links */
a.linkLevel2:link {font-family: Verdana; font-size:8pt; color: #B3C703; text-decoration:none; }
a.linkLevel2:visited {font-family: Verdana; font-size:8pt; color: #B3C703; text-decoration:none; }
a.linkLevel2:hover {font-family: Verdana; font-size:8pt; color: #B3C703; text-decoration:none; }
a.linkLevel2:active {font-family: Verdana; font-size:8pt; color: #B3C703; text-decoration:none; }

a.linkLevel1:link {font-family: Verdana; font-size:8pt; color: #6c8a42; text-decoration:underline; }
a.linkLevel1:visited {font-family: Verdana; font-size:8pt; color: #6c8a42; text-decoration:underline; }
a.linkLevel1:hover {font-family: Verdana; font-size:8pt; color: #6c8a42; text-decoration:underline; }
a.linkLevel1:active {font-family: Verdana; font-size:8pt; color: #6c8a42; text-decoration:underline; }

a.decorationNone:link { text-decoration:none; }
a.decorationNone:visited { text-decoration:none; }
a.decorationNone:hover { text-decoration:none; }
a.decorationNone:active { text-decoration:none; }

a.link_deactivated:link {font-family: Verdana; font-size:7pt; color: #aaaaaa; text-decoration:none; }
a.link_deactivated:visited {font-family: Verdana; font-size:7pt; color: #aaaaaa; text-decoration:none; }
a.link_deactivated:hover {font-family: Verdana; font-size:7pt; color: #aaaaaa; text-decoration:none; }
a.link_deactivated:active {font-family: Verdana; font-size:7pt; color: #aaaaaa; text-decoration:none; }

/* form elements EFEFEF */
.dropdown { background-color:#cdfcab; width:300px; border:1px solid grey; font-family: Verdana; font-size: 8pt; color: #666666; }
.dropdownnarrow { background-color:#cdfcab; width:40px; border:1px solid grey; font-family: Verdana; font-size: 8pt; color: #666666; }
.input { background-color:#cdfcab; border:1px solid grey; font-family: Verdana; font-size: 8pt; color: #666666;}
.inputhighlight { background-color:#ffff40; border:1px solid grey; font-family: Verdana; font-size: 8pt; color: #666666;}

/* feedback pop up */

#feedback {
	position: relative;
	z-index: 25;
    padding: .5em;
}

#feedbackPopUp {
	position: absolute;
    margin-top: 55px;
    margin-left: 10px;
	border: 1px solid grey;
	padding: 1em;
	background-color: #EFEFEF;
	opacity: 0.9;
	text-align: left;
	font-size: 8pt;
}

#closeFeedback {
	position: absolute;
	top: 5px;
	right: 5px;
	color: black;
}

/* Rating pop up */

#close {
	position: relative;
	top: 5px;
	right: 5px;
	color: black;
}

/* Tooltips */
.tooltip {
	color: #95A726;
	text-decoration: underline;
}

.tooltipContentStyle {
    font-family: Verdana;
    font-size: 8pt;
    color: black; 
    overflow: hidden;
    margin-top: 0;
    padding: 0;
}

.imageContainer {
	position: relative;	
}

.productImage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

.sealImage {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}