/* CSS Document */
/*Works tailored specific carousel*/


#carousel.wt {
  /*  height: 37% !important;*/
    overflow: hidden;
    position: relative;
   /* width: 100%;*/
}
html.xlarge #carousel.wt, html.xlarge #carousel.wt img{height: 550px!important; width:1490px !important;}
html.large #carousel.wt, html.large #carousel.wt img{height: 428px!important; width:1160px !important;}
html.medium #carousel.wt, html.medium #carousel.wt img{height: 388px !important; width:1050px !important;}	
html.small #carousel.wt, html.small #carousel.wt img{height: 340px !important; width:920px!important;}	

#carousel_column{
	clear:both;
	margin: 0; 
	/*border-top:4px solid black;*/
	padding: 30px 0 30px;
	}
	
/*html.xlarge #carousel_column{margin-top:0px;}	
html.large #carousel_column{margin-top: -187px;}
html.medium #carousel_column{margin-top:-100px;}	
html.small #carousel_column{margin-top:-80px;}	*/

/*SLIDE INNER FONTS*/
.xlarge #carousel p.tagline {font-size: 2.88em!important; margin-top: 3px; color:#fff !important;}
.large #carousel p.tagline {font-size: 2.88em!important; margin-top: 3px; color:#fff !important;}
.medium #carousel p.tagline {font-size: 2.88em!important; margin-top: 3px; color:#fff !important;}
.small #carousel p.tagline {font-size: 2.88em!important; margin-top: 3px; color:#fff !important;}

/*.xlarge .carousel-pagination {
  bottom: 300px!important;
  height: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.large .carousel-pagination{
  bottom: 300px!important;
  height: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.medium .carousel-pagination{
  bottom: 300px!important;
  height: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.small .carousel-pagination{
  bottom: 300px!important;
  height: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}*/

html.xlarge #works-tailored .carousel-pagination {bottom: 300px !important;}
html.large #works-tailored .carousel-pagination {bottom: 300px !important;}
html.medium #works-tailored .carousel-pagination {bottom: 300px !important;}
html.small #works-tailored .carousel-pagination {bottom: 300px !important;}

a.stop {
    background: url("../img/ico/sound-play.png") no-repeat scroll 0 bottom transparent;
    bottom: 26px;
    cursor: pointer;
    display: block;
    height: 24px;
    outline: medium none;
    position: absolute;
    right: 20px;
    text-indent: -5000px;
    width: 24px;
    z-index: 1000;
}
#carousel .wt a.stop {}
/*END works tailored specific carousel*/

/* THESE ARE THE THREE COLUMN STYLES -------------------*/
.container {
	margin:0 auto;
	clear:both;
	max-width:1330px;
	}
.content1col{
	margin:0 0 0 30px;
	margin:-70px 0 0 30px\9;
	width:100%;
    float: left;
    display:block;
	}
.xlarge .content1col {margin-top:-200px\9;}	

.large .content1col{margin-top:0px\9;}	

.medium.content1col {margin-top:-200px\9;}	

html.small .content1col{
	margin:-150px 0 0 30px\9;
}
.content1col p{
	padding: 0 30px;
}
.content1col p.zagato{
	padding: 0 30px 0 0;
}
.content1col p.zagatoCaveat {
    color: #666666;
    font-size: 0.66em;
    font-style: italic;
    padding: 20px 0;
}
#moreLink{
	float: left;
	clear: both;
	    top: -50px;
		top: -232px\9;
		position: relative;
 	left: 7px;
	display:block;
	z-index: 999999;
	/*height: 60px;
	width: 200px;*/
	}
.medium #moreLink{top: -166px\9;}
.medium #moreLink a, .small #moreLink a  {
	color:#000;
	display: block;
	position:relative;
	padding: 3px 0 3px 20px;
	background: url(http://site.astonmartin.com/cms/content/astonmartin/images/downarrow.gif) no-repeat left center;
	
}
.medium #moreLink a {
    font-size: 0.66em;
   
	
	} 
.small #moreLink a { 
    font-size: 0.66em;
	display:block;
	} 
#moreLink a:hover { color: #999;}
.xlarge #moreLink a, .large #moreLink a {display:none;}
#carousel_column h2 {padding: 0 0 0 30px;}

.content3col {
	
    float: left;
     margin: 0;
	}
.content3col ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
.content3col ul.column li {
	float: left;
	width: 33%; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.content3col .block {
	/*height: 355px;*/
	font-size: 1em;
	margin: 0 5px 10px 15px;/*Creates the 10px gap between each column*/
	padding: 20px;
	border' : 1px solid #EFEFEF;
	/*background: #e3e1d5;*/
}
.content3col .block p{text-transform: none !important; font-size: 1em;}
.content3col .block h2 {
	font-size: 1.8em;
}
.content3col .block img {
        /*Flexible image size with border*/
	width: 100% !important;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 0%;
	background:#fff;
	margin: 0 auto 20px;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
.content3col .centredLink {
    bottom: 0;
    clear: none;
    display: block;
    float: none;
    margin: 50px auto;
    position: absolute;
    text-align: center;
    width: 29%;
}

html.large #pb-carousel {
    height: 509px !important
}
html.medium #pb-carousel {
    height: 409px !important
}

html.small #pb-carousel {
    height: 360px !important
}

html.xlarge .content4col {
    margin-top: 20px;
    text-align: center;
    width: 1490px;
}

html.xlarge #pb-logos{display:block; width:904px; margin:0 303px 135px;}
html.large #pb-logos{display:block; width:904px; margin:0 114px 135px;}
html.medium #pb-logos{display:block; width:904px; margin:0 52px 135px;}
html.small #pb-logos{display:block; width:904px; margin:0 0px 135px;}

html.xlarge #pb-logo-white{display:block; width:904px; margin:20px 303px 20px;}
html.large #pb-logo-white{display:block; width:904px; margin:20px 114px 20px;}
html.medium #pb-logo-white{display:block; width:904px; margin:20px 52px 20px;}
html.small #pb-logo-white{display:block; width:904px; margin:20px 0px 20px;}

ul#logoList {list-style:none; float:left;}

ul#logoList li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* MODAL WINDOW FOR DRIVE FORM COMPLETE -----------------------------------
#DriveFormComplete {
    display: block;
    background-color: black;
    position: absolute;
    z-index: 99999;
    top:50%;
    left:35%;
    width:350px;
    height:350px;
	text-align: center;
    

}
#DriveFormComplete p {
    color: #fff!important;
}
*/


html.large .content4col { margin-top: 20px; text-align: center; width: 1490px;}
html.medium .content4col { margin-top: 20px; text-align: center; width: 1490px;}
html.small .content4col { margin-top: 20px; text-align: center; width: 1490px;}

.content4col {
    float: left;
     margin: 0;
	}
/*.content4col ul.column{
	width: 100%;
	padding: 0;
	margin: 10px auto;
	list-style: none;
}
.content4col ul.column li {
	float: left;
	width: 22%; 
	padding: 0;
	margin: 5px 10px;
	display: inline;
	background-color:#EFEFEEF;
}*/
.content4col ul.column {
    list-style: none inside none;
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

html.xlarge .content4col ul.column {padding: 0 40px; text-align: center;width: 1506px; }
html.large .content4col ul.column {
    padding: 0 25px;
    text-align: center;
    width: 1160px;
}
html.medium .content4col ul.column {
    padding: 0 25px;
    text-align: center;
    width: 1036px;
}
html.small .content4col ul.column {
    padding: 0 10px;
    text-align: center;
    width: 920px;
}


.content4col ul.column li {
    display: inline-block;
    float: left;
    margin: 5px 10px;
    padding: 0;
    width: 22%;
}
.content4col .block {
	/*height: 355px;*/
	font-size: 1.2em;
	 margin: 3px 5px 0;/*Creates the 10px gap between each column*/
	 padding: 8px 8px 40px;
	/*background: #e3e1d5;*/
	cursor:pointer;
}
.content4col .block img {
        /*Flexible image size with border*/
	width: 100%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 0%;
	background:#fff;
	margin: 0 auto 20px;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
 a.blockLink {cursor:pointer; display:block;}
.content4col .block h2 {margin: 16px 0 13px;}
/*THIS IS THE FULL WIDTH BACKGROUND CODE FOR THE BUCKETS THIS DOESNT WORK*/

/*.content4col:nth-of-type(1), .content4col:nth-of-type(1):before, .content4col:nth-of-type(1):after { background: #EFEFEF; }
.content4col:nth-of-type(2), .content4col:nth-of-type(2):before, .content4col:nth-of-type(2):after { background: #EFEFEF; }
.content4col:nth-of-type(3), .content4col:nth-of-type(3):before, .content4col:nth-of-type(3):after { background: #EFEFEF; }*/
	
.content4col{ 
      background: #EFEFEF;
  /*  color: white;
      padding: 15px 0;
      position: relative;*/
    }
 /*.content4col:before, .content4col:after {
      content: "";
      background: #EFEFEF;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 9999px;
    }*/
/*.content4col:before {
      right: 100%;
    }
.content4col:after {
      left: 100%;
    }*/
	
/* THIS*/
#bk1 {  background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/p1.jpg");
    background-origin: padding-box;
    background-position: 0 0;
	background-repeat:no-repeat;
	
	}

html.xlarge #bk1 {background-size: 307px 112px;}
html.large #bk1 { background-size: 228px 83px;}
html.medium #bk1 { background-size: 201px 74px;}
html.small #bk1 { background-size: 173px 64px;}

html.xlarge #bk1 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/xlbk1.jpg")\9;}
html.large #bk1 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/lbk1.jpg")\9;}
html.medium #bk1 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/mbk1.jpg")\9;}
html.small #bk1 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/sbk1.jpg")\9;}

html.xlarge #bk2 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/xlbk2.jpg")\9;}
html.large #bk2 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/lbk2.jpg")\9;}
html.medium #bk2 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/mbk2.jpg")\9;}
html.small #bk2 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/sbk2.jpg")\9;}

html.xlarge #bk3 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/xlbk3.jpg")\9;}
html.large #bk3 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/lbk3.jpg")\9;}
html.medium #bk3 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/mbk3.jpg")\9;}
html.small #bk3 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/sbk3.jpg")\9;}

html.xlarge #bk4 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/xlbk4.jpg")\9;}
html.large #bk4 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/lbk4.jpg")\9;}
html.medium #bk4 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/mbk4.jpg")\9;}
html.small #bk4 { background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/sbk4.jpg")\9;}


#bk2 {  background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/on-tour-bk1.jpg");
    background-origin: padding-box;
    background-position: 0 0;
	background-repeat: no-repeat;}
html.xlarge #bk2 {background-size: 307px 112px;}
html.large #bk2 { background-size: 228px 83px;}
html.medium #bk2 { background-size: 201px 74px;}
html.small #bk2 { background-size: 173px 64px;}

#bk3 {  background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/p3.jpg");
    background-origin: padding-box;
    background-position: 0 0;
	background-repeat: no-repeat;}
html.xlarge #bk3 {background-size: 307px 112px;}
html.large #bk3 { background-size: 228px 83px;}
html.medium #bk3 { background-size: 201px 74px;}
html.small #bk3 { background-size: 173px 64px;}

#bk4 {  background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://site.astonmartin.com/content/astonmartin/images/PebbleBeach/p4.jpg");
    background-origin: padding-box;
    background-position: 0 0;
	background-repeat: no-repeat;}
html.xlarge #bk4 {background-size: 307px 112px;}
html.large #bk4 { background-size: 228px 83px;}
html.medium #bk4 { background-size: 201px 74px;}
html.small #bk4 { background-size: 173px 64px;}
/*END*/		
/*END*/	
		
.clear {
	clear:both;
	}
#overlay360 {
    display: block;
    position: absolute;
    z-index: 99999;
	top: 50px; 
	right:50px;
}
html.xlarge #overlay360 {right: 130px;}
#overlay360 img {width:87px !important; height:40px !important;}

.zagatoTitle { 
	top: 30px;
    display: block;
    left: 30px;
    position: absolute;
    z-index: 99998;
	}
html.xlarge .zagatoTitle {left: 130px; }
.zagatoTitle h1 {margin:10px 3px 0 4px!important;}	
/*****************IMPORTED TAB STYLES BELOW********************/
.tab_container {
	display: block;
	float: left;
	/*margin: -115px 0 118px 0\9;
	padding-top: 140px;
	background-image: url(../samples/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
#tabsNavContainer {
 /*   border-top: 1px solid #D8D8D8;*/
    
    display: block;
    float: left;
    margin: 8px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
html.xlarge #tabsNavContainer {bottom: -539px; bottom: -659px\9; margin-top:-6px\9;}
html.large #tabsNavContainer {bottom: -441px; bottom: -560px\9;}
html.medium #tabsNavContainer {bottom: -397px; bottom: -516px\9;}
html.small #tabsNavContainer {bottom: -344px; bottom: -463px\9;}

#tabsNavContainer ul.tabs { 
	text-align:center\9;
    display: inline-block;
    /*float: left;*/
    margin: 10px auto !important;
    overflow: hidden;
    padding: 0;
    /*width: 100%;*/
	
	}

#tabsNavContainer ul.tabs li {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    list-style: none outside none;
    margin: 3px 10px 0 0;
    opacity: 0.4;
}
#tabsNavContainer ul.tabs li:hover {
	opacity: 1;
	border: 1px solid #000;
}
#tabsNavContainer .tabs li a img{
	height: 55px !important;
    width: 109px !important;
	*height: 55px;
    *width: 109px;
 }
#tabsNavContainer ul.tabs li.active {
	border-top: 1px solid #fff; 
	border-left: 1px solid #CCC; 
border-bottom: 1px solid #CCC; 
border-right: 1px solid #CCC; 
    margin: 1px 10px 0 0;
    opacity: 1;}	
.tabLabel {
	text-align:center;
	display:block;
	
	}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	background-color: transparent;
	background-image: url(../images/black_arrow.png);
}
#topStrip {margin:0 80px; padding:0; float:left;}
.zagBannner {
	
	margin-top: 0;
	margin-right: 80px;
	margin-bottom: 0;
	margin-left: 80px;
	
}
html.xlarge img#image, html.xlarge .jquery-reel-interface {
	width: 1410px !important;
    height: 559px !important;
	margin: 0px;
	margin-bottom: 20px;	
	visibility: visible\9; 
	}
html.xlarge img#f1ccw, html.xlarge img#f1ccw2, html.xlarge img#f1ccw3, html.xlarge img#f1ccw4, html.xlarge img#f1ccw5 {
	width: 1490px;
    height: 590px !important;
	margin-bottom: 20px;
}
html.xlarge img#topStrip {width: 1410px; height: 140px; margin: 0 80px;}
html.large img#topStrip {width: 1170px; height: 121px; margin: 0px;}
html.medium img#topStrip {width: 1050px; height: 79px;}
html.small img#topStrip {width: 920px; height: 67px;}

html.large img#f1ccw, html.large img#f1ccw2 , html.large img#f1ccw3, html.large img#f1ccw4, html.large img#f1ccw5, html.large img#image {
	width: 1170px !important;
	height: 461px !important;
	margin-bottom: 20px;
    overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
}
html.large .jquery-reel-interface {
	width: 1320px !important;
	height: 540px !important;
	margin: 0 0 20px 0;
    overflow: hidden;
}
html.medium img#f1ccw, html.medium img#f1ccw2, html.medium img#f1ccw3, html.medium img#f1ccw4, html.medium img#f1ccw5, html.medium img#image, html.medium .jquery-reel-interface {
	width: 1050px !important;
     height: 417px !important;
	 margin-bottom: 20px;
    overflow: hidden;
}



html.small img#f1ccw, html.small img#f1ccw2, html.small img#f1ccw3, html.small img#f1ccw4, html.small img#f1ccw5, html.small img#image, html.small .jquery-reel-interface {
	width: 920px !important;
    height: 364px !important;
	margin-bottom: 20px;
    overflow: hidden;
}

html.xlarge #image-reel {height:559px !important; height:665px\9 !important; width: 1490px !important; margin: -1px 0 80px; padding:0; border-bottom: 1px solid #CCCCCC; }
html.large #image-reel {height:564px !important; height:580px\9 !important; margin: -1px 0 0; padding:0; top:0px\9;}
html.medium #image-reel {height:417px !important; height:537px\9 !important;  margin: -1px 0 80px;  padding:0; border-bottom: 1px solid #CCCCCC;}
html.small #image-reel {height:364px !important; height:484px\9 !important; margin: -1px 0 80px;  padding:0; border-bottom: 1px solid #CCCCCC;}

html.xlarge .jquery-reel-preloader {top:665px; top:660px\9 !important;}
html.large .jquery-reel-preloader {top:578px\9 !important;}
html.medium .jquery-reel-preloader {top:532px\9 !important;}
html.small .jquery-reel-preloader {top:480px\9 !important;}

#topStripContainer {
	/*margin:0 80px;*/
	}

#topStrip {
	margin:0;
	
	}
	
/*-----------WORKS SERVICE STYLES------------*/

div.generic section div.column_menu {
    float: left;
    padding-right: 3%;
    width: 17%;
}
div.generic section div.contentSwatch {
    padding: 15px 80px;
}
.mediaContent {
    border-top: 1px solid #000;
	margin: 0 0 0 20%;
}
ul.swatchCategoriesMenu {
    margin: 0 !important;
	padding:0px;
	}
ul.swatchCategoriesMenu li {
	float:left;
	list-style:none;
	padding: 23px 50px 0 0;
	}
ul.resetSwatchesMenu {
	border-bottom: 1px solid black;
    clear: right;
    display: block;
    float: left;
    margin: 0 0 20px !important;
    padding: 0 0 20px;
    width: 100%;
	 }
ul.resetSwatchesMenu li {
	float:left;
	list-style:none;
	padding: 23px 50px 0 0;
	}
/*------HERE TO-------------------------------------------------------------*/
ul.thumb {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 4px 0 0 -8px !important;
    padding: 10px 0;
}
ul.thumb li {
    background: none repeat scroll 0 0 ;
    /*border: 1px solid #DDDDDD;*/
    float: left;
    height: 150px;
    list-style: none outside none;
    margin: 0 13px 52px 0;
  /*  padding: 0px;*/
    position: relative;
    /*width: 110px;*/
    z-index: 1;
}
ul.thumb li a {
    /*margin: 0 10px 0 0;*/
}

ul.thumb li.hover {
    background-color: white;
	border: 1px solid #000;
    /*padding: 6px 3px;
	z-index: 0;*/
}
ul.thumb li img {
    /*background: none repeat scroll 0 0 #F0F0F0;*/
    border: 1px solid #DDDDDD;
    height: 108px;
    list-style: none outside none;
/*    margin: 4px 0 0 4px;*/ 
   padding: 10px 10px 50px !important;
	margin:0 10px 0 0;
  	position: absolute;
 	  /*   top: 0;*/
    width: 80px;
}
ul.thumb li img.hover {
    background-color: white;
    border: 1px solid #CCCCCC;
    margin: 4px 0 0 4px;
}
ul.thumb li .desc {
	/* background-color: white;
   border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;*/
    color: #000000;
    display: block;
    padding: 0 0 3px;
    position: relative;
    text-align: center;
    top: 130px;
    width: 100px;
    z-index: 9999;
   	
}
ul.thumb li .desc hover {
	text-align: center; 
	top:190px;
	/*top:\9;*/
}
/*!-------------------------------------------------------------------------*/

#main_view {
    float: left;
    margin-left: -10px;
    padding: 9px 0;
}


/*---HERE---------------------------*/
div.generic section ul {
    color: #8C8C8C;
    list-style-image: url("../img/ico/bullet-dark.jpg") !important;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 15px;
    text-transform: uppercase;
}
.swatchContainer  {
	display:block;
	border-bottom:1px solid #ccc;
	float: left;
	text-align: left;
	}
	
.swatchContainer h2 {
    color: #000000;
    font-family: "Classico Regular",Optima,Arial,sans-serif;
    font-size: 1.25em;
     margin: 20px 0 10px !important;
	 }
.mediaContent ul.contextMenu2 {
    border-bottom: 1px solid #CCCCCC;
    color: #888888;
    float: left;
    font-family: "Classico Medium",Optima,Arial,sans-serif;
    font-size: 0.9em;
    letter-spacing: 1.1px;
    margin: 0 0 17px;
    padding: 0 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.mediaContent ul.contextMenu2 li {

    display: inline-block;
    float: none;
    
    padding: 20px;
}
.mediaContent ul.contextMenu2 li a {
	
	}
.ws_nav {
	padding:0;
	margin:0;
    font-size:0.9em;
	text-align: left;
	list-style:none;
}

.ws_nav ul.first {
    border-top: 1px solid #000000;
    color: #000000;
    display: block;
    margin: 0;
}
.ws_nav ul.first li {
	display:block;
	padding: 4px 0px;	
}
.ws_nav ul.first li h3 {
	display: block;
    font-size: 1.3em;
    margin: 3px 0 7px;
	}
.ws_nav ul.first ul.sub {
	display:block;
	margin-left: 0px;
	}
.ws_nav ul.first ul.sub li {
	display:block;
	padding: 0;
	}
.ws_nav ul.first ul.sub li a{
	border-top:1px solid #ccc;
	display: block;
	padding:4px 0;
	font-size: 1.4em;
}
.ws_nav ul.first ul.sub li a:hover{
	border-top:1px solid #000;
}
.ws_nav ul.first ul.sub li.selected a {
	border-top:1px solid #000;
	color: #000;
	}
.xburn {
	border-top:1px solid #000 !important;
	color: #000 !important;
	background:url(http://site.astonmartin.com/cms/content/astonmartin/images/downarrow.gif) no-repeat 2px -2px;
}
.yburn {
	padding: 20px 0 0;
	color: #000 !important;
	background:url(http://site.astonmartin.com/cms/content/astonmartin/images/downarrow.gif) no-repeat center 1px;
}
.tip {
    color: #ccc;
    background:#fff;
    padding:10px;
    position:absolute;    
	z-index: 0;
	border:1px solid #ccc;
  /*  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
}
#swatchSwitch { border-bottom:1px solid #000; cursor:pointer; padding:15px 0; margin:0 0 20px 0; }

#swatchSwitch a {font-size:0.688em!important;}

.menuSpacer{
	display:block;
	clear:both;
	height:30px;
	}
.tip:hover {
    color: #ccc;
    background:#fff;
    padding:10px;
    position:absolute;  
	top: -60px;
    z-index: 0;
    left: -30px;
	border:1px solid red;

}
.image-desc {
    color: #ccc;
    background:#1d1d1d;
    padding:10px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/* THIS IS THE SMART COLUMN CSS ---------------------*/
ul.mediacolumn{
	width: 100%;
	padding: 0;
	margin: 10px 0 50px !important;
	list-style: none;
}
ul.mediacolumn li {
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
ul.mediacolumn .block {
	background: none;
    font-size: 1em;
    min-height: 250px;
    margin-right: 10px;
    padding: 6px;
	border: 1px solid #EFEFEF;
	
	
}
ul.mediacolumn .block:hover {
	border: 1px solid #CCCCCC;
	
}
ul.mediacolumn .block h2 {
	font-size: 1.3em;
	padding-left:10px;
}
ul.mediacolumn .block img {
	width: 89%;
	height: 89%;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    ul.mediacolumn .block img {
       width: 89%;
	height: 120px;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
    }
}
.rotator {
    padding: 0 80px;
}
/*RENAME BANNER TO ROTATE**********************************************/
div.generic section div.rotator {
	clear: right;
	clear: none\9;
    float: left;
    margin: 0 0 0;
	margin: -118px 0 0 0\9;
    /*padding: 0 0 105px 80px;*/
    position: relative;
}
html.xlarge div.generic section div.rotator {
	margin-bottom: 228px\9;	
}
html.large div.generic section div.rotator {
	margin-bottom: 116px\9;	
}
html.medium  div.generic section div.rotator {
	margin-bottom: 116px\9;	
}
html.small div.generic section div.rotator {
	margin-bottom: 180px\9;	
}
div.generic section div.rotator h1 {
	position:absolute;
	top:25px;
	left:90px;
	margin:0;
	padding:0;
}
div.generic section div.rotator h1 span {
	color:#999;
}
div.generic section div.rotator h1.clean em {
	background:none;
}
div.generic section div.rotator h1 {
	position:absolute;
	top:25px;
	left:90px;
	margin:0;
	padding:0;
}
html.small div.generic section div.rotator {
	padding:0;
}
html.small div.generic section div.rotator img {
	width:920px;
	height:225px;
}
html.small div.generic section div.rotator h1 {
	top:20px;
	left:30px;
	font-size:1.563em;
}
html.large div.generic section div.rotator {
    padding: 0 !important;
}
html.small div.generic section div.rotator h1 em {
	background-position:100% 10px;
}
html.medium div.generic section div.rotator {
	padding:0;
}
html.medium div.generic section div.rotator img {
	width:1050px;
	height:257px;
}
html.medium div.generic section div.rotator h1 {
	left:30px;
	top:20px;
	margin:0;
}
html.xlarge div.generic section div.rotator img {
	width:1490px;
	height:365px;
}
html.xlarge div.generic section div.rotator h1 {
	left:110px;
}

/*BELOW AR THE US - FINANCE PAGE STYLES */
html.xlarge .usfinance-col1 {width:758px; margin:0 40px 0 -80px; float:left;}
html.large .usfinance-col1 {width:650px; margin:0 40px 0 -80px; float:left;}
html.medium .usfinance-col1 {width:550px; margin:0 40px 0 0; float:left;}
html.small .usfinance-col1 {width:450px; margin:0 40px 0 0; float:left;}

html.xlarge .usfinance-col2 {width:690px; margin:0 40px 0 0; float:left;}
html.large .usfinance-col2 {width:470px; margin:0 40px 0 0; float:left;}
html.medium .usfinance-col2 {width:460px; margin:0 0px 0 0; float:left;}
html.small .usfinance-col2 {width:428px; margin:0 0px 0 0; float:left;}

html.xlarge #enquireFormContent {width:690px;  float:left;}
html.large  #enquireFormContent {width:470px; float:left;}
html.medium #enquireFormContent {width:458px; float:left;}
html.small #enquireFormContent {width:428px; float:left;}

#enquireFormContent {
    border: 1px solid #333333;
	margin: 0 0 20px;
}

h1#enqHeader {
	background:#333333;
	padding: 17px 20px;
	color:#fff;
	margin:0 !important;
	}
#new-v8vantage .genericForm {margin: -16px 0 -7px !important;}

#new-v8vantage .genericForm .marginTop {
    margin-top: 24px !important;
}
#new-v8vantage #requiredFields {margin:20px 0 10px!important;}
#new-v8vantage .genericForm input.submit {margin-top:25px!important;}
#new-v8vantage .options {margin:0px!important;}

html.medium .finance-container, html.small .finance-container  {
	padding:0;
	width:100%;
	}
html.xlarge .finance-container, html.large .finance-container {
	padding:0 80px;
	width:100%;
	}
.usaColumnLeft {
	display: inline-block;
	clear:left;
	}	
	
.usaColumnLeft p {display:block; overflow:hidden; padding: 5px 0 0;}	
.usaColumnLeft p em {font-weight: bold; color:#000; font-size: 1.2em;}

.hide-show p{margin:10px 0 14px 0;}
.hide-show p.first {
    color:#666;
    font-size: 0.8em;
    font-variant: normal;
    
    text-transform: uppercase;
}
.hide-show p.first strong{ 
	font-weight: bold;
	color:#000;
}
.fimg {
	float: left;
	margin:0 20px 5px 0;
	}
	
.disclaimer-copy{
    /*border-top: 1px solid #CCCCCC;*/
    float: left;
    font-size: 0.8em;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.disclaimer-copy p{display:block; /*width:800px;*/ margin:0 auto; }
.more {
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	margin: 0;
	padding: 8px 15px 8px 0;
	text-align: right;
	width: 100%;
	background-image: url(../images/arrow_ud.gif);
	background-repeat: no-repeat;
	background-position: right -36px;
}
.more active {background-image: url(../images/arrow_ud.gif); background-position: right 0px;}
.fl-banner, .l-banner{float:left; clear:right; height:150px;}
html.xlarge .fl-banner {width:690px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-flb-xl.jpg); background-repeat: no-repeat;}
html.large .fl-banner {width:470px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-flb-l.jpg); background-repeat: no-repeat;}
html.medium .fl-banner {width:458px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-flb-m.jpg); background-repeat: no-repeat;}
html.small .fl-banner {width:428px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-flb-s.jpg); background-repeat: no-repeat;}

html.xlarge .l-banner {width:690px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-lease-lb-xl.jpg); background-repeat: no-repeat;}
html.large .l-banner {width:470px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-lease-lb-l.jpg); background-repeat: no-repeat;}
html.medium .l-banner {width:458px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-lease-lb-m.jpg); background-repeat: no-repeat;}
html.small .l-banner {width:428px; background-image: url(http://site.astonmartin.com/cms/content/astonmartin/images/us-finance/us-lease-lb-s.jpg); background-repeat: no-repeat;}

html.xlarge .l-banner span, html.xlarge .fl-banner span {width:690px; height:150px; display:block; cursor:pointer; text-indent:-4000px;}
html.large .l-banner span, html.large .fl-banner span {width:6470px; height:150px; display:block; cursor:pointer; text-indent:-4000px;}
html.medium .l-banner span, html.medium .fl-banner span {width:458px; height:150px; display:block; cursor:pointer; text-indent:-4000px;}
html.small .l-banner span, html.small .fl-banner span {width:428px; height:150px; display:block; cursor:pointer; text-indent:-4000px;}

html.xlarge .usaColumnLeft img {
    height: 170px;
    width: 350px;
}
html.large .usaColumnLeft img {
    height: 134px;
    width: 275px;
}
html.medium .usaColumnLeft img {
    height: 124px;
    width: 255px;
}
html.small .usaColumnLeft img {
    height: 107px;
    width: 220px;
}
.usaColumnLeft img {margin-top:10px;}
ul.expand-links {display:block; padding: 20px 0 0 0;  }
ul.expand-links li {float:left; list-style:disc; padding: 4px 60px 4px 2px; font-size:11px;}
/*----------------------BELOW IS AM1 CSS IMPORTED FOR TEST FORM STYLES---------------------------------------*/
.formPadding{padding:0 20px;}
.usfinance-col2 input:-moz-placeholder, .usfinance-col2 textarea:-moz-placeholder {
  color: #333 !important;
}
/*BELOW IS THE CODE FOR MAKING INPUT FIELDS TEXT DARK IN CHROME!!!!*/
.usfinance-col2 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #333 !important;
}
.usfinance-col2 .genericForm .cselect span em {
  color: #333333 !important;
}

.large .enquireFormContent input{
    width: 340px;
}
.usfinance-col2 label, .v8-col1 label{
    display: none;
}
.usfinance-col2 .options {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.usfinance-col2 input:-moz-placeholder, .usfinance-col2 textarea:-moz-placeholder {
    color: #333 !important;
}

html.placeholder input, html.placeholder textarea {
    color: #333 !important;
}
.usfinance-col2 .checkboxWrap, .v8-vantage-genericForm .checkboxWrap {
    width: 476px;
}

.usfinance-col2 .checkboxWrap {
    float: left;
    margin: 0 20px 5px 0;
}
.v8-vantage-genericForm .checkboxWrap {
    float: left;
    margin: 0 20px 0px 0;
}
.usfinance-col2 .options .checkboxWrap p.small {
    color: #666666;
    font-size: 1em;
    width: 75% !important;
}
.usfinance-col2 input, .usfinance-col2 textarea, .v8-col1 input {
    border: 1px solid #CCCCCC;
    color: #333 !important;
    display: inline;
    float: left;
    font-family: "Classico Italic",Optima,Arial,sans-serif;
    font-size: 1.25em;
    font-style: italic;
    height: 28px;
    letter-spacing: 1px;
    margin: 10px 20px 0 0;
    padding: 3px 12px 5px;
}

.usfinance-col2 .cselect span, .v8-col1 .cselect span{
    border: 1px solid #CCCCCC;
    /*color: #828282;*/
    cursor: pointer;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    vertical-align: middle;
}

button, input, select, textarea {
    margin: 0;
}

/*body, select, input, textarea {
    color: #444444;
}*/

select, input, textarea, button {
    font: 99% sans-serif;
}

input, select {
    vertical-align: middle;
}
.three-col .content, .generic .content, .event-sponsor .content {
  padding: 10px 0 !important;
}
.usfinance-col2 .checkbox, .usfinance-col2 .radio {
    background: url("http://www.astonmartin.com/img/ico/radio.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 25px;
    margin: 10px 0 3px;
    padding: 0 0 0 20px;
    text-align: left;
}
.usfinance-col2 .checkbox input, .genericForm .radio input {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.usfinance-col2 input#txtSurname {
    color: #333 !important;
}

}
 ::-webkit-input-placeholder {
    color: #333;
}

.usfinance-col2 .genericForm {margin: -20px 0 0;}

html.xlarge .usfinance-col2 input.submit:hover, html.large .usfinance-col2 input.submit:hover, html.medium .usfinance-col2 input.submit:hover, html.small .usfinance-col2 input.submit:hover {color:#fff!important;}
.usfinance-col2 .checkbox {background: url("http://www.astonmartin.com/img/ico/checkbox.png") no-repeat scroll 0 5px transparent;}

html.xlarge .usfinance-col2 .genericForm input#tbComments { width: 620px;}
html.large .usfinance-col2 .genericForm input#tbComments {width: 400px;}
html.medium .usfinance-col2 .genericForm input#tbComments {width: 400px;}
html.small .usfinance-col2 .genericForm input#tbComments {width: 362px;}

html.xlarge .usfinance-col2 .cselect span, .xlarge .usfinance-col2 .genericForm input {width:185px; margin-right:5px;}
html.large .usfinance-col2 .cselect span, .large .usfinance-col2 .genericForm input {width:183px; margin-right:5px;}
html.medium .usfinance-col2 .cselect span, .medium .usfinance-col2 .genericForm input {width:177px; margin-right:5px;}
html.small .usfinance-col2 .cselect span, .small .usfinance-col2 .genericForm input {width:362px; margin-right:5px;}

html.xlarge .usfinance-col2 .genericForm .cselect ul {width: 209px;}
html.large .usfinance-col2 .genericForm .cselect ul {width: 207px;}
html.medium .usfinance-col2 .genericForm .cselect ul {width: 201px;}
html.small .usfinance-col2 .genericForm .cselect ul {width: 207px;}

html.xlarge  .usfinance-col2 .genericForm .checkboxWrap {width: 140px;}
html.large .usfinance-col2 .genericForm .checkboxWrap {width: 170px;}
html.medium .usfinance-col2 .genericForm .checkboxWrap {width: 150px;}
html.small .usfinance-col2 .genericForm .checkboxWrap {width: 150px;}

.xlarge .usfinance-col2 .genericForm .cselect {width: 196px !important;}
.large .usfinance-col2 .genericForm .cselect {width: 194px !important;}
.medium .usfinance-col2 .genericForm .cselect {width: 189px !important;}

html.xlarge .usfinance-col2 .genericForm .two-colspan .cselect span { margin-right: 5px; width: 404px !important;}
html.xlarge .usfinance-col2 .genericForm .two-colspan .cselect ul {width: 428px;}

html.large .usfinance-col2 .genericForm .two-colspan .cselect span { margin-right: 5px; width: 400px !important;}
html.large .usfinance-col2 .genericForm .two-colspan .cselect ul {width: 424px;}

html.medium .usfinance-col2 .genericForm .two-colspan .cselect span { margin-right: 5px; width: 400px !important;}
html.medium .usfinance-col2 .genericForm .two-colspan .cselect ul {width: 424px;}

html.small .usfinance-col2 .genericForm .two-colspan .cselect span { margin-right: 5px; width: 362px !important;}
html.small .usfinance-col2 .genericForm .two-colspan .cselect ul {width: 386px;}

.xlarge .usfinance-col2 .genericForm p {width: 650px; text-transform:none !important;}
.large .usfinance-col2 .genericForm p {width: 400px; text-transform:none !important;}
.medium .usfinance-col2 .genericForm p {width: 400px; text-transform:none !important;}
.small .usfinance-col2 .genericForm p {width: 400px; text-transform:none !important;}

.usfinance-col2  .sub-btn {display:block; text-align:center;}

.xlarge .usfinance-col2 .genericForm input.submit {margin-left: 135px;width:362px}
.large .usfinance-col2 .genericForm input.submit {margin-left: 35px; width:362px}
.medium .usfinance-col2 .genericForm input.submit {margin-left: 27px; width:362px}
.small .usfinance-col2 .genericForm input.submit {margin-left: 12px;width:362px}

html.large .usfinance-col2 .genericForm  #preferredDealerCountryContent .cselect span {margin-right:5px; clear:right; width:400px !important;}

.TitleOverlay{position:absolute; top:-10px;  display:block; }
html.xlarge .TitleOverlay {left:50px;}
html.large .TitleOverlay {left:50px;}
html.medium .TitleOverlay {left:30px; top:-20px;}
html.small .TitleOverlay {left:30px; top:-30px; }

.TitleOverlay h1 em {
  background: url("http://www.astonmartin.com/img/ico/lines/white-60x1.png") no-repeat scroll right 13px transparent !important	;
  display: inline-block;
  padding-right: 80px;
}
.TitleOverlay h1 strong {
  font-size: 2em;
  letter-spacing: -0.04em;
  padding: 9px 0 0 6px;
  position: absolute;
}
.TitleOverlay h1 .end {
    display: inline-block;
    float: right;
    position: relative;
    right: 15px;
}
.button-wrapper {float:left; border:2px solid red;}
.button-wrapper a {	
    cursor: pointer;
    display: block;
    height: 150px;
    min-width: 470px;
    width: 100%;
}
/*-----------TWO COL WIDE BANNER---------
#two-col-banner {display:block; clear:both; float:left;}*/
html.xlarge #two-col-banner {display:block; clear:both; float:left; width: 1320px; height:363px;}
html.large #two-col-banner {display:block; clear:both; float:left; width: 1056px; height:290px;}
html.medium #two-col-banner {display:block; clear:both; float:left; width: 840px; height:223px;}
html.small #two-col-banner {display:block; clear:both; float:left; width: 736px; height:202px;}


/*V8 VANTAGE LAUNCH STYYLES */
#videoHolder {width:100%; text-align:center; padding: 60px 0 0;}
.xlarge #videoHolder {}
.large #videoHolder {}
.medium #videoHolder {}
.small #videoHolder iframe{width:455px; height:256px;}

html.xlarge .v8-col1 {width:708px; margin:0 40px 0 -80px; float:left;}
html.large .v8-col1 {width:541px; margin:0 40px 0 -80px; float:left;}
html.medium .v8-col1 {width:487px; margin:0 40px 0 0; float:left;}
html.small .v8-col1 {width:420px; margin:0 40px 0 0; float:left;}

html.xlarge .v8-col2 {width:745px; margin:0 40px 0 0; float:left;}
html.large .v8-col2 {width:581px; margin:0 40px 0 0; float:left;}
html.medium .v8-col2 {width:526px; margin:0 0px 0 0; float:left;}
html.small .v8-col2 {width:460px; margin:0 0px 0 0; float:left;}

#videoStill {padding:10px 0; }
.xlarge #videoStill img{width:745px; height:419px; }
.large #videoStill img{ width:582px; height:328px;}
.medium #videoStill img{ width:527px; height:296px;}
.small #videoStill img{ width:460px; height:258px;}

#emailForm {padding: 20px 0 0 0;}

html.xlarge .v8-col1 #txtEmail {width:665px; margin-right:5px; height:40px;}
html.large .v8-col1 #txtEmail {width:520px; margin-right:5px; height:40px;}
html.medium .v8-col1 #txtEmail{width:460px; margin-right:5px; height:40px;}
html.small .v8-col1 #txtEmail{width:400px; margin-right:5px; height:40px;}

.v8-col1 input.submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    float: left;
    font-family: "Classico Italic",Optima,Arial,sans-serif;
    font-size: 1em;
    font-style: italic;
    height: auto;
    letter-spacing: 0;
    margin-top: 20px;
    padding: 4px 10px 5px;
    text-align: center;
    text-transform: uppercase;
    
}
.v8-col1 input.submit:hover {background: none repeat scroll 0 0 #000;
    border: 1px solid #000000;
    color: #fff!important;}
.xlarge .v8-col1 input.submit {width:691px;}
.large .v8-col1 input.submit {width:546px;}
.medium .v8-col1 input.submit {width:486px;}
.small .v8-col1 input.submit {width:426px;}

/*SWATHCES-----------*/

#collection1content {}
.colContent {display: none;}
#collection1content {display:block; float:left;}

.v8-vantage-genericForm { width:100%; text-transform:none; padding:6px 0 0 0;}
.v8-vantage-genericForm p {
    font-size: 0.56em !important;
    padding: 8px 0 5px;
	 float: left;
	  line-height: 10px;
}
.v8-vantage-genericForm .options {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/*.v8-vantage-genericForm input[type=checkbox] {
    display:none;
  }*/
.v8-vantage-genericForm input[type=checkbox] {background: url("http://www.astonmartin.com/img/ico/checkbox.png") no-repeat scroll 0 5px transparent; padding:4px 0 4px 30px;}
.v8-vantage-genericForm .options .checkboxWrap p.small {
    color: #666666;
     font-size: 0.9em !important;
    width: 75% !important;
	margin-top: 6px!important;
}
.form8vantage {
    font-size: 0.56em !important;
    margin-top: 4px !important;
    padding: 9px 0 0;
}
.v8new {
    line-height: 2.1em;
}

/*.v8-col1 .checkbox {
    border: 1px solid #CCCCCC;
    color: #333333 !important;
    display: inline;
    height: 18px;
    letter-spacing: 1px;
    margin: 10px 20px 24px 2px;
    text-indent: -21px;
}*/


/* THIS IS THE PEBBLE BEACH STYLING CODE */
/*BELOW IS THE Heading fix for Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
h1, h2, h3, h4, h5, h6 {
	font-weight: normal !important;
}
}