body {font-family:Arial, Helvetica, sans-serif; color:#555; margin:0; border:0; padding:0; line-height:1.5; font-size:12px}
img {border:none;}
.hide {display:none;}
.clearAll {clear:both;}

#simpleTooltip { padding:7px; border: 1px solid #000; background: #222; color:#DDD; font-size:11px;}

.content h2 {margin:0 0 5px 0; font-size:24px; font-weight:normal; margin-bottom:0}
h2.top {margin-bottom:20px;}
h3 {color:#333}
h4 {margin:0; padding:0;}
p.top {margin-top:0;}

#gallery_winner {width:720px; float:left}
#gallery_winner img {padding:3px; border:1px solid #DDD; float:left}
#gallery_winner .details {float:right; width:245px; font-weight:bold; font-size:15px}
#gallery_winner .details p {margin-top:0;}
#gallery_winner .details .name {font-size:22px;}
#gallery_winner .details .name span {font-size:15px; color:#888;}

#gallery_runners {width:720px; float:left; margin-top:20px;}
#gallery_runners h3 {text-transform:none!important; font-size:17px; margin-bottom:8px}
#gallery_runners ul {list-style:none; margin:0; padding:0;}
#gallery_runners ul li {padding:3px; border:1px solid #DDD; display:inline-block; float:left; margin:0 10px 10px 0}
#gallery_runners ul li img {display:block;}

.gallery_school {width:720px; float:left; margin-top:20px;}
.gallery_school h3 {text-transform:none!important; font-size:17px; margin-bottom:8px}
.gallery_school ul {list-style:none; margin:0; padding:0;}
.gallery_school ul li {padding:3px; border:1px solid #DDD; display:inline-block; float:left; margin:0 10px 10px 0}
.gallery_school ul li img {display:block;}

#headerContainer {background:#555; margin:15px 0 0 0; width:100%;}
#header {width:990px; margin:0 auto; position:relative}
#headerLogos {position:absolute; width:178px; height:81px; top:-15px; right:15px; background:url(../images/bmw_logo.png) no-repeat}
#mainArea {width:990px; margin:0 auto; padding-bottom:20px; min-height:500px;}
#footer {width:100%; margin:0 auto; background:#DDD; padding:15px 0;}
.content {width:720px; float:left; padding:10px 0 0 20px;}

table#resultsTable {width:720px; background:#CCC; text-align:center; margin:10px 0}
table#resultsTable tr {border-top:1px dotted #AAA}
table#resultsTable th {background:#ededed}
table#resultsTable td {background:#FFF; font-size:11px;}

#logo {float:left;}
#logo img {padding:15px 0;}

.carBox {width:720px; border-bottom:1px dotted #DDD; padding:10px 0;}
.carBox .image {float:left; width:120px; height:80px; background:url(../images/no_image.jpg) no-repeat;}
.carBox .content {float:left; width:430px; margin-left:10px; padding:0!important; color:#777;}
.carBox .content p {margin-top:0;}
.carBox .content .title {color:#222; font-size:15px;}
.carBox .price {float:right; width:150px; text-align:right;}
.carBox .price span {color:#222; font-size:17px;}
.carBox .price p {font-size:11px; margin:0; color:#888;}

#nav {float:right; color:#CCC;}
ul#topNav {margin:0 0 0 0; text-align:right; float:right; font-size:11px; display:inline-block; padding:5px 0}
ul#topNav li {display:inline; list-style:none; padding-right:4px; color:#777}
ul#topNav li a:link, ul#topNav li a:visited, ul#topNav li a:hover {text-decoration:none; color:#CCC; text-align:right}
ul#topNav li a:hover {color:#FFF; border-bottom:1px dotted #FFF}
ul.uppernav {margin-top:6px; font-weight:bold!important;}
ul.lowernav {border-top:1px solid #888;}

ul#models {list-style:none; text-align:right; margin:0; padding:5px 0 0 5px}
ul#models li {display:inline-block; vertical-align:middle}
ul#models li a:link, ul#models li a:visited, ul#models li a:hover {text-decoration:none; color:#AAA; line-height:25px; font-size:14px} 
ul#models li a:hover {color:#FFF;}

#leftCol {width:240px; float:left; margin-top:8px;}
#rightCol {width:740px; float:right; margin-top:8px;}

#contentL {width:470px; float:left;}
#contentR {width:220px; float:right}

#leftNav {margin:0 0 25px 0; float:left; width:240px;}
#leftNav h2 {font-size:18px; font-weight:bold; border-bottom:2px solid #DDD}
#leftNav ul {margin:0; padding:0; list-style:none;}
#leftNav ul li {padding:5px 0; font-size:11px;border-bottom:1px dotted #AAA;}
#leftNav a:link, #leftNav a:visited, #leftNav a:hover {text-decoration:none; font-weight:bold; color:#888}
#leftNav a:hover {color:#000}


#newsBlock {border:1px solid #CCC; padding:5px 15px 15px 15px; margin-top:8px; float:left; width:208px; background:#ededed}
#newsBlock h2 {font-size:18px; font-weight:bold}
#newsBlock ul {margin:0; padding:0; list-style:none;}
#newsBlock ul li {padding:5px 0; font-size:11px;border-bottom:1px dotted #AAA;}
#newsBlock a:link, #newsBlock a:visited, #newsBlock a:hover {text-decoration:none; font-weight:bold; color:#888}
#newsBlock a:hover {color:#000}

.newsSideBlock {float:left; width:208px; border-bottom:1px dotted #AAA; padding:5px 0 8px 0; line-height:1.2}
.newsImageSide {float:left; border:2px solid #AAA; width:35px; height:35px; background:#CCC}
.newsTextSide {float:right; width:150px; padding-right:10px}
.newsSideDate {font-size:8px; text-transform:uppercase;}
.newsSideBlock h3 {font-size:10px;}

.newsTextSide a:link, .newsTextSide a:visited, .newsTextSide a:hover {color:#555}
.newsTextSide a:hover {color:#000;}

.newsBlock {float:left; width:720px; border-top:1px dotted #AAA; padding:8px 0 5px 0}
.newsImageSmall {float:left; width:120px;}
.newsTextSmall {float:right; width:590px; }
.newsDate {color:#777; font-size:11px;}
.newsTextSmall p {font-weight:none!important;}

#newsMainImage {float:left; margin:10px 15px 10px 0; border:1px solid #AAA}

#pageBanner {width:720px;}
.readMore a:link, .readMore a:visited, .readMore a:hover {background:#AAA; color:#FFFFFF; font-weight:bold; font-size:11px; text-decoration:none; padding:5px 8px; margin-top:5px; display:inline-block; float:right}
.readMore a:hover {background:#222} 
.date {font-size:10px; color:#888}

#pagination {border-top:2px solid #CCC; text-align:right; font-size:11px}

#dealerL h3, #dealerR h3 {margin-bottom:10px}
#dealerL, #dealerR {width:330px; float:left; margin:10px 0}
#dealerR {float:right;}
#dealerL img, #dealerR img {vertical-align:middle; margin-right:10px}
#dealerForm {padding-right:10px; width:440px; float:left;}
	
.dealerBlock {margin-bottom:15px; border-bottom:1px dotted #AAA; padding-bottom:15px;}
.dealerBlock ul {list-style:none; margin:0; float:right}
.dealerBlock h4 {font-size:12px!important}
.dealerBlock img {float:left; margin-right:0!important}
.dealerAdd {float:left; width:245px; margin-top:6px}
.dealerAdd p {font-size:11px; margin-top:0}

ul#offerBlock {float:left; list-style:none; width:720px; margin-left:0; padding:0; border-bottom:2px solid #ededed;  border-top:2px solid #ededed;}
ul#offerBlock h3 {margin-bottom:0;}
ul#offerBlock li {border-bottom:1px dotted #CCC; padding:10px 0; float:left; display:block; width:720px}

.viewSiteLink {float:right; margin-top:10px}
.viewSiteLink a:link, .viewSiteLink a:visited, .viewSiteLink a:hover {text-decoration:none;  color:#0066CC; font-weight:bold; font-size:11px}
.viewSiteLink a:hover {border-bottom:1px dotted #222; color:#222;}
.bmwButton a:link, .bmwButton a:visited, .bmwButton a:hover {width:25px; height:25px; background:url(../images/bmwButton.png) no-repeat top; display:inline-block}
.bmwButton a:hover {background:url(../images/bmwButton.png) no-repeat bottom}
.miniButton a:link, .miniButton a:visited, .miniButton a:hover {width:49px; height:25px; background:url(../images/miniButton.png) no-repeat top; display:inline-block}
.miniButton a:hover {background:url(../images/miniButton.png) no-repeat bottom}

#searchBox {float:left; background:#becbd5; width:210px; padding:5px 15px 15px 15px}
#searchBox label {font-weight:bold; font-size:10px;}
#searchBox h2, #newsBlock h2 {border-bottom:1px solid #AAA; line-height:2; margin-top:0; font-size:18px;}
.searchSend {width:60px; background:#777; border:0; padding:3px; color:#FFF}
#searchBox input.formfield {border:1px solid #AAA; width:137px; padding:3px}
#searchBox select.formfield {border:1px solid #AAA; width:210px; padding:3px}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555;}

#slider {width:988px; height:348px; float:left; margin:20px 0 10px 0;}
#bannerCont {width:988px; height:348px;float:left; margin:20px 0 0 0;}
.last {margin-right:0!important;}

.boxgrid, .boxgridhalf {width:238px; margin:0 12px 12px 0; background:#ededed; height:198px; float:left; overflow: hidden; position:relative;}
.boxgrid h3, .boxgridhalf h3 {color:#FFF; font-size:12px; font-weight: bold; margin:0; text-transform:uppercase}
.boxgridhalf {width:363px!important; height:98px!important}
h3 {color:#000; font-size:12px; font-weight: bold; margin:0; text-transform:uppercase}

.boxgrid img, .boxgridhalf img {position:absolute; top:0; left:0; border:0; }
.boxgrid p, .boxgridhalf p {margin:5px 0; width:220px; color:#AAA; font-size:11px}
.boxgridhalf p {width:340px!important;}
.boxgrid a:link, .boxgrid a:visited, .boxgrid a:hover {text-decoration:none; color:#FFF} 
.boxgridhalf a:link, .boxgridhalf a:visited, .boxgridhalf a:hover {text-decoration:none; color:#FFF} 

.boxcaption {float:left; position:absolute; background:#222; height:100px; width:100%; 	padding:5px 7px 7px 7px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  border-top:1px solid #FFF
}
.caption .boxcaption {top: 170px; left: 0;}
.boxgridhalf .cover {top: 70px; left: 0;}

.adBlock {margin-top:8px; width:240px; float:left}

#footer {font-size:10px; text-align:center; color:#999}
#footer p {margin:0 auto; width:800px;}
#footer ul {padding:0; margin-top:0}
#footer ul li {list-style:none; display:inline; padding:0 5px}
#footer a:link, #footer a:visited, #footer a:hover {color:#777; text-decoration:none; font-size:11px}
#footer a:hover {color:#000}

.content fieldset {margin:0 auto; padding:30px 80px; border:1px solid #ddd; float:left; text-align:right; background:#F3F3F3}
.content fieldset p {margin-top:0;}
.content label {font-weight:bold; color:#333; padding-right:10px; vertical-align:top}
.content input.formfield, .content textarea.formfield {width:350px; padding:5px; border:1px solid #CCC; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.content textarea.formfield {height:150px;}
.subRight {text-align:right; float:right; width:320px; }
.subRight h2 {font-size:12px; font-weight:bold; margin-bottom:0;}
.subRight p {margin-top:0; font-size:11px}

.sendinfo {background:#777; border:0; font-size:11px; color:#CCC; padding:4px 7px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.sendinfo:hover {cursor:pointer; background:#222; color:#FFF;}

.content p a:link, .content p a:visited, .content p a:hover {text-decoration:none; border-bottom:1px dotted #0066CC; color:#0066CC; font-weight:bold} 
.content p a:hover {border-bottom:1px dotted #222; color:#222} 
#dealerContDetails a:link, #dealerContDetails li a:visited, #dealerContDetails li a:hover {text-decoration:none; border-bottom:1px dotted #0066CC; color:#0066CC; font-weight:bold} 
#dealerContDetails li a:hover {border-bottom:1px dotted #222; color:#222} 

.legalBox {float:left; width:720px; border:1px solid #DDD; padding:15px; width:190px; margin:10px 10px 0 0; font-size:11px; height:185px}
.legalBox h3 {font-size:10px}
.legalBox ul {list-style:none; padding:0;}
.legalName {font-size:11px; font-style:italic;}

.partnerBox {border:1px solid #CCC; padding:13px; float:left; margin:0 10px 10px 0; text-align:center; width:138px}
.partnerBox img {display:block; text-align:center}

#dealerSubLeft, #dealerSubRight {margin-top:10px;}

#dealerSubLeft {width:460px; float:left}
#dealerSubRight {width:250px; float:right}
#dealerImage {float:left; width:458px; margin-bottom:20px}
#dealerMap {float:right; width:248px; margin-bottom:20px}
#dealerImage, #dealerMap {border:1px solid #CCC;}

#dealerContDetails ul {margin-left:0; list-style:none; padding:0}

#dealerContDetails a:link, #dealerContDetails a:visited, #dealerContDetails a:hover {border-bottom:1px dotted #0099CC; color:#0099CC; text-decoration:none; font-weight:bold} 
#dealerContDetails a:hover {border-bottom:1px dotted #33CCFF; color:#33CCFF} 

table#enquiryTable {float:left; margin:10px 0}
table#enquiryTable td {}
table#enquiryTable  .tableLabel {font-weight:bold; vertical-align:top; font-size:11px}
table#enquiryTable input.formfield, table#enquiryTable textarea.formfield {border:1px solid #AAA; padding:5px; width:280px}
table#enquiryTable textarea.formfield {height:100px; width:580px}

ul#gallery {list-style:none; padding:20px 0; margin-left:0; border-top:2px solid #DDD;}
ul#gallery li {display:inline-block; border:1px solid #CCC; padding:3px; margin:0 6px 6px 0}
ul#gallery li img {display:block;}
ul#gallery li:hover {border:1px solid #555;}

ul#winnersGallery {list-style:none; padding:20px 0; margin-left:0; border-top:2px solid #DDD;}
ul#winnersGallery li {display:inline-block; border:1px solid #CCC; padding:3px; margin:0 6px 6px 0}
ul#winnersGallery li img {display:block;}
ul#winnersGallery li:hover {border:1px solid #555;}

.LV_invalid {color:#CC0000;font-weight:bold;} 

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#000;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}