/* Fancybox */
@import url(fancybox/jquery.fancybox.css);

/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 16px; 0; }

/*
 * Hyperlinks
 */
a { text-decoration: none; overflow: hidden; color: #41843E; }
a:hover, a:focus { color: #93C642; }

/*
 * General Document Settings
 */
html { /*background: #8bbe2e;*/ height: 100%; }
body { color: #333; font: 12px/16px "Lucida Sans Unicode", Helvetica, Arial, sans-serif; background: #8bbe2e url(../images/background.gif) repeat-y 50% 0; min-height: 100%; }
#rockeringer { background-image: url(../images/background-rock.gif); background-color: #ed581c; }
#wrap { background: #fff url(../images/bgcontainer.gif) 100% 0 repeat-y; margin: 0 auto; width: 888px; }
#rockeringer #wrap { background-image: url(../images/rock-bgcontainer.gif); }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 1em 0 .5em 0; color: #41843E; }
h1 { font-size: 18px; line-height: 24px; margin-top: 0; }
h2 { font-size: 16px; line-height: 20px; }
h3 { font-size: 14px; line-height: 18px; }

/*
 * Lists
 */
ul { margin-left: 2.2em; }
ul li { list-style-image: url(../images/li.gif); }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

/*
 * Definition List
 */


/*
 * Table
 */
table { border-collapse: collapse; border: 1px solid #999; width: 100%; }
caption, th, td { text-align: left; padding: 4px; }
th, td { border: 1px solid #999; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; color: #555; width: 200px; }
.feEditAdvanced-allWrapper input { width: auto; }
textarea { width: 400px; height: 200px; }
.checkbox { width: auto; }
fieldset { border: 1px solid #CCDF99; padding: 10px 20px; background: #EEFFBF; display: inline-block; overflow: hidden; }
fieldset { display: block; }
legend { display: none; }
label { display: block; }

form ol { margin: 0; }  
form li { list-style: none; }  
form li label { display: block; }  
form .inline label { display: inline; }  
form .inline input { margin-right: 1em; }  

.tx_powermail_pi1_fieldwrap_html { margin-bottom: 10px; }
.tx_powermail_pi1_fieldwrap_html_submit input, .submit { width: auto; }
.powermail_mandatory_js { color: red; }

/*
 * Header
 */
#header { height: 104px; background: #fff url(../images/logo.png) no-repeat 0 0; font-size: 24px; }
#header a { display: block; height: 104px; line-height: 100px; text-decoration: none; text-indent: 9999px; padding: 0 14px; }

#rockeringer #header { background-image: url(../images/logo-rock.png); }

/*
 * Nav
 */
#column { float: right;  width: 250px; display: inline; margin-bottom: 30px; }
#nav { margin-left: 1px; }
div #nav h1 { font-size: 14px; margin: 0; }
div #nav h1 a, div #nav h1 span { background: #93C642; color: #FFF; line-height: 24px; }
#nav ul { margin: 0; padding: 0; }
#nav li { list-style: none; list-style-image:none; }
div #nav a, div #nav span { border-bottom: 1px solid #C5DF7D; color: #553; display: block; padding: 8px 4px 8px 12px; text-decoration: none; }
div #nav h1 a:hover, div #nav h1 a:focus, div #nav h1.active a { background: #41843E; color: #fff; }
div #nav li a:hover, div #nav li a:focus, div #nav li.active a { background: #C5DF7D; color: #3A4F00; border-color: #A2BF53; }

#nav li ul { background: #D3E0AF; padding: 5px 0; }
#nav li li { font-size: 10px; line-height: 14px; }
#nav li li a { padding: 2px 8px 2px 24px; border: 0; background: none !important; }
#nav li li a:hover, #nav li li a:focus { text-decoration: underline; }
#nav li li.active a { font-weight: bold; }

#nav li li.active ul { border-left: 3px solid #C5DF7D; margin-left: 30px; padding: 0; }
#nav li li.active li a { font-weight: normal; padding: 0 0 0 5px; }
#nav li li.active li.active a { font-weight: bold; }

#rockeringer #nav a { background: #BF5D3B; }
#rockeringer #nav a:hover, #rockeringer #nav a:focus, #rockeringer #nav h1.active a { background: #9F3713; }
#rockeringer #nav li a { background: #EFD9D1; color: #9F3713; border-color: #DF967D; }
#rockeringer #nav li a:hover, #rockeringer #nav li a:focus, #rockeringer #nav li.active a { color: #9F3713; background: #DFB5A7; }
#rockeringer #nav li ul { background: #EFE4E0; }

/*
#nav #n-9 a { background: #BF5D3B; }
#nav #n-9 a:hover, #nav #n-9 a:focus, #nav #n-9 h1.active a { background: #9F3713; }
#nav #n-9 li a { background: #EFD9D1; color: #9F3713; border-color: #DF967D; }
#nav #n-9 li a:hover, #nav #n-9 li a:focus, #nav #n-9 li.active a { color: #9F3713; background: #DFB5A7; }
#nav #n-9 li ul { background: #EFE4E0; }
*/


/*
 * Content
 */
#content { float: left; width: 577px; padding: 30px; }

.csc-textpic-image, .csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; }
.csc-textpic-image dt { display: block !important; border: 1px solid #41843E; padding: 5px; }
#rockeringer .csc-textpic-image dt { border-color: #9F3713; }

/*
 * Footer
 */
#footer { background: url(../images/footer.png) repeat-x; color: #FFF; font-size: 1.1em; line-height: 39px; text-align: center; clear: both; }
#footer a {color: #FFF;}
#footer a:hover, #footer a:focus {color: #FAFCB0; }

#rockeringer #footer { background-image: url(../images/footer-rock.png); }

/*
 * Items
 */
.list-wrap { display: inline-block; overflow: hidden; position: relative; margin-left: -12px; }
.list-wrap { display: block; }
.list-wrap h1 { margin-left: 12px; }

.item { float: left; display: inline; width: 134px; text-align: center; display: inline; margin: 0 0 20px 13px; font-size: 11px; }
.item a { display: block; border: 1px solid #C5DF7D; height: 215px; }
.item .image { display: block; height: 157px; line-height: 157px; }
.item .image img { vertical-align: middle; }
.item .title { height: 50px; line-height: 50px; display: block; padding: 5px; }
.item .title span { display: -moz-inline-box; display: inline-block; vertical-align: middle; line-height: 16px; }

/*
 * Single
 */
#single .image { float: left; width: 250px; text-align: center; }
#single .text { overflow: hidden; }
.variant { margin-bottom: 10px; }
.buy { text-align: right; }
.buy label { display: inline; }
.buy .quantity { zpadding: 1em 0 2em 0; margin-bottom: 10px; }
.buy .quantity input { width: 30px; text-align: center; }
.buy h2 { text-align: right; margin-bottom: 10px; padding: 0 20px; font-size: 20px; display: inline; }
.buy h2 span { color: #545454; font-weight: normal; font-size: 12px; }
.buy .submit {  }

.pdf { padding-top: 20px; }
.pdf a { display: block; width: 90px; margin: 0 auto; background: url(../images/icon-pdf.png) no-repeat 0 50%; padding-left: 32px; line-height: 40px; text-align: center; }

#special-price { display: none; }
#normal-price.special { color: red; }

/*
 * Mini Cart
 */
#mini-cart { background: #fff; text-align: center; font-size: 11px; padding-bottom: 20px; }

/*
 * Shopping Cart
 */
.cart-table { border: 0; }
.cart-table td, .cart-table th { border: 0; border-bottom: 1px solid #41843E; text-align: center; }
.cart-table .title { width: 150px; text-align: center; }
.cart-table .title img { margin-bottom: 5px; }
.cart-table .title a { display: block; text-align: center; padding-bottom: 5px; }
.cart-table .price-quant { text-align: center; }
.cart-table .quantity { width: 30px; text-align: center; }
.cart-table .del { display: block; width: 16px; height: 16px; margin: auto; background: url(../images/delete.png) no-repeat 0 0; text-indent: -9999px; }

/*
 * Rockeringer
 */
#rockeringer a { color: #9F3713; }
#rockeringer a:hover, #rockeringer a:focus { color: #BF5D3B; }
#rockeringer h1, #rockeringer h2, #rockeringer h3, #rockeringer h4, #rockeringer h5, #rockeringer h6 { color: #9F3713; }
#rockeringer .item a { border-color: #BF5D3B; }

.button { float: right; background: url(../images/button.png) no-repeat 100% 0; height: 38px; padding-right: 4px; }
.button input { background: url(../images/button.png) no-repeat 0 0; height: 38px; padding: 0 4px 0 8px; border: 0; color: #fff; font-size: 14px; cursor: pointer; width: auto; }

.back { float: left; }
.back input { background: none; border: 0; color: #41843E; padding: 0; width: auto; height: auto; cursor: pointer; height: 38px; }

/*
 * Steps
 */
.tt-products dl { display: inline-block; overflow: hidden; }
.tt-products dl { display: block; }
.tt-products dt { float: left; width: 150px; clear: left; }
.tt-products dd { margin-left: 150px; margin-bottom: 5px; }

.trading_conditions label { display: inline; }
.price_summary strong { color: #41843E; font-size: 20px; }

.order_data dt { width: 250px; }
.order_data dd { margin-left: 250px; }

/*
 * Admin Panel
 */
.typo3-adminPanel { width: auto; position: absolute; left: 10px; bottom: 10px; }
.typo3-adminPanel td { padding: 2px; }
.typo3-adminPanel input { color: #000; }

/* 
 * Order
 */
input { margin-bottom: 10px; }
#billing_zip, #delivery_zip { width: 38px; }
input.error { background: #ffc1c1; border-color: red; }
label.error { color: red; display: inline; padding-left: 20px; }
 
/*
 * Slideshow
 */

.slideshow .csc-textpic-image { float: none; }
.noborder .csc-textpic-image dt { border: 0 ; padding: 0; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap-special { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap-special .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap-special { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap-special { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap-special { float: left; margin-right: 15px; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap-special { float: right; margin-left: 15px;}

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap-special { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap-special { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

div .csc-textpic-intext-left ol, div .csc-textpic-intext-left ul { height: auto; padding: 0; overflow: visible; }

/*
 * Bring
 */
.bring {
  display: none;
  margin-top: 5px;  
}

.tx-iumbringshippingcalculator-pi1 {
  background: url(../images/bring-logo.png) no-repeat 0 0;
  padding-top: 60px;
}

.empty {
  background: #fff;
  zoom: 1;
  overflow: auto;
}

.empty label {
  padding: 12px 0;
}

.empty .invalid {
  color: red;
}

.empty .valid {
  color: #41843E;
  font-size: 18px;
  font-weight: bold;
}

.empty #feEditAdvanced-container,
.empty #TSFE_ADMIN_PANEL_FORM { 
  display: none;
}

.empty #postTo {
  width: auto;
}

.bring-items { padding: 0; }
.bring-items ul { margin: 0; }
.bring-items li { zoom: 1; position: relative; padding: 5px 20px 5px 30px; border: 1px solid #CCDF99; }
.bring-items li:hover { background: #ddedad; }
.bring-items label { padding: 0; }
.bring-items .info { float: right; line-height: 18px; text-align: right; padding-top: 2px; margin-left: 10px; }
.bring-items .info strong { font-size: 18px; }
.bring-items .info em { font-style: normal; font-weight: bold; }
.bring-items input[type=radio] { position: absolute; margin: 0; width: auto; left: 10px; top: 10px; }
.bring-items h1 { margin: 0; font-size: 14px; }
.bring-items h1 + p { margin: 0; }
.bring-items .description { display: none; padding-top: 20px; }
.bring-items .active .description { display: block; }
.bring-items .delivery { font-size: 12px; }

pre {
  background: #fff;
}