/*
*	Site: bonniershop.dk
*	Target: CSS2 for XHTML S/T
*	Media: screen
*	Born: 17th of December 2005
*	Notes: This is pure blockless CSS (One line, Just fine)
*	To keep things tidy please respect alpha-ordering of CSS Properties
*	example: {background:X, color:X, font-size:X, font-weight:X, width:X}
*
*/

body {background:#d7d4cf; color:#333; font-family:Verdana, Arial, Geneva, sans-serif;margin:0;padding:0; text-align:center;   }
body.noborders {background:#FFFFFF; color:#333; font-family:Verdana, Arial, Geneva, sans-serif;margin:0;padding:0; text-align:left;   }
body.popup {background:white; padding:10px 10px 0 10px; font-family:Verdana, Arial, Geneva, sans-serif; text-align:left; font-size:11px}

.page-wrapper-noborders {background:white;border:1px solid #FFFFFF;border-top:0; margin:0 ; text-align:left; width:790px;  }
.page-wrapper {background:white;border:1px solid #9d998d;border-top:0; margin:0 auto; text-align:left; width:790px;  }
.page-wrapper-content {padding:0}

/* Main Content Area Contructors */
.main {width:100%}
.main-content {padding:0 0 10px 10px; text-align:left}

/* Global Page Header */
.header {background:#74b2e1 url(../images/header_bg.jpg) repeat-x bottom; clear:both; height:100px}
.header-content {padding:0}
.header h1 {display:inline}
.header h1 a {background: transparent url(../images/bonniershop_logo.gif) no-repeat 0 0; display:block; height:65px; left:15px; position:relative; top:35px; width:175px}
.header h1 a span {display:none}
.header .branding {background: transparent url(../images/bonnier_branding.gif) no-repeat 0 0; height:45px; left:620px; position:relative; top:-15px; width:162px} 

/* Global Page Footer */
.footer {background:#aba599; clear:both; text-align:left}
.footer-content {padding:0 0 2px 10px}
.footer-content cite {color:#e7e4db; font-size:10px; font-style:normal}

/* Side Bar Contructors */
.side-bar {float:left; width:145px}

/* Global row, col, and cell attributes on our imaginary CSS grid */
.row .col {margin-right:10px; float:left}
.row .col .cell {padding:0; font-size:11px} /*background:#eeffdd */
.row .col.last {margin:0 !important}

/* Core Grid Set Up  2*300=455+145=600 */
.A4, .B4 {width:610px}
.A3, .B3, .C3 {width:455px}
.A2, .B2, .C2, .D2 {width:300px}
.A1, .B1, .C1, .D1, .E1 {width:145px}
.F1 {width:145px}
.grid-wrapper {float:left; margin-left:10px; width:610px}
.grid-wrapper-popup {float:left; margin-left:10px; width:455px}

/* Frontpage Core Grid Set Up. 2*375=605+145=750  */
.FA3, .FB3, .FC3 {width:605px}
.FA2, .FB2, .FC2, .FD2 {width:375px}
.FA1, .FB1, .FC1, .FD1, .FE1 {width:145px}

/* Product list table (not grid due to problems with vertical alignment) */
.productlist table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
.productlist .productlistimage {position:relative; left:0; vertical-align:top}
.productlist .productlisttext {text-align:left; vertical-align:bottom}
.productfirst {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0}
.productimg {margin-top:0;padding-top:0;margin-bottom:4;padding-bottom:0;margin-right:15px}

/* Typography */
h1 {font:bold 20px Arial, Helvetica, Verdana, sans-serif;margin-bottom:0}
h1 a, h2 a {text-decoration:none; color:#bb5500}
h2 {font:bold 16px Arial, Helvetica, Verdana, sans-serif;margin-bottom:0}
h2.error-header {color:#dd0000}
h3 {font-size:10px;margin-bottom:0}
h4 {color:#cc6600; font-size:11px;margin-bottom:0}
small {font-size:10px}
cite {font-size:10px; font-style:normal}
blockquote {font-style:italic;margin:10px 0}
em {font-style:normal}
em.module-header {display:block; font-size:10px; margin-bottom:10px; padding-bottom:4px; text-transform:uppercase}
em.begin-paragraph {color:#cc6600; display:inline; font-weight:bold; font-size:11px; text-transform:uppercase}
em.members-only {color:#e00100; font-size:10px; font-weight:bold}
em.underlined {text-decoration:underline}

.first {margin-top:0;padding-top:0}
.manchet {color:#cc6600;display:block;margin-bottom:8px}

/* Prizes */
.floatLeftDiv {float:left;}
.prizefloatright {float:right;width:145px;margin: 0 0 10px 10px;padding: 10px}

/* Create an "arrowed link" element */
a.arrow-link {background: transparent url(../images/arrow_bullet.gif) no-repeat 0 4px; color:#333; font-size:10px; font-weight:bold; padding-left:10px; text-decoration:none}
a.arrow-link:hover {color:#999}

/* Create a bonniershop button link */
p.button-link {text-align:center;}
a.button-link {background: transparent url(../images/button_link_left.gif) no-repeat 0 0; color:white; font-size:10px; padding:0px 0 5px 20px; text-decoration:none}
#a.button-link, [null] {padding-top:3px}
a.button-link strong {background: transparent url(../images/button_link_right.gif) no-repeat top right; padding:3px 10px 5px 5px}
a.button-link strong span {cursor:pointer;height:18px}

/* When a sidebar is used WITHIN a grid-wrapper, knock it down circa 60 pixels */
.grid-wrapper-sidebar {margin-top:62px}
#anmeldelse .grid-wrapper-sidebar {margin-top:18px}

/* Container for defining and styling display of prices and savings */
.itemization {border-bottom:1px solid #666; padding:35px 0 1px 0}
.itemization table {width:145px}
.itemization th {text-align:left}
.itemization th, 
.itemization td {font-size:10px; padding:2px}
.itemization .cost {text-align:right}
.itemization .divider td {border-top:1px solid #666}
.itemization .total-savings td {color:#cc6600; font-weight:bold}

.itemization-noborders {border-bottom:0px solid #666; padding:10px 0 1px 0}
.itemization-noborders table
.itemization-noborders th {text-align:left}
.itemization-noborders th, 
.itemization-noborders td {font-size:10px; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:10px}
.itemization-noborders .cost {text-align:right}
.itemization-noborders .divider td {border-top:1px solid #666}
.itemization-noborders .total-savings td {color:#cc6600; font-weight:bold}

/* Don't automatically place a border around images that are hyperlinked */
a {color:#6699cc}
a img {border:0}

/* Form fields and layout */
form {margin:0;padding:0}
fieldset {border:0; margin:0; padding:0}
fieldset.highlighted {border:1px solid #cc6600; margin:0; padding:10px 10px 10px 10px}

legend {display:none}
label {cursor:pointer}
.terms-of-use {border:2px inset silver; height:80px; overflow:auto; padding:2px}
.input, textarea, label, input, select {font:normal 11px Verdana, Arial, sans-serif}

.customertext {font:normal 11px Verdana, Arial, sans-serif}

table.form td {padding:2px 0}
table.form input.text {width:215px}
table.form .postnr {width:50px}
table.form .short-field {width:100px}

/* Draw red error borders on form elements */
input.error, div.error, td.error, table.error {border:2px solid #ff8899 !important}
select.error {background-color:#ff8899; color:white !important}

/* Highlights a required form field */
span.required-field {background: transparent url(../images/required_bg.gif) no-repeat 0 3px}
span.required-field span {display:none}


/* A Handy Horizontal Rule Function */
.hr {clear:both !important; display:block; font-size:1px; height:15px; margin:0; padding:0}
.hr hr {display:none; margin:0; padding:0}
.page-break {height:30px}

/* Handy Border Function, for drawing borders on various elements (an hr for example) */
.strong-border {background-image: url(../images/solid_hr_bg.gif); background-repeat: repeat-x; background-position:center} /* Center is the default, can be modified using "top" or "bottom", see below */
.weak-border {background-image: url(../images/dotted_hr_bg.gif); background-repeat: repeat-x; background-position:center} /* Center is the default, can be modified using "top" or "bottom", see below */
.top {background-position:top}
.bottom {background-position:bottom}

/* Gift subscription / 2nd address module classes */
#shipping-address {display:none} /* Hide the 2nd address field by default */

.alt-address {height:115px;margin-bottom:13px;}
.alt-address .A2 {padding:10px 0}
.gift {background: #fff url(../images/gift_row_bg.jpg) no-repeat}
.gaveabonnementHeader {padding-top:20px; padding-left:10px; padding-bottom:25px;}
.gaveabonnementText {padding-left:10px;}

/* Global UL List properties */
ul.default {font-size:11px; margin:0; padding:0}
ul.default li {background-repeat:no-repeat; color:#333; font-size:10px; font-weight:bold; list-style:none; margin:0; padding:0}
ul.default li a {color:#333; text-decoration:none}
ul.default li a:hover {color:#999}
ul.default li a.active {color:#cc4d00; text-decoration:none}
ul.default li a.active:hover {color:#cc4d00}

/* The most common presentation of link lists (tiny double arrowed bullets) */
ul.link-list li {background-image:url(../images/arrow_bullet.gif)}
#ul.link-list li {background-position:0 9px; padding:0 0 0 10px}
#ul.link-list li, [null] {background-position:0 7px; padding:2px 0 3px 10px}
ul.link-list li {background-position:0 0.9em; padding-left:1em; padding-bottom:0.1em}

/* Enlarge image bullet, used for product close-ups, etc.. */
ul.zoom li {background-image:url(../images/zoom_bullet.gif)}
ul.zoom li {background-position:0 7px; padding:0 0 0 11px}
ul.zoom li, [null] {background-position:0 4px; padding:2px 0 3px 11px}

/* Error bullet, used for form errors */
ul.error li {background-image:url(../images/error_bullet.gif); color:#d50000}
ul.error li {background-position:0 7px; padding:0 0 0 11px}
ul.error li, [null] {background-position:0 4px; padding:2px 0 3px 11px}

/* Default Ordered Lists */
ol {font-size:11px; margin:0 0 10px 10px; padding:0 0 0 20px}
ol li {list-style:decimal !important;margin:4px 0;padding:0}
ol li span {color:#333}

/* CSS default library version .08 */
.align-left {text-align:left !important}
.align-right {text-align:right !important}
.align-center {text-align:center !important}
.background-none {background-image:none !important}
.display-none {display:none !important}
.visibility-hidden {visibility:hidden !important}
.float-left {float:left !important}
.float-right {float:right !important}
.nowrap {white-space:nowrap !important}
.strong {font-weight:bold !important}
.valign-top {vertical-align:top !important}
.valign-bottom {vertical-align:bottom !important}
.valign-center {vertical-align:middle !important}
.width-auto {width:auto !important}
.normal {font-weight:normal !important; font-style:normal !important}

/* Customer page */
div.postal {border:0px;font-size:10px; padding:2px; text-align:left; width: 100%;background-color:white}

/* Navigation */

/* A wrapper used for all list based navigation systems - Formats a UL into a handy, horizontal wireframe. */
/* Layout control is applied to the contained UL via a simple class */
.navigation {clear:both; background-color:#007cb8; width:100%; height:25px}
.navigation h6 {display:none}
.navigation ul {float:left; font-size:10px; text-transform:uppercase; margin:0; padding-left:0}
.navigation ul li {display:inline}
.navigation ul li a {border-right: 1px solid #fff; float:left; padding:5px 15px 6px 15px; text-decoration:none}
.navigation ul li a.active {background:#77acd4; color:white}
.navigation ul li a.active:hover {background:#77acd4; color:white}
.navigation ul li a.last {background-image:none !important;margin-right:0;border:none !important}
.navigation label {display:none}

/* Main Top Level Navigation. (This is the default styling, but it can be changed at runtime) */
ul.main-nav {background-color:#007cb8; border-top:1px solid white; color:#fff; font-weight:bold; margin:0 0 3px 0;width:620px}
ul.main-nav li a {color:#fff; text-decoration:none}
ul.main-nav li a:hover {background-color:#74b2e1; color:#fff}

/* Secondary Navigation (top of the page) */
ul.secondary-nav {color:#fff; background-color:#000; font-size:10px; width:100%}
ul.secondary-nav li a {background:transparent url(../images/secondary_nav_divider.gif) no-repeat right; border:0; color:#efefef; float:right; padding:6px 10px}
ul.secondary-nav li a:hover {color:#999}
ul.secondary-nav li a.first {padding-left:10px}

/* Vertical Sub Navigation (standard UL user interface is applied to list items, found in default.css */
.sub-navigation {clear:both; border:1px solid #e5e3de}
.sub-navigation h5 {background:#e5e3de; color:#5a5a5a; display:block; font-size:10px; font-weight:normal; margin:0; padding:4px 5px 5px 5px; text-transform:uppercase}
.sub-navigation ul {font-size:11px; margin:5px 0 10px 5px !important; padding-left:1px}
.sub-navigation h6 {color:#cd6702; font-size:10px; font-weight:bold; margin:0; padding:4px 5px 0px 5px; text-transform:uppercase}
.sub-navigation small {display:block; font-size:10px; font-weight:normal; margin:0; padding:4px 5px 5px 5px}

/* styles for christmas page */
.christmasBar {
	height:200px;
	margin-bottom:1px;
	color:#FFFFFF;
	width:728px;
}

.christmasProduct {
	background:url(../images/kant.gif) 3px;
    background-position:0 2px;
	height:136px;
	background-repeat:no-repeat;
	padding-top:0px;
}

.christmasProductImage {
	float:left;
	width:85px;
	padding-left:11px;
	margin-top:8px;
}

.christmasProductText {
	float:left;
	padding-top:38px;
	padding-left:10px;
	width:248px;
}

.productTitle {
	margin-bottom:5px;
	font-weight:bold;
	font-size:15px;
	line-height:17px;
	white-space: normal;
	padding-right:25px;
}

.productOffer {
	color:#CC0000;
	background-image:url(../images/arrow_bullet_christmas.gif);
	background-repeat: no-repeat;
	background-position:0 0.5em; padding-left:1em; padding-bottom:0.1em;
	font-size:13px;
	padding-right:25px;
}

.christmasLink {
	color:#CC0000;
	text-decoration:none
}

.christmasLink:hover, .christmasLink:active {
    color:#909090;
}

.christmasBottomBar {
	background:url(../images/christmasBg.gif);
	background-repeat: repeat;
	height:48px;
	width:728px;
	margin-top:1px;
}

.christmasBottomBarText {
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
	padding-top:7px;
}

.christmasSeperator {
	height:2px;
	background-color:#900;
	width:728px;
}

.hr-christmas {clear:both !important; display:block; font-size:1px; height:10px; margin:0; padding:0}
.hr-christmas hr {display:none; margin:0; padding:0}

.christmasPrice {
    font-weight:bold;
}

.christmasFullWidth {
    width:748px;
}

.christmasHalfWidth {
    width:369px;
}

.christmas-grid-wrapper {float:left; margin-left:20px; width:748px}