/*
	Title:      Screen styles
	Author:     Poort80 - Frontend
	Copyright:  2009, Poort80  All rights resevered
*/

/* common 
============================================================= */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
a img, img {
	border:none;
}

h1 {
	font-size:12px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 6px;
	margin-top: 2px;
}
h2 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-transform: uppercase;
}
h3 {
	font-size:15px;
}
h4 {
	font-size:13px;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:12px;
}
a {
	text-decoration:none;
	color:#ff0000;
}
a:hover {
	text-decoration:none;
	color:#ff0000;
}
/* dotted line fix for Firefox on Flash objects */
object {
	outline:none;
}
/* color of defaultValue on form input type=text and textarea */
.p80_form_label {
	color: #999;
}
p, ul, ol {
/*	line-height: 14px; */
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul li, ol li {
	margin-left: 20px;
}
ul.clean li, 
ol.clean li {
	list-style: none;
	margin: 0;
	padding: 0;
}
strong, b {
	font-weight: bold;
}
p, h2, h3, h4, h5, ol, ul, dl, hr, pre, address, fieldset {
	margin-bottom:18px;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
select {
	border: 1px solid #CCCCCC;
}
input {
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.noMargin {
	margin-bottom: 0px;
}

/* color swatches
============================================================= */
.swatch0 {
	color: #000; /* Black */
}
.swatch1 {
	color: #ff0000; /* MyLaps main red */
}
.swatch2 {
	color: #747373; /* MyLaps licht gray */
}

/* wrapper
============================================================= */
div#wrapper {
	background: url(../images/wrapper_bg.jpg) no-repeat top center;
}

/* header
============================================================= */
div#header {
	min-height: 91px;
	position: relative;
	z-index: 500;
	background: url(../images/header_bg.gif) no-repeat center top;
}
div#header .logo {
	position: absolute;
	top: 15px;
	left: 40px;
}
body div#header .logo {
	background: transparent url(../images/logo.png) no-repeat left top;
	padding-left: 8px;
}
body.swim div#header .logo {
	background: transparent url(../images/logo_swim.png) no-repeat left top;
}
body.car div#header .logo {
	background: transparent url(../images/logo_car.png) no-repeat left top;
}
body.bike div#header .logo {
	background: transparent url(../images/logo_bike.png) no-repeat left top;
}
body.cycle div#header .logo {
	background: transparent url(../images/logo_cycle.png) no-repeat left top;
}
body.kart div#header .logo {
	background: transparent url(../images/logo_kart.png) no-repeat left top;
}
body.lart div#header .logo {
	background: transparent url(../images/logo_lart.png) no-repeat left top;
}
body.mx div#header .logo {
	background: transparent url(../images/logo_mx.png) no-repeat left top;
}
body.rc div#header .logo {
	background: transparent url(../images/logo_rc.png) no-repeat left top;
}
body.run div#header .logo {
	background: transparent url(../images/logo_run.png) no-repeat left top;
}
body.sail div#header .logo {
	background: transparent url(../images/logo_sail.png) no-repeat left top;
}
body.skate div#header .logo {
	background: transparent url(../images/logo_skate.png) no-repeat left top;
}
body.triathlon div#header .logo {
	background: transparent url(../images/logo_triathlon.png) no-repeat left top;
}
/* header > mainNav
============================================================= */
div#header ul.mainNav {
	position: absolute;
	top: 65px;
	left: 40px;
}
div#header ul.mainNav,
div#header ul.mainNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#header ul.mainNav li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
div#header ul.mainNav li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
div#header ul.mainNav li a:hover {
	color: #ff0000;
}
div#header ul.mainNav li .divider {
	display: inline-block;
	margin: 0 0 0 4px;
	padding: 0;
	color: #ed1c24;
	font-weight: bold;
	vertical-align: top;
}

/* welcome
============================================================= */
div.welcome {
	margin-left: 28px;
	width: 638px;
	margin-bottom: 35px;
}
/* subVisual
============================================================= */
div.subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/sub_visual.jpg') top left no-repeat;
	margin-bottom: 20px;
}

.car .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Car.png') top left no-repeat;
	margin-bottom: 20px;
}

.bike .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Bike.png') top left no-repeat;
	margin-bottom: 20px;
}

.cycle .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Cycle.png') top left no-repeat;
	margin-bottom: 20px;
}

.kart .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Kart.png') top left no-repeat;
	margin-bottom: 20px;
}

.mx .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_MX.png') top left no-repeat;
	margin-bottom: 20px;
}

.rc .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_RC.png') top left no-repeat;
	margin-bottom: 20px;
}

.run .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Run.png') top left no-repeat;
	margin-bottom: 20px;
}

.sail .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Sail.png') top left no-repeat;
	margin-bottom: 20px;
}

.skate .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Skate.png') top left no-repeat;
	margin-bottom: 20px;
}

.swim .subVisual {
	width: 612px;
	height: 178px;
	margin-top: -20px;
	background: transparent url('../images/T02_Swim.png') top left no-repeat;
	margin-bottom: 20px;
}

body.visualHeader div#header{
	margin-bottom: 0;
}
body.visualHeader div.sideBar{
	margin-top: 21px;
}
body.visualHeader div.colset {
	padding-bottom: 0px;
}
body.visualHeader div.colset h1 {
	padding-top: 0px;
}
body.visualHeader div.colset .colType1,
body.visualHeader div.colset .colType2 {
	margin-top: 0px;
}
/* shadowBox
============================================================= */
div.shadowBox {
	margin: 0 0 20px 0;
	padding: 10px 5px 0 17px;
	background: url(../images/shadowbox_bg.gif) no-repeat left top;
}
div.shadowBox h3 {
	color: #000000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}
div.shadowBoxNotActive div.shadowBoxScroll {
	display: none;
}
div.shadowBoxActive h3 {
	color: #f00;
	display: inline-block;
	width: 153px;
	padding-right: 10px;
	background: url(../images/icon1.gif) no-repeat right center;
}
div.shadowBox ul li a {
	color: #000000;
	padding-right: 10px;
	text-decoration: none;
}
.welcomePage div.shadowBox ul li a:hover,
.welcomePage div.shadowBox ul li.active a {
	color: #ff0000;
	background: url(../images/icon2.gif) no-repeat right center;
}

/* home
============================================================= */
div.home {
	height: 276px;
	width: 853px;
	position: relative;
	margin: -30px auto 20px auto;
	z-index: 100;
	background: transparent url(../images/bg_flashbar.gif) bottom left no-repeat;
}

/* homeBlocks
============================================================= */
div.homeBlocks .c1 h3,
div.homeBlocks .c2 h3,
div.homeBlocks .c3 h3 {
	color: #ff0000;
	margin-bottom: 5px;
}
div.homeBlocks .c4 h3 {
	margin-bottom: 5px;
}

div.homeBlocks .c1 ul li,
div.homeBlocks .c2 ul li,
div.homeBlocks .c3 ul li,
div.homeBlocks .c4 ul li {
	text-transform:uppercase;
	font-weight: bold;
}
div.homeBlocks .shadowBoxScroll {
	padding-right: 10px;
}
div.homeBlocks .shadowBoxScroll p {
	margin-bottom: 5px;
}
div.homeBlocks .shadowBoxScroll p a {
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	padding-left: 10px;
	background: transparent url(../images/icon3.gif) 0px 5px no-repeat;	
}
div.homeBlocks .shadowBoxScroll p a:hover {
	background: transparent url(../images/icon2.gif) 0px 5px no-repeat;
	color:#ff0000;
}
div.homeBlocks ul li {
	background: transparent url(../images/icon2.gif) 0px 4px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
}
div.homeBlocks ul li:hover {
	background: transparent url(../images/icon2.gif) 0px 4px no-repeat;
	color: #ff0000;
}
div.homeBlocks ul li a span:hover {
	color: #ff0000;
}
div.homeBlocks .c4 ul li {
	background: transparent url(../images/icon2.gif) 0px 4px no-repeat;
	padding-left: 10px;
	margin-bottom: 0px;
}
div.homeBlocks ul li a{
	padding-right: 0 !important;
}
div.homeBlocks ul li a span {
	font-size: 11px;
	font-weight: bold;
	display: block;
}
div.homeBlocks .c4 ul li:hover,
div.homeBlocks .c4 ul li a:hover {
	color:#ff0000;	
}
div.homeBlocks div.shadowBox .shadowBoxScroll {
	display: inline;
	overflow: auto;
}
/* table.ShippingMethod
============================================================= */
table.ShippingMethod tr th {
	font-weight: bold;
}
table.ShippingMethod tr td input {
	margin: 4px 10px 2px 0!important;
	*margin: 0 10px 2px 0!important;
}
table.ShippingMethod tr td .radio {
	border: none;
}
table.ShippingMethod tr td {
	vertical-align: middle;
}
table.ShippingMethod tr td label {
	font-weight: normal;
}
table.ShippingMethod tr td a {
	color:#000000;
	font-weight: bold;
}
table.ShippingMethod tr td a:hover {
	color:#ff0000;
}

/* btnIndent (T00)
============================================================= */
.btnIndent {
	float: right;
	width: 170px;
	margin-right: 20px;
	padding: 0;
}
.btnIndent a.btn1 span.btntype1 {
	padding: 5px 0 0 12px;
}
.btnIndent p {
	margin: 0 0 5px 0;
	padding: 5px 0 15px 3px;
}

/* customerType1
============================================================= */
div.customerType1 {
	margin-top: 52px;
}
div.customerType1 p {
	margin-bottom: 10px;
}
div.customerType1 p.arrowType1 {
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url(../images/arrow_type1.gif) 0px 4px no-repeat;
	padding-left: 12px;
}
div.customerType1 p.arrowType1 a {
	text-decoration: none;
}

/* btn1 
============================================================= */

.btn1, 
.btn3, 
.btn4 {
	display: inline-block;
	height: 19px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	padding: 0 10px 0 0;
	line-height: 19px;
}
.btn1 {
	background: url(../images/btn1_right.gif) no-repeat right top;
}
.btn3 {
	background: url(../images/btn3_right.gif) no-repeat right top;
}
.btn4 {
	background: url(../images/btn4_right.gif) no-repeat right top;
}
.btn1 span.btntype1,
.btn3 span.btntype1,
.btn4 span.btntype1 {
	display: inline-block;
	height: 19px;
	padding: 0px 0 0 11px;
}
.btn1 span.btntype1 img,
.btn3 span.btntype1 img,
.btn4 span.btntype1 img {
	margin: 4px 0 0 0;
}
.btn1 span.btntype1,
.btn3 span.btntype1 {
	background: url(../images/btn1_left.gif) no-repeat left top;
}
.btn4 span.btntype1 {
	background: url(../images/btn4_left.gif) no-repeat left top;
}
.btn1:hover,
.btn3:hover,
.btn4:hover {
	cursor: pointer;
	color:#ff0000;
}
.btn3 span.btntype1 {
	padding: 0 23px 0 9px;
}
p.btn_type3 {
	margin-top: 20px !important;
	margin-right: 15px;
}
li.btn2 {
	background: transparent url(../images/btn_payment.gif) no-repeat right top;
	width: 100%;
	margin-bottom: 15px;
	margin-left: 0;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	font-size: 10px;
	height: 19px;
	list-style: none;
	text-align:center;
	padding-top: 4px;
}
li.btn2 span.active {
	background: transparent url(../images/arrow_type1.gif) no-repeat 0px 1px;
	padding-left: 10px;
}
div.c1-c2-c3-c4 div.c4 .btn1 span {
	width: 135px;
	text-align: center;
}
form#formShippingMethod,
form#formAddressDetails {
	margin-top: 40px;
}
.AddressDetailsError {
	position: absolute;
	color: #ff0000;
	font-size: 12px;
}
div.paymentTypes {
	margin-top: 10px;
}
form#formAddressDetails {
	margin-top: 40px;
}
form#formAddressDetails h2,
form#formShippingMethod h2 {
	margin: 25px 0 10px 0;
}
.contactForm {
	margin-top: -12px;
}
form#formContact {
	margin-top: 25px;
}
form#formAddressDetails p,
form#formAddressDetails p input,
form#formGetQuote p,
form#formGetQuote p input,
form#formContact p,
form#formContact p input {
	margin-bottom: 2px;
}
form#formAddressDetails p input,
p.discountBtn input,
form#formGetQuote input,
form#formContact input {
	background: transparent url(../images/bg_input_text.gif) top left no-repeat;
	height: 15px;
	width: 178px;
	border: none;
	padding-left: 5px;
}
form#formContact textarea {
	background: transparent;
	border: none;
	height: 176px;
	width: 265px;
	*height: 168px;
	*width: 260px;
	border: none;
	padding: 5px;
	margin-left: 0px;
	*margin-left: -10px;
	*margin-top: 2px;
	overflow: auto;
}
p.areaField {
	background: transparent url(../images/bg_input_field.gif) top left no-repeat;
	height: 186px;
	width: 275px;
	margin-left: 10px;
	margin-top: 5px;
}
form#formAddressDetails p label,
form#formGetQuote p label,
form#formContact p label {
	width: 100px;
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	font-weight: normal;
}
form#formAddressDetails p.error span,
form#formGetQuote p.error span,
form#formContact p.error span,
p.invoice {
	display: block;
	margin-left: 110px;
}
p.invoice input {
	background: none !important;
	width: 18px !important;
	vertical-align: middle;
	margin: 0;
}
p.invoice label {
	float:right;
	text-align:left !important;
	width:160px !important;
}
form#formGetQuote p.error span,
form#formContact p.error span {
	font-size: 9px;
}
form#formContact p input.radio {
	display: inline-block;
	width: 18px;
	vertical-align: middle;
	background: none;
}
form#formAddressDetails p select.selectType1,
form#formContact p select.selectType1 {
	width: 178px;
}
form#formGetQuote p a.btn1,
form#formContact p a.btn1 {
	margin: 5px 12px 0 0;
}

/* shopping basket
============================================================= */
table.shopBasket tr td span {
	float: left;
	width: 150px;
}
table.shopBasket tr th,
table.orderView tr th {
	font-weight: bold;
	text-transform:uppercase;
	font-style:italic;
	padding: 0 0 2px 1px;
	font-size: 12px;
}
table.shopBasket tr th {
	border-bottom: 2px solid #FF0000;
}
table.orderView tr th {
	border-bottom: 1px solid #FF0000;
}
table.orderView tr td table tr td {
	border: none;
	text-align: right;
	padding-right: 20px;
}
table.orderView tr td table tr td.normal {
	font-weight: normal;
}
table.orderView tr td.fontType2 {
	font-size: 11px;
	font-style:normal;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 1px;
	text-transform: none;
	border: none;
}
table.orderView tr td.fontType2 h6 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: none;
}
table.shopBasket tr th.style1,
table.shopBasket tr td.style1,
table.orderView tr td.style1 {
	width: 215px;
}
table.shopBasket tr th.style2,
table.shopBasket tr td.style2,
table.ShippingMethod tr td.style2,
table.orderView tr td.style2 {
	width: 90px;
}
table.shopBasket tr th.style3,
table.shopBasket tr td.style3,
table.orderView tr td.style3 {
	width: 150px;
}
table.shopBasket tr td,
table.orderView tr td {
	font-weight: bold;
	text-transform:uppercase;
	border-bottom: 1px solid #FF0000;
	padding-bottom: 5px;
	font-size: 12px;
	vertical-align: top;
}
table.orderView tr td {
	padding-top: 5px;
}
table.shopBasket {
	margin: 20px 0 40px -10px;
	border-spacing: 10px;
}
table tr td span.sub {
	font-size: 9px;
	font-weight: normal;
	font-style:normal;
	text-transform:none;
	margin-top: 10px;
}
table.shopBasket tr td span.sub,
table.orderView tr td span.sub {
	display: block;
}
table.shopBasket tr td a.btn1 {
	float: right;
}
table.shopBasket tr td a.btn1 span {
	width: auto !important;
}
table.shopBasket tr td img {
	margin-right: 5px;
}
div.shopBasketTop {
	background: transparent url(../images/TopBasket.gif) top left no-repeat;
	width: 101px;
	height: 29px;
	color: #fff;
	padding-top: 5px;
	text-transform:uppercase;
	float: right;
	margin: 3px 10px 0 0;
}
div.shopBasketTop p {
	background: transparent url(../images/basket.gif) top right no-repeat;
	text-align: right;
	padding-right: 20px;
	padding-top: 2px;
	margin: 0 8px 0 0;
	font-weight: bold;
}
table.orderView {
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	width: 440px;
}
table.orderView tr th img {
	margin-right: 5px;
}
/* colset
============================================================= */


div.mainContent ul {
list-style-image:none;
list-style-type:none;
margin-right:0px;
}

div.mainContent ul li {
  background: transparent url(../images/bullet.gif) no-repeat scroll 0 5px;
  padding-left: 12px;
  margin-left: 0px;
}



div.colset,
div.colset2 {
	display: block;
	overflow: hidden;
	padding-bottom: 20px;
}
div.colset2 {
	margin-top: 20px;
}
div.colset p {
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	margin-top: 3px;
	margin-right: 0 !important;
}
div.colset hr {
	border: 1px solid #fff;
	*height: 1%;
}
div.colset p.discountBtn .btn1 {
	margin-right: 40px;
}
ul.listType2,
ul.listType3,
ul.listType4,
ul.listType5 {
  list-style-type:disc;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	list-style: none;
}
ul.listType4 {
	color: #999999;
}
ul.listType2 span,
ul.listType3 span,
ul.listType4 span,
ul.listType5 span {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
ul.listType2 li a,
ul.listType3 li a,
ul.listType5 li a {
	color: #000000;
	text-decoration: none;
}
div.colset ul.listType2 span {
	font-size: 11px;
}
ul.listType2 li,
ul.listType4 li {
	margin-bottom: 25px;
	background:transparent url(../images/icon1.gif) 0px 2px no-repeat ! important;
	padding-left: 15px;
	margin-left: 0px;
}
ul.listType3 li,
ul.listType5 li {
	background:transparent url(../images/icon2.gif) 0px 5px no-repeat ! important;
	padding-left: 8px;
	margin-left: 0px;
}
ul.listType3 li {
	margin-bottom: 7px;
}
ul.listType5 li {
	margin-bottom: 2px;
}
ul.listType5 li a:hover {
	color: #ff0000;
}
div.colset ul.listType2 li {
	margin-bottom: 15px;
}
ul.listType2 li span h3 {
	margin: 0;
}
ul.listType2 li span h3 img {
	padding-top: -5px;
}
.listType2 .addedDate,
.listType4 .addedDate,
.listType2 .addedUrl,
.listType2 .addedUrl a {
	font-size: 9px;
	color: #999999;
	display: block;
	text-decoration: none;
}
.listType2 .addedUrl a:hover {
	color: #ff0000;
}
/* .newsPage
============================================================= */
.newsPage {
	padding-bottom: 20px;
	padding-right: 20px;
}
.newsPage h3 {
	margin: 0 0 8px 15px;
}
/* .paging
============================================================= */
.paging {
	padding:0px;
	display: block;
	overflow: hidden;
	width: 330px;
	margin: 20px 0 20px 0;
}
.paging p {
	display: inline;
	font-size: 9px;
}
.paging p.pagingType2 {
	margin-left: 5px;
}
.paging a {
	margin-right: 3px;
	color: #000;
	text-decoration: none;
}
.paging a:hover {
	color: #ff0000;
}
.paging a.active {
	color: #ff0000;
}
.paging .prev {
	margin-right: 9px;
}
.paging .next {
	margin-left: 2px;
}
/* .search
============================================================= */
.searchPaging {
	display: block;
	overflow: hidden;
	clear: both;
}
.searchPaging p {
	margin-bottom: 5px;
	font-size: 9px;
}
.searchPaging span {
	font-weight: bold;
	color: #ff0000;
}
.searchPage {
	padding: 5px 20px 5px 0;
	margin-right: 27px;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
}
p.search {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold !important;
}
form#formSearchPage {
	padding-top: 5px;
}
form#formSearchPage input#searchField,
form#formKnowledgePage input#searchFieldType2 {
	padding: 2px 6px 0 6px;
	color:#666666;
}
form#formSearchPage input#searchField {
	background: transparent url(../images/bg_input_textlong.gif) top left no-repeat;
	width: 211px;
}
form#formKnowledgePage input#searchFieldType2 {
	background: transparent url(../images/bg_input_textlong2.gif) top left no-repeat;
	width: 210px;
}
form#formSearchPage p.searchBtn,
form#formKnowledgePage p.searchBtn {
	float: right;
	margin-top: -2px;
}
div.searchQuery {
	background: transparent url(../images/bg_searchbox.gif) top left no-repeat;
	width: 310px;
	height: 35px;
	padding: 9px 18px 0 12px;
	margin: 15px 0 10px 0;
}
/* caseStudy 
============================================================= */
.caseStudy {
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 30px;
}
.caseStudy h3 {
	margin-bottom: 3px;
}
.caseStudy .caseStudyType1,
.caseStudy .caseStudyType2 {
	float: left;
	width: 200px;
	margin-right: 20px;
}
.caseStudy .caseStudyType1 {
	margin-right: 40px;
}
/* col-type1
============================================================= */
div.colType1 {
	float: left;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	position: relative;
	display: block;
}
div.colType1 h3,
div.colType2 h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
div.colType1 label {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}
.fontType1 {
	font-size: 9px;
}	
p.error,
.error {
	color: #ff0000;
}
input.error,
p.error input,
form#formAddressDetails p.error input{
	background: transparent url(../images/bg_input_texterror.gif) top left no-repeat;
	width: 178px;
	padding-left: 5px;
	height: 15px;
	color:#000000;
}
input#discountCode.error {
	background: transparent url(../images/bg_input_texterror_type2.gif) top left no-repeat !important;
	width: 125px !important;
	padding-left: 5px;
	height: 15px;
	color:#000000;
}
.btnShopping {
	margin-right: 38px;
}
.btnContact {
	margin-right: 12px;
	margin-bottom: 20px;
}

/* col-type2
============================================================= */
div.colType2 {
	float: right;
}
table.orderView tr td span.subText {
	font-style: italic;
	font-size: 9px;
}
div.colType2 p.subText {
	margin-left: 10px;
	font-size: 9px;
	font-style: normal;
}
h1.phoneNumber {
	color: #ff0000; 
	margin-bottom: 30px;
	margin-top: -5px;
}
div.colType2 h2 {
	margin-bottom: 8px;
}
div.colType2 p.address span {
	font-weight: bold;
}
div.colType2 p.address a {
	color:#000000;
	font-weight: bold;
	text-decoration: none;	
}
div.colType2 p.address a:hover {
	color:#ff0000;	
}
/* col-type2
============================================================= */
.colSize1 {
	width: 300px;
}
.colSize2 {
	width: 240px;
	margin: 10px 0 10px 10px;
}
.colSize3 {
	width: 380px;
}
.colSize4 {
	width: 187px;
	margin: 10px 10px 10px 0px;
}
.colSize5 {
	width: 295px;
	margin-right: 5px !important;
}
.colSize6 {
	width: 240px;
	margin: 10px 15px 10px 5px;
}
/* blockType1
============================================================= */
div.blockType1 {
	margin-bottom: 2px;
}
div.blockType1 div.blockTop {
	background: transparent url(../images/blocktop_type1.gif) top left no-repeat;
	height: 14px;
	width: 208px;
}
div.blockType1 div.blockContent {
	background: transparent url(../images/blockcontent_type1.gif) top left repeat-y;
	width: 178px;
	color: #fff;
	padding: 0 20px 0 10px;
	height: 1%;
	display: block;
	overflow: hidden;
}
div.blockType1 div.blockBottom {
	background: transparent url(../images/blockbottom_type1.gif) top left no-repeat;
	height: 11px;
	width: 208px;
}
div.blockType1 h1, div.blockType1 h2, div.blockType1 h3,
div.blockType1 h4, div.blockType1 h5, div.blockType1 h6,
table.totalBasket tr.productSpecs td {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	padding-bottom: 10px;
}
div.blockType1 h2 {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}
.blockType1 .blockContent p {
	margin-bottom: 5px;
}
div.blockType1 h6 {
	margin-bottom: 15px;
	padding-bottom: 0;
}
.paymentTypes img {
	margin-left: 2px;
}
.orderBlock{
	float: left;
	margin: 30px 30px 0 0;
}
.orderBlock .blockContent {
	min-height: 120px;
}
.selectSize {
	width: 80px;
}
/* div.addOns
============================================================= */
div.addOns {	
	display: block;
	overflow: hidden;
	padding-left: 10px;
	margin: 0 15px 0 -15px;
}
div.addOns .addOnsItem {
	clear: both;
}
div.addOns p {	
	margin-bottom: 0px;
	padding-left: 10px;
}
div.addOns h3 {	
	margin: 0 0 2px 0;
	background: transparent url(../images/icon1.gif) 0px 2px no-repeat;
	padding-left: 10px;
}
/* blockType2
============================================================= */
div.modelRange {
	display: block;
	overflow: hidden;
	padding-bottom: 20px;
	*padding-bottom: 30px;
}
div.blockType2,
div.blockType3,
div.blockType4 {
	float: left;
	display: block;
	overflow: hidden;
	margin: 10px 5px 20px 5px;
}
div.blockType6 {
	width: 280px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 5px 5px 0px 5px;
}
div.blockType2 {
	width: 175px;
}
div.addOns .blockType2 {	
	width: 170px;
	padding-right: 20px;
}
div.tabMenu {
	display: block;
	overflow: hidden;
}
div.tabMenuContent div.blockType2 {
	width: 155px;
	margin-left: 10px;	
}
div.blockType4 {
	width: 210px;
}
div.blockType3 {
	width: 340px;
	position: relative;
	min-height: 150px;
}
div.blockType2 h1,
div.blockType3 h1,
div.blockType4 h1 {
	margin-bottom: 20px;
}
div.blockType2 h2,
div.blockType3 h2,
div.blockType4 h2 {
	margin-bottom: 5px;
}
div.tabMenuContent div.blockType2 h6 {
	margin-top: 5px;
}
div.blockType3 .blockText {
	display: block;
	overflow: hidden;
	padding-left: 10px;
}
div.blockType3 img.offer {
	position: absolute;
	top: 82px;
	left: 10px;
	z-index: 999;
	width: 55px;
	height: 55px;
}
div.blockType3 .blockText ul li {
	margin-left: 10px;
}
div.blockType2 p.price,
div.blockType3 p.price,
div.blockType4 p.price,
div.blockType6 p.price {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
	font-style: italic;
	margin-right: 10px !important;
	white-space: nowrap;
	padding-top: 3px;
}
div.blockType2 p.price a.btn1,
div.blockType4 p.price a.btn1,
div.blockType6 p.price a.btn1 {
	margin-left: 10px;
}
div.blockType2 p.price span,
div.blockType3 p.price span,
div.blockType4 p.price span,
div.blockType6 p.price span {
	font-size: 11px;
	color:#000000;
	font-style: normal;
}
div.blockType2 p.price span a ,
div.blockType3 p.price span a,
div.blockType4 p.price span a,
div.blockType6 p.price span a {
	margin-left: 5px;
	float: right;
}
div.tabMenuContent div.blockType2 p.readmore a {
	margin-left: 5px;
}
div.addOns .blockType2 p a.readmore,
div.tabMenuContent div.blockType2 p.readmore a,
div.blockType2 p.price span a ,
div.blockType3 p.price span a,
div.blockType4 p.price span a,
div.blockType6 p.price span a {
	background: transparent url(../images/icon3.gif) 0px 5px no-repeat;
	padding-left: 8px;
	color:#000000;
	text-decoration: none;
	font-weight: bold;
}
div.addOns .blockType2 p a.readmore {
	display: block;
}
div.blockType2 p.price span a:hover,
div.blockType3 p.price span a:hover,
div.blockType4 p.price span a:hover,
div.tabMenuContent div.blockType2 p.readmore a:hover,
div.addOns .blockType2 p a.readmore:hover {
	background: transparent url(../images/icon2.gif) 0px 5px no-repeat;
	color:#ff0000;
}
div.blockType5 {
	float: left;
	display: block;
	overflow: hidden;
	width: 133px;
	margin-right: 20px;
}
div.blockType5 ul {
	margin-top: 15px;
}
div.blockType5 p {
	margin-bottom: 0;
}
div.blockType5 h3 {
	margin-bottom: 5px;
	margin-top: 10px;
}
div.blockType5 img {
	margin-right: auto;
	margin-left: auto;
}
div.blockType2 p,
div.blockType3 p,
div.blockType4 p,
div.blockType5 p {
	margin-right: 0 !important;
}

ul li a.readmore {
	color: #000000;
	background: transparent url(../images/icon3.gif) 0px 5px no-repeat;
	padding-left: 8px;
	margin-left: 10px;
	font-weight: bold;
	text-decoration: none;
}
ul li a.readmore:hover {
	color: #ff0000;
	background: transparent url(../images/icon2.gif) 0px 5px no-repeat;
}
.deviderSpace {
	margin: 0 45px 0 30px;
	float: left;
}

/* categoryBlock
============================================================= */
.categoryBlock {
	display: block;
	overflow: hidden;
	margin-top: 15px;
}
.categoryBlock ul {
	margin-top: 27px;
}
.categoryBlock ul,
.blockType6Content ul {
	display: block;
	overflow: hidden;
	list-style: none;
}
.blockType6Content ul li {
	margin-left: 1px;
	padding: 0;
	line-height: 12px;
}
.categoryBlock ul li {
	margin-left: 10px;
}
.categoryBlock ul li a,
.blockType6Content ul li a {
	text-decoration: none;
	color: #000000;
}
.blockType6Content ul li a:hover,
.categoryBlock ul li a:hover,
.categoryBlock ul li.active a {
	color: #ff0000;
	font-weight: bold;
	background: transparent url(../images/icon6.gif) center right no-repeat;
	padding-right: 10px;
}
.contactHeading {
	margin-top: 40px;
}
.blockType6Content {
	float: left;
	margin-left: 10px;
}
.blockType6Content h3 {
	margin-bottom: 0px;
	*margin-top: -5px;
}
/* tabBox
============================================================= */
div.tabBox {
	width: 611px;
	background: transparent url(../images/bg_tabbox.gif) bottom left no-repeat;
	display: block;
	min-height: 290px;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 50px;
}
div.tabBox p {
	margin-bottom: 10px;
}
div.tabBox div.tabMenu ul {
	float: left;
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
}
div.tabBox div.tabMenu ul li {
	background: transparent url(../images/bg_tabBoxtab.gif) 0px 0px no-repeat;
	width: 122px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}
div.tabBox div.tabMenu ul li a {
	color:#7d7c7c;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
div.tabBox div.tabMenu ul li.active,
div.tabBox div.tabMenu ul li.active a,
div.tabBox div.tabMenu ul li a.current,
div.tabBox div.tabMenu ul li a:hover,
div.tabBox div.tabMenu ul li:hover {
	color:#ff0000;
}
div.tabMenuContent h4,
div.tabMenuContent div.colType1 h4,
div.tabMenuContent div.colType2 h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0 3px 0;
}
div.tabMenuContent .colType1 {
	width: 350px;
}
div.tabMenuContent .colType2 {
	width: 160px;
	padding-right: 30px;
	padding-left: 20px;
}
div.tabMenuContent {
	padding: 0 10px 0 13px;
	margin: 0;
}
div.tabMenuContent .colType2 ul {
	margin-left: -7px;
}
div.tabMenuContent .colType2 ul li {
	color: #ff0000;
	list-style: disc;
}
div.tabMenuContent .colType2 ul li span {
	color: #000000;
}
div.tabMenuContent div.p80jq_tab_pane {
	display: none; /* Fix in ie6.css */
	clear: both;
}

/* totalBasket
============================================================= */
table.totalBasket {
	width: 100%;
	font-size: 12px;
}
table.totalBasket tr td {
	padding: 0 0 5px 0;
}
table.totalBasket tr.totalImp td {
	font-weight: bold;
}
table.totalBasket tr td.total {
	padding-top: 5px; 
}
table.totalBasket tr td.totalBorder {
	border-bottom: 1px solid #fff;
	padding: 0 0 5px 0; 
}
table.totalBasket tr td.totalPrice {
	text-align: right;
	width: 65px;
}
table tr.last td {
	border: none;
}
/* productBoxType1
============================================================= */
.subMenuProducts {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	font-style:italic;
}

.subMenuProducts ul li {
	list-style: none;
	margin-left: 0px;
}
.subMenuProducts ul li a {
	color:#000000;
	text-decoration: none;
	padding-right: 5px;	
}
.subMenuProducts ul li ul {
	margin: 1px 18px 10px 0;	
}
.subMenuProducts ul li ul li a {
	padding-right: 5px;			
}
.subMenuProducts ul li ul li ul {
	margin: 0 10px 2px 0;			
}
.subMenuProducts ul li ul li ul li {
	margin: 0 4px 0 0;			
}
.subMenuProducts ul li.active a, 
.subMenuProducts ul li a:hover {
	background: transparent url(../images/icon2.gif) 100% 5px no-repeat;
	color: #ff0000;
} 
.subMenuProducts ul li a:hover ul li ,
.subMenuProducts ul li.active ul li a  {
	background:none;
}

/* productBoxType1
============================================================= */
.productBar{
	margin-top: 10px;
}
.teaserBar {
	margin-top: 30px;
	clear: both;
}
.productBar .productBoxType1, 
.teaserBar .productBoxType1 {
	float: left;
	width: 185px;
	margin-right: 23px;
	border-top: 1px solid #ff0000;
	overflow: hidden;
	padding-top: 5px;
}
.productBar .productBoxType1 h6, 
.teaserBar .productBoxType1 h6 {
	font-weight: bold;
	text-transform:uppercase;
	font-style:italic;
	font-size: 12px;
	margin-bottom: 4px;
}
.productBoxType1 ul,
div.blockType3 ul {
	color: #ff0000;
	margin-left: 5px;
}
.productBoxType1 ul {
	list-style: inside;
	margin-right: 0 !important;
}
.productBoxType1 img {
	margin-right: 5px;
}
.productBar .productBoxType1 .productBoxContent {
	height: 70px;
	overflow: visible;
}
.teaserBar .productBoxType1 .productBoxContent {
	height: auto;
	_height: 1%;
	overflow: hidden;
	padding: 0px 0px 15px 0px;
}
ul.listType1 {
	list-style: outside;
	margin: 3px 0 10px -6px;
	*margin: 3px 0 10px -4px;
	color: #ff0000;
}
.productBoxType1 ul li span,
div.blockType3 ul li span,
ul.listType1 li span {
	color: #000000;
}
.productBar .productBoxType1 p {
	font-weight: bold;
	font-size: 15px;
	color: #ff0000;
	clear: both;
	overflow: hidden;
	text-align: right;
}
.teaserBar .productBoxType1 p {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;	
}
.teaserBar .productBoxType1 p a {
	background: transparent url(../images/icon2.gif) 0px 5px no-repeat;
	padding-left: 8px;
	font-weight: bold;
	text-transform:uppercase;
	color: #000000;
	text-decoration: none;	
}
.teaserBar .productBoxType1 p a:hover {
	color:#ff0000;	
}
.productBoxType1 p a.btn1 {
	margin: 0 5px 0 10px;
}
.productBoxType1 p {
	margin-right: 0px !important;
}
.lastBox {
	margin-right: 0 !important;
}

/* quote
============================================================= */
.sideBar .quote {
	font-weight: bold;
	font-size: 12px;
	width: 130px;
	position:absolute;
	top: 194px;
	left: 85px;
	text-align: right;
}
.sideBar .quote p {
	margin-bottom: 0;
}
.sideBar .quote p a.readmore {
	color: #ff0000;
	text-decoration: none;
	background: transparent url(../images/arrow_type1.gif) 0px 5px no-repeat;
	padding-left: 10px;
}

/* payment
============================================================= */
.sideBar .payment {
	margin-top: 68px;
}
div.colset .addressDetailBlock {
	margin-top: 67px;
}
.sideBlock,
.sideBlockType2 {
	position: absolute;
	left: 20px;
	bottom: 69px;
	height: 123px;
	overflow: hidden;
}
.sideBlock {
	*bottom: 168px;
}
.sideBlockType2 {
	*bottom: 97px;
}
.sideBlock div.c1,
.sideBlockType2 div.c1 {
	float:left;
	margin-right:12px;
	width:205px;
}
.sideBlock div.c1 div.shadowBox,
.sideBlockType2 div.c1 div.shadowBox {
	background:transparent url(../images/shadowbox_bg.gif) no-repeat scroll left top;
	margin:0 0 20px;
	padding:7px 5px 0 17px;
}
.sideBlock div.c1 div.shadowBoxScroll,
.sideBlockType2 div.c1 div.shadowBoxScroll {
	overflow: hidden;
}
.sideBlock div.c1 div.shadowBox h3,
.sideBlockType2 div.c1 div.shadowBox h3 {
	margin-bottom: 5px;
}
.sideBlock div.c1 div.shadowBox ul li,
.sideBlockType2 div.c1 div.shadowBox ul li {
	background: transparent url(../images/icon2.gif) 0px 4px no-repeat;
	padding-left: 10px;
	font-weight: bold;
	text-transform:uppercase;
}
.sideBlock div.c1 div.shadowBox ul li a:hover,
.sideBlockType2 div.c1 div.shadowBox ul li a:hover {
	background: none;
}
/* faq list
============================================================= */
.p80faq_list {
	margin-top: 20px;
	margin-right: 20px;
	height: 1%;
}
.p80faq_list dt {
	background: transparent url(../images/icon2.gif) no-repeat 0px 3px;
	padding-left: 12px;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;	
}
.p80faq_list dd {
	background: #969696;
	color: #ffffff;
	line-height: 14px;
	padding: 5px;
	display: none;
	margin: 0px 20px 5px 10px;
	height: 1%;
}
.p80faq_list dt.open {
	background: transparent url(../images/icon7.gif) no-repeat 0px 2px;
	color: #000000;
	padding-bottom: 0;
	font-weight: bold;
	border-bottom: none;
}
div.colset p.discountBtn {
	float: right;
	margin-right: 85px !important;
	_margin-right: 60px !important;
	margin-top: -2px !important;
}
/* footer
============================================================= */

div#footer {
	color: #000000;
	background: url(../images/footer_bg.jpg) repeat-x left bottom;
}
div#footer .wrapperBlock,
div#footer .homeBlocks {
	border-bottom: 4px solid #ff0000;
}
div#footer .wrapperBlock {
	background: transparent url(../images/footerbar_bg.gif) no-repeat -80px -2px;
}
div#footer a {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
div#footer a:hover {
	color: #ff0000;
}
div#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#footer.footerBlanc .wrapperBlock {
	background: url(../images/footer_dashes_bg.gif) no-repeat 7px 0px;
}

/* footer > left menu
============================================================= */

div#footer div.subMenu {
	width: 400px;
	float: left;
}
div#footer div.subMenu p {
	display: block;
	clear: both;
	position: relative;
	top: 5px;
}
div#footer div.subMenu ul {
	display: block;
	margin: 0;
}
div#footer div.subMenu ul li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
div#footer div.subMenu ul li span.divider {
	display: inline-block;
	margin: 0 0 0 5px;
}
div#footer div.subMenu .dropDownMenu {
	position: absolute;
	top: 18px;
	left: 65px;
}
/* level0 */
div#footer div.subMenu .dropDownMenu li a {
	color: #f00;
	padding: 5px 2px 5px 10px;
}
div#footer div.subMenu .dropDownMenu li.sub {
	position: relative;
}
div#footer div.subMenu .dropDownMenu li.sub li {
	white-space: nowrap;
	min-width: 100px;
}
div#footer div.subMenu .dropDownMenu li.sub li {
	display: block;
	float: none;
}
div#footer div.subMenu .dropDownMenu li.sub ul {
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 100;
	display: none;
}
/* Not supported by Win/IE6 without csshover.htc */
div#footer div.subMenu .dropDownMenu li.sub:hover ul {
	display: block;
}
div#footer div.subMenu .dropDownMenu li.sub li a {
	color: #787878;
	padding-left: 10px;
}
div#footer div.subMenu .dropDownMenu li.sub li a:hover {
	color: #f00;
	background: url(../images/icon6.gif) no-repeat left 8px;
}
div#footer div.subMenu .dropDownMenu li.sub a {
	padding-right: 10px;
	background: url(../images/icon5.gif) no-repeat center right;
}
div#footer div.subMenu .dropDownMenu li.sub li a {
	background: none;
}
div#footer div.subMenu .dropDownMenu li.sub ul {
	background-color: #eee;
	padding: 5px 5px 0px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ddd #aaa #bbb;
}

/* footer > right menu
============================================================= */

div#footer div.subMenuDisclaimer {
	width: 400px;
	float: right;
}
div#footer div.subMenuDisclaimer ul {
	float: right;
}
div#footer div.subMenuDisclaimer ul li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
div#footer div.subMenuDisclaimer ul li span.divider {
	display: inline-block;
	margin: 0 0 0 5px;
}
div#footer .mylaps {
	position: absolute;
	top: 20px;
	right: 19px;
}
div#footer .mylaps a {
	color: #ff0000;
}
/* popup
============================================================= */
#iframe {
	background-color: #fff;
	position:absolute;
	z-index:900;		
}
.p80popup {
	background-color: #ffffff;	
	border:	1px solid #bcbec0;
	margin: 0px;
	padding: 10px;
		
	/* positioning */
	height: auto;
	position:absolute;
	z-index:990;			
	width: 370px;
	top:100px;
	left:51%;
	margin-left:-227px;	
}
.p80popup p {
	font-size: 9px;
	line-height: 10px;
}
.p80popup h3 {
	font-size: 11px;
	font-weight: bold;
}
.p80popup .p80popup-body {
	padding: 10px 15px 0 15px;
}
.p80popup .p80popup-close {
	position: absolute;
	width: 11px;
	height: 11px;
	top: 5px;
	right: 5px;
}
.p80popup .p80popup-close img a {
	border: none;
	cursor: pointer;
}	

/* dimmed, ala lightbox transparent backdrop
------------------------------------------------------------- */
div#p80dimmedOverlay {
	background-color: #ebebeb;
	opacity: 0.6; 
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 950;
}
h6.timingList {
	margin-top: 15px;
}

/* iframe
------------------------------------------------------------- */
#iframe1 {
	margin-top: 45px;
}
#iframe2 {
	margin-left: 10px;
	float: right;
}

/* common trigger classes
============================================================= */
.hide {
	display:none !important;
}
hr {
	border:0px #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0px;
}
.floatRight {
	float:right;
}
.floatNone {
	float:none;
}
.floatLeft {
	float:left;
}
.clearLeft {
	clear:left;
}
.clearBoth {
	clear:both;
}
.clearRight {
	clear:right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.italic {
	font-style:italic;
}

/* extras
============================================================= */

div.shadowBox .shadowBoxScroll {
	display: inline;
	overflow: auto;
}

.landingpage div.shadowBox .shadowBoxScroll {
	display: block;
	overflow: auto;
	height: 160px;
}

/* fix: show the flash message on the right place when people have no flash */
.home #flashHomepage p {
  padding-top: 40px;
}

.colType2 h6 {
  margin-top: 2px;
  margin-bottom: 5px;
}

p em {
  font-weight: bold;
}
.btnContact, .btntype1, .btn3 { visibility:hidden; display: none
}