/* Structure Style Sheet © Beyond Content Management - www.psusoftware.com */

/* ============== Reset ============== */
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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: black;
	background: transparent;
}
ol, ul {
	list-style: none;
}
ol {
	margin:0 30px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 
h1, h2, h3, h4, h5, h6 { 
	font-size: normal;
	font-weight: normal;
} 
html {
	overflow-y: scroll;
} 

/* ============== Sticky footer ============== */
html, body, form, #website {
	height: 100%;
}

body > form #website {
	height: auto;
	min-height: 100%;
}

#content {
	padding-bottom: 300px; /* value of footer height */
}  

#website-footer {
	position: relative;
	margin-top: -270px; /* negative value of footer height */
	height: 320px; /* value of footer height */
	clear: both;
} 

/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} 

/* ============== Site wide ============== */
body, .button, .Button, .ntb, input, select, textarea { 
	font: 80%/130% Arial, sans-serif;
	color: #7c7c7c;
} 
a:link { 
	color: #00679d;
} 
a:visited { 
	color: #00679d;
} 
a:hover { 
	color: #00679d;
} 
a:active { 
	color: #00679d;
} 

/* ============== Structure ============== */
#website {
	width: 864px;
	margin: 0 auto;
} 
#header {
	height: 127px;
	position: relative;
	z-index: 100000;
} 
#header h2 a {
	height: 68px;
	width: 521px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/Design/Images/logo.gif) no-repeat 0 0;
} 
#header h3 a {
	height: 45px;
	width:235px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 14px;
	right: 20px;
	background: url(/Design/Images/Structure/telephone.png) no-repeat 0 0;
} 
#header #menu {
	height: 39px;
	position: absolute;
	top: 68px;
	left: 24px;
} 
span#WelcomeMessage {
	position: absolute;
	top: 1px;
	right: 33px;
	font-size: 0.8em;
	color: #fff;
} 
span#WelcomeMessage a {
	text-decoration: none;
	color: #fff;
} 
#flash-banner {
	display: none;
	overflow: hidden;
} 
#content {
	width: 864px;
	margin: 0;
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
} 
#content #PhoneNumber {
	position: absolute;
	right: 13px;
	top: 1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #585858;
} 
#website-footer {
	font-size: 0.9em;
	background: #70B0E0 url(/Design/Images/Structure/footer-bg.gif) repeat-x;
} 
#website-footer .links {
	margin: 0 auto;
	width: 836px;
	padding: 0 15px;
	height: 300px;
	background: url(/Design/Images/Structure/footer-overlay.gif) no-repeat 0 0;
} 
#website-footer p {
	clear: both;
	padding-top: 20px;
	text-align: center;
	color: #fff;
} 
#website-footer .links ul {
	float: left;
	margin: 70px 0 0 31px;
	display: inline;
} 
#website-footer .links ul.set1 {
	width: 227px;
} 
#website-footer .links ul.set2 {
	width: 258px;
} 
#website-footer .links ul.set3 {
	width: 210px;
} 
#website-footer .links ul li {
	list-style: none;
	line-height: 22px;
	color: #fff;
	margin: 0;
} 
#website-footer a {
	text-decoration: none;
	color: #fff;
} 
#website-footer .links ul li h3 a {
	display: block;
	height: 54px;
	text-indent: -9999px;
} 
#website-footer .links ul li.login, #website-footer .links ul li.logout {
	display: none;
} 
body#user-not-authenticated #website-footer .links ul li.login {
	display: block;
}
body#user-authenticated #website-footer .links ul li.logout {
	display: block;
} 

/* ============== Main menu ============== */
#website .radmenu {
}
.RadMenu_Menu {
	list-style: none;
} 
.RadMenu_Menu .link, .RadMenu_Menu .link:hover { /* all links in the menu */ 
	text-decoration: none;
} 

/* GRAPHIC MENU */

/* PARENT ITEMS */
.RadMenu_Menu .rootGroup .link { /* parent items min width and the bg look */
	cursor: hand;
	cursor: pointer;
	color: #585858;
	font-size: 1.1em;
	padding: 0 12px 0 10px;
	height: 39px;
	line-height: 39px;
	float: left;
	font-weight: bold;
}
.RadMenu_Menu .rootGroup li {
	
}
.RadMenu_Menu .rootGroup .item { /* parent items min width and the bg look */
}
.RadMenu_Menu .rootGroup .focused {
	color: #000;
} 
.RadMenu_Menu .rootGroup .expanded {
	color: #000;
} 

/* CHILD ITEMS */
.RadMenu_Menu .group { /* child drop-down bg look */
	background: #f3f3f3;
	border: 1px solid #b5b5b5;
} 
.RadMenu_Menu .group .item { /* parent items min width and the bg look */
	background: none;
}
.RadMenu_Menu .group .link { /* child link */
	text-indent: 0;
	width: auto;
	_width: 100px;
	min-width: 100px;
	height: 30px;
	color: #000;
	padding: 0;
	background: none;
	font-weight: normal;
} 
.RadMenu_Menu .group .first .link {
	
} 
.RadMenu_Menu .group .last .link {
	
} 
.RadMenu_Menu .group .link .text { /* child items font and spacing */
	padding: 0 30px 0 18px;
	font-size: 0.9em;
	line-height: 30px;
} 
.RadMenu_Menu .group .link .text:hover {
	background: #e3e3e3;
	color: #000;
} 
.RadMenu_Menu .group .link .expandLeft {
	background: url(/Design/Images/Menu/arrow.gif) no-repeat right;
} 
.RadMenu_Menu .group .link .expandLeft:hover {
	background: #e3e3e3 url(/Design/Images/Menu/arrow-hover.gif) no-repeat right;
} 
.RadMenu_Menu .group .expanded .text {
	background: #e3e3e3 url(/Design/Images/Menu/arrow-hover.gif) no-repeat right;
	color: #000;
}
.RadMenu_Menu .group .expanded {
	
}
.RadMenu_Menu .level1 {
	margin: 0 0 0 -1px !important;
	border-top: none;
} 
.RadMenu_Menu .level2 { /* child drop-down bg look */
	margin: 0 0 0 0 !important;
} 

/* ============== Part styles ============== */
.part-style {
	clear: both;
	margin: 0 0 20px 0;
} 
.part-style h1, .part-style h2, .part-style h3, .part-style h4, .part-style h5, .part-style h6 { 
	font-weight:bold;
} 
.part-style div.none {
	visibility: hidden;
} 

/* all boxed styles */
.ps-01-bg {
	margin: 0 12px 24px 12px;
	border: 1px solid #cecece;
	background-color: #fff;
} 
.ps-01-bg div.title {
	padding: 0 14px;
	font-size: 1.4em;
	color: #fff;
	line-height: 34px;
	background-color: #000;
	height: 34px;
	border: 5px solid #fff;
} 
.ps-01-bg div.bg {
	background-image: url(/Design/Images/Part-Styles/Right/bg.gif);
	margin: 5px;
	padding: 14px;
} 
.ps-01-bg div.bg div.content {
	background-color: #fff;
	padding: 6px;
} 
.noheading div.bg div.content {
	padding: 2px;
} 
.breakdown div.bg div.content {
	background: #fff url(/Design/Images/Part-Styles/Right/breakdown.jpg) no-repeat 50% 2px;
	padding: 99px 2px 2px 2px;
} 
/*.noheading div.bg div.content a {
	background: #01669e;
	padding: 10px;
	display: block;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3em;
} */

/* LEFT */
#LeftPane .ps-01 div.title {
	padding: 0 14px;
	font-size: 1.4em;
	color: #fff;
	line-height: 34px;
	background-color: #000;
	margin: 6px 0 5px 0;
} 
#LeftPane .ps-01 div.content {
	padding: 12px;
} 

/* CONTENT */
#ContentPane .ps-01 div.title {
	padding: 0 14px;
	font-size: 1.4em;
	color: #fff;
	line-height: 34px;
	background-color: #000;
	margin: 6px 12px 5px 12px;
	height: 34px;
} 
#ContentPane .ps-01 div.content {
	padding: 12px 24px;
} 
#ContentPane .ps-02 div.title {
	padding: 0 14px;
	font-size: 1.3em;
	background-color:#CBCBCB;
	color:#3B3B3B;
	line-height: 34px;
	margin: 6px 12px 5px 12px;
	height: 34px;
} 

#ContentPane .ps-03 div.title {
	padding: 0 34px;
	font-size: 1.3em;
	color:#3B3B3B;
	line-height: 34px;
	margin: 6px 12px 5px 12px;
	height: 34px;
}
#ContentPane .one {
	background:transparent url(/Uploads/Images/one.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .two {
	background:transparent url(/Uploads/Images/two.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .three {
	background:transparent url(/Uploads/Images/three.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .four {
	background:transparent url(/Uploads/Images/four.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .five {
	background:transparent url(/Uploads/Images/five.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .six {
	background:transparent url(/Uploads/Images/six.gif) no-repeat 0 0;
	margin-left:26px;
}
#ContentPane .ps-02 div.content {
	padding: 12px 24px;
} 
#ContentPane .ps-03 div.content {
	padding:0px 47px;
}
#ContentPane .ps-offercards div.content {
	padding: 0;
} 
#ContentPane .ps-offercards div.title {
	margin: 6px 12px 0 12px;
} 

/* RIGHT */
#RightPane .ps-01 div.title {
	padding: 0 14px;
	font-size: 1.4em;
	color: #fff;
	line-height: 34px;
	background-color: #000;
	margin: 6px 0 5px 0;
} 
#RightPane .ps-01 div.content {
	padding: 12px;
} 

/* ============== Login page ============== */
#login-page {
background:url(/Design/Logo/logo.jpg) no-repeat center -10px;
margin:0 auto;
min-height:630px;
height:auto !important;
height:630px;
padding-top:180px;
} 
h2.login-logo a {
display:none;
} 
.login-message {
text-align:center;
margin:0 auto;
width:260px;
} 
#login-clear {
clear:both;
} 
#login-left {
text-align:center;
} 
h3.login-options {
display:none;
}
#login-left ul {
margin:10px auto 0px auto;
width:191px;
text-align:center;
font-size: 0.9em;
} 
#login-left ul li {
padding:0 0 20px 10px;
margin:0;
float:left;
list-style:none;
} 
#login-left ul li:first-child {
padding:0;
} 
#login-right {
clear:both;
padding:0px 0 0px 10px;
text-align:center;
border-left:1px solid #b5b5b5;
width:180px;
margin:0 auto;
} 
#login-right td {
	padding: 6px 0 0 0;
} 
#login-right input {

} 
#login-right a {
	padding-top: 6px;
	font-size: 0.9em;
	display: block;
} 
#login-right table {
text-align:left;
width:200px;
margin:0px auto;
padding:0px;
} 
#login-right label {
line-height:40px;
padding:0 3px;
font-size: 0.9em;
} 

/* ============== Error pages ============== */
.error-page {
	background: url(/Design/Logo/Logo.jpg) no-repeat left -10px;
	height: 400px;
	margin: 0 auto;
	padding: 30px 0 0 220px;
	width: 330px;
} 
.error-page h3 {
	font-size: 1.4em;
} 
.error-page p {
	padding-top: 10px;
} 
.error-page p.inconvenience {
	font-style: italic;
} 
.error-page ul {
	margin: 20px 10px;
} 
.error-page ul li {
	list-style: none;
} 
.error-page ul li a {
	padding: 0 0 0 26px;
	line-height: 32px;
	background: url(/Design/Images/submenu.gif) no-repeat 10px 0;
	display: block;
} 

/* ============== Text styles in RCE ============== */
.n {
	
} 
.n2 { 
	color: #282828;
} 
.n3 { 
	color: #161616;
} 
.n4 { 
	font-size: 0.9em;
} 
.nb { 
	font-weight: bold;
} 
.ni { 
	font-style: italic;
} 
.nr { 
	color: #ff0000;
} 
.nblk { 
	color: #000;
} 
.nblkb { 
	color: #000;
	font-weight:bold;
} 

.head, .head2, .head3 {
	color: #000;
	line-height: 1.2em;
} 
.head { 
	font-size: 1.4em;
} 
.head2 { 
	font-size: 1.6em;
} 
.head3 { 
	font-size:1.8em;
} 

.head4, .head5, .head6 {
	color: #b2b2b2;
	line-height: 1.2em;
} 
.head4 { 
	font-size: 1.4em;
} 
.head5 { 
	font-size: 1.6em;
} 
.head6 { 
	font-size: 1.8em;
} 

.subhead, .subhead2, .subhead3, .subhead4 { 
	font-size: 1.1em;
	font-weight: bold;
} 
.subhead { 
	color: #b2b2b2;
} 
.subhead2 { 
	color: #000;
} 
.subhead3 { 
	color: #b2b2b2;
	text-transform: uppercase;
} 
.subhead4 { 
	color: #000;
	text-transform: uppercase;
} 

/* ============== Table layout ============== */
.tbl { 
font-size:1em;
border:1px solid #c6c6c6;
} 
.tblhdr { 
line-height:1.4em;
font-size:1em;
padding:4px;
background-color:#e7e7e7;
font-weight:bold;
} 
.tblhdr a { 
color:#fff;
} 
.tblftr { 
font-size:1em;
padding:4px;
background-color:#e7e7e7;
} 
.tblftr a { 
color:#fff;
} 
.tblitm { 
background-color:#f9f9f9;
padding:4px;
} 
.tblitm a { 
font-weight:normal;
} 
.tblalt { 
background-color:#f4f4f4;
padding:4px;
} 
.tblalt a { 
font-weight:normal;
} 
.tbledit { 
background-color:#dedfde;
padding:4px;
} 
.tblsel { 
background-color:#dedfde;
padding:4px;
} 
.tblcel { 
background-color:#fff;
padding:4px;
} 
.tblaltc { 
background-color:#d1cfcf;
padding:4px;
} 
.tblpag { 
background-color:#ededed;
padding:4px;
color:#000;
} 
.tblpag a { 
color:#000;
} 

/* ============== Pane layout ============== */
#LeftPane, #ContentPane, #RightPane { 
	text-align: left;
	float: left;
	display: inline;
	position: relative;
} 
#LeftPane, #RightPane {

} 

/* ============== Attributes ============== */
.clear {
	clear: both;
} 
.button, .Button { 
	background: #ec6200;
	font-size: 1.2em;
	padding: 4px 8px;
	border: 1px solid #ce5600;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
} 
.ntb { 
	border: 1px solid #979797;
	font-size: 1em;
	padding: 4px;
	background: #fff url(/Design/Images/Custom/ntb-bg.gif) repeat-x top;
} 
.ErrorText { 
	font-weight: bold;
	color: #ff0000;
} 

/* ============== Standard lists, hr etc ============== */
UL LI { 
list-style-type:square;
/*color:#323232;*/
} 
UL LI LI { 
list-style-type:disc;
/*color:#323232;*/
} 
UL LI LI LI { 
list-style-type:square;
/*color:#323232;*/
} 
OL LI { 
list-style-type:decimal;
/*color:#323232;*/
margin:5px 0;
} 
OL OL LI { 
list-style-type:lower-alpha;
/*color:#323232;*/
} 
OL OL OL LI { 
list-style-type:lower-roman;
/*color:#55595a;*/
} 
HR { 
color:#323232;
height:1pt;
} 

OL UL LI {
list-style-type:disc;
margin-left:35px;
}

LI UL {
list-style-type:none;
}

/* ============== Accessibility ============== */
h3.nav {
	text-indent: -9999px;
	display: none;
	visibility: hidden;
} 
ul#page-nav {
	position: absolute;
	top: -900px;
}
hr.rule {
	display: none;
	visibility: hidden;
} 

/* ============== Edit Mode ============== */
/* buttons */
.edit {
	position: relative;
} 
.edit .buttons { 
	position: absolute;
	width: 108px;
	height: 26px;
	z-index: 1;
	top: 4px;
	right: 4px;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	-khtml-opacity: .80;
} 

/* parts */
body.is-editmode .part-style:hover, body.is-editmode .part-auto-summary ul li:hover {
	background: #ffe9e9;
} 
body.is-editmode .part-auto-summary ul li:hover {
	background: #ffdada;
} 

/* ============== Custom layouts ============== */
/* FILTER */
.part-skf-cardfilter {
	border-bottom: 1px solid #cecece;
	line-height: 34px;
	height: 34px;
	margin: 0 12px;
	font-size: 1.2em;
	font-weight: bold;
} 
.part-skf-cardfilter h3 {
	float: left;
	line-height: 34px;
	width: 108px;
	padding-left: 30px;
	background: url(/Design/Images/Custom/pound.gif) no-repeat 9px 9px;
} 
.part-skf-cardfilter ul {
	float: left;
	line-height: 34px;
} 
.part-skf-cardfilter ul li {
	list-style: none;
	float: left;
	line-height: 34px;
	margin-left: 20px;
} 
.part-skf-cardfilter ul li a {
	text-decoration: none;
} 


/* OFFER CARDS */
/* cars */
.part-skf-cardview ul li {
	list-style: none;
} 
.part-skf-cardview ul li.card {
	width: 288px;
	height: 216px;
	float: left;
} 
.part-skf-cardview ul li.card ul {
	padding: 16px;
	width: 256px;
	height: 184px;
} 
.part-skf-cardview ul li.card ul li a {
	display: block;
	text-decoration: none;
	color: #444444;
} 
.part-skf-cardview ul li.card ul li.model a {
	padding: 9px 0 0 0;
	line-height: 23px;
	text-indent: -9999px;
} 
.part-skf-cardview ul li.card ul li.model {
	height: 32px;
} 
.part-skf-cardview ul li.card ul li.derivative a {
	line-height: 13px;
	text-align: center;
	font-size: 0.8em;
} 
.part-skf-cardview ul li.card ul li.derivative {
	height: 13px;
} 
.part-skf-cardview ul li.card ul li.price a {
	height: 93px;
	font-size: 0.8em;
} 
.part-skf-cardview ul li.card ul li.price {
	position: relative;
	height: 93px;
} 
.part-skf-cardview ul li.card ul li.price span {
	position: absolute;
} 
.part-skf-cardview ul li.card ul li.price span.only {
	top: 32px;
	left: 150px;
} 
.part-skf-cardview ul li.card ul li.price span.amount {
	top: 20px;
	right: 13px;
	color: #00679d;
	font-size: 3em;
	line-height: 1em;
	font-weight: bold;
} 
.part-skf-cardview ul li.card ul li.price span.vat {
	top: 50px;
	right: 13px;
	font-size: 1.1em;
} 
.part-skf-cardview ul li.card ul li.all, .part-skf-cardview ul li.card ul li.more {
	width: 128px;
	height: 46px;
	float: right;
} 
.part-skf-cardview ul li.card ul li.all a, .part-skf-cardview ul li.card ul li.more a {
	width: 128px;
	height: 46px;
	text-indent: -9999px;
} 
.part-skf-cardview ul li ul {
	background-image: url(/Design/Images/Page-Styles/Offers/grid-offers.gif);
	background-repeat: no-repeat;
	background-position: -576px -1296px;
} 
.part-skf-cardview ul li ul.card-6-1 {
	background-position: 0 0; /* new car - fox */
} 
.part-skf-cardview ul li ul.card-6-2 {
	background-position: -288px 0; /* new car - polo */
} 
.part-skf-cardview ul li ul.card-6-3 {
	background-position: -576px 0; /* new car - new polo */
} 
.part-skf-cardview ul li ul.card-6-4 {
	background-position: 0 -216px; /* new car - new golf */
} 
.part-skf-cardview ul li ul.card-6-5 {
	background-position: -288px -216px; /* new car - new golf gti*/
} 
.part-skf-cardview ul li ul.card-6-6 {
	background-position: -576px -216px; /* new car - new golf plus */
} 
.part-skf-cardview ul li ul.card-6-7 {
	background-position: 0 -432px; /* new car - golf estate */
} 
.part-skf-cardview ul li ul.card-6-8 {
	background-position: -288px -432px; /* new car - new beetle */
} 
.part-skf-cardview ul li ul.card-6-9 {
	background-position: -576px -432px; /* new car - new beetle cab */
} 
.part-skf-cardview ul li ul.card-6-10 {
	background-position: 0 -648px; /* new car - jetta */
} 
.part-skf-cardview ul li ul.card-6-11 {
	background-position: -288px -648px; /* new car - passat saloon */
} 
.part-skf-cardview ul li ul.card-6-12 {
	background-position: -576px -648px; /* new car - passat estate */
} 
.part-skf-cardview ul li ul.card-6-13 {
	background-position: 0 -864px; /* new car - passat cc */
} 
.part-skf-cardview ul li ul.card-6-14 {
	background-position: -288px -864px; /* new car - scirocco */
} 
.part-skf-cardview ul li ul.card-6-16 {
	background-position: -576px -864px; /* new car - tiguan */
} 
.part-skf-cardview ul li ul.card-6-17 {
	background-position: 0 -1080px; /* new car - eos */
} 
.part-skf-cardview ul li ul.card-6-18 {
	background-position: -288px -1080px; /* new car - touran */
} 
.part-skf-cardview ul li ul.card-6-19 {
	background-position: -576px -1080px; /* new car - sharan */
} 
.part-skf-cardview ul li ul.card-6-20 {
	background-position: 0 -1296px; /* new car - touareg */
} 
.part-skf-cardview ul li ul.card-6-21 {
	background-position: -288px -1296px; /* new car - phaeton */
} 

/* Order Process Numbers - Jer */

img.order-process {
	float:left;
	padding-right:10px;
}


/* ============== JQuery Flash ============== */

/* =============== Privacy Policy =========== */

.part-privacy-policy .content, .part-use-policy .content {
	width:600px;
	margin: 0 auto;
}
.part-privacy-policy .content dt, .part-use-policy .content dt {
	font-weight:bold;
	font-size:1.3em;
	padding:15px 0 ;
}
.part-privacy-policy .content p, .part-use-policy .content p {
	padding:10px 0;
}
.part-privacy-policy .content dd, .part-use-policy .content dd {
	padding:7px 0;
}