body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0;
	margin:0;
	text-align: center;

	background: url(../images/background.png) repeat-x;
	
	color: #666666;
}

a {	cursor: pointer; }
:focus { outline: none; }
td { font-size: 11px; vertical-align: top; }
ul { margin-top: 5px; }
li { line-height: 1.3em; }
form { display: inline; }
img { border: 0; }
h3 { font-size: 13px; }

/* FONTS */

@font-face {
	font-family: 'CaeciliaRoman';
	src: url('../fonts/pmn_caecilia_lt_55_roman-webfont.eot');
	src: local('?'), url('../fonts/pmn_caecilia_lt_55_roman-webfont.woff') format('woff'), url('../fonts/pmn_caecilia_lt_55_roman-webfont.ttf') format('truetype'), url('../fonts/pmn_caecilia_lt_55_roman-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CaeciliaBold';
	src: url('../fonts/pmn_caecilia_lt_75_bold-webfont.eot');
	src: local('?'), url('../fonts/pmn_caecilia_lt_75_bold-webfont.woff') format('woff'), url('../fonts/pmn_caecilia_lt_75_bold-webfont.ttf') format('truetype'), url('../fonts/pmn_caecilia_lt_75_bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CaeciliaLight';
	src: url('../fonts/pmn_caecilia_45_light-webfont.eot');
	src: local('?'), url('../fonts/pmn_caecilia_45_light-webfont.woff') format('woff'), url('../fonts/pmn_caecilia_45_light-webfont.ttf') format('truetype'), url('../fonts/pmn_caecilia_45_light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CaeciliaHeavy';
	src: url('../fonts/pmn_caecilia_lt_85_heavy-webfont.eot');
	src: local('?'), url('../fonts/pmn_caecilia_lt_85_heavy-webfont.woff') format('woff'), url('../fonts/pmn_caecilia_lt_85_heavy-webfont.ttf') format('truetype'), url('../fonts/pmn_caecilia_lt_85_heavy-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GENERAL */

div.centered {
	position: relative;
	margin: 0px auto 0 auto;
	width: 920px;

	text-align: left;

	padding: 20px 10px 10px 10px;
}

div.flags {
	position: absolute;
	right: 45px;
	top: 6px;
}

div.flags div.flag {
	float: right;

	width: 29px;
	height: 15px;
	
	margin-right: 10px;

	background: url(../images/flags.png);

	opacity: 0.2;
	filter: alpha(opacity = 20);
}

div.flags div.flag_nl { background-position: 0px 0px; }
div.flags div.flag_en { background-position: -29px 0px; }
div.flags div.flag_de { background-position: -58px 0px; }
div.flags div.flag_fr { background-position: -87px 0px; }
div.flags div.flag_be { background-position: -116px 0px; }

div.flags div.flag_active, div.flags div.flag:hover {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

div.flags div.flag img {
	width: 29px;
	height: 15px;
}

div.button {
	width: 78px;
	height: 24px;
	
	padding: 8px 36px 0px 0px;

	background: url(../images/buttons.png) 100% 0% no-repeat;

	font-size: 12px;
	text-align: right;
	
	cursor: pointer;
}

div.button_small div {
	float: left;
	cursor: pointer;
}

div.button_small div.button_text {
	min-width: 10px;
	height: 17px;
	
	color: #666666;
	
	padding: 2px 5px 0px 5px;
	background: url(../images/button_grey_bg.png) repeat-x;
}

div.button_small div.button_text_green {
	background: url(../images/button_green_bg.png) repeat-x;
}

a {
	text-decoration: none;
	color: #AAA576;
}
a:hover { text-decoration: underline; }

/* SHADOWS */

div.shadows_tb {
	width: 920px;
	height: 10px;

	background: url(../images/shadows_tb.png) no-repeat 1px 0px;
}
div.shadow_b { background-position: 1px -10px; }

div.shadows_lr {
	padding: 0px 10px 0px 10px;
	background: url(../images/shadows_lr.png) repeat-y;
}

/* TOP */

div.top {
	position: relative;
	height: 485px;
}

div.top img.logo {
	position: absolute;
	left: 35px;
	top: 20px;
}

div.top img.reddot {
	position: absolute;
	left: 270px;
	top: 19px;

	height: 74px;
}

div.top span._12volt_title {
	position: absolute;
	right: 346px;
	top: 41px;

	text-align: right;
	font-family: 'CaeciliaHeavy';
	font-size: 30px;
	color: #AAA576;
}

div.top span._12volt_subtitle {
	position: absolute;
	right: 346px;
	top: 76px;

	text-align: right;
	font-family: 'CaeciliaRoman';
	font-size: 14px;
	letter-spacing: 1px;
	color: #949494;
}

div.top div.shoppingcart {
	position: absolute;
	right: 10px;
	top: 40px;

	width: 200px;
	height: 60px;

	font-size: 11px;
	color: #808080;

	cursor: pointer;
}

div.top div.shoppingcart span.title {
	position: absolute;
	right: 40px;
	top: 10px;

	text-transform: lowercase;
}

div.top div.shoppingcart div.arrow {
	position: absolute;
	right: 0px;
	top: 0px;
	
	width: 33px;
	height: 33px;

	background: url(../images/header_shoppingcart.png);
}

div.top div.shoppingcart div.cart {
	position: absolute;
	right: 105px;
	top: 30px;

	width: 33px;
	height: 30px;

	background: url(../images/header_shoppingcart.png) 0px -33px;
}


div.top div.shoppingcart span.items_text {
	position: absolute;
	right: 60px;
	top: 38px;
}

div.top div.shoppingcart span.items_nr {
	position: absolute;
	right: 12px;
	top: 38px;

	color: black;
}

div.top div.header {
	position: absolute;
	left: 35px;
	bottom: 0px;
	
	width: 500px;
	height: 310px;
}

div.top div.header_button {
	position: absolute;
	left: 19px;
	bottom: 139px;

	width: 32px;
	height: 32px;

	background: url(../images/button_header.png) no-repeat;
	cursor: pointer;
}
div.top div.header_button_next {
	left: 519px;
	background-position: -32px 0px;
}

div.top span.a_la_carte_title {
	position: absolute;
	right: 35px;
	top: 171px;

	text-align: right;
	text-transform: uppercase;
	font-family: 'CaeciliaHeavy';
	font-size: 55px;
	color: white;
	line-height: 50px;
}

div.top span.a_la_carte {
	position: absolute;
	display: block;
	width: 225px;
	right: 35px;
	top: 338px;

	font-size: 13px;
	color: white;
	text-align: right;
}

div.top div.button_a_la_carte {
	position: absolute;
	right: 35px;
	top: 405px;
}

div.top img.home_lamp {
	position: absolute;
	left: 550px;
	top: 140px;
}

div.top ul.menu {
	position: absolute;
	top: 10px;
	right: 35px;

	margin: 0px;
}

div.top ul.menu li {
	display: block;
	float: left;

	padding: 0px 10px 2px 10px;
	border-right: 1px solid #AAA576;
}

div.top ul.menu a {
	text-decoration: none;
	color: #AAA576;
}

div.top ul.menu_2 {
	width: 555px;
	padding: 0px;

	top: 138px;
	right: 365px;
}

div.top ul.menu_2 li {
	float: right;
}

div.top ul.menu_2 li { border-color: white; }
div.top ul.menu_2 a { font-size: 12px; color: white; }

div.menu a:hover, div.menu a.active {
	color: red;
}

span.disclaimer {
	float: left;
	display: block;
	margin: 2px 0px 10px 10px;

	color: #B3B3B3;
	font-size: 10px;
}

span.powered {
	float: right;
	display: block;
	margin: 2px 10px 10px 0px;

	color: #B3B3B3;
	font-size: 10px;
}

span.disclaimer a, span.powered a {
	text-decoration: none;
	color: #B3B3B3;
}

span.disclaimer a:hover, span.powered a:hover {
	text-decoration: underline;
}

/* CONTENT GENERAL */

div.content div.right {
	float: right;
	padding: 20px 20px 0px 20px;
}

div.content div.main {
	min-height: 747px;
	padding: 20px 248px 20px 35px;
}

div.content h1 {
	position: relative;
	left: -35px;
	
	display: block;
	width: 620px;
	height: 30px;

	padding: 0px 0px 0px 33px;
	margin: 0px 0px 10px 0px;
	
	background: #AAA576;

	font-family: 'CaeciliaHeavy';
	color: white;
	text-transform: uppercase;
	font-size: 23px;
}

div.content h2 {
	margin: 10px 0px 0px 0px;
	
	font-size: 12px;
}

div.content h3 {
	margin: 10px 0px 0px 0px;
}

div.content_text span.text {
	width: 600px;
}

span.text {
	display: block;

	padding: 5px 0px 0px 0px;
	
	line-height: 15px;
}

span.text img {
	float: right;
	margin: 2px 0px 0px 15px;
}

/* BANNERS */

div.banners_home {
	position: relative;
	float: left;
	
	width: 645px;
	height: 95px;
	
	margin-top: 110px;
}

div.banners_home div.banner {
	position: relative;
	float: right;
	width: 200px;
	height: 95px;
	
	margin-right: 15px;
	
	background-image: url(../images/banners.png);

	cursor: pointer;
}

div.banner {
	position: relative;
	width: 200px;
	height: 95px;

	margin-bottom: 15px;

	background: url(../images/banners.png) no-repeat;

	cursor: pointer;
}

div.banner_documentation { background-position: 0px -96px; }
div.banner_dealers { background-position: 0px -192px; }
div.banner_configurator { background-position: 0px -288px; }
div.banner_brochure { background-position: 0px -384px; }
div.banner_technique { background-position: 0px -480px; }
div.banner_stormproof { background-position: 0px -576px; margin-bottom: 0px; }

div.banner a {
	position: absolute;
	right: 105px;
	top: 15px;

	text-align: right;
	text-decoration: none;
	font-size: 13px;
	color: #666666;
}

div.banner_configurator a { right: 15px; }
div.banner_documentation a { right: 15px; }
div.banner_dealers a { right: 132px; }
div.banner_brochure a { right: 15px; }
div.banner_technique a { right: 15px; }
div.banner_stormproof a { right: 15px; }

/* HOME */

div.content_home div.main {
	min-height: 422px;
}

div.home_button {
	position: relative;
	float: left;
	
	width: 500px;
	height: 235px;

	background: url(../images/home_models.png) no-repeat;
	
	margin-top: -15px;
	
	cursor: pointer;
}

div.home_button span {
	position: absolute;
	top: 80px;
	right: 13px;

	font-size: 30px;
	color: #999999;
}

div.home_button div.button {
	position: absolute;
	right: 10px;
	bottom: -16px;
	
	background-position: 100% -32px;
}

div.home_button div.button_small {
	position: absolute;
	right: 10px;
	bottom: 80px;
}

/* NEWS BOTTOM  */

div.content div.news {
	width: 846px;
	height: 130px;
	padding-left: 35px;
}

div.content div.news div.title {
	position: relative;
	left: -35px;
	
	width: 848px;
	height: 30px;

	padding-left: 33px;
	
	background: #AAA576;

	font-family: 'CaeciliaHeavy';
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}

div.content div.news div.item {
	float: left;
	width: 260px;

	padding: 10px 10px 0px 0px;
}

div.content div.news div.item span.title {
	font-weight: bold;
}

div.content div.news div.item span.text {
	width: auto;
	padding: 0px;
}

div.content div.news div.item a.readmore {
	text-decoration: none;
	color: #AAA576;
}

/* NEWS */

span.news_item span.text, span.news_item_archive span.text {
	padding: 0px;
}

span.news_item h3 {
	width: 600px;
}

span.news_item a.readmore {
	text-decoration: none;
	color: #AAA576;
}

div.news_archive {
	margin-top: 10px;
}

div.content_news span.text {
	width: 600px;
}

/* PRODUCTS */

div.content_products div.description {
	float: left;
	
	width: 242px;
	height: 242px;

	margin: 0px 20px 20px 0px;

	overflow: hidden;
}

div.content_products div.product {
	float: left;
	position: relative;

	width: 240px;
	height: 240px;

	margin: 0px 20px 20px 0px;

	border: 1px solid #AAA576;
	overflow: hidden;

	cursor: pointer;
}

div.content_products div.product div.background {
	position: absolute;
	left: 0px;
	top: 20px;

	width: 240px;
	height: 200px;

	background: #AAA576;

	z-index: 1;
}

div.content_products div.product img {
	position: absolute;
	z-index: 2;
}

div.content_products div.product a.tuli_name {
	position: absolute;
	top: 40px;
	right: 5px;
	
	text-align: right;
	
	z-index: 3;
}

div.content_products div.product span.tuli {
	font-family: 'CaeciliaHeavy';
	font-size: 38px;
	color: white;
}

div.content_products div.product span.name {
	font-family: 'CaeciliaLight';
	font-size: 38px;
	color: white;
}

div.content_products div.product span.subtitle {
	position: absolute;
	top: 80px;
	right: 5px;
	
	font-family: 'CaeciliaBold';
	font-size: 24px;
	color: white;

	opacity: 0.6;
	filter: alpha(opacity = 60);

	text-align: right;
	z-index: 3;
}

div.content_products div.product div.button {
	position: absolute;
	right: 10px;
	bottom: 5px;

	background-position: 100% -32px;

	z-index: 3;
}

/* PRODUCT DETAILS */

div.main_products_detail {
	width: 370px;
	position: relative;
}

div.main_products_detail span.subtitle {
	text-transform: uppercase;
	font-family: 'CaeciliaHeavy';
	font-weight: bold;
	font-size: 22px;
}

div.main_products_detail div.button_back {
	position: absolute;
	left: 300px;
	top: 23px;
}

div.main_products_detail div.button_configurator {
	position: absolute;
	right: 0px;
	top: 23px;
}

div.main_products_detail h1 div.tuli_name {
	position: absolute;
	right: 30px;
	top: 0px;
	text-align: right;
}

div.main_products_detail h1 div.tuli_name span.name {
	font-family: 'CaeciliaLight';
	font-weight: normal;
}

div.main_products_detail td.left { width: 250px; }
div.main_products_detail td.right { width: 360px; }

div.main_products_detail td.left div.description {
	float: none;
	height: auto;
	min-height: 200px;
}

div.main_products_detail td.left div.submenu {
	position: relative;
	height: 158px;
	
	background: #AAA576;
	color: white;

	margin: 0px 20px 20px -35px;
}

div.main_products_detail td.left div.submenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.main_products_detail td.left div.submenu li {
	display: block;
	
	margin: 0px;
	padding: 10px 10px 10px 55px;

	cursor: pointer;
}

div.main_products_detail td.left div.submenu li.active {
	background: url(../images/product_details_submenu.png) 100% 0% no-repeat;
}

div.main_products_detail td.left div.submenu a {
	display: block;

	margin-left: -20px;

	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #E4DFBE;
}

div.main_products_detail td.left div.submenu a:hover {
	text-decoration: none;
}

div.main_products_detail img.image_right {
	margin-bottom: 20px;
}

div.main_products_detail table.row {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

div.main_products_detail table.row_cols2 td.image { width: 180px; }
div.main_products_detail table.row_cols3 td { width: 100px; padding-left: 20px; }

div.main_products_detail td.name span.name {
	display: block;
	font-weight: bold;
	color: #B2AD7F;
}

div.main_products_detail table.row_cols2 td.shoppingcart { text-align: right; padding-bottom: 10px; }
div.main_products_detail table.row_cols3 td.shoppingcart { text-align: left; padding-bottom: 10px; }

div.main_products_detail td.shoppingcart img { cursor: pointer; }

div.shoppingcart_button {
	width: 13px;
	height: 22px;

	padding: 9px 33px 0px 5px;

	background: url(../images/button_shoppingcart.png) 100% 0px no-repeat;

	cursor: pointer; 
	overflow: hidden;
	white-space: nowrap;
	
	text-align: right !important;
}

.zoomer_big_container {
	display: none;
	
	position: absolute;
	background: url(../images/loading.gif) center center no-repeat #FFFFFF;
	overflow: hidden;
	margin: 10px auto 0px;
	border: 1px solid gray;
	cursor: move;

	top: -10px;
	left: -160px;
}

.zoomer_image {
	display: block;
	position: absolute;
}

.zoomer_thumb {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 10px auto 0px;
}

.zoomer_region {
	display: none;
	background: #666666;
	border: none;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: move;
}

/* CONFIGURATOR */

body.configurator div.top div.header,
body.configurator div.top div.header_button,
body.configurator div.top span.a_la_carte_title,
body.configurator div.top span.a_la_carte,
body.configurator div.top div.button_a_la_carte { display: none; }

body.configurator div.configurator_top {
	position: absolute;
	right: 20px;
	top: -98px;

	line-height: 40px;
	font-family: 'CaeciliaHeavy';
	font-size: 42px;
	text-align: right;
	color: white;
}

body.configurator div.top {
	height: 220px;
}

body.configurator div.content {
	position: relative;

	min-height: 300px;

	background: white;
}

div.configurator_models {
	height: 600px;
}

div.configurator_models div img.product {
	position: absolute;
	left: 12px;
	top: 5px;
}

div.configurator_models div div.button_design {
	position: absolute;
	right: 15px;
	top: 205px;
}

div.configurator_models div div.button_details {
	position: absolute;
	right: 15px;
	top: 230px;
}

div.configurator_models div.description {
	position: relative;
	float: left;
	
	width: 280px;
	height: 235px;
	padding: 10px;

	overflow: hidden;
}

div.configurator_models div.description h1 {
	left: 0px;
	width: 290px;

	margin: -10px -10px 10px -10px;
	padding: 2px 0px 0px 10px;

	background: #E4DFBE;

	font-size: 21px;
}

div.configurator_models div.logo {
	position: absolute;
	top: 255px;
	left: 0px;
	width: 300px;
	height: 255px;

	background: #AAA576;
}

div.configurator_models div.logo img {
	position: absolute;
	left: 110px;
	top: 175px;
}

div.configurator_models div.product1 {
	position: relative;
	float: left;
	
	width: 200px;
	height: 510px;
	background: #E6E6E6;
}

div.configurator_models div.product1 div.bg_white {
	position: absolute;
	left: 0px;
	top: 255px;
	
	width: 200px;
	height: 255px;
	background: #FFFFFF;
}

div.configurator_models div.product1 img.product {
	position: absolute;
	left: 12px;
	top: 35px;
}

div.configurator_models div.product1 div.button_design {
	position: absolute;
	right: 15px;
	top: 460px;
}

div.configurator_models div.product1 div.button_details {
	position: absolute;
	right: 15px;
	top: 485px;
}

div.configurator_models div.product2 {
	position: relative;
	float: left;
	
	width: 200px;
	height: 255px;
	background: #FFFFFF;
}

div.configurator_models div.product3 {
	position: relative;
	float: left;
	
	width: 200px;
	height: 255px;
	background: #E6E6E6;
}

div.configurator_models div.product4 {
	position: relative;
	float: left;
	
	width: 200px;
	height: 255px;
	background: #E6E6E6;
}

div.configurator_models div.product5 {
	position: relative;
	float: left;
	
	width: 200px;
	height: 255px;
	background: #FFFFFF;
}

div.configurator_model {
	min-height: 498px;
	background: url(../images/configurator_bg.png) repeat-y;
}

div.configurator_model div.button_back {
	position: absolute;
	left: 10px;
	top: 10px;
}

div.configurator_model div.tuli_name {
	position: absolute;
	top: 0px;
	right: 410px;
	
	text-align: right;
}

div.configurator_model div.tuli_name span.tuli {
	font-family: 'CaeciliaHeavy';
	font-size: 32px;
	color: white;
}

div.configurator_model div.tuli_name span.name {
	font-family: 'CaeciliaLight';
	font-size: 32px;
	color: white;
}

div.configurator_model div.tab {
	position: absolute;
	left: 8px;
	top: 38px;

	width: 230px;
	height: 37px;

	padding: 5px 0px 0px 10px;

	font-size: 22px;
	font-weight: bold;
	color: #EAE9DD;
	text-transform: uppercase;

	cursor: pointer;
}

div.configurator_model div.tab_active {
	background: white;
	color: #666666;
}

div.configurator_model div.tab div.arrow {
	position: absolute;
	right: 10px;
	top: 8px;
	
	width: 24px;
	height: 24px;
	
	background: url(../images/configurator_arrows.png) 0px -24px no-repeat;
}

div.configurator_model div.tab_active div.arrow {
	background-position: -24px -24px;
}

div.configurator_model #tab_shades {
	left: 250px;
}

div.configurator_model div.tab_content_border {
	width: 482px;
	min-height: 405px;

	padding: 80px 8px 8px 8px;

	background: url(../images/configurator_bg.png) repeat-y;
}

div.configurator_model div.tab_content {
	position: relative;
	min-height: 410px;
	background: white;
}

div.configurator_model div.tab_content div.left {
	float: left;
	width: 225px;
}

div.configurator_model div.tab_content div.left span.title {
	display: block;
	
	padding: 10px;

	font-weight: bold;
}

div.configurator_model div.tab_content div.left img {
	width: 200px;
	margin-left: 10px;
}

div.configurator_model div.tab_content div.type {
	padding: 10px 0px 10px 0px;
}

div.configurator_model div.tab_content div.type_shade_rotan {
	border-top: 1px solid #F2F1ED;
	margin-top: 10px;
}

div.configurator_model div.tab_content div.items {
	margin-left: 230px;
	padding: 10px;
}

div.configurator_model div.tab_content div.item {
	float: left;
	width: 60px;
	height: 100px;

	margin: 0px 15px 15px 0px;
	
	font-size: 10px;

	cursor: pointer;
}

div.configurator_model div.tab_content div.item span.name {
	display: block;
	
	color: #B2AD7F;
	font-weight: bold;
}

div.configurator_model div.tab_content div.item img {
	border: 2px solid white;
}

div.configurator_model div.tab_content div.item_active img {
	border: 2px solid #B2AD7F;
}

div.configurator_model div.tab_content div.shoppingcart_button {
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 105px;
}

div.configurator_model div.tab_content div.details_button {
	position: absolute;
	right: 160px;
	bottom: 0px;
	width: 52px;

	text-align: center !important;

	background-position: 0px 0px;
}

div.configurator_model #tab_content_shades {
	display: none;
}

div.scroller {
	position: absolute;
	right: 0px;
	top: 0px;
	
	width: 400px;
	height: 490px;

	background: white;
	overflow: hidden;

	-moz-user-select: none;
	-webkit-user-select: none;
}

div.scroller div.shade_content {
	position: absolute;
	left: 0px;
	top: 0px;

	z-index: 2;
}

div.scroller div.frame_content {
	position: absolute;
	left: 0px;
	top: 0px;

	z-index: 1;
}

div.scroller div div {
	float: left;
	width: 400px;
	text-align: center;
}

div.scroller div div img {
	position: relative;
	margin: 0px auto 0px auto;
	z-index: 1;
}

div.scroller div.frame_left, div.scroller div.frame_right {
	position: absolute;
	left: 20px;
	top: 250px;
	
	width: 24px;
	height: 24px;
	
	background: url(../images/configurator_arrows.png) no-repeat;

	cursor: pointer;

	z-index: 3;
}

div.scroller div.frame_right {
	left: auto;
	right: 20px;
	background-position: -24px 0px;
}

div.scroller div.shade_left, div.scroller div.shade_right {
	position: absolute;
	left: 20px;
	top: 46px;

	width: 24px;
	height: 24px;

	background: url(../images/configurator_arrows.png) no-repeat;

	cursor: pointer;

	z-index: 3;
}

div.scroller div.shade_right {
	left: auto;
	right: 20px;
	background-position: -24px 0px;
}

div.scroller div.shoppingcart_button {
	position: absolute;
	right: 10px;
	bottom: 0px;

	width: 90px;
	z-index: 4;
}

/* SHOPPINGCART */

body.shoppingcart div.top div.header,
body.shoppingcart div.top div.header_button,
body.shoppingcart div.top span.a_la_carte_title,
body.shoppingcart div.top span.a_la_carte,
body.shoppingcart div.top div.button_a_la_carte { display: none; }

body.shoppingcart div.shoppingcart_top {
	position: absolute;
	right: 20px;
	top: -98px;

	line-height: 40px;
	font-family: 'CaeciliaHeavy';
	font-size: 42px;
	text-align: right;
	color: white;
}

body.shoppingcart div.top {
	height: 220px;
}

body.shoppingcart div.content {
	position: relative;

	min-height: 300px;

	background: white;
}

body.shoppingcart div.content h1 {
	left: 0px;
	width: 868px;
	height: 35px;
	padding: 4px 0px 0px 50px;
	
	background: url(../images/shoppingcart_h1.png) repeat-y;
}

body.shoppingcart div.shoppingcart {
	min-height: 230px;
}

body.shoppingcart table.shoppingcart {
	margin: 5px;
}

body.shoppingcart table.shoppingcart th {
	padding: 0px 0px 5px 37px;
	border-bottom: 1px solid #CCCCCC;

	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
}

body.shoppingcart table.shoppingcart td.frames,
body.shoppingcart table.shoppingcart td.shades,
body.shoppingcart table.shoppingcart td.sources {
	width: 300px;

	padding-top: 10px;
}

body.shoppingcart table.shoppingcart td.sources { width: 290px; }

body.shoppingcart table.shoppingcart table { width: 100%; }

body.shoppingcart table.shoppingcart table td { border-bottom: 4px solid white; }
body.shoppingcart table.shoppingcart table tr.row1 td { background: #EAE9E4; }
body.shoppingcart table.shoppingcart table tr.row2 td { background: #D5D2BB; }

body.shoppingcart table.shoppingcart td.image {
	width: 32px;
	text-align: center;
	background: white !important;
	border-left: 4px solid white;
}

body.shoppingcart table.shoppingcart td.image img { display: block; margin: 0px auto 0px auto; }

body.shoppingcart table.shoppingcart td.description {
	padding: 3px 0px 0px 5px;
}

body.shoppingcart table.shoppingcart td.units {
	width: 28px;
}

body.shoppingcart table.shoppingcart td.units div.arrows {
	position: relative;
	float: left;
	width: 10px;
	height: 30px;
}

body.shoppingcart table.shoppingcart td.units div.arrows div {
	position: absolute;
	width: 15px;
	height: 16px;

	background: url(../images/shoppingcart_arrows.png);

	cursor: pointer;
}

body.shoppingcart table.shoppingcart td.units div.arrows div.down {
	top: 16px;
	background-position: 0px -16px;
}

body.shoppingcart table.shoppingcart td.units div.nr {
	padding: 10px 0px 0px 15px;
}

body.shoppingcart table.shoppingcart td.delete {
	width: 25px;
	text-align: center;
	vertical-align: middle
}

body.shoppingcart div.buttons {
	width: 860px;
	
	padding: 18px 20px 10px 20px;
	
	background: url(../images/shoppingcart_h1.png) 0px -2px no-repeat;
}

body.shoppingcart div.buttons div.button_shop {
	background-position: 0px -32px;
	padding-right: 10px;
	width: 195px;
}

body.shoppingcart div.buttons div.button_email,
body.shoppingcart div.buttons div.button_print,
body.shoppingcart div.buttons div.button_dealers {
	float: right;
	width: 120px;
	height: 24px;

	padding: 12px 0px 0px 40px;

	background: url(../images/shoppingcart_buttons.png) 0px -36px no-repeat;

	cursor: pointer;
}

body.shoppingcart div.buttons div.button_print {
	background-position: 0px 0px;
}

body.shoppingcart div.buttons div.button_dealers {
	background-position: 0px -72px;
}

body.shoppingcart div.buttons div.button_print:hover,
body.shoppingcart div.buttons div.button_email:hover,
body.shoppingcart div.buttons div.button_dealers:hover {
	color: black;
}

/* AMBIANCE */

body.ambiance div.top div.header,
body.ambiance div.top div.header_button,
body.ambiance div.top span.a_la_carte_title,
body.ambiance div.top span.a_la_carte,
body.ambiance div.top div.button_a_la_carte { display: none; }

body.ambiance div.ambiance_top {
	position: absolute;
	right: 20px;
	top: -98px;

	line-height: 40px;
	font-family: 'CaeciliaHeavy';
	font-size: 42px;
	text-align: right;
	color: white;
}

body.ambiance div.top {
	height: 220px;
}

body.ambiance div.content {
	position: relative;

	min-height: 300px;

	background: white;
}

body.ambiance div.ambiance {
	width: 900px;
	overflow: hidden;
}

body.ambiance div.ambiance img, body.ambiance div.ambiance div.filler {
	float: left;
	
	width: 225px;
	height: 170px;
	
	background: #E6E6E6;
}

/* CONTACT */

div.content input, div.content select, div.content textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	width: 322px;
	color: #666666;
}

div.content select {
	width: 326px;
	padding: 1px;
	height: 19px;
}

div.content textarea {
	height: 100px;
	overflow: auto;
}

div.content input.checkbox {
	position: relative;
	top: 3px;

	width: 16px;
}

div.content input.serial {
	width: 300px;
}

div.content input.submit {
	width: 75px;
	height: 18px;
	padding-bottom: 3px;
	margin-top: 10px;

	color: white;
	background: url(../images/button_bg.png) repeat-x #444444;
	border: 1px solid #111111;
}

div.content span.error { color: red; }

/* DEALERS */

div.google {
	position: relative;
	width: 617px;	
	min-height: 540px;
}

#map_spacer {
	width: 617px;
	height: 500px;
}

#map {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 617px;
	height: 500px;
	color: black;
}

#map a { color: black; }
#map input { width: 200px; }
#map input.gmapDirButton { width: 100px; }

div.google div.map_info {
	position: relative;
	overflow: auto;
}

div.google div.map_info div.form {
	position: relative;
	float: left;
	width: 299px;
}

div.google div.map_info div.results {
	position: relative;
	float: right;
	width: 299px;
	height: 205px;
	
	color: #AAA576;
	margin-top: 10px;
	
	overflow-x: hidden;
	overflow-y: auto;
}

div.google div.map_info div.results ul {
	margin: 0px;
	padding: 0px;
	
	line-height: 15px;
	list-style: none;
	border-top: 1px dashed #AAA576;
	overflow: auto;
}

div.google div.map_info div.results ul li {
	padding: 2px 5px 2px 0px;
	border-bottom: 1px dashed #AAA576;
	cursor: pointer;
	cursor: hand;	
}

div.google div.map_info div.results ul li:hover {
	background: #f6f6f1;
}

div.google div.map_info div.results ul span.distance {
	float: right;
}

div.google input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	width: 291px;
	margin-top: 5px;
}

div.google select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	width: 295px;
	margin-top: 5px;
}

div.google input.submit {
	margin-top: 5px !important;
}

/* LANDINGSPAGES */

div.landingspages {
	font-size: 10px;
	color: grey;

	margin-top: 40px;
}

div.landingspages span.category {
	display: block;
	font-weight: bold;

	margin-top: 10px;
}

div.landingspages a {
	color: grey;
	text-decoration: none;
}

/* POPUP */

html, body { height: 100%; }

#popup_bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;

	background: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);

	z-index: 99;
}

#popup {
	display: none;
	position: fixed;
	// position: absolute;
	width: 400px;
	height: 120px;
	left: 50%;
	margin-left: -200px;

	background: url(../images/popup_bg.png) 0px 0px repeat-y;

	z-index: 100;
}

#popup img.logo {
	position: absolute;
	right: 8px;
	top: 5px;
	
	width: 75px;
}

#popup div.title, #popup div.text {
	position: absolute;
	left: 8px;

	background: white;
	
	text-align: left;
}

#popup div.title {
	top: 8px;
	
	width: 288px;
	height: 16px;

	padding: 8px 6px 6px 6px;

	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase
}

#popup div.text {
	top: 38px;
	
	width: 372px;
	height: 61px;

	padding: 6px 6px 6px 6px;
}

#popup div.text span.email_label {
	display: block;
	float: left;
	padding: 4px 6px 0px 0px;
}

#popup .error { color: red; }

#popup div.text span.email_input {
	font-family: Verdana, Arial;
	font-size: 11px;
}

#popup_b1 {
	position: absolute;
	bottom: 10px;
	right: 10px;

	background-position: 100% -32px;
}


