/* CSS Document */
* { font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px; color: #FFFFFF;}
* input { background-color: #676062; }
textarea { background-color: #676062; }
select { background-color: #676062; }

html, body { padding: 0; margin: 0; width: 100%; background: #322f30}

body { }

h1, h2, h3, h4, h1 p, h2 p, h3 p, h4 p { margin: 0; font-weight: normal; }
h1, h1 * { font-size: 24px; line-height: 26px; padding-bottom: 20px; text-transform: uppercase; color: #FFFFFF; }
h2, h2 * { font-size: 16px; line-height: 18px; margin: 10px 0 10px 0; }
h3, h3 * { font-size: 14px; line-height: 16px; margin: 10px 0 10px 0; font-weight: bold; }
h4, h4 * { font-size: 12px; line-height: 14px; }

a, a:link { color: #FFFFFF; text-decoration: underline; }
a:active { }
a:hover { text-decoration: none; }

img, a img { border: none; }

textarea { overflow: auto; }

p, form, table, tr, td { margin: 0; padding: 0; }

#topMenuContainer { height: 105px; border-bottom: 1px solid #CCCCCC; }

#topLogo { margin-top: 23px; }

#masterMenu { float: right; }
#masterMenu img, #masterMenu a { float: left; }

#masterMenu a { display: block; line-height: 25px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #D3E154; padding: 0 10px 0 10px; }
#masterMenu a img { margin-right: 5px; }

#serviceMenu_1 { height: 25px; float: left; }

.menu ul { margin: 9px 0 0 0; padding: 0; }
.menu ul li { float: left; margin: 0; padding: 0 15px 0 15px; list-style: none; }
.menu ul li.firstitem { padding-left: 0; }
/*.menu ul li a { font-size: 10px; line-height: 25px; text-decoration: none; color: #AAACAF; text-transform: uppercase; }*/
.menu ul li a { font-size: 10px; line-height: 25px; text-decoration: none; color: #FFFFFF; text-transform: uppercase; }
.menu ul li a.inpath { color: #d3e154; text-decoration: underline;}
.menu ul li a.activeitem { text-decoration: underline; }

#centerContainer, #centerContent { }

#subMenu { height: 24px; }

#mainContent { padding: 30px 0 10px 0px; }

#bottomContainer { border-top: 1px solid #CCCCCC; padding-top: 12px; height: 50px; }

#footer { width: 912px; text-align:center}
#footer div small { font-size: 10px; color: #FFFFFF}

/*
Efter at Design By blev fjernet er dette CSS overfl?digt
#designBy { width: 230px; text-align: right; float: right; }
#designBy a { text-decoration: none; color: #7F7F7F; font-size: 10px; }
*/

/*
*************************
   - PRODUCT LIST
*************************
*/

#productList, #productPaging { width: 904px !important; }
#productPaging .floatLeft { display:inline; }

#productList { height: 226px; }
#productList a img { display: block; float: left; margin-right: 8px; margin-bottom: 8px; border: 1px solid #B6BDC0; }

#productPaging { margin-top: 50px; }

#previousLink, #nextLink { width: 29px; }
#previousLink { margin-left: 320px; }
#nextLink { margin-right: 328px; }

#pages { width: 195px; text-align: center; padding-top: 8px; }
#pages, #pages * { color: #FFFFFF; }

/*
*************************
   - SHOW PRODUCT
*************************
*/

#productInfo1 { width: 280px; height:361px; position:relative; }

#backLink { position: absolute; top: 149px; left:0; background: url(/Files/Billeder/gfx/pil_tilbage_2.gif) no-repeat 0 50%; padding-left: 35px; }
#backLink a { position: absolute; top: 0; left: 0; }
#backLink a img { width: 150px; height: 29px; }

#producerLink { position: relative; margin-top: 148px; width: 171px; background: url(/Files/Billeder/gfx/pil_frem_2.gif) no-repeat 100% 50%; padding: 7px 35px 0 0; text-align: right; }
#producerLink a { position: absolute; top: 0; right: 0; }
#producerLink a img { width: 170px; height: 36px; }

#backLink, #producerLink { height: 29px; }
#backLink *, #producerLink * { color: #FFFFFF; text-transform: uppercase; font-size: 10px; text-decoration: none; }

#productDescription, #productDescription td { width:280px; position:absolute; bottom:0; right:0; }
#productDescription td { vertical-align: bottom; }
#productDescription * { color: #FFFFFF; text-transform: uppercase; text-align: right; font-size: 10px; }

#productImage img { border: 1px solid #B6BDC0; margin: 0 28px 0 35px; }

.productPrice, .productPrice span { font-size: 20px; line-height: 23px; color: #FFFFFF; margin-top: 10px; }

#productPriceLoggedIn { }
#productPriceNotLoggedIn {  }

#variantSelectors { margin-top: 15px; height:94px; vertical-align:bottom; position:relative; width:206px; }
#variantSelectors.notLoggedIn { margin-top: 50px;  }
.variantContent { position:absolute; bottom:0; left:0; }
.BoxSelect { display:block; margin-top:15px; background: #676062 }

#addToBasket, #viewBasket { width: 78px; padding-left: 22px; display: block; line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; margin-top: 10px; float: left; background: #676062; }

#addToBasket { background: url(/Files/Billeder/gfx/kurv_ikon.gif) no-repeat 3px 50% #D3E154; margin-right: 5px; }

#viewBasket { background: #6F6969; }

/*
*************************
   - PRODUCER LIST
*************************
*/

#producerSubHeading { color: #FFFFFF; font-size: 13px; }

#producerList { margin-top: 20px; width: 369px; }
#producerList div { width: 122px; height: 22px; text-transform: uppercase; float: left; }
#producerList div a { text-decoration: none; }

/*
*************************
   - SHOPPING BASKET
*************************
*/
table.shoppingbasket { margin-bottom:15px; }
table.shoppingbasket td { padding:2px; }
.shoppingbasket * { color: #FFFFFF; font-size: 11px	; }
.shoppingbasket thead tr th.tableHeader { background: #D4E155; padding: 3px 5px 3px 5px; font-weight: normal; }
.shoppingbasket input, .shoppingbasket textarea { width:200px; margin-bottom:2px; }
.shoppingbasket select { width:205px; margin-bottom:2px; }
.shoppingbasket input.smallInput { width:25px; }
.productImage { width: 47px; height: 47px; margin-top: 3px; }


#cartBottomLinks { margin-top: 35px; }
#cartBottomLinks a { float: left; display: block; font-size: 11px; }
#cartBottomLinks a.previousStep { width: 365px; }
#cartBottomLinks a.nextStep { float: right; }

.shoppingbasket .green { background: #D4E155; }
.shoppingbasket .headerPadding { padding:3px; }


/*
*************************
   - LOGIN
*************************
*/

#login table tr td input[type=text], #login table tr td input[type=password] { width: 200px; background: #676062 }

/*
*************************
   - TEXT PAGES
*************************
*/

.content { width: 912px; text-align: left; margin: 0 auto; }

#firstContentArea { margin-right: 25px; }
#firstContentArea.oneCol { width: 660px; }

.contentArea { width: 330px; }
.contentArea p { margin-bottom: 20px; line-height: 20px; }

/*
*************************
   - FRONT PAGE
*************************
*/

#frontPageMenu_1 { width: 360px; }
#frontPageMenu div.outer { float: left; border: 1px solid #B6BDC0; margin: 0 0 10px 9px; }
#frontPageMenu div.text { text-align: center; background: #6F6969; text-decoration: none; text-transform: uppercase; font-size: 10px; line-height: 20px; color: #FFFFFF; }

/*
*************************
   - STANDARD STYLES
*************************
*/

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.minHeight { float: right; width: 1px; overflow: hidden; }


#div_producers {}
#div_producers div { width: 300px; height: 340px; float: left; }
#div_producers div a { text-decoration: none; }
#div_producers div a:hover { text-decoration: underline; }
#div_producers div a.h3 { font-size: 14px; line-height: 18px; padding: 0 0 10px 0; font-weight: bold; }


/*
*************************
   - NEWS
*************************
*/
#newsdetails { width:500px; }