/* -- STYLES FOR WWW.LEVEDELENTE.NL -- */
* {
margin: 0;
padding: 0;
}

img {
border: none;
}

body {
background: #0077bd url(../images/bg_body.jpg) repeat-x;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearfloat {
clear: both;
}

/* -- STYLES FOR DIVS -- */

#container {
margin: 0 auto;
width: 1000px;
background: url(../images/shadow_left.gif) no-repeat;
}

#shadow_right{
width: 974px;
float: right;
background: #fff url(../images/shadow_right.gif) no-repeat top right;
}

#container_inner {
width: 948px;
float: left;
}

#header {
width: 948px;
height: 211px;
margin: 12px 0px;
}

#productmenu {
width: 205px;
height: 211px;
float: left;
background: #f1f1f1 url(../images/bg_productmenu.gif) repeat;
}

#productpicker {
width: 181px;
height: 131px;
float: left;
padding: 12px 12px 0px 12px;
}

#header_right {
width: 731px;
height: 211px;
float: right;
background: #f1f1f1;
}

#header_bottom {
clear: both;
}

#topmenu {
height: 25px;
width: 731px;
float: left;
background: url(../images/bg_head_black.gif) repeat-x;
}

#submenu {
float: left;
}

#brandmenu {
width: 512px;
height: 21px;
float: left;
background: url(../images/bg_brandmenu.gif) repeat-x;
}

#modelmenu {
width: 512px;
height: 21px;
float: left;
background: url(../images/bg_modelmenu.gif) repeat-x;
}

#main {
width: 948px;
background: #f1f1f1;
}

#home {
float: right; 
width: 731px; 
background: #f1f1f1;
padding: 0;
}

.box {
float: left; 
width: 347px;
background: #fff url(../images/bg_box.gif) no-repeat; 
margin-top: 12px;
margin-left: 12px;
display: inline;
}

.box div.text {
float: right;
width: 180px;
margin-top: 10px;
padding-right: 8px;
}

#mainright {
width: 202px;
float: right;
padding: 12px;
}

#content {
width: 469px;
float: right;
padding: 10px 24px 20px 24px;
}

#productcontent {
width: 374px;
float: right;
padding: 10px 24px 20px 12px;
}

#productinfo {
width: 310px;
float: left;
}

#producttopbar {
width: 196px;
float: left;
padding: 4px 4px 0px 4px;
border-top: 1px solid #dddddd;
}

#producttopbar img {
margin-left: 4px;
float: right;
}

#productimageholder {
float: left;
margin-top: 10px;
margin-left: 1px;
}

#productimageholder img {
float: left;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
}

#productlogo {
width: 205px;
display: table;
text-align: center;
margin: 0px 0px 138px 0px;
}

#productlogo img {
display: block;
margin: 0 auto;
}

#mainleft {
width: 722px;
float: left;
background: #fff url(../images/bg_sidebar.gif) no-repeat bottom left;
}

.topquality {
border-bottom: 1px solid #dddddd; 
margin-bottom: 8px; 
padding-bottom: 8px;
}

.subhead {
height: 24px;
width: 202px;
background: url(../images/bg_head_black.gif) repeat-x;
}

.blockhead {
height: 24px;
width: 202px;
background: url(../images/bg_head_blue.gif) repeat-x;
}

.submenu {
width: 180px;
background: #fff;
border: 1px solid #dddddd;
border-top: 0;
padding: 8px 10px 12px 10px;
margin-bottom: 12px;
}

.block {
display: table;
text-align: center;
width: 180px;
background: #fff;
border: 1px solid #dddddd;
border-top: 0;
padding: 16px 10px 18px 10px;
margin-bottom: 12px;
}

.block img {
display: block;
margin: 0 auto;
}

#footer {
clear: both;
width: 1000px;
}

#footer_inner {
width: 948px;
background: #fff;
margin: 0 auto;
padding: 0px 12px 12px 12px;
}

#pagebottom {
height: 19px;
width: 948px;
background: #f1f1f1 url(../images/sidebar_bottom.gif) no-repeat;
}

#footercontent {
width: 940px;
height: 20px;
border-top: 1px solid #fff;
background: url(../images/bg_brandmenu.gif) repeat-x;
padding: 0px 4px;
}

/* -- STYLES FOR MENU -- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
font-family: arial, sans-serif; 
width: 512px; 
height: 42px; 
float: left; 
background: url(../images/bg_brandmenu.gif) repeat-x; 
position: relative; 
z-index:100;
}

.menu ul {
list-style-type: none;
}

.menu ul li {
float:left;
}

.menu ul li a, .menu ul li a:visited {
display: block; 
float: left;
font: 10px verdana;
color: #747474;
text-transform: uppercase;
text-decoration: none;
padding: 4px 5px 3px 5px;
}

.menu table {
border-collapse:collapse;
font-size:1em;
}

.menu ul li ul {
visibility: hidden; 
position: absolute; 
top: 21px; 
left: 0; 
}

.menu ul li:hover a,
.menu ul li a:hover {
color: #da5094;
background: #f1f1f1;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 4px 5px 4px;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility: visible; 
width: 636px; 
color: #fff;
}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {
float:left; 
}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {
float:left;
}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility: hidden; 
position: absolute; 
left: 0; 
top: 21px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display: block;
font: 11px verdana;
color: #58c1ff;
border: none;
text-decoration: none;
text-transform: none;
padding: 3px 4px 4px 4px;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color: #da5094;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #dddddd;
background: #fff;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility: visible; 
background: #f1f1f1;
border-top: 1px solid #fff;
}

.menu ul li:hover ul.right li {
float:left;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
padding: 3px 4px 5px 4px;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {
color: #da5094;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #dddddd;
padding: 3px 4px 4px 4px;
background: #fff;
}

/* -- STYLES FOR IMAGES -- */

.producticon {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

.nomargin {
margin-right: 0px;
}

#content img.left {
float: left;
margin: 0px 10px 0px 0px;
}

#content img.right {
float: right;
margin: 0px 0px 0px 10px;
}

.box img.product {
float: left;
padding: 11px 9px 0px 11px;
}

/* -- STYLES FOR TEXTS -- */

#topmenu p {
font: bold 10px verdana;
color: #fff;
padding: 5px 6px;
}

#topmenu a:link, #topmenu a:visited  {
color: #fff;
text-decoration: none;
padding: 4px;
}

#topmenu a:hover, #topmenu a:active  {
color: #66c6ff;
}

#brandmenu a:link, #brandmenu a:visited  {
display: block;
float: left;
font: 10px verdana;
color: #747474;
text-transform: uppercase;
text-decoration: none;
padding: 4px 5px 5px 5px;
}

#brandmenu a:hover, #brandmenu a:active {
color: #da5094;
background: #f1f1f1;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 4px 5px 4px;
}

#modelmenu a:link, #modelmenu a:visited  {
display: block;
float: left;
font: 11px verdana;
color: #58c1ff;
text-decoration: none;
padding: 3px 5px 5px 5px;
}

#modelmenu a:hover, #modelmenu a:active  {
color: #da5094;
}

.subhead p, .blockhead p {
font: bold 11px verdana;
color: #fff;
padding: 4px 6px;
}

.submenu p {
font: 11px/17px verdana;
color: #747474;
}

.submenu ul {
list-style: url(../images/arrow_left.gif) square;
margin-left: 14px;
}

.submenu li a:link, .submenu li a:visited  {
font: 11px/19px verdana;
color: #747474;
text-decoration: none;
}

.submenu li a:hover, .submenu li a:active {
color: #da5094;
border-bottom: 1px dotted #da5094;
}

h1 {
font: 18px/22px arial;
color: #44b9ff;
margin-bottom: 6px;
}

h2 {
font: bold 13px/18px verdana;
color: #505050;
margin-bottom: 3px;
}

h3 {
font: 11px/26px verdana;
color: #fff;
display: inline;
padding: 0px 3px 2px 3px;
background: #ce4c8c;
}

h4 {
font: bold 24px/22px arial;
color: #ce4c8c;
margin-bottom: 6px;
}

#mainleft p {
font: 11px/17px verdana;
color: #515151;
margin-bottom: 17px;
}

#mainleft p.nomargin {
margin-bottom: 0px;
}

#mainleft p.warning {
font: bold 11px/17px verdana;
color: #d80000;
margin-bottom: 17px;
}

#mainleft span.warning {
font: bold 11px/17px verdana;
color: #d80000;
}

#mainleft p.small {
font: 9px/16px verdana;
color: #515151;
margin-bottom: 17px;
}

#mainleft a:link, #mainleft a:visited {
font: 11px/17px verdana;
color: #da5094;
text-decoration: none;
}

#mainleft a:hover, #mainleft a:active {
color: #da5094;
border-bottom: 1px dotted #da5094;
}

#mainleft a.go:link, #mainleft a.go:visited {
font: bold 11px/17px verdana;
color: #da5094;
text-decoration: none;
padding-left: 9px;
background: url(../images/bullet_go.gif) no-repeat 0px 3px;
}

#mainleft a.go:hover, #mainleft a.go:active {
color: #da5094;
border-bottom: 1px dotted #da5094;
}

#mainleft ul {
list-style: url(../images/bullet.gif) square;
margin-left: 20px;
margin-bottom: 17px;
}

#mainleft ol {
margin-left: 20px;
margin-bottom: 17px;
}

#mainleft li, #mainleft span.normal  {
font: 11px/17px verdana;
color: #515151;
}

#producttopbar p {
font: 10px/16px verdana;
color: #a8a8a8;
float: right;
margin: 0px 3px 0px 0px;
}

#footercontent p {
font: 10px/20px verdana;
color: #747474;
}

#footercontent a:link, #footercontent a:visited {
color: #da5094;
text-decoration: none;
}

#footercontent a:hover, #footercontent a:active {
color: #da5094;
border-bottom: 1px dotted #da5094;
}

.strike {
text-decoration: line-through;
}

#main .box h1 {
margin-bottom: 0px;
}

#main .box p {
font: 10px/16px verdana;
color: #515151;
margin: 0px;
}

#main .box a.go:link, #main .box a.go:visited {
font: bold 10px/16px verdana;
color: #da5094;
text-decoration: none;
padding-left: 8px;
background: url(../images/bullet_go.gif) no-repeat 0px 3px;
}

#main .box a.go:hover, #main .box a.go:active {
color: #da5094;
border-bottom: 1px dotted #da5094;
}

/* -- STYLES FOR TABLES -- */

#mainleft table.specs {
width: 100%;
margin-bottom: 17px;
}

#mainleft table.specs col.col1 {
width: 38%;
}

#mainleft table.specs col.pool1 {
width: 52px;
}

#mainleft table.specs td {
font: 10px/16px verdana;
color: #515151;
text-align: left;
padding-left: 10px;
border: 1px solid #fff;
}

#mainleft table.specs td.spec {
font-weight: bold;
text-align: right;
padding-right: 10px;
border-right: 4px solid #ededed;
}

#mainleft table.shells {
width: 100%;
margin-bottom: 17px;
}

#mainleft table.shells col {
width: 25%;
}

#mainleft table.shells td {
font: 9px/16px verdana;
color: #515151;
text-align: center;
padding: 0px;
}

#mainleft table.shells img {
margin-top: 10px;
}

#mainleft table.standard {
margin-bottom: 17px;
}

#mainleft table.standard td {
padding: 0px 10px 0px 0px;
}

#mainleft table td.right {
text-align: right;
}

#mainleft table.figures {
border-collapse: collapse; 
border: 1px solid #dddddd;
margin-bottom: 17px;
}

#mainleft table.figures td {
border: 1px solid #dddddd;
padding: 0px 3px;
}

#mainleft table.overview {
width: 100%;
margin: 17px 0px;
}

#mainleft table.overview col {
width: 33%;
}

#mainleft table.overview td {
font: 11px/17px verdana;
color: #515151;
text-align: center;
}

#mainleft table.overview td.thumbs {
border-right: 1px solid #dddddd;
}

#mainleft table.overview td.text {
padding: 2px 5px 5px 5px;
}

#mainleft table.overview td.seperator {
height: 24px;
border-top: 1px solid #dddddd;
}

#mainleft table.overview td.noborder {
border-right: 0px;
}

#mainleft hr {
height: 0;
border: 0;
border-top: 1px solid #dddddd;
margin: 10px 0px;
clear: both;
}