/* CSS Document */
html {
height:100%;
}
body {
/* background-color:#fbfbfb;*/
background-color:#FFFFFF;
color:#0C4669;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
margin:0;
padding:0 0 87px;
}
a {
color:#073c5d;
}
h2 {
border-bottom:1px solid #e3e3e3;
color:#b10434;
font-size:16px;
font-weight:bold;
padding:0 0 8px;
margin:0 0 10px;
}
h3 {
border-bottom:1px solid #DADADA;
color:#984F01;
font-size:12px;
font-weight:bold;
padding:0 0 10px;
margin:0px;
}
#wrapper {
margin-left:auto;
margin-right:auto;
margin-top:-35px;
min-height:410px;
padding-bottom:135px;
padding-top:0;
position:inherit;
top:5px;
width:930px;
}
#top {
background-color:#4EBDD0;
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/es_top_bgcrop.gif);
background-position:left top;
background-repeat:repeat-x;
height:142px;
position:relative;
top:-35px;
width:100%;
}
#topWrapper {
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/escootershop_logo.gif);
background-position:0 49px;
background-repeat:no-repeat;
height:137px;
margin:0 auto;
width:930px;
}
#homesplash {
background-color:#E5F5F8;
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/es_homesplash_bgcrop.gif);
background-position:left top;
background-repeat:repeat-x;
cursor:pointer;
height:239px;
left:0;
position:absolute;
top:106px;
width:100%
}
.homesplash-content {
background-image: url(/sys/themes/public/escootershop/escootershop_theme/images/es_homesplash_content.jpg);
background-repeat: no-repeat;
background-position:0 -1px;
height:240px;
max-height:240px;
margin:0 auto;
width:930px;
padding-top:0px;
}
.nav-wrapper {
height:28px;
left:343px;
position:relative;
top:57px;
width:561px;
}
.nav {
display:block;
height:28px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
}
.nav li{
background-color:#46AABB;
color:#8A2C23;
cursor:pointer;
float:left;
font-size:12px;
font-weight:normal;
margin-right:10px;
min-width:100px;
padding:10px;
text-align:center;
text-decoration:none;
width:auto;
}
.nav li a {
color:#ffffff;
text-decoration:none;
}
.nav li:hover{
background-color:#3d95a4;
font-weight:normal;
cursor:pointer;
}
.nav li.selected{
background-color:#3D95A4;
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/nav_arrow.gif?);
background-position:center 36px;
background-repeat:no-repeat;
cursor:pointer;
font-weight:bold;
height:25px;
margin-bottom:10px;
}
.nav li.nav-selected:hover{
background-color:#F2F2F2;
font-weight:bold;
cursor:pointer;
}
.nav-left-header {
background-color:#E6EFF0;
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/es_top_headercrop.gif);
background-position:0 0;
background-repeat:repeat-x;
color:#000000;
font-size:14px;
font-weight:bold;
left:0;
padding:0;
position:absolute;
width:100%;
}
.nav-left-header-txt {
padding:10px;
position:relative;
width:930px;
margin:0 auto;
height:19px;
}
.nav-left-header-txt h1 {
color:#000000;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
}
.nav-left {
padding:0px;
padding-bottom:20px;
margin-top:60px;
}
.subnav {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
width:100%;
margin-bottom:15px;
}
.subnav li {
background-color:#ebf3f8;
padding:10px;
text-align:right;
border-bottom-width: 1px;
border-bottom-style: none;
border-bottom-color: #d3e4ef;
margin-bottom:5px;
cursor:pointer;
}
.subnav li:hover {
background-color:#dfebec;
}
.subnav li a {
text-decoration:none;
}
.subnav li:hover a{
text-decoration:none;
color:#b10434;
}
.subnav .selected {
background-color:#dfebec;
font-weight:bold;
}
.subnav .selected a {
color:#000000;
font-weight:bold;
}
.subnav .selected:hover a{
text-decoration:none;
color:#000000;
}
#contentWrapper {
width:100%;
}
#left {
width:200px;
float:left;
margin-right:20px;
margin-bottom:20px;
padding-bottom:25px;
}
#middle {
width:510px;
float:left;
margin-right:20px;
margin-bottom:20px;
margin-top:59px;
padding-bottom:50px;
}
#middle-twocolumn {
width:710px;
background-color:#555555;
float:left;
margin-bottom:20px;
padding-bottom:180px;
}
#right {
width:180px;
float:left;
margin-bottom:20px;
margin-top:59px;
padding-bottom:180px;
}
#footer{
bottom:0;
clear:both;
position:relative;
/*background-color:#ebf3f8;*/
/*background:#F6F6F6 url(/sys/themes/public/escootershop/escootershop_theme/images/es_stretch_pixel.gif) repeat-y scroll 100% 0;
border-top:1px solid #E3E3E3;
bottom:0;
margin-top:150px;
min-height:132px;
position:fixed;
width:100%;*/
}
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.list {
display:block;
list-style-image:none;
list-style-position:outside;
margin:0px;
padding:0px;
margin-left:20px;
margin-bottom:30px;
}
.list a {
color:#3f9bcd;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.list a:hover {
text-decoration:underline;
}
.list-detail h3 {
color:#0c4669;
border:0px none;
font-size:16px;
margin-bottom:-5px;
padding-bottom:8px;
border-bottom:1px solid #DADADA;
}
.totop {
text-decoration:none;
color:#3f9bcd;
}
.totop:hover {
text-decoration:underline;
}
.image {
width:240px;
background-color:#f6f6f6;
border:1px solid #e3e3e3;
position:relative;
float:left;
padding:6px;
}
.image img {
border:1px solid #e3e3e3;
position:relative;
float:left;
}
.product .details {
float:left;
position:relative;
width:inherit;
}
.product .details .label {
color:#9f9f9f;
width:62px;
text-align:right;
padding-right:7px;
}
.product .details table td {
padding:5px;
border-bottom:1px solid #e3e3e3;
vertical-align:top;
}
.product .details .options {
margin-left:15px;
width:241px;
}
.product .details .options .help {
float:left;
height:17px;
margin-top:-3px;
position:relative;
width:25px;
cursor:pointer;
}
.product .details .options .val {
width:auto;
position:relative;
float:left;
}
.help-text {
/*background-color:#F1F6F7;*/
clear:both;
color:#777777;
display:none;
float:left;
font-size:11px;
padding-left:2px;
padding-top:3px;
width:inherit;
z-index:500;
}
.product .details table.tbl2 td {
padding:5px;
border-bottom:1px none #e3e3e3;
vertical-align:top;
}
.descr {
clear:both;
float:left;
margin-top:20px;
position:relative;
width:100%;
}
.descr table td.label{
padding:5px;
border-bottom:1px solid #e3e3e3;
vertical-align:top;
width:125px;
}
.descr table td {
padding:5px;
border-bottom:1px solid #e3e3e3;
vertical-align:top;
}
.descr .help {
float:left;
height:17px;
margin-top:-3px;
position:relative;
width:25px;
cursor:pointer;
}
.descr .val {
width:auto;
position:relative;
float:left;
}
.descr .label {
color:#9f9f9f;
white-space:nowrap;
text-align:right;
padding-right:7px;
}
.gallery-thumb {
width:72px;
height:72px;
border:1px solid #e3e3e3;
overflow:hidden;
position:relative;
float:left;
margin-bottom:5px;
margin-right:5px;
cursor:pointer;
}
.thumbs-holder {
float:left;
left:10px;
margin-left:0;
position:relative;
width:248px;
}
.cart-small {
margin-bottom:15px;
}
.cart-small .hdr {
cursor:pointer;
padding:10px;
text-align:left;
color:#000000;
font-weight:bold;
background-color:#DFEBEC;
}
.cart {
background-color:#EBF3F8;
padding:10px;
}
.cartlist {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 ;
padding:0;
background-color:#FFFFFF;
margin:0px;
border:1px solid #e3e3e3;
padding:5px;
}
.cartlist li {
border-bottom:1px solid #e3e3e3;
padding-bottom:7px;
}
.cartlist .cartoptions {
font-size:11px;
color:#999999;
}
.cartlist .price{
clear:both;
color:#000000;
float:right;
font-size:12px;
font-weight:bold;
margin-bottom:8px;
margin-top:-17px;
position:relative;
text-align:right;
width:auto;
}
.cartlist .delete{
color:#FF0000;
clear:both;
float:none;
position:relative;
width:40px;
font-size:10px;
}
.cartlist .delete a{
font-size:10px;
color:#FF0000;
text-decoration:none;
}
.cartlist .delete a:hover{
text-decoration:underline;
}
.orderform table td.label{
padding:5px;
border-bottom:1px solid #e3e3e3;
vertical-align:top;
width:125px;
}
.orderform table td {
padding:5px;
border-bottom:1px solid #e3e3e3;
vertical-align:top;
}
.orderform .cartoptions {
font-size:12px;
color:#777777;
padding-top:5px;
}
.orderform .cartoptions img{
border:1px solid #e3e3e3;
}
.thead td {
background-color:#eeeeee;
color:#000000;
font-weight:bold;
}
.orderform .delete a{
font-size:11px;
color:#FF0000;
}
.productsvertical ul {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 ;
padding:0;
background-color:#FFFFFF;
margin:0px;
/*border:1px solid #e3e3e3;*/
padding:5px;
}
.orderform .delete a{
font-size:11px;
color:#FF0000;
}
.productsvertical {
/*background-color:#EBF3F8;
padding:10px;*/
margin-bottom:15px;
}
.productsvertical li {
padding-bottom:2px;
cursor:pointer;
}
.productsvertical li:hover a {
text-decoration:underline;
}
.productsvertical li:hover img {
border:1px solid #cccccc;
}
.productsvertical a {
text-decoration:none;
}
.productsvertical li img {
margin-top:4px;
border:1px solid #e3e3e3;
margin-bottom:4px;
}
.productsvertical .price {
color:#999999;
font-size:11px;
padding-bottom:7px;
}
#products-list img {
margin-top:4px;
border:1px solid #e3e3e3;
margin-bottom:4px;
}
#products-list img-wrapper {
background-color:#F6F6F6;
margin-bottom:10px;
margin-top:0;
padding:8px;
}
#products-list td a {
text-decoration:none;
}
.subt {
color:#666666;
float:left;
font-size:11px;
padding-bottom:10px;
padding-top:10px;
position:relative;
width:139px;
}
.prodsearch {
}
.list-td-wrapper {
background-color:#FFFFFF;
cursor:pointer;
margin-bottom:15px;
margin-right:19px;
max-width:120px;
padding:0;
}
.list-td-wrapper:hover {
}
.list-td-brd {
border-color:#FFFFFF #E3E3E3 #FFFFFF #FFFFFF;
border-style:solid;
border-width:1px;
margin-right:15px;
padding-left:20px;
padding-right:15px;
}
.list-td-brd2 {
border-color:#FFFFFF #ffffff #FFFFFF #FFFFFF;
border-style:solid;
border-width:0px;
margin-right:15px;
padding-left:20px;
padding-right:15px;
}
.list-td-brd:hover a {
font-weight:bold;
color:#B10434;
}
.list-td-brd2:hover a {
font-weight:bold;
color:#B10434;
}
#middle .list-td-wrapper:hover {
}
#middle .list-td-wrapper a {
font-weight:bold;
}
#products-list img {
margin-top:0px;
margin-bottom:10px;
}
.admin-form-required {
color:#FF0000;
}
.subm {
padding:5px;
width:181px;
font-family:Tahoma, Arial;
font-size:11px;
}
#middle .tbl-nobrdr td {
border:none;
}
.submcart {
background-image:url(/sys/themes/public/escootershop/escootershop_theme/images/es_bestellen.jpg);
background-position:0 0;
background-repeat:no-repeat;
border:medium none;
height:39px;
text-indent:-9999px;
width:132px;
cursor:pointer;
}
select {
font-size:12px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
margin-bottom:5px;
padding:0;
}
.options select {
margin-bottom:0px;
}
.contentblok-1 {
background-color:#F6F6F6;
border:1px solid #E3E3E3;
padding:10px;
margin-bottom:15px;
}
.contentblok-1 .contentblok-content {
background-color:#ffffff;
border:1px solid #E3E3E3;
}
.contentblok-1 .contentblok-content {
padding:10px;
}
.contentblok-1 .contentblok-content p {
padding:0px;
margin:0px;
color:#666666;
}
.contentblok-1 .contentblok-content b {
color:#0C4669;
margin-bottom:10px;
}
.contentblok-1 .contentblok-content a {
clear:both;
color:#0C4669;
margin-bottom:10px;
height:25px;
font-size:11px;
margin-top:3px;
}
.contentblok-1 .contentblok-content img {
margin-top:10px;
}
.contentblok-green {
margin-bottom:10px;
}
.contentblok-green .contentblok-content {
background-color:#ebfae6;
color:#1c500c;
padding:10px;
}
.contentblok-green .contentblok-header {
background-color:#d6f6cd;
font-size:12px;
font-weight:bold;
padding:10px;
color:#1c500c;
}
.list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
}
.list li a {
font-size:14px;
font-weight:bold;
}
.list li {
background-color:#F1F6F9;
margin-bottom:5px;
padding:7px;
cursor:pointer;
border:1px solid #ffffff;
border-left:1px solid #EBF3F8;
border-right:1px solid #EBF3F8;
}
.list li p {
padding:0px;
padding-top:5px;
margin:0px;
}
.list li:hover {
background-color:#EBF3F8;
border-left:1px solid #EBF3F8;
border-right:1px solid #EBF3F8;
border-top:1px solid #ffffff;
border-bottom:1px solid #e1e1e1;
}
.list li:hover a {
color:#0C4669;
}
.totop {
}
.imgblok {
overflow:hidden;
width:auto;
border:1px solid #E3E3E3;
border-bottom:none;
}
.contentblok-2 {
background-color:#F6F6F6;
border:1px solid #E3E3E3;
padding:10px;
margin-bottom:15px;
}
.contentblok-2 .contentblok-content {
background-color:#ffffff;
border:1px solid #E3E3E3;
}
.contentblok-2 .contentblok-content {
padding:10px;
}
.contentblok-2 .contentblok-content p {
padding:0px;
margin:0px;
color:#666666;
}
.contentblok-2 .contentblok-content b {
color:#0C4669;
margin-bottom:10px;
}
.contentblok-2 .contentblok-content a {
clear:both;
color:#0C4669;
margin-bottom:10px;
height:25px;
font-size:11px;
margin-top:3px;
}
.contentblok-2 .contentblok-content img {
margin-top:10px;
}
.option-lithium {
height:18px;
overflow:hidden;
padding-left:469px;
position:absolute;
top:201px;
z-index:1;
}
.homenews {
height:240px;
left:0;
position:absolute;
top:345px;
width:100%;
}
.homenews .homenews-wrapper {
width:930px;
margin: 0 auto;
height:250px;
margin-top:20px;
}
.homenews-mod1 {
background-color:#ffffff;
border:1px solid #E3E3E3;
width:590px;
position:relative;
float:left;
height:164px;
margin-right:20px;
padding:10px;
}
.homenews-mod1 h2 {
position:relative;
float:left;
border-bottom:1px solid #E3E3E3;
width:inherit;
}
.homenews-mod1 h2 a {
position:relative;
float:right;
width:auto;
color:#3F9BCD;
font-size:12px;
font-weight:normal;
}
.homenews .modcontent {
position:relative;
float:left;
margin-left:20px;
width:400px;
height:152px;
overflow:hidden;
}
.homenews .modcontent ul {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
top:-39px;
}
.homenews .modcontent ul li h3 {
font-size:16px;
border:none;
color:#000000;
margin:0px;
padding:0px;
padding-top:47px;
}
.homenews .modcontent ul li p {
margin:0px;
padding:0px;
margin-top:7px;
margin-bottom:7px;
}
.homenews .modcontent ul li a {
color:#3F9BCD;
margin-left:10px;
}
.homenews .modcontent ul li {
height:130px;
padding-bottom:70px;
}
.homenews-mod1 .modimg {
width:160px;
height:160px;
overflow:hidden;
border:1px solid #E3E3E3;
position:relative;
float:left;
}
.homenews-mod2 {
background-color:#ffffff;
border:1px solid #E3E3E3;
width:270px;
height:164px;
position:relative;
float:left;
padding:10px;
}
.homenews-mod2-frame {
background-color:#F6F6F6;
border:1px solid #E3E3E3;
height:136px;
}
.homenews-mod2-frame p {
margin:0px;
padding:0px;
padding:10px;
}
.homenews-mod2 h2 {
margin-bottom:0px;
margin-top:0px;
border:0px solid #E3E3E3;
}
.homenews-mod2-frame .img {
position:relative;
float:left;
width:125px;
margin-left:10px;
margin-top:10px;
margin-right:10px;
border:1px solid #E3E3E3;
height:94px;
}
.homenews-mod2-frame .details {
position:relative;
float:left;
width:118px;
}
.footer-content {
border-top:1px solid #E3E3E3;
left:-3px;
margin:20px auto 0;
padding:17px 14px 28px 0;
position:relative;
width:910px;
}
.footer-content h5 {
font-size:12px;
font-weight:bold;
color:#333333;
padding:0px;
margin:0px;
}
.footer-content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}
.footer-content ul li {
padding:0px;
margin:0px;
font-size:11px;
color:#666666;
}
.footer-content ul a {
font-size:11px;
color:#666666;
}
.footer-1 {
position:relative;
float:left;
width:200px;
}
.footer-2 {
position:relative;
float:left;
width:200px;
}
.footer-3 {
position:relative;
float:left;
width:200px;
}
.footer-3 img {
border:1px solid #E0E0E0;
}
.prodstable {
margin-top:10px;
}
.actie {
background-color:#F9F9D4;
border-top:5px solid #FFFFFF;
color:#51512E;
font-size:11px;
text-align:center;
}
.pricefrom {
color:#DD0000;
position:relative;
text-decoration:line-through;
top:5px;
}