/* RESET
----------------------------------------------------------*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html
{
    overflow-y: scroll;
}

body
{
	background: #f9f9f9 url('images/background.png') repeat-x top left;
    font-size: 13px;
    font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, Sans-Serif;
    color: #3f4144;
}

/* LINKS   
----------------------------------------------------------*/

a
{
    color: #7d9e21;
    text-decoration: none;
}

a:hover
{
    color: #7d9e21;
    text-decoration: underline;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #444444;
    margin: 0px 0 10px 0;
    clear: both;
}

h1
{
    font-size: 1.5em;
    color: #56585b;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#header, #page, #footer
{
    display: block;
    width: 946px;
    margin-left: auto;
    margin-right: auto;
}

/* TAB MENU   
----------------------------------------------------------*/

ul#menu
{
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 28px;
	margin-top: 24px;
	height: 22px;
	width: 500px;
	font-size: 13px;	
}

ul#menu li
{
	float: left;
	padding: 0;
	margin: 0;
	margin-right:9px;
}

ul#menu li:hover, ul#menu li.active
{
    float: left;
    height: 22px;
    background-color: #d6552c;
    background-image: url(images/menu-left.gif);
    background-position: top left;
    background-repeat: no-repeat;    
    padding: 0;
}

ul#menu li a:link, ul#menu li a:visited
{
    display: block;
    color: #ffffff;
    padding-left: 13px;
    padding-right: 13px;
    line-height: 22px;
}

ul#menu li:hover a, ul#menu li.active a
{
    background-image: url(images/menu-right.gif);
    background-position: top right;
    background-repeat: no-repeat;
    text-decoration: none;
}

/* greeting message
----------------------------------------------------------*/
#logged_in_message
{
    color: #d6552c;
    font-weight: bold;
    float: right;
    position: relative;
    top: 28px;
    right: -90px;
}

#home_greeting_message,
#catalog_greeting_message
{
    color: #d6552c;
    font-weight: bold;
    font-size: 18px;
}

#home_greeting_message
{
    position: relative;
    left: 25px;
    margin-bottom: 20px;
}

#catalog_greeting_message
{
    padding-top: 10px;
    padding-bottom: 17px;
}

/* shopping cart
----------------------------------------------------------*/

#shoppingCart
{
    width: 203px;
    height: 56px;
    margin-top: 8px;
    padding-top: 9px;
    line-height: 1;
    background-image: url(images/shopping-cart.gif);
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 10px;
    color: #ffffff;
    cursor: pointer;
}

#shoppingCartSummary
{
    float: left;
    display: inline;
    margin-left: 53px;
    width: 102px;
}

#shoppingCartVert
{
    position: fixed;
    top: 101px;
    right: 0;
    z-index: 1000;
    height: 100px;
    width: 68px;    
    line-height: 1.5;
    background-image: url(images/shopping_cart_vertical.png);
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 10px;
    color: #ffffff;
    padding-top: 9px;
    padding-left: 10px;
    cursor: pointer;
}

#shoppingCartSummaryVert
{
    margin-top: 8px;
}

.total
{
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}

table.gray
{
    font-size: 12px;
}

table.gray tbody td, table.gray thead th
{
	padding: 5px 5px;
}

table.gray tbody .borders
{
    border-top: #cecece 1px solid;
    border-bottom: #cecece 1px solid;
}

table.gray tbody .borderbottom
{
    border-bottom: #cecece 1px solid;
}

table.gray .prodproplist
{
    float: left;
    font-size:11px;
    margin-left: 12px;
    width: 45%;
}

table.gray .prodname
{
    font-size: 13px;
    font-weight: bold;
    display: block;
}

table.gray .prodprop
{
    float: left;
    margin-top: 3px;
    width: 100%;
    font-weight: bold;
    color: #5b5b5b;
}

table.gray .propval
{
    float: left;
    width: 100%;
    color: #5b5b5b;
}

/* page content
----------------------------------------------------------*/

.column_left
{
    float: left;
    width: 195px;
}

.column_right
{
    float: left;
}

.one_column
{
    display: block;
    width: 946px;
}

.column_content,
.full_column_content
{
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    
}

.column_content
{
    padding: 19px 24px 25px 24px;
}

#band1_container
{
    background-color: #d7e3b6;
    border-left: 1px solid #dbdbdb;
    height: 100%;
}

#catalog_container
{
    background-color: #cfd0cd;
    border-left: 1px solid #dbdbdb;
    height: 100%;
}

.partner_box
{
    background: #f9f9f9 url('images/partner-box-background.jpg') repeat-x top left;
    border: 1px solid #dbdbdb;
    padding: 15px 12px 15px 10px;
    margin-left: 7px;
    margin-top: 18px;
    width: 169px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.price_box
{
    border: 1px solid #ababab;
    padding: 15px 10px 15px 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#add_to_shoppingcart
{
    width: 135px;
    margin-top: 15px;
    color: #ffffff;
}

#add_to_shoppingcart span
{
    display: block;
    padding-top: 6px;
    padding-left: 8px;
}

.white-box
{
    background-color: #ffffff;
    border-right: 1px solid #dbdbdb;
    border-left: 2px solid #e5e5e5;
    width: 720px;
    padding-left: 27px;
    vertical-align: top;
}

.white-box .text 
{
    margin-left: 58px;
    width: 346px;
    font-size: 12px;
    clear: left;
}

#designs
{
    float: left;
}

#big_preview
{
    position: absolute;
    border: 1px solid #bababa;
    width: 180px;
    height: 180px;
    z-index: 1000;
}

#big_preview img
{
    display: block;    
}

#design_author
{
    margin-top: 1px;
    background: white;
    font-size: 8px;
    color: #7b7b7b;
}

.mydesign
{
    float: left;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 105px;
    height: 105px;
    overflow: hidden;
}

#configurator
{
    position: relative;
    margin-left: 11px;
    margin-bottom: 10px;
    width: 599px;
}

#select_design_hint
{
    position: absolute;
    top: 35px;
    z-index: 1000;
}

#producers_list
{
    float: left;
    display: inline;
    margin-left: 40px;
    margin-bottom: 18px;
    width: 599px;
}

#producers_list table th
{
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
}

#producers_list table tbody td
{
	padding: 2px 5px;
}

#product_editor
{
    font-size: 13px;
}

#show_all_designs
{
    display: block;
    float: left;
    cursor: pointer;
    background: url(images/choose_design.png) top left no-repeat;
    width: 352px;
    height: 76px;
}

#show_products_dlg
{
    display: block;
    float: left;
    cursor: pointer;
    background: url(images/choose_product.png) top left no-repeat;
    width: 352px;
    height: 76px;
}

#show_products_dlg:hover
{
    background-position: 0 -76px;
}

#show_products_dlg:active
{
    background-position: 0 -152px;
}

/* footer
----------------------------------------------------------*/

#footer
{
    margin-top: 17px;
    border-top: 1px solid #d4d4d4;
    padding-top: 17px;
    color: #b9b9b9;
    font-size: 12px;
}

#footer-left
{
    float: left;
    margin-left: 20px;    
}

#footer-right
{
    float: right;
    margin-right:20px;
    text-align: right;
}

#footer-right a
{
    border-left: #dbdbdb 1px solid;
    padding-left: 10px;
    padding-right: 10px;
}

#footer-right a.first
{
    border-left: 0;
}

#footer-right a.last
{
    padding-right: 0;
}

/* elements of the left column
----------------------------------------------------------*/

#designCategoriesContainer
{
    width: 180px;
    height: 137px;
    overflow-x: hidden;
    overflow-y: auto;
}

#designCategoriesLinks
{
    width: 158px;
    border-right: 1px solid #c1d192;    
}

#designCategoriesLinks a
{
    width: 145px;
}

.menu_green
{
    margin: 5px 0 5px 7px;
}

.menu_green h3
{
    margin: 5px 0 15px 12px;
    color: #7d9e21;
}

.menu_green a
{
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    color: #6c9201;
    padding-left: 12px;
    background-image: url(images/green-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin-bottom: 1px;
	text-transform: capitalize;
}

.menu_green a:hover, .menu_green a.active
{
	background-image: url(images/green-hover.gif);
	color: #ffffff;
	text-decoration: none;
	text-transform: capitalize;
}

#catalog_categories_container
{
    margin-bottom: 10px;
}

#catalog_categories_container a
{
    display: block;
    width: 172px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    color: #56585b;
    padding-left: 9px;
    margin-left: 7px;
    background: url(images/select_product_bg.gif) top left no-repeat;
    margin-top: 1px;
}

#catalog_categories_container a:hover, #catalog_categories_container a.active
{
	background-image: url(images/select_product_bg_hover.gif);
	color: #ffffff;
	text-decoration: none;
	text-transform: capitalize;
}

#preconfigured_products_box
{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
	z-index: 1;
}

#preconfigured_products_title
{
    font-size: 16px;
    color: #636363;
    font-weight: bold;
}

#preconfigured_products_buttons
{
    height: 75px;
    position: relative;
	z-index: 2
}

#self_configure_box
{
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 35px;
    padding-left: 7px;
    border: 1px solid #7ca02b;
    background-color: #f7faf1;
}

.calatog_navigation
{
    margin-top: 15px;
    width: 677px;
    height: 23px;
    background: url(../../Content/images/catalog_navigation_bg.gif) repeat-x;
    border: 1px solid #c3c3c3;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 5px;
}

#producer_login
{
    display: block;
    width: 172px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    color: #cd451a;
    padding-left: 9px;
    margin-left: 7px;
    /*background: url(images/producer_login_bg.gif) top left no-repeat;*/
    margin-top: 1px;
}

a#producer_login:hover
{
	/*background-image: url(images/producer_login_bg_hover.gif);*/
	background-color: #cd451a;
	color: #ffffff;
	text-decoration: none;
	text-transform: capitalize;
}

/* the select product dialog
----------------------------------------------------------*/
div.product_categories_dlg_item
{
    display: block;
    border:1px solid #dadada;
    background-color:#ebebeb;
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    width: 75px;
    height: 75px;
}

/* the product view
----------------------------------------------------------*/

#prod_imgs
{
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}

#prod_previews_block
{
    /* needed for ie6 and ie7 */
    text-align: center;
}

.prod_preview
{
    border-left: 1px solid #babab8;
    border-right: 1px solid #babab8;
    border-bottom: 1px solid #babab8;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.preview_container
{
    margin-left: auto;
    margin-right: auto;
}

#prod_properties
{
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#configurator_help_pos
{
    float: left;
    position: relative;
    top: 18px;
    z-index: 1;
}

#configurator_help_button
{
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/configurator_buttons.png) no-repeat 0 0;
    background-position: 0 -82px;
}

#configurator_help_button:hover
{
    background-position: -15px -82px;
}

#configurator_help_button:active
{
    background-position: -30px -82px;
}

#configurator_help
{
    position: absolute;
    z-index: 1;
    width: 315px;
    text-align: left;
    font-size: 12px;
    line-height: 1.2; 
}

.fb_like
{
    float: left;
    margin-left: 11px;
    margin-bottom: 15px;
}

.prod_info_graphic
{
    margin-left: 7px;
    margin-top: 40px;
    margin-bottom: 15px;
    width: 246px;
    min-height: 350px;
}

.prod_description
{
    float: left;
    width: 599px;
    text-align: left;
    font-size: 12px;
    margin-left: 11px;
    margin-bottom: 25px;
}

.values_descr
{
    position: absolute;
    float: left;
    z-index: 9000;
    width: 315px;
    text-align: left;
    font-size: 12px;
    line-height: 1.5; 
}

.values_descr_content
{
    padding: 0 25px 10px 20px;
    background: url(images/values_descr_right_bg.png) repeat-y;
    background-position: 100% 0;
}

.top_left_corner
{
    background: url(images/values_descr_bg.png) no-repeat;
    background-position: 0 -18px;
    display: block;
    width: 100%;
    height: 18px;
    float: left;
}

.top_right_corner
{
    background: url(images/values_descr_bg.png) no-repeat;
    background-position: 100% 0;
    display: block;
    width: 297px;
    height: 18px;
    float: right;
}

.bottom_left_corner
{
    background: url(images/values_descr_bg.png) no-repeat;
    background-position: 0 -36px;
    display: block;
    width: 100%;
    height: 24px;
    float: left;
}

.bottom_right_corner
{
    background: url(images/values_descr_bg.png) no-repeat;
    background-position: 100% -60px;
    display: block;
    width: 297px;
    height: 24px;
    float: right;
}

/* page elements
----------------------------------------------------------*/

.breadcrums
{
    margin-bottom: 15px;
}

.info-box
{
    background-color: #eeeeee;
    padding: 15px 15px;
    font-size: 13px;
}

div.button-register
{
    background-image: url(images/button-login.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 153px;
    height: 35px;
    float: left;
    color: #ffffff;
    padding-left: 12px;
    padding-top: 6px;
    margin-top: 7px;    
    line-height:14px;
}

div.button-register a
{
    color: #ffffff;
    text-decoration: none;
}

.producerPayment
{
    margin-bottom: 19px;
    font-size: 13px;
}

.labeltext
{
    display: block;
    float: left;
    width: 150px;
    font-weight:bold;
}

.up, .down
{
    display: block;
    width: 18px;
    height: 12px;
    background: url(images/up-down.gif) no-repeat 0 0;
    text-indent: -9999px;
}

.down
{
    margin-top: 2px;
    background-position: 0 -12px;
}

.left, .right
{
    display: block;
    width: 12px;
    height: 18px;
    background: url(images/left-right.gif) no-repeat 0 0;
    text-indent: -9999px;
}

.right
{
    margin-left: 2px;
    background-position: -12px 0;
}

.prod_prop
{
    text-align: center;
}

.prod_prop.selected
{
    background-color: #b9bab8;
}

.prod_prop a
{
    display: block;
    color: #56585b;
    text-decoration: none;
}

.prod_prop.selected a
{
    cursor: default;
}

li.product_thumb_view
{
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    width: 83px;
    height: 107px;
    overflow: hidden;
    margin-right: 15px;
}

li.product_thumb_view a
{
    padding: 3px 3px 0 3px;
    display: block;
    text-decoration: none;
}

li.product_thumb_view a:hover, li.product_thumb_view.selected a
{
    background-color: #e5e5e5;
}

li.product_thumb_view img
{
    background-color: #ffffff;
    border:1px solid #dadada;
}

li.catalog_product_preview,
li.catalog_preconfigured_product
{
    float: left;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
    overflow: hidden;
}

li.catalog_product_preview
{
    width: 132px;
    height: 165px;
}

li.catalog_preconfigured_product
{
    width: 168px;
    height: 240px;
}

li.catalog_product_preview a,
li.catalog_preconfigured_product a
{
    padding: 5px 0 7px 0;
    display: block;
    color: #7d9e21;
}

li.catalog_product_preview a:hover,
li.catalog_preconfigured_product a:hover
{
    background-color: #e5e5e5;
    text-decoration: none;
}

li.catalog_product_preview a span,
li.catalog_preconfigured_product a span
{
    text-decoration: underline;
}

li.catalog_product_preview img,
li.catalog_preconfigured_product img
{
    margin: 0 auto;
    display: block;
    background-color: #ffffff;
    border:1px solid #dadada;
}

#category_breadcrumbs
{
    margin-left: 9px;
    margin-bottom: 20px;
}

#category_breadcrumbs, #category_breadcrumbs a
{
    color: #7d9e21;
    font-size: 12px;
    font-weight: bold;
}

#configurator_breadcrumbs
{
    float: left;
    position: relative;
    margin-left: 9px;
    margin-bottom: 14px; 
    z-index: 100;
}

#configurator_breadcrumbs, #configurator_breadcrumbs a
{
    color: #7d9e21;
    font-size: 12px;
    font-weight: bold;
}

#category_breadcrumbs a,
#configurator_breadcrumbs a
{
    text-decoration: underline;
}

#product_title
{
    position: relative;
    margin-left: 9px;
    height: 35px;
    font-weight: bold;
}

#main_page_catalog
{
    float: left;
    display: block;
    width: 205px;
    overflow: hidden;
}

#main_page_catalog_content
{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    height: 254px;
}

#specials
{
    margin-left: 15px;
}

#tip
{
    background-image: url(../../Content/specials/rahmen_tip.gif);
    width: 209px;
    height: 210px;
    margin-top: 5px;
}

.tip_content
{
    width: 175px;
    height: 140px;
    overflow: hidden;
    margin-left: 18px;
    margin-top: 27px;
}

#top3
{
    background-image: url(../../Content/images/top3.gif);
    width: 641px;
    height: 209px;
}

.top3_entry
{
    float: left;
    text-align: center;
    width: 173px;
    height: 192px;
    overflow: hidden;
    margin-left: 30px;
    margin-top: 25px;
}
    
.top3_entry a
{
    display: block;
    text-decoration: none;
}

#home_page_description
{
    margin-top: 20px;
    clear: both;
}

.info_box
{
    margin-top: 20px;
    margin-right: 60px;
    margin-bottom: 20px;
    float: left;
    display: block;
    width: 260px;
}

.info_box_content
{
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 5px 15px;
    height: 60px;
}

.info_box_title
{
    color: #7d9e21;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.policy_size
{
    width: 675px;
    height: 400px;
}

.policy
{
    background-color: #eeeeee;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

label
{
    display: block;
    font-weight: bold;
    margin: 5px 0 2px 0;
}

label.inline 
{
    display: inline;
}

label.normal
{
    display: inline;
    font-weight: normal;
    margin: 0;
}

input[type="text"], input[type="password"]
{
    width: 200px;
}

input[type="checkbox"]
{
    margin: 0;
}

textarea
{
	display: block;
	height: 100px;
	width: 300px;
}

input[type="text"].disabled
{
    background-color: #cfd0cd;
}

input[type="text"].postalcode
{
	width: 50px;
}

input[type="text"].city
{
	width: 140px;
}

.button, .button_wk
{
    border-style: solid;
    border-width: 1px;
    border-color: #8a8a8a #898f77 #898f77 #8a8a8a;
    cursor: pointer;
    width: 100px;
    height: 22px;
    color: #ffffff;
    background-image: url(images/button-bg.png);
    background-position: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.button_wk
{
    height: 30px;
    background-image: url(images/button-in-warenkorb-bg.png);
}

.button::-moz-focus-inner
{
    border: none;
}

/*  
----------------------------------------------------------*/

table
{
    font-size: 1em;
}

table th
{
    background-image: url(images/headers-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    text-align: left;    
    vertical-align: middle;
}

table tbody td 
{
	vertical-align: middle;	
}

table tr.row-alternate
{
	background-color: #e4e4e4; 
}

.withborder th, .withborder td
{
    border: 1px solid #cecece;
}

/* MISC  
----------------------------------------------------------*/

#overview_prods
{
    float: left;
    width: 65%;
}

#overview_shipto
{
    float: left;
    width: 30%;
}

.payment-useonall
{
    float: left;
    position: relative;
    top: 50px;
    padding: 10px 10px 10px 10px;
    background: #ff9622;
}

.cursor_pointer
{
    cursor: pointer;
}

.hidden
{
    display: none;
}

.line-through
{
    text-decoration: line-through;
}

.clear
{
    clear: both;
}

.loading_background
{
    background: white url(images/loading-small.gif) 50% 50% no-repeat;
}

.white_background
{
    background: white;
}

.wait_background
{
    background: url(images/loading-small.gif) 50% 50% no-repeat;
}

.error
{
    color: #ff0000;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
	padding: 10px 10px 10px 35px;
	margin: 10px 0;
	border: 1px solid #dfdfdf;
	color: #ff0000;
	font-weight: bold;
	background: #fcf9ce url(icons/error.gif) 5px 6px no-repeat;
}

.errorMessage, .warningMessage, .infoMessage
{
	padding: 10px 10px 10px 35px;
	margin: 5px 0;
	border: 1px solid #DFDFDF;
	color: #333333;
	font-weight: bold;
}

.errorMessage
{
	background: #fcf9ce url(icons/error.gif) 5px 6px no-repeat;
}

.warningMessage
{
	background: #fcf9ce url(icons/exclamation.gif) 5px 6px no-repeat;
}

.infoMessage
{
	background: #fcf9ce url(icons/info.gif) 5px 6px no-repeat;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}