@charset "UTF-8";
/* CSS Document */






.cloud-zoom-lens {
	border: 1px solid #000;
	margin: -1px;	/* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
	z-index:99;
}

.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	top:0px;
}

.cloud-zoom-wrap {
    top:0;
    z-index:9999;
    position:relative;
}

.cloud-zoom-big {
	border:10px solid #ededed;
	top:-10px !important;
	left:310px !important;
	overflow:hidden;
}

.cloud-zoom-loading {
	position:absolute;
	display:block;
	border:none;
	font-size:0px;
	text-indent:-999px;
	top:0px !important;
	left:0px !important;
	width:280px !important;
	height:280px !important;
	background:url(../images/loading.gif) center center no-repeat #ffffff;
}






body { font-family:Arial, Helvetica, sans-serif; }
#container { position:absolute; width:100%; height:auto; }

/* FONTS */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ocraregular';
    src: url('ocra-webfont.eot');
    src: url('ocra-webfont.eot?#iefix') format('embedded-opentype'),
         url('ocra-webfont.woff') format('woff'),
         url('ocra-webfont.ttf') format('truetype'),
         url('ocra-webfont.svg#ocraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lobster13Regular';
    src: url('Lobster_1.3-webfont.eot');
    src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lobster_1.3-webfont.woff') format('woff'),
         url('Lobster_1.3-webfont.ttf') format('truetype'),
         url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OstrichSansRoundedMedium';
    src: url('ostrich-rounded-webfont.eot');
    src: url('ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-rounded-webfont.woff') format('woff'),
         url('ostrich-rounded-webfont.ttf') format('truetype'),
         url('ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 { font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0; }
a { outline:none; }

/* HEADER */

header {padding:0 0; z-index:999; }
.fixed { position:fixed; }
.clear { clear:both; }

nav { width:100%; height:220px; background-color:#FFF;	position: relative;	content:''; z-index:999; }
nav:after { width:width:100%; height:220px; background-color:#FFF;	position: absolute;	content:''; }
#header { position:relative; width:100%; height:220px; background-color:#FFF; z-index:999; -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); }
#headerwrapper { position:relative; width:960px; height:220px; margin-left:-480px; left:50%; background-color:#FFF; z-index:999; }

#logo { position:relative; float:left; width:250px; height:105px; margin:10px 0 0 0; }

/* MAINMENU */

#mainmenu { position:relative; float:right; width:710px; height:115px; margin:0 0 0 0; text-align:right; }
#mainmenu ul { float:right; }
#mainmenu ul li { float:left; font-family: 'BebasNeueRegular'; font-size:24px; margin:55px 0 0 24px; }
#mainmenu ul li a { color:#000; text-decoration:none; }
#mainmenu ul li a:hover { color:#cc0000; text-decoration:none; }
#schmutz { position:absolute; top:0px; right:0px; }
#slogan { font-family: 'BebasNeueRegular'; font-size:72px; }
#slogan strong { font-family: 'BebasNeueRegular'; font-size:72px; color:#cc0000; }
#tasje { position:absolute; width:71px; height:67px; top:115px; right:205px; }
#winkelwagen { position:absolute; width:175px; height:70px; top:110px; right:0px; background:url(../images/bg-winkelwagen.png) no-repeat; font-family: 'BebasNeueRegular'; font-size:22px; padding:15px 15px 15px 10px; text-align:center; }
#winkelwagen strong { font-size:30px; }
#winkelwagen strong a { text-decoration:none; color:#CC0000; }
#winkelwagen strong a:hover { text-decoration:none; color:#000000; }
#sliderandshopmenu { height:500px; z-index:6; }
#visualandshopmenu { height:100px; z-index:6; }


/* SHOPMENU HORIZONTAL */

#mainshopmenu { position:relative; float:left; width:100%; height:60px; background:url(../images/bg-mainmenu.png) repeat-x; -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); z-index:900; }
#mainshopmenuwrapper { position:relative; width:960px; margin-left:-480px; left:50%; z-index:900;  }
#mainshopmenu ul li { float:left; color:#FFF; font-family: 'BebasNeueRegular'; font-size:24px; margin:23px 28px 0 0; }
#mainshopmenu ul li.what { color:#38fffd; }
#mainshopmenu ul li a { color:#FFF; text-decoration:none; }
#mainshopmenu ul li a:hover { color:#FFFF38; text-decoration:none; }


/* ALL CONTENT */

#content { position:relative; float:left; width:100%; height:auto; background-color:#ededed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; padding-bottom:50px; }
#contentwrapper { position:relative; width:960px;  margin:45px 0 0 -480px; left:50%;  }
#contentwrapper h1 {  font-family: 'BebasNeueRegular'; font-size:35px; margin:0 0 30px 0; }
#contentwrapper #whitewrap { position:relative; float:left; width:900px; background-color:#FFF; padding:30px 30px 8px 30px; }
#contentwrapper #whitewrap h1 { font-family: 'Playfair Display', serif; font-size:40px; padding-bottom:30px; text-align:center; letter-spacing:0px; font-style:italic; border-bottom:1px solid #000; margin-bottom:20px; font-weight:900;  }
#contentwrapper #whitewrap strong { font-weight:bold; }
#contentwrapper #whitewrap p { margin-bottom:22px; }
#contentwrapper #whitewrap h3 { font-family: 'OstrichSansRoundedMedium'; font-size:25px; margin-bottom:0px; color:#000; letter-spacing:1px;  }
#contentwrapper #whitewrap h2 {font-family: 'BebasNeueRegular'; font-size:22px; word-spacing:2px; margin-bottom:22px; }
#contentwrapper #whitewrap a { background-color:#ffff38; color:#000; text-decoration:none; }
#contentwrapper #whitewrap a:hover { background-color:#000; color:#fff; text-decoration:none; }

#contentwrapper #whitewrap .third { position:relative; float:left; width:280px; background-color:#FFF; padding-right:30px; }
#contentwrapper #whitewrap .third.last { position:relative; float:left; width:280px; background-color:#FFF; padding-right:0px; }
#contentwrapper #whitewrap .fourth { position:relative; float:left; width:200px; background-color:#FFF; padding-right:30px; }
#contentwrapper #whitewrap .fourth.last { position:relative; float:left; width:200px; background-color:#FFF; padding-right:0px; }
#contentwrapper #whitewrap .twothird { float:left; position:relative; width:590px; }


/* NEWS PAGE */
#contentwrapper #whitewrap .third.news h2 { font-family: 'Playfair Display', serif; font-size:32px; font-weight:900; margin-bottom:22px; text-align:center; font-style:italic; }

#contentwrapper #whitewrap .twothird.news { width:590px; margin-bottom:25px; }
#contentwrapper #whitewrap .third.news { position:relative; float:left; width:240px; background-color:#ededed; color:#000; padding:20px; margin:0px 0px 0px 30px;-moz-border-radius: 5px; border-radius: 10px; }

#contentwrapper #whitewrap .twothird.news h1 { font-family: 'Playfair Display', serif; font-size:40px; font-weight:900; margin:6px 0 0 0; letter-spacing:1px; border:0px; text-align:left; line-height:34px;}

#contentwrapper #whitewrap .third.news ul li span { font-weight:bold; margin:0 6px 0 0; }
#contentwrapper #whitewrap .third.news ul li a { color:#000; background-color:#ededed; }
#contentwrapper #whitewrap .third.news ul li a:hover { color:#cc0000; background-color:#ededed; }

#overlay_form {	position: absolute;	padding: 30px; background: #FFF; width: 500px; left:50%; top:10%; height: 300px;	z-index:1000; border:10px solid #000; box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.42); -webkit-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.42); overflow-y:scroll; overflow-x:hidden;}		
#pop {	text-decoration: none; }

#contentwrapper #whitewrap .third #close { position:absolute; right:10px; top:10px; width:20px; height:20px; background-color:#FFF; }
#contentwrapper #whitewrap .third .close a { background-color:#FFF !important; }
#contentwrapper #whitewrap .third .close a:hover { background-color:#FFF !important; }



/* SIDEBAR MET SHOPMENU */
#sidebar { position:relative; float:left; width:250px; margin:0 40px 20px 0; }
.block { position:relative; float:left; width:230px; padding:14px 10px 25px 10px; -moz-border-radius: 5px; border-radius: 10px; margin:0 0 30px 0; background:url(../images/bg-ttl.gif) no-repeat top center; text-align:center; }
.block.yellow, .block.yellow span { background-color:#ffff38; }
.block.green, .block.green span { background-color:#38ffbb; }
.block.blue, .block.blue  span { background-color:#38fffd; }
.block.white, .block.white span { background-color:#fff; }
.block span { font-family: 'BebasNeueRegular'; font-size:25px; line-height:30px; text-align:center; background-color:#FFF; padding:0 10px 0 10px; }
.block ul li  { text-align:left;font-family: 'ocraregular'; font-size:15px; height:40px; border-bottom:1px solid #000; display:block; }
.block ul li a {  padding:10px 0 10px 0; text-decoration:none; color:#000; display:block; padding-left:0px; text-align:center; }
.block ul li a:hover { text-decoration:none; color:#fff; background:url(../images/bg-hover.png) no-repeat; display:block; text-align:center; }
.block ul li.active a { text-decoration:none; color:#fff; background:url(../images/bg-hover.png) no-repeat; display:block; text-align:center; }

.block ul li.noborder { text-align:left;font-family: 'ocraregular'; font-size:15px; height:20px; border:none; padding:0 0 10px 0; }

/* MAIN CONTENT */

#main { position:relative; float:left; width:640px; margin:0 0 20px 20px; }
#main h1 { font-family: 'BebasNeueRegular'; font-size:35px; margin:10px 0 40px 20px; }

#main .thumb { position:relative; float:left; width:140px; height:175px; margin:0 10px 20px 10px; background:url(../images/thumb-shadow.png) bottom no-repeat;  }
#main .thumb img.th { border:11px solid #000; width:118px; height:118px; }
#main .thumb img.th:hover { border:11px solid #cc0000; width:118px; height:118px; }

#main span.artikelnummer { font-family: 'BebasNeueRegular'; font-size:15px; line-height:25px; background-color:#000; color:#FFF; padding:3px 10px; }
#main div.artikelnummer { width:140px; text-align:right; }


#nieuws { position:relative; float:left; width:100%; height:505px;background:url(../images/bg-slider.png) fixed repeat;  }
#nieuwswrapper {  position:relative; width:960px; margin-left:-480px; left:50%;  }
#nieuwswrapper .item { position:relative; float:left; width:300px; }
#nieuws h2 { font-family: 'BebasNeueRegular'; font-size:35px; margin:50px 0 30px 0; display:block; text-align:left; color:#000; }
#nieuwswrapper .item { position:relative; float:left; margin:0 20px 0 0; }
#nieuwswrapper .item h3 { font-family: 'BebasNeueRegular'; font-size:25px; margin:0 0 10px 0; }
#nieuwswrapper .item p { line-height:19px; margin-bottom:10px; }
#nieuwswrapper .image { width:130px; height:130px; margin:0 0 20px 0; z-index:700;  }
#nieuwswrapper .paper { position:absolute; top:0px; left:0px; z-index:800; }
#nieuwswrapper span.readmore { float:left; clear:both;  width:auto; background-color:#000; font-family: 'BebasNeueRegular'; font-size:20px; line-height:18px; }
#nieuwswrapper span.readmore a { padding:9px 8px 8px 8px; color:#fff; text-decoration:none; display:block; background-color:#000; }
#nieuwswrapper span.readmore a:hover { color:#fff; text-decoration:none; display:block; background-color:#cc0000; }



/* WINKELWAGEN */
#winkelwagentje { position:relative; float:left; }
#steps { position:relative; float:left; width:940px; }
#steps ul li { float:left; width:193px; margin:0 1px 0 1px; height:25px; background-color:#bdbdbd; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; font-family: 'BebasNeueRegular'; font-size:30px; color:#FFF; padding:25px 20px 15px 20px; }
#steps ul li.active { float:left; width:193px; margin:0 1px 0 1px; height:25px; background-color:#000; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; font-family: 'BebasNeueRegular'; font-size:30px; color:#fff; padding:25px 20px 15px 20px; }
#steps ul li.done {  background-image:url(../images/bg_cart_check.png); background-position:top right; background-repeat:no-repeat; }
#steps ul li strong { color:#fff; }
#steps ul li.active strong { color:#ffff38; }

#step { position:relative; float:left; width:868px; min-height:50px; background-color:#FFF; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; padding:40px 20px 30px 30px; margin-left:1px; border-top:8px solid #000; }
#stepheader { float:left; position:relative; width:890px; height:30px; }
#stepheader div { float:left;  font-family: 'BebasNeueRegular'; font-size:20px; margin-right:10px; padding-right:15px; }
#stepheader .article { width:465px; }
#stepheader .amount { width:60px; }
#stepheader .price { width:120px; text-align:right; }
#stepheader .total { width:120px; text-align:right; }


.steprow { float:left; position:relative; width:890px; }

.steprow div { position:relative; float:left; background-color:#ededed; margin-right:10px; height:20px; font-family: 'BebasNeueRegular'; font-size:20px; padding:20px 15px 20px 15px; margin-bottom:10px;  }
.steprow .image { width:60px; padding:0px !important; }
.steprow .image img { border:5px solid #000; }
.steprow .article { width:380px; }
.steprow .amount { width:45px; height:30px; padding:15px !important; }
.steprow .amount input { width:33px; height:20px; font-family: 'BebasNeueRegular'; font-size:20px; padding:5px; border:1px solid #FF6; }
.steprow .amountcheck { width:45px; height:20px; }

.steprow .price { width:105px; text-align:right; }
.steprow .total { width:105px; text-align:right; }
.steprow .delete { width:20px; margin-right:0px; background-color:#FFFFFF; padding:20px 0 20px 0; text-align:center; }
.separator { position:relative; float:left; width:900px; height:1px; background-color:#000; margin:30px 0; background:url(../images/dash.png) repeat-x; clear:both; }
#totalrow { position:relative; float:left; width:900px; height:70px; padding:10px 15px 10px 15px; font-family: 'BebasNeueRegular'; font-size:20px; line-height:30px;  }
#totalrow .total { position:relative; float:left; width:695px; text-align:right; }
#totalrow .price { position:relative; float:left; text-align:right; width:130px;  }
#totalrow .totalbig { font-size:20px; position:relative; float:left; width:695px; text-align:right; }
#totalrow .pricebig { font-size:30px; position:relative; float:left; text-align:right; width:130px;  }


#step .nav { position:relative; float:left; width:900px; }
#step .back a { position:relative; float:left; background:url(../images/bg_back.png) no-repeat left #ffff38; height:20px; padding:10px 15px 10px 20px; font-family: 'BebasNeueRegular'; font-size:20px; text-decoration:none; color:#000; }
#step .back a:hover { position:relative; float:left; background:url(../images/bg_back-hover.png) no-repeat left #000; height:20px; padding:10px 15px 10px 20px; font-family: 'BebasNeueRegular'; font-size:20px; color:#FFF; }
#step .forward a { position:relative; float:right; background:url(../images/bg_nxt.png) no-repeat right #45ee75; height:20px; padding:10px 20px 10px 15px; font-family: 'BebasNeueRegular'; font-size:20px; text-decoration:none; color:#000; }
#step .forward a:hover { position:relative; float:right; background:url(../images/bg_nxt-hover.png) no-repeat right #000; height:20px; padding:10px 20px 10px 15px; font-family: 'BebasNeueRegular'; font-size:20px; color:#FFF; }


/* stap 2 */
#step .register { position:relative; float:left; width:450px; }
#step .register h3 { font-size:25px; margin-bottom:20px; }
#step .register .label { position:relative; float:left; padding:4px 4px 4px 0; height:20px; width:130px;font-family: 'BebasNeueRegular'; font-size:19px; margin-bottom:10px; }

#step .register .field { position:relative; float:left; width:300px; margin-bottom:8px; font-family: 'BebasNeueRegular';  }
#step .register .field span { font-family: 'ocraregular'; font-size:11px; height:20px; padding-top:8px; }
#step .register .field input { width:300px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; }

#step .register .field input.check { width:20px; }


#step .register .field_straat { width:250px; position:relative; float:left; } 
#step .register .field_straat input { width:227px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; margin-right:10px; }

#step .register .field_huisnummer { width:50px; position:relative; float:left; }
#step .register .field_huisnummer input { width:50px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; } 


#step .register .field_plaats { width:230px; position:relative; float:left; } 
#step .register .field_plaats input { width:207px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; margin-left:23px; }

#step .register .field_postcode { width:70px; position:relative; float:left; }
#step .register .field_postcode input { width:70px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; } 




#step .register .field textarea { width:266px; background-color:#ededed; height:160px; border:0px;font-family: 'ocraregular'; font-size:14px; padding:7px; }

#step .register .field input.btn { width:312px; background-color:#2fa1a5; height:30px; border:0px;font-family: 'ocraregular'; font-size:14px; color:#FFF;font-family: 'BebasNeueRegular'; font-size:20px; padding:5px; } 
#step .name { position:relative; float:left; width:430px; height:50px; font-family: 'BebasNeueRegular'; font-size:30px; }
#step .name a { text-decoration:none; color:#2fa1a5; }
#step .name a:hover { text-decoration:none; color:#000; }
.check { background-image:url(../images/checkbox.png); width:30px; height:30px; border:0px; }


#step .login { position:relative; float:left; width:335px; background-color:#fff; border:1px solid #000; padding:30px; margin-left:30px; }
#step .login h3 { font-size:25px; margin-bottom:20px; }
#step .login .label { position:relative; float:left; padding:4px 4px 4px 0; height:20px; width:80px;font-family: 'BebasNeueRegular'; font-size:19px; margin-bottom:10px; }
#step .login .field { position:relative; float:left; width:100px; margin-bottom:8px; font-family: 'BebasNeueRegular';  }
#step .login .field input { width:239px; background-color:#ededed; height:12px; border:0px;font-family: 'ocraregular'; font-size:12px; padding:7px; }
#step .login .field input.btn { width:253px; background-color:#000; height:30px; border:0px;font-family: 'ocraregular'; font-size:14px; color:#FFF;font-family: 'BebasNeueRegular'; font-size:20px; padding:5px; } 



/* stap 3 */
#step h2 {font-family: 'BebasNeueRegular'; font-size:40px; margin-bottom:10px; } 
#step h3 {font-family: 'BebasNeueRegular'; font-size:20px; margin-bottom:10px; } 
#step .third { position:relative; float:left; width:279px; padding-right:20px; }

#productcheck .steprow .article { width:410px; }
#productcheck .steprow .total { margin-right:0px; }
#productcheck #totalrow .total { width:715px; }
#productcheck #totalrow .price { width:140px; }
#productcheck #totalrow .totalbig { width:695px; }

#productcheck #stepheader .article { width:495px; }

#productcheck #stepheader .price { width:120px; text-align:right; }
#productcheck #stepheader .total { width:120px; text-align:right; margin-right:0px; }
#stepheader { }


/* PRODUCT SPECS */
#product { position:relative; float:left; width:560px; margin:0px 0px 0px 20px; background:url(../images/bg_specs01.png) no-repeat top #FFF; padding:60px 30px 30px 30px; }
#product #artikelnummer { position:relative; float:left; height:50px; width:300px; font-family: 'BebasNeueRegular'; font-size:30px; color:#000; }
#product #prijs { position:relative; float:left; height:50px; width:240px; margin-left:20px; text-align:right; font-family: 'BebasNeueRegular'; font-size:30px; color:#CC0000; }

#product #image { position:relative; float:left; width:300px; }
#product #image .nav { position:relative; float:left; width:300px; height:20px; }
#product #image .nav ul { float:right; }
#product #image .nav ul li { float:left; width:14px; height:14px; -moz-border-radius: 7px;border-radius: 7px; background-color:#000; margin:10px 0 0 10px; text-indent:-9999px; display:block; cursor:pointer; }
#product #image .nav ul li:hover { background-color:#cc0000; text-indent:-9999px; display:block; -moz-border-radius: 0px;border-radius: 0px; }
#product #image .nav ul li.active { background-color:#cc0000; text-indent:-9999px; display:block; -moz-border-radius: 0px;border-radius: 0px; }


#product #image img { position:relative; float:left; border:11px solid #000; width:280px; height:280px; }

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}





#product #choose { position:relative; float:left; width:240px; margin-left:20px; }
#product #choose #color { position:relative; width:240px; float:left; border-top:5px solid #000; padding:20px 0 0 0; display:block; }
#product #choose #color h2 { font-family: 'BebasNeueRegular'; font-size:25px; margin-bottom:14px; }
#product #choose #amount h2 { font-family: 'BebasNeueRegular'; font-size:25px; margin-bottom:19px; }
#product #choose #color ul { margin-left:-5px; }
#product #choose #color li { float:left; width:30px; height:30px; margin:1px; background-color:#FFF; padding:5px;  }
#product #choose #color li:hover { float:left; width:30px; height:30px; margin:1px; background-color:#FFF; padding:5px; background:url(../images/bg_color.png) no-repeat; }

#product #choose #color li.active { float:left; width:30px; height:30px; margin:1px; background-color:#FFF; padding:5px; background:url(../images/bg_color-active.png) no-repeat; }

/* tooltip */
.ui-tooltip {  padding: 5px 6px 3px 0; position: absolute; z-index: 9999; max-width: 300px; color:#000; font-family: 'ocraregular';font-size:10px; background-color:#FFF; }
.ui-tooltip, .arrow:after { background: white;  }  


#product #choose #amount { position:relative; float:left; width:240px; border-top:5px solid #ededed; margin-top:19px; padding:20px 0 0 0; }
#product #choose #amount .field { width:40px; }
#product #choose #amount .field input { float:left; background-color:#ededed; width:40px; height:16px; border:0px; font-family: 'ocraregular'; font-size:15px; line-height:16px; padding:12px; text-align:center; }
#product #choose #amount .plusmin { position:relative; float:left; height:28px; width:14px; margin-left:6px; }
#product #choose #amount .plus a { float:left; width:11px; height:11px; background-color:#000; padding:4px 3px 2px 3px; text-align:center; margin-bottom:6px; font-family: 'ocraregular';font-size:14px; line-height:14px; text-decoration:none; color:#FFF; }
#product #choose #amount .min a { float:left; width:11px; height:11px; background-color:#000; padding:4px 3px 2px 3px; text-align:center; font-family: 'ocraregular';font-size:14px; line-height:14px; text-decoration:none; color:#FFF; }
#product #choose #amount .plus a:hover { background-color:#38fffd; color:#000; }
#product #choose #amount .min a:hover { background-color:#38fffd; color:#000; }


#product #choose #buy { position:relative; float:left; width:240px; height:50px; }
#product #choose #buy input { width:240px; height:49px; background:url(../images/bg_buy.png) no-repeat; border:0px; margin-top:20px; color:#FFF; font-family: 'BebasNeueRegular'; font-size:30px; padding:8px 0 12px 20px; cursor:pointer; }
#product #choose #buy input:hover { width:240px; height:49px; background:url(../images/bg_buy-hover.png) no-repeat;  }


#productspecs { position:relative; float:left; width:560px; margin:0px 0px 0px 20px; background:url(../images/bg_specs02.png) no-repeat top #000; padding:60px 30px 60px 30px; color:#FFF; }
#productspecs h2 { font-family: 'BebasNeueRegular'; font-size:25px; margin-bottom:19px; }
#productspecs p { font-family: 'ocraregular'; font-size:11px; line-height:20px; color:#FFF; margin-bottom:20px; }
#productspecs ul li { font-family: 'ocraregular'; font-size:11px; line-height:20px; color:#FFF; padding:10px 0 10px 0; border-top:1px dotted #FFF; }
#productspecs ul li strong { width:130px; color:#ffff38; display:block; float:left; }

/* addresses */
.addresses { width:200px; position:relative; background-color:#fff; margin:0 10px 22px 0; font-size:12px; line-height:22px; }
.addresses strong { font-family: 'Playfair Display', serif; font-size:16px; text-align:left; letter-spacing:0px; font-style:italic; display:block; }
h4.saleaddresses { width:900px; height:38px; font-family: 'Playfair Display', serif; font-size:25px; font-style:italic; font-weight:900; text-align:center; padding-top:12px; color:#fff; margin:30px 0 40px 0 !important; background-image:url(../images/bg-country.png); }

/* FOOTER */

#footer { position:relative; float:left; width:100%; height:290px; background-color:#000; background:url(../images/bg-mainmenu.png) top repeat-x #000;font-family:Arial, Helvetica, sans-serif; font-size:15px; }
#footerwrapper { position:relative; width:960px; margin-left:-480px; left:50%; font-size:12px; line-height:20px; }
#footer .col { float:left; position:relative; width:220px; margin:45px 20px 0 0; color:#FFF; }
#footer .col.right { float:left; position:relative; width:220px; margin:45px 0 0 0; color:#FFF; }

#footer .col h2 { font-family: 'BebasNeueRegular'; font-size:25px; margin:0 0 20px 0; }
#footer .col ul { position:relative; margin:0 0 20px 0; clear:both; }
#footer .col ul li { margin:0 10px 0 0; }
#footer .col ul li.social { float:left; margin:0 10px 5px 0; }
#footer .col a { color:#FFF; text-decoration:none; }
#footer .col a:hover { color:#ffff38; }
#footer .col form p { margin:0 0 10px 0;}
#footer .col form p label { float:left; }
#footer .col form p input { width:170px; height:25px; border:0px; background-color:#FFF; padding:0 5px 0 5px;font-family: 'ocraregular'; font-size:13px;  }
#footer .col form p input.btn { width:180px; border:0px; background-color:#268185; margin-left:35px;font-family: 'BebasNeueRegular'; font-size:21px; padding:1px 0 0 0; color:#fff; cursor:pointer; }