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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

/***********************
	-	BASICS 	-
***********************/
html { overflow-x: hidden; padding: 0 !important;/* background-image: url(../images/tiles/bgtile.png);*/ margin: 0px !important; }
ol, ul { list-style: none; }
a { text-decoration: none; }
.clear { clear: both; }
.space10 { width: 100%; height: 10px; }
.space15 { width: 100%; height: 15px; }
.space20 { width: 100%; height: 20px; }
.space30 { width: 100%; height: 30px; }
.space40 { width: 100%; height: 40px; }
/************************
	-	HEADER	-
************************/



.divider { max-width: 960px; margin: auto; height: 10px; background: url(../images/tiles/divider.png) repeat; }
.menupoint, .menupoint:visited { color: #000; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 52px; padding: 0px 20px; border-right: 1px solid #cdc; }
.menupoint:hover, .menupoint.red { color: #D31E00; }
.menupoint:first-child { padding-left: 0px; }
.menupoint:last-child { border-right: none; padding-right: 0px; }
.purchase { -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; background-color: rgba(211,30,0,0.5); padding: 3px 2px 3px 3px; margin-top: 40px; }
.purchase-inside { -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; color: #fff; background-color: #D31E00; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 30px; font-weight: 300; padding: 0px 17px; cursor: pointer; }
.purchase:hover { background: rgba(0,0,0,0.5); }
.purchase:hover .purchase-inside { background: #000; }
/***************************
	-	CONFIGURATOR	-
*****************************/

.configurator { max-width: 960px; margin: auto; padding: 0px 20px; }
.one_third { width: 32%; margin-right: 2%; float: left; }
.one_third.last { margin-right: 0 }
.configurator table tr { width: 100%; color: #D31E00; font-weight: 900; font-family: 'Open Sans', sans-serif; font-size: 37px; line-height: 39px; }
.config_title.small { font-size: 18px; white-space: nowrap; }
.configurator table td:first-child { padding-right: 10px; }
.configurator table td.divider { width: 100%; height: 10px; background: url(../images/tiles/divider.png) repeat-x left 24px; }
.configurator table td.divider.small { width: 100%; height: 10px; background: url(../images/tiles/divider.png) repeat-x left 18px; }
.configurator .conftitle { color: #000; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.configurator .conftitle span { font-size: 10px; font-weight: 500; color: #999; }
.configurator .selecter { position: relative; min-width: 200px; max-width: 320px; margin: 5px auto 0px; }
.configurator select { min-width: 200px; max-width: 320px; width: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity = 0); cursor: pointer; background: #fff; height: 30px; }
.configurator .dropdown { min-width: 200px; max-width: 320px; width: 100%; height: 28px; position: absolute; top: 0px; left: 0px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid rgba(0,0,0,0.1); }
.configurator .dropcontent { line-height: 30px; padding: 0px 20px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #404040; float: left; }
.configurator .dropbutton { width: 23px; height: 23px; background: url(../images/tiles/dropdown.png) no-repeat; float: right; margin-right: 2px; margin-top: 2px; }
.configurator .selecter:hover .dropbutton { background-position: bottom; }
.configurator .inputfield { width: 154px; height: 30px; background: url(../images/tiles/inputfield.png) no-repeat -2px 0px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 30px; padding-left: 20px; color: #404040; margin-top: 5px; }
.infofield { font-family: Arial; color: #555; font-size: 12px; line-height: 22px; }
.infofield span { font-size: 13px; font-weight: bold; }
.configurator table.features tr td:first-child { width: 100px; }
.slogan { text-align: center; color: #4e5b6c; font-weight: 900; font-family: 'Open Sans', sans-serif; font-size: 28px; }
.plus { background: url(../images/tiles/plus.png) no-repeat; width: 23px; height: 23px; float: left; margin-right: 5px; cursor: pointer; }
.minus { background: url(../images/tiles/minus.png) no-repeat; width: 23px; height: 23px; float: left; cursor: pointer; }
.plus.slot, .minus.slot { margin-top: 10px; }
.plus:hover, .minus:hover { background-position: bottom; }
.configurator .pmbutcont { position: relative; min-width: 200px; max-width: 320px; margin: 0px auto 0px; }
/******************************
	-	ROTATOR	-
*******************************/
.configurator .rotator { background: url(../images/tiles/rotator.png) no-repeat; width: 75px; height: 75px; margin-top: -10px; margin-right: 10px; position: relative; cursor: pointer; }
.configurator .rotator-line { background: url(../images/tiles/rotator-line.png) no-repeat; width: 75px; height: 75px; position: absolute; top: 0px; left: 0px; }
.configurator .rotator:hover .rotator-line { background-position: bottom; }
.configurator .rotbutcont { min-width: 260px; max-width: 260px; margin: 0px auto 0px; }
/***********************************
	-	THE LIST OF FUNCTIONS	-
************************************/
.configurator ul li { background: url(../images/tiles/ok.png) no-repeat 0px 4px; padding-left: 45px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 15px; padding-left: 20px; color: #404040; margin-bottom: 10px; }
.configurator ul li span { font-size: 13px; font-weight: bold; line-height: 15px; }
/***************************************
	-	TABLE OF COMPATIBILITY   -
****************************************/

.configurator table.features { width: 100%; }
.configurator table.features tr { font-size: 11px; line-height: 16px !important; color: #000; font-weight: 900; font-family: 'Open Sans', sans-serif; height: 50px; }
.configurator table.features td { border-bottom: 1px solid #ddd; vertical-align: middle; }
.configurator table.features span { font-size: 11px; line-height: 16px !important; color: #000; font-weight: 500; }
.configurator table.features tr.titles { color: #999; font-size: 10px; font-weight: 500; text-align: center; }
.yo { background: url(../images/tiles/ok.png) no-repeat; width: 11px; height: 8px; margin: auto; }
.nop { background: url(../images/tiles/no.png) no-repeat; width: 11px; height: 8px; margin: auto; }
/*************************************
	-	TESTIMONIALS	-
**************************************/
.testimonials { padding: 20px; background-color: #eee; border: 1px solid rgb(229,229,229); margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; color: #555; font-weight: 300; }
.testimonials span { font-weight: 900; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.configurator select,  .configurator .dropdown { width: 100%; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.one_third { float: none; width: 100%; margin-bottom: 20px; }
.one_third.last { margin-bottom: 0px !important; }


.purchase { margin-top: 0px; margin-bottom: 20px; float: left !important; }
.configurator .conftitle { text-align: center; }
.configurator .pmbutcont { position: relative; width: 207px; margin: 0px auto 0px; }
}
 @media only screen and (min-width: 0px) and (max-width: 600px) {
.purchase { margin-top: 0px; margin-bottom: 20px; float: left !important; }
.configurator .conftitle { text-align: center; }
.configurator .pmbutcont { position: relative; width: 207px; margin: 0px auto 0px; }
}
 @media only screen and (min-width: 0px) and (max-width: 770px) {
.menupoint, .menupoint:visited { line-height: 30px !important; }
.socials { margin-bottom: 10px; }
.purchase { margin-bottom: 0px !important; }
}
 @media only screen and (min-width: 560px) and (max-width: 662px) {
.menupoint:nth-child(5) { padding-left: 0px !important; }
}
 @media only screen and (min-width: 0px) and (max-width: 560px) {
.menupoint:nth-child(4) { padding-left: 0px !important; }
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.purchase { margin-bottom: 15px !important; }
.menupoint:nth-child(4) { padding-left: 0px !important; }
.one_third { float: none; width: 100%; margin-bottom: 20px; }
.one_third.last { margin-bottom: 0px !important; }
.configurator .conftitle { text-align: center; }
.configurator .pmbutcont { position: relative; width: 207px; margin: 0px auto 0px; }
.socials { display: none; }
table { display: none; }
}
 @media only screen and (min-width: 0px) and (max-width: 420px) {
.menupoint:nth-child(3) { padding-left: 0px !important; }
.menupoint:nth-child(5) { padding-left: 0px !important; }
.menupoint:nth-child(4) { padding-left: 20px !important; }
}

@media (min-width: 320px) {}