/* 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CORE */

html, body {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

body {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
    background: url('../images/vps-bg.jpg');
}

a {
	color: #9ace67;
	text-decoration: underline;
    font-weight: bold;
}

a:hover {
	color: #9ace67;
	text-decoration: none;
    font-weight: bold;
}

p {
	margin: 0 0 15px 0;
}

img, form, table {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 22px;
	border: 0px none;
	list-style-position: outside;
	list-style: none;
}

li {
	margin: 0px;
	padding-left: 25px;
	background-image: url('../images/li.png');
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.emphasize {
    color: black;
}

input, textarea, select {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
    border: 0;
    background: #fff url('../images/input-bg.gif');
    width: 420px;
}

textarea { height: 120px; }

.title { font-size: 26px; padding-bottom: 10px; line-height: 26px; }
.title a { text-decoration: none; font-weight: normal; }
.title a:hover { text-decoration: none; font-weight: normal; color: black; }

.button { width: 150px; height: 25px; background: #a9db7c; border: 1px solid #ffffff; color: white; }

.hidden {
	display: none;
}

label.error {
	color: #000000;
    font-size: 11px;
	width: auto;
	display: inline;
	display: none;
}

#data {
    border: 0;
    margin-bottom: 20px;
    border-collapse: collapse;
    padding: 0;
}

#data th { background-color: #b6e389; padding: 5px 25px 5px 5px; }
#data td { border-bottom: 1px solid #b6e389; padding: 5px 25px 5px 5px;  }

/* GENERAL */

#container {
    margin-top: 25px;
    padding-bottom: 25px;
    text-align: center;    
}

#container #container_center {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: auto;
}

#container #container_center #container_content {
    text-align: left;
    width: 860px;
    margin: auto;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 25px;
}

#container #container_center #container_content #logo {
    float: left;
}

#container #container_center #container_content #language_selection {
    text-align: right; 
}

#container #container_center #container_content #language_selection a { color: #9ace67; font-weight: normal; text-decoration: none; }
#container #container_center #container_content #language_selection a:hover { color: black; font-weight: normal; text-decoration: none; }

#container #container_center #container_content #content {
    background: #9dd268 url('../images/vps-content-bg.jpg') no-repeat;
    background-position: bottom left;
    color: white;
}


#container #container_center #container_content #content_about_products {
    background: #9dd268 url('../images/vps-about-products-bg.jpg') no-repeat;
    background-position: top left;
    color: white;
}

#container #container_center #container_content #content_about_products #video_container {
	width: 760px;
	text-align: center;
	padding-bottom: 35px;
}

#container #container_center #container_content #content_about_products #video {
	width: 486px;
	height: 278px;
	background-color: white;
}

#container #container_center #container_content  #text {
    padding: 50px;
    color: white;
}

#container #container_center #container_content  #text a { color: #fff; }


#container #container_center #container_content #text_about_vps {
    padding: 50px;
    color: white;
    float: left;
    width: 500px;
}

#container #container_center #footer { margin-top: 10px; }

.grey { color: #bbbbbb; }


/* MAIN MENU */

#menu {
	height: 35px;
	width: 820px;
	float: left;
}

#menu ul {
	list-style: none;
    padding: 0;
    margin: 0;
    /* padding-left: 15px; */ 
}

#menu li {
	float: left;
    padding: 0;
    margin: 0;
    background-color: #e9f8db;
    background: url('../images/vps-menu-bg.gif') no-repeat;
    margin-right: 2px;
}

#menu li a {
	color: #000000;
    font-weight: normal;
    font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 8px 14px 7px;
}

#menu .active {
	color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    background: #9dd268;
	text-decoration: none;
	display: block;
	padding: 8px 14px 7px;
}

#menu li a:hover {
	background: #e5f4d6;
}



/* SUBMENU */

#submenu {
	height: 35px;
	width: 860px;
	float: left;
    background-color: #9dd268;
    background: url('../images/vps-submenu-bg.gif');
}

#submenu ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

#submenu li {
	float: left;
    padding: 0;
    margin: 0;
    background: none;
    margin-right: 2px;
}

#submenu li a {
	color: #4f7c22;
    font-weight: normal;
    font-size: 12px;
	text-decoration: none;
	display: block;
	padding: 8px 14px 7px;
    font-weight: bold;
    font-size: 12px;
}

#submenu .active {
	color: #ffffff;
    font-weight: bold;
    font-size: 12px;
	background: url('../images/vps-submenu-active.gif');
    background-position: center center;
	text-decoration: none;
	display: block;
	padding: 8px 14px 7px;
}

#submenu li a:hover {
    font-weight: bold;
    font-size: 12px;
    color: white;
}


/* LANGUAGE */


#container #language {
    width: 500px;
    height: 500px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0;
    margin-top: -250px;
    margin-left: -250px;
    display: inline;

}

#container #language_select {
    width: 500px;
    height: 490px;
    text-align: center;
    background-color: #ffffff;
    padding-top: 10px;
    background: url('../images/vps-welcome-bg.jpg');
    border: 1px solid #e5e5e5;
}

/* ABOUT VPS */

#about_vps {
    float: left; width: 520px;
    padding-right: 20px;
}

#product_catalogue {
    padding-top: 15px;
}

#news {
    padding-top: 50px;
    padding-right: 50px;
}

#news a {
    color: white;
    font-weight: bold;
    text-decotration: underline;
}

#news a:hover {
    text-decotration: none;
}

.newsitem {
    border-bottom: 1px solid #cde5b7;
    margin: 0 0 15px 0;
}

/* SITEMAP */

#sitemap {
    float: left; width: 540px;
}


/* ABOUT OUR PRODUCTS */

#about_products {
    width: 620px;
}

#about_products .listing {
    width: 300px; float: left;
}

#weightcomparance {
    width: 530px; float: left; margin-right: 10px;
}

#melamine_structure {
    width: 220px; float: left;
}

/* CONTACT US */

#contactform_container { float: left; width: 480px; }
#contact_info { float: left; width: 250px; }

#contactform_container #contactform {}

#contactform_container #contactform  label { width: 400px; }
#contactform_container #contactform  label.error, #contactform_container #contactform  input.submit { display: block; }


#contactform_container #contactform #buttons { text-align: right; padding-right: 60px; }
#contactform_container #contactform #buttons #submit { width: 76px; height: 76px; background: none; }
#contactform_container #contactform #buttons #cancel { width: 76px; height: 76px; background: none; }

#contactform_container #contactform .form_element { margin-bottom: 10px; }


/* CATALOGUE */

#catalogue_container {

}

#catalogue_container #catalogue {
    padding-top: 60px;
    width: 640px;
    float: left;
}

#catalogue_container #catalogue .item {
    width: 180px;
    height: 260px;
    float: left;
    margin-right: 25px;
}

#catalogue_container .imglink img {
    border: 3px solid #f0f0f0;
}

#catalogue_container .imglink:hover img {
    border: 3px solid #9dd268;
}

#catalogue_container .imglink:hover {
    color: red;  /* Dummy definition to overcome IE bug */
}

#catalogue_container #category_tree {
    margin-top: 92px;
    width: 220px;
    
    float: left;
}

#catalogue_container #category_tree #categories { padding-top: 15px; padding-bottom: 20px; background: url('../images/vps-product-menu-bg.jpg');  }
#catalogue_container #category_tree #categories a { font-weight: bold; color: #9ace67; text-decoration: none; }
#catalogue_container #category_tree #categories a:hover { font-weight: bold; color: black; text-decoration: none; }
#catalogue_container #category_tree #categories  .category { height: 25px; }
#catalogue_container #category_tree #categories  .text { padding-left: 25px; padding-top: 5px; }
#catalogue_container #category_tree #categories  .active { height: 25px; background: url('../images/vps-category-active.gif') no-repeat; font-weight: bold; color: black; }

#catalogue_container #category_tree .pdf_button { background: url('../images/pdf-button-off.gif'); width: 220px; height: 35px; font-size: 12px; font-weight: bold; color: #9dd268; }
#catalogue_container #category_tree .pdf_button .description { padding-left: 50px; padding-top: 8px;  }
#catalogue_container #category_tree .pdf_button_hover { background: url('../images/pdf-button-on.gif'); color: #000000; cursor: pointer; }

#catalogue_container #pdf_downloads { margin-top: 10px; text-align: right; }

#catalogue_container #infos { float: left; width: 550px; margin-top: 40px; }
#catalogue_container #infos #items { width: 640px;    float: left; margin-bottom: 15px; }
#catalogue_container #infos #items .item {     width: 180px;   float: left;    margin-right: 25px; }
#catalogue_container #request_more_infos { float: left;  margin-top: 20px; padding-left: 80px; padding-top: 20px; }
#catalogue_container #request_more_infos_pos { float: left;  margin-top: 20px; padding-left: 80px; padding-top: 20px; }
#catalogue_container #request_more_infos_retail { float: left;  margin-top: 130px; padding-left: 80px; padding-bottom: 20px; }


/* POS */

#catalogue_container {
    position: relative;
}

#catalogue_container #pos_list li { min-height: 170px; }

#catalogue_container #pos_list p { width: 280px; }

#catalogue_container #pos_list img {
    position: absolute;
    margin-left: 300px;
    padding: 3px;
    border: 1px solid #efefef;
}


#catalogue_container #catalogue #image { width: 360px; float: left;  }

#catalogue_container #catalogue #product_infos { float: left; margin-left: 25px;  }
#catalogue_container #catalogue #product_infos #product_table { width: 220px; }
#catalogue_container #catalogue #product_infos #product_table .feature { width: 120px; color: #c4c4c4;  padding: 4px;  }
#catalogue_container #catalogue #product_infos #product_table .add_button { padding-left: 20px; border: 0; padding-top: 15px; }
#catalogue_container #catalogue #product_infos #product_table td { width: 105px; border-bottom: 1px solid #f0f0f0; padding-top: 3px; padding-bottom: 3px; }


/* SLIDESHOW */

#slideshow_container {
	text-align: center;
	padding-bottom: 35px;
}

#slideshow_container .about_vps {
    	width: 486px;
	height: 278px;
}

#slideshow_container .about_our_products {
    	width: 486px;
	height: 327px;
}

#slideshow_container #slideshow {
    position: relative;
    margin: auto;

	background-color: white;
}

#slideshow_container #slideshow IMG {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 8;
    opacity: 0.0;
}

#slideshow_container #slideshow IMG.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow_container #slideshow IMG.last-active {
    z-index: 9;
}

.youtube_container {
     background: #ffffff;   padding-top: 25px;
}

.youtube_container .youtube {
	width: 100%; text-align: center; padding-bottom: 35px; padding-top: 35px; background: #9dd268;
}

#special_offer_container {  }
#special_offer_container #special_offer { margin-left: 130px; margin-top: 35px; }

/* jCart */

#cart { padding-top: 15px; }

#continue_shopping {  padding-top: 5px; text-align: center; }

.jcart input { background: url('../images/input-bg-2.gif'); border: 0; }

.jcart { float: left; background: #fff; text-align: center; }
.jcart fieldset { border: 0; }
.jcart strong { color: #000066; }
.jcart .button { width: 180px; height: 25px; background: #f0f0f0; color: black; border: 1px solid #e4e4e4; }

.jcart .quantity { width: 50px; padding-top: 3px; padding-bottom: 4px; text-align: center; }

#checkout_logo { width: 100%; margin: auto; text-align: center; }


/* Wholesaler Login */

#wholesaler_login { margin-top: 10px; }

#checkoutform label.error { color: #9ace67; }

#promo { width: 420px; color: black; }

.wholesale_account { width: 420px;  border: 1px dashed white;  margin-top: 15px; margin-bottom: 15px; background: #b1de84; }
.wholesale_account img { float: left; padding-right: 15px; padding-bottom: 15px; }
.wholesale_terms { padding: 25px; margin: 0; font-size: 11px; line-height: 16px; color: black; }