/* Basline Stylesheet:
   Reset styles to set styles in all browsers to a common denominator */
/* From http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/#comments */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #fff url(/var/varGraphic/varGraphicIllustration/butikk-bg.jpg) repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Basline Stylesheet End
---------------------------------------------- */

/* 
	Site specific */
	
body {
	font-family: Arial,Helvetica,sans-serif;
	text-align: center; /* for IE */ 
}
strong {
	font-weight: bold;
}
	

h2 {
	font-size: 10px;       
	}

a:link, a:visited  {
	color: #383951;
	font-weight: normal;
	text-decoration: none;
}


a:hover, a:active {
text-decoration: underline;
color: #478CCD;
}

.NBNB{
	color: red;
}

/* 
	Site specific end */

/*  Main frame stylesheet
---------------------------------------------- */

#PageFrame {
	width: 980px;
	font-size: 95%;
	/* background: gray; */
	margin:auto;
	text-align: left; /*Used in combination with "text-align: center" set for body
						so that you can have IE6 to be middle centered as well.
						Here we set the text-alignment again to left so not the rest of the text
						on the page becomes centered */
	}
	
#Header {
	/* background: blue;*/
	width: 980px;
	margin: 27px auto 0px 0px;
	padding: 0px 0px 0px 0px;

}

#HeaderImage {
	/*background: yellow;*/
	display: inline;
	float: left;
	margin: 0px auto 0 0;
	position:relative;
	width: 30%;
}

#HeaderSearch {
    display: inline;
	/*background: red; */
	padding: 53px 0px 0px 0px;
	margin:0px auto 0px 100px;
	position:relative;
	width: 70%;
}

#HeaderSearch img
{
	display: inline;
	margin: 0px 15px -5px 5px;
	/*background: red;*/
}

/* 
	Navigation top Start */
	
#navigation {
	border-bottom: 0 solid;
	border-top: 0 solid;
	display: block;
	float: right;
	font-family: arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 80%;
	margin-bottom: 20px;
	width:	61%;
	/*
	margin-top: -60px;
	z-index: 2;
	*/
	
	
}

#navigation ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
}

#navigation ul li {
	float: left;
	margin: 0;
	position: relative;
}

#navigation ul li a, #navigation ul li a:link,
#navigation ul li a:visited {
	background: none repeat scroll 0 0 transparent;
	border-right: 0 solid;
	color: #555555;
	display: block;
	text-decoration: none;
	text-transform: none;
	padding: 10px;
	margin: 0 3px;
	font-family: arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#navigation ul li a:hover,
#navigation ul li.current-page a {
	background: url("http://www.arkivett.no/wp-content/uploads/2011/08/nav-hover-bg.png") repeat-x scroll 0 0 transparent !important;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #2F460B;
}





/*.clearfix:before, 
.clearfix:after {
	content: "";
	display: table;
}
*/
.clearfix:after {
	clear: both;
}	


/* 
	Navigation top Stops */

/* 
	Menu0Level1 Start */
#Menu0Level1 #nav-top{
	float: right;
	padding: 10px;
	margin:0px auto 0px 100px;
	position:relative;

       background-color: white;
	font-size: 8px;
	/* Setting a font size so "a" tag does not get pushed out by a font that is too big */
}

#Menu0Level1 #nav-top li {
	display: inline;
	margin: 5px;
	padding: 5px;
	
	}

       
#Menu0Level1 #nav-top li.last {
	margin: 0;
	padding: 0;
	border-right: none;
	}
#Menu0Level1  #nav-top li a {
	
	margin: 0px auto;
	padding: 0px;
	text-decoration: none;
	color: #222;
	background:black;


	}
#Menu0Level1 #nav-top li a:hover img, #Menu0Level1 #nav-top li a:hover {
	/* "a:hover img" set so that the hover tag works on Firefox and safari 
	"a:hover set to work for IE", think that was Ricks quote :-) */
	background: #6BA1D5;
	}
#Menu0Level1 #nav-top li a img{
	background: black;
	margin: 0px 0px -5px 0px;
	border: none;
	display: inline;
	}      
#Menu0Level1  #nav-top li.active a {
	color: #fff;
	background: #c30;
	
	}      

/* A list apart */

#banners {margin: 0px 20px 20px;display: inline;}
#banners li {margin: 0px 0px 10px;display: inline; }
#banners li a {background: black; display: inline; width: 173px; margin: 0px auto;}
#banners li img {background: black; display: inline; margin: 0px 0px -5px 0px;}
#banners li a:hover, #banners li a:hover img {background: #6BA1D5; border: none;}



/* Alist apart end */

/*End Menu0Level1 */

#HeaderLowFrame {
	float: right;
	margin: 0px auto;
	width: 980px;
}
#HeaderLow {
	/*background: purple;*/
	color: white;
	float: right;
	margin: 0px;
	width: 970px;
	}
	
/* From AIGA
*/
	
#HeaderLow #Menu1Level1 {
	background: none repeat scroll 0 0 transparent;
	float: left;
	font-family: Verdana,sans-serif;
	list-style: none outside none;
	margin: 0;
	padding: 10px 10px 10px 5px;
	text-align: left;
	/*border-bottom: 1px gray dashed;*/
}
#HeaderLow #Menu1Level1 li {
	/* width: 90px; */
	/*border-right: 1px solid #d2d2d2;*/
	border-right: 1px solid black;
	display: inline;
	font-size: 10px;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
#HeaderLow  #Menu1Level1 li.last {
	margin: 0;
	padding: 0;
	border-right: none;
	}
#HeaderLow #Menu1Level1 li a {
	color: #024D79;
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	padding: 2px 4px;
	text-decoration: none;
	}
#HeaderLow #Menu1Level1 li a:hover {
	/* 
	Blue was set as bakground before
	background: #6BA1D5; */
	/*color: #478CCD; */
	border-bottom: 1px solid;
	}
#HeaderLow  #Menu1Level1 li.active a {
	color: #478CCD;
	border-bottom: 1px solid;
	/*
	background: #c30;
	border-bottom-style: solid;
	border-bottom-width: thin;
	*/
	}
	
#HeaderLowSearch {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	right: -10px;
	top: -80px;
}
#HeaderLowSearch form input[type="text"]
{
	background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
	display: block;
	float: left;
	font-size: 12px;
	height: 22px;
	margin-top: 7px;
	padding: 5px;
	width: 185px;
}


#HeaderLowSearch form input[type="submit"] {
    background: url("/var/varGraphic/varGraphicIllustration/search-btn.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 31px;
    line-height: 0;
    position: relative;
    right: -5px;
    text-indent: -999px;
    top: 10px;
    width: 34px;
}

#HeaderLowSearch form a {
	display: inline;
	margin: 0px 15px -5px 5px;
}

/*
	End from AIGA

*/
#Main {
	/*background: orange;*/
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D9D9D7;
	border-radius: 5px;
	box-shadow: 0 0 4px #555555;
	padding: 20px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	/* position: absolute; */
	float: left;
	margin-top: 40px;
	width: 960px;
		/* Problem IE6, siden ser ubrukelig ut med: 
		position: absolute;
	*/
	}
#MainLeft {
	float: left;
	width: 10px;
	margin: 20px 27px 5px 17px;
	/* background: black; */
	}      
#MainRight {
	/* background: green; */
	float: left;
	margin-top: 15px;
	width: 201px; 
	}      
/* From my test, based on AIGA stuff
	*/
/* teaser package */
#MainContent {
	background: none repeat scroll 0 0 white;
	color: #555555;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	margin: 5px 5px 5px 5px;
	width: 730px;
	}

#MainContent .Ingress dd img,#MainContent .IngressStart dd img,#MainContent .IngressFull dd img,
#MainContent .ShowImages dd{
	float: left;
	margin: 0 10px 0 0;
	/* 	15-08-2011 Changed padding to margin as padding did not work for IE 6,
		seems to be the same if I choose padding or margin for Firefox 
		padding: 0px 10px 0px 0px;
	*/
	background: #fff;
	}

.IngressFull   {
	float:left; 
	width:98%; 
	padding:0px 0px 0px 0px;
	border-right: 1px solid #E2E2E2;
	margin: 15px 0px 10px 0px;
}

.IngressStart,.Ingress {
	float:left; width:47.7%; 
	padding:0px 8px 0px 0px;
	border-right: 1px solid #E2E2E2;
	margin: 15px 0px 10px 0px;
}
.Ingress        {
	padding: 0px 8px 0px 10px;
	}
	
.ClearHR {
	width:97.5%;
	clear:both;
	font-size: 1px;
	height: 1px;
	margin: 0px 0px 0px 0px;
	background-color: #E2E2E2;
	}

#MainContent .Ingress dl dd h2,#MainContent .IngressStart dl dd h2{
	margin:  0px 0 5px 0;
	margin-top: 1px; /* 15-08-2011: Did this since the circle over å did not fully show up in IE 6 */
}

#MainContent .Ingress dl dd h2 a,#MainContent .IngressStart dl dd h2 a {
	/* color: red; */
	color: #555555;
	font-weight: bold;
	line-height: 1em;
	margin:  0px;
	padding: 0px;
}
#MainContent .ShowImages dd{
	margin-top: 20px;
}

#MainContent .ShowImages dd h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}       

/* Styling Cart page
---------------------------------------------- */

#CartPage table { 
clear:both;
margin-top: 10px;
width: 715px;
}

#CartPage .Table {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	color: #666666; 
	border: 1px none #cccccc; 
	background-color: #ffffff;
	width: 715px;
	
}


#CartPage table thead tr th{
	padding: 5px;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	
	color: #555555;
	background-color: #E1E1E4;
	white-space: nowrap;
	/*
	border-top: 1px solid green;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
	border-left: 1px solid #cccccc;
	*/
}


#CartPage .row_sum_start{
	border-top: 1px solid #E1E1E4;
	background-color: #f1f1f4;
	text-align: right;
	margin-top: 5px;
	padding: 5px 7px 5px 5px;
}


#CartPage .row_numbers,
#CartPage .row_text,
#CartPage .row_sum_text{
	text-align: right;
	padding: 0px 7px 5px 5px;
}

#CartPage .row_sum_total{
	text-align: right;
	padding: 5px 7px 5px 5px;
	color: #555555;
	background-color: #E1E1E4;
}

#CartPage td.rows, #CartPage td.rows a  {
	line-height: 1.5em;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #555555;
	background-color: #f1f1f4;
}

#CartPage .RowsStart  {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #f1f1f4;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}

#CartPage .RowsSecond {
	padding: 10px 7px 5px 5px;
}

#CartPage .RowsOther{
	padding: 0px 7px 5px 5px;
}


#CartPage .ArticleName{
	width: 30%;
} 

/*
#CartPage .rowsend {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}
#CartPage .rowsbunn {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px none #cccccc;
	border-left: 1px none #cccccc;
}

#CartPage .rows_top_end {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	color: 666666;
	background-color: E4E4E1;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}
#CartPage .rows_clear {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	color: 666666;
	background-color: ffffff;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px none;
}
*/


#CartPage  .ButtonUpdate {
	float: right;
	background-color: #ffffff;
	margin-top: 10px;
}

#CartPage h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #050505;
	margin-top: 20px;
	margin-bottom: 20px;
}



/* END Styling CartPage
---------------------------------------------- */

/* Styling Checkout page
---------------------------------------------- */
#CheckoutPage table { 
clear:both;
width: 400px;
}

#CheckoutPage  #CheckoutPageLogin {
clear:both;
float: left;
width: 300px;
border-right: 1px solid #E2E2E2;
}

#CheckoutPage  #CheckoutPageNewCustomer {
float: left;
width: 350px;
margin-left: 30px;

}

#CheckoutPage h3{
font-family:Verdana,Arial,Helvetica,sans-serif;
margin-bottom:10px;
font-weight:bold;
}

#CheckoutPage  #CheckoutPageLogin h3 {
margin-bottom:15px;
text-align:right;
width:65px;
}

#CheckoutPage .ClearHR {
	width:97.5%;
	clear:both;
	font-size: 1px;
	height: 1px;
	margin: 20px 0px 10px 0px;
	background-color: #E2E2E2;
	}

#CheckoutPage label {
clear:left;
color:#888888;
display:block;
float:left;
margin-bottom:0.5em;
padding-right:10px;
text-align:right;
width:65px;
}

#CheckoutPage  .InputNew {
/*
background:#FFFFFF url(cssplay/form.gif) repeat-x scroll left top;
*/
border:1px solid gray;
margin-bottom:0.6em;
padding-left:0.5em;
width:200px;
}

#CheckoutPage img {

float: right;
margin-right: 15px;
}


/* END Styling Checkout page
---------------------------------------------- */

/* Styling Order page
---------------------------------------------- */

#OrderPage #OrderPageInvoiceAddress {
border-right:1px solid #BFBFBF;
margin-top: 15px
}

#OrderPage #MainTable {
	margin-top: 15px;
	border-top:1px solid #BFBFBF;
}


#OrderPage td.MainTableRow {
padding-left: 10px;
}

#OrderPage #OrderPageDeliveryAddress {
margin-top: 15px;
}


#OrderPage h3{
font-family:Verdana,Arial,Helvetica,sans-serif;
margin-top:20px;
margin-bottom:10px;
font-weight:bold;
font-size: 12px; 
color: #1f3058; 
}

#OrderPage h2.mail{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 20px;
}

#OrderPage #OrderSummary th, #OrderPage #OrderSummary td {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}

#OrderPage #OrderSummary th {
font-weight:bold;
border-top:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
margin-top: 10px;
padding-top: 10px;
padding:10px 5px 10px 5px;
margin-bottom: 10px;
height: 30px;
}

#OrderPage #OrderSummary td {
font-weight:normal;
padding:10px 5px 5px 5px;
}
}

#OrderPage #OrderSummary .OrderText {
text-align: left;
}

#OrderPage #OrderSummary .OrderSum{
text-align: right;
}

#OrderPage #OrderSummary .OrderQuantity{
text-align: center;
}

#OrderPage #OrderSummary .OrderTotalSum {
border-top:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
margin-top: 10px;
padding-top: 10px;
font-weight:bold;
}

#OrderPage #OrderSummary .OrderPS {
text-align: right;
}


#OrderPage img.button {

float: right;
margin-right: 15px;
}

#OrderPage #OrderPageDeliveryAddress img.ChangeInfo {
float: right;
margin-right: 30px;
}

#OrderPage img.ChangeInfo {

float: right;
margin-right: 30px;
}

#OrderPage textarea.SendText {
	width: 100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
#OrderPage input.SendOrder {
float: right;
margin-right: 20px;
}

#OrderPage #OrderInfo {
text-align: center;
margin-top: 15px;
height: 30px;
border-top:1px solid #BFBFBF;
}
/* END Styling Order page
---------------------------------------------- */



/* Contact Data page
---------------------------------------------- */
/*
	Inspired by: http://www.cssplay.co.uk/menu/form.html */
#ContactData {
border-right:1px solid #478CCD;
}
 #ContactData fieldset {
border:1px solid #478CCD;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1.5em;
margin-bottom:3em;
padding:5px;
width:300px;
}

 #ContactData  #SecurityInfo {
        width:600px;
        display:block;
 }
 
 #ContactData  #InvoiceInfo {
        /*
        width:300px;
        float:left;
        */
        width:600px;
        display:block;
 }
 
  #ContactData  #DeliveryInfo {
 /*
        width:300px;
        float:left;
        margin-left:15px;
        */
        width:600px;
        display:block;
 }
 
  
 
 #ContactData legend {
/*
background:#FFFFFF url(cssplay/form.gif) repeat-x scroll left center;
*/

font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight:bold;
margin-bottom:5px;
padding:3px;
width:254px;
}

#ContactData label {
clear:left;
color:#888888;
display:block;
float:left;
margin-bottom:0.5em;
padding-right:10px;
text-align:right;
width:120px;
}

#ContactData label img {
vertical-align: bottom;
}


#ContactData  .InputNew {
/*
background:#FFFFFF url(cssplay/form.gif) repeat-x scroll left top;
*/
border:1px solid gray;
margin-bottom:0.6em;
padding-left:0.5em;
}
 
#ContactData .Input {
	font: 9px verdana, arial, sans-serif; 
	padding: 1px; 
	padding-left: 3px; 
	padding-bottom: 1px; 
	color: #1f3058; 
	border: 1px #BDC7CA solid; 
	background-color: #FFFFFF;
	margin-bottom:0.6em;
	padding-left:0.5em;
 }
 




/* END Contact Data page
---------------------------------------------- */


/* Styling the Telephone Contact to the right 
---------------------------------------------- */
#ContactTel{
    color: black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}

#ContactTel p{
	color: #555555;
    line-height: 120%;
    margin-bottom: 20px;
    margin-top: 5px;
}

#ContactTel img {
	margin:0px;
	padding: 0px;
	text-align: center;
}
#ContactTel .ContactTelImg{
margin-top: 5px;
}


/* END Telephone Contact page
---------------------------------------------- */

/* Styling the small cart to the right 
---------------------------------------------- */


#CartSmall{
	width: 179px;
	border-top: 1px solid #6BA1D5;
	border-right: 1px solid #6BA1D5;
	border-bottom: 1px solid #6BA1D5;
	border-left: 1px solid #6BA1D5;
	padding:0px 0px 5px 0px;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;       
	font-size: 9px;
	color: #478ccd;
	font-weight: normal;
	/*
	background: url(/var/varGraphic/varGraphicNavigation/handlekurv.gif) no-repeat top left;
	*/     
}

#CartSmall td.EmptyCartSmall {
	padding: 10px 10px 5px 10px;
}

#CartSmall td.ProdNameTotal, #CartSmall td.PriceTotal {
	font-weight: bold;
}


#CartSmall td.ProdName, #CartSmall td.ProdNameTotal{
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#CartSmall td.Price, #CartSmall td.PriceTotal {
	padding: 5px 5px 5px 5px;
	text-align: right;
}




/* END Styling the small CartSmall to the right
---------------------------------------------- */


#Community{
	width: 130px;
	padding:20px 5px 5px 0px;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: left;      
	font-size: 9px;
	color: black;
	font-weight: normal;
}

#Community p{
margin-top: 10px;
}
#Community .first{
margin-top: 0px;
}

#Community a{

}

/* #Main       {

       
} */
	
/* END */
	
#Footer {
	background: none repeat scroll 0 0 white;
	border-top: 1px dotted #BFBFBF;
	clear: both;
	color: #444444;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	height: 40px;
	margin: 40px 10px 20px 17px;
	padding: 20px;
	text-align: center;
	}


/* Main Stylesheet End
---------------------------------------------- */
/*hr{display: block;margin: 0px 0px 0px 0px;width:250px;clear: left;}
"Trebuchet MS", verdana, sans-serif, Verdana, Lucida, Helvetica, Arial, sans-serif;}
*/


/* Common MainContent elements
---------------------------------------------- */


#MainContent h2{
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
}

#MainContent h2 a {
line-height: 1.2em!important;
}

#MainContent .MenuTrail{
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#MainContent .MenuTrail li {
margin-right: 0.5em; 
padding-right: 0.75em;
list-style: decimal;
display: inline;
/* color:#478CCD; */
color:#383951;
font-weight:bold;
}

#MainContent .MenuTrail li.active {
color:#478CCD;

}


#MainContent  .ButtonUpdate {
	float: right;
	margin-top: 10px;
}

/* END Tables for prices in #MainContent 
---------------------------------------------- */


/* Article Detail Start
---------------------------------------------- */
#ArticleDetail table { 
clear:both;
margin-top: 10px;
width: 705px;
}

#ArticleDetail .Table {
	font: 9px geneva, verdana, arial, sans-serif; 
	color: #666666; 
	border: 1px none #cccccc; 
	background-color: #ffffff;
	width: 705px;
}

#ArticleDetail .rows  {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #Ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}

#ArticleDetail .rowsdecimals  {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #Ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
	text-align: right;
	}
#ArticleDetail .rowsnumbers  {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #Ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
	text-align: center;
	}
#ArticleDetail .rowsend {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}
#ArticleDetail .rowsbunn {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px none #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px none #cccccc;
	border-left: 1px none #cccccc;
}
#ArticleDetail .rows_top {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #E4E4E1;
	border-top: 1px none #cccccc;
	border-right:1px none #cccccc;
	border-bottom:1px none #cccccc;
	border-left: 1px none #cccccc;
}

#ArticleDetail .rows_top_decimals{
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #E4E4E1;
	border-top: 1px none #cccccc;
	border-right:1px none #cccccc;
	border-bottom:1px none #cccccc;
	border-left: 1px none #cccccc;
	text-align: right;
}

#ArticleDetail .rows_top_numbers {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: #666666;
	background-color: #E4E4E1;
	border-top: 1px none #cccccc;
	border-right:1px none #cccccc;
	border-bottom:1px none #cccccc;
	border-left: 1px none #cccccc;
	text-align: center;
}
#ArticleDetail .rows_top_end {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: 666666;
	background-color: E4E4E1;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}
#ArticleDetail .rows_clear {
	font: 9px geneva, verdana, arial, sans-serif;
	padding: 5px;
	color: 666666;
	background-color: #ffffff;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px none;
}
#ArticleDetail .package_info_header {
	font-weight: bold;
	color: red;
}

#ArticleDetail .price_columns_header {
	font-weight: bold;
	text-align: center;
}
#ArticleDetail .price_header {
	font-weight: bold;
	text-align: right;
}
#ArticleDetail .amount_header {
	font-weight: bold;
	text-align: center;
}
#ArticleDetail .price_columns_header2, #ArticleDetail .price_columns_prices {
	text-align: right;
	width: 75px;
	height: 14px;
}

/* END Article Detail 
---------------------------------------------- */





/* Form styling START
---------------------------------------------- */
#af-form-623032573 .af-body .af-textWrap {
    display: block;
    float: right;
    width: 70%;
}
#af-form-623032573 .af-body input.text, #af-form-623032573 .af-body textarea {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: inset;
    border-width: 2px;
    color: #000000;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#af-form-623032573 .af-body input.text:focus, #af-form-623032573 .af-body textarea:focus {
    background-color: inherit;
    border-color: #CCCCCC;
    border-style: inset;
    border-width: 2px;
}
#af-form-623032573 .af-body label.previewLabel {
    color: #000000;
    display: block;
    float: left;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    width: 25%;
}
#af-form-623032573 .af-body {
    background-image: none;
    background-position: inherit;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 12px;
    padding-bottom: 15px;
}
#af-form-623032573 .af-quirksMode {
    padding-left: 15px;
    padding-right: 15px;
}
#af-form-623032573 .af-standards .af-element {
    padding-left: 15px;
    padding-right: 15px;
}
#af-form-623032573 .buttonContainer input.submit {
    color: #000000;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#af-form-623032573 .buttonContainer input.submit {
    width: auto;
}
#af-form-623032573 .buttonContainer {
    text-align: center;
}
#af-form-623032573 button, #af-form-623032573 input, #af-form-623032573 submit, #af-form-623032573 textarea, #af-form-623032573 select, #af-form-623032573 label, #af-form-623032573 optgroup, #af-form-623032573 option {
    float: none;
    margin: 0;
    position: static;
}
#af-form-623032573 div {
    margin: 0;
}
#af-form-623032573 form, #af-form-623032573 textarea, .af-form-wrapper, .af-form-close-button, #af-form-623032573 img {
    border: medium none;
    color: inherit;
    float: none;
    margin: 0;
    padding: 0;
    position: static;
}
#af-form-623032573 input, #af-form-623032573 button, #af-form-623032573 textarea, #af-form-623032573 select {
    font-size: 100%;
}
#af-form-623032573 select, #af-form-623032573 label, #af-form-623032573 optgroup, #af-form-623032573 option {
    padding: 0;
}
#af-form-623032573, #af-form-623032573 .quirksMode {
    width: 190px;
}
#af-form-623032573.af-quirksMode {
    overflow-x: hidden;
}
#af-form-623032573 {
    background-color: transparent;
    border-color: inherit;
    border-style: none;
}
#af-form-623032573 {
    overflow: hidden;
}
.af-body .af-textWrap {
    text-align: left;
}
.af-body input.image {
    border: medium none !important;
}
.af-body input.submit, .af-body input.image, .af-form .af-element input.button {
    float: none !important;
}
.af-body input.text {
    float: none;
    padding: 2px !important;
    width: 100%;
}
.af-body.af-standards input.submit {
    padding: 4px 12px;
}
.af-clear {
    clear: both;
}
.af-element label {
    display: block;
    float: left;
    text-align: left;
}
.af-element {
    padding: 5px 0;
}
.af-form-wrapper {
    text-indent: 0;
}
.af-form {
    margin: auto;
    text-align: left;
}
.af-quirksMode .af-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* END Form styling
---------------------------------------------- */