@import url(../ContentStyles.css);

/* ========================================================================================== */
/* ================================== Headers ========================================= */
.emailHeader{
    background: url(../../images/Gradient.gif) repeat-x top left;	
    width: 100%;                    
}
h2 {
    background: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #333;
}
.tabHeader {
	background: url(../../images/GreyBar.jpg) repeat-x bottom left;
	font-weight: bold;
	color: #FFF;
	text-align:left;
	font-size: 0.7em;
}
.tabHeader div {
	background: url(../../images/head-left.gif) no-repeat top left;
	margin-left: 5px;
	padding: 0 0 0 8px;
}
.tabHeader div span {
	background: url(../../images/head-right.gif) no-repeat top right;
	padding: 3px 10px 3px 2px;
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0;	
	line-height: 2ex;	
	color: #FFF;
}
.Normal .tabHeader div,
.Resource .tabHeader div {
	font-size: 0.9em;
}
h2 {
    background: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #333;
}
h3 {
	font-size: 0.65em;
	font-weight: bold;
	color: #333;	
}

.tabHeaderUp {
	font-size: 0.7em;
	font-weight: bold;
	color: #FFF;
	text-align:left;
	float:right;
	vertical-align:top;
}
.tabHeaderUp div {
	background: url(../../images/head-leftUp.gif) no-repeat bottom left;
	margin-left: 5px;
	padding: 0 0 0 8px;	
}
.tabHeaderUp div span {
	background: url(../../images/head-rightUp.gif) no-repeat bottom right;
	padding: 3px 10px 3px 2px;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	line-height: 2ex;		
}


/* ========================================================================================== */
/* ============================== Content ====================================== */	
#content {
	padding: 0 20px 80px 20px;
}
div.Normal p,
div.contentBg {
	background-color: #FFF;	
}
.Normal,
.Resource {
	width: 565px;
	clear: both;
	margin-bottom: 10px;
	/*overflow: hidden;*/
}
div.contentBg p {
	padding: 20px 30px;
}

div.contentBg p h3 {
	padding: 10px 30px;
}


#content .Normal p,
#content p {
	padding: 10px;
}
#content a:link,
#content a:visited,
#content a:hover,
#content a:active
#Resource a:link,
#Resource a:visited,
#Resource a:hover,
#Resource a:active {
}
.rightCol {
	background-color: #FFF;
	text-align: center;	
}

/* ========================================================================================== */
/* ========================================= Navigation ===================================== */
#navMenu {
	padding: 10px 10px;
	background-color:#FFF;	
}
#navMenu a {
	display: block;
	font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: underline;
	color: #333;
	padding-left: 5px;
}
#navMenu span {
  display: block;
	font-size: 0.8em;
	line-height: 1.6em;
	text-decoration: none;
	color: #333;
	font-weight:bold;        
	margin-top: 10px;
}
#navMenu h2 {
	margin-top: 20px;
}
#navMenu h2, #navMenu a {
	display: block;	
}
.MenuSpacer {    
    padding-top:20px;
}

.navMenu {
	padding: 10px 0;
	background-color:#FFF;	
}

.nmgGreen
{
    background-color: #bed4c5;    
    margin-bottom: 10px;
    }
    
.nmgGreen div
{
    display:block;
    font-size: 0.8em;
    background-color: #436d48;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgGreen a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }
    
.nmgBlue
{
    background-color: #dee1f2;   
    margin-bottom: 10px; 
    }
    
.nmgBlue div
{
    display:block;
    font-size: 0.8em;
    background-color: #25467d;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgBlue a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }

.nmgRed
{
    background-color: #fbe2e1;   
    margin-bottom: 10px; 
    }
    
.nmgRed div
{
    display:block;
    font-size: 0.8em;
    background-color: #c80708;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgRed a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }
    
.nmgOrange
{
    background-color: #f1dcce;   
    margin-bottom: 10px; 
    }
    
.nmgOrange div
{
    display:block;
    font-size: 0.8em;
    background-color: #e76d1c;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgOrange a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }

.nmgDGreen
{
    background-color: #d2d9d8;   
    margin-bottom: 10px; 
    }
    
.nmgDGreen div
{
    display:block;
    font-size: 0.8em;
    background-color: #397670;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgDGreen a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }
    
.nmgPurple
{
    background-color: #d8c0d8;   
    margin-bottom: 10px; 
    }
    
.nmgPurple div
{
    display:block;
    font-size: 0.8em;
    background-color: #5e275e;    
    color:#FFF;       
    padding-left: 5px;
    font-weight:bold;        
}

.nmgPurple a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }

.nmgYellow
{
    background-color: #fdf2cc;   
    margin-bottom: 10px; 
    }
    
.nmgYellow div
{
    display:block;
    font-size: 0.8em;
    background-color: #f5c10d;    
    color:#FFF;
    padding-left: 5px;
    font-weight:bold;        
}

.nmgYellow a
{
    display:block;
    font-size: 0.65em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 5px;
    color:#333;
    border-top: solid 1px #FFF;
    }



/* ========================================================================================== */
/* ========================================= Search ========================================= */
.searchLeft, #ctl00_MainMenu {
	background: url(../../images/head-left.gif) no-repeat top left;
}
.searchLeft div {
	background-color: #4C4C4C;
	padding: 5px 10px 5px;
}
.searchLeft img {
	margin-bottom: 10px;
}
.searchLeft label span {
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0;
	display: block;
}
.searchLeft select {
	width: 132px;
	font-size: 0.7em;
	margin: 0 0 5px;
}
.searchLeft .tabHeader, #ctl00_MainMenu .tabHeader {
	background: url(../../images/head-right.gif) no-repeat top right;
	font-weight: bold;
	padding: 4px 8px 4px 0;
	margin-left: 8px;
	color: #FFF;
	text-align: center;
}
.searchLeft .searchLabel {
	color: #FFF;
	font-size: 0.65em; 
	font-weight: bold;
	text-align: right;
	margin: 0 10px 0 5px;
}
.searchLeft .searchLabel input {
	vertical-align: middle;
	margin-left: 6px;
}


/* ========================================================================================== */
/* ==================================== Used Car Search ===================================== */
#search {
	background-color: #4C4C4C;
	padding: 10px 0;
}
#search table {
	padding-left: 10px;
}
#search label span {
	color: #FFF;
	font-size: 0.65em; 
	font-weight: bold;
	padding-top: 4px;
}
#search td select,
#search td input {
	font-size: 0.7em; 
	width: 110px;
	text-align:left;
}

#search td.search-lbl {
	text-align: right;
	margin: 0 10px 0 5px;
	font-weight: bold;
}
#search td.search-lbl label {
	position: relative;
	top: -2px;
	outline: solid red;
}
#search .searchLabel {
	color: #FFF;
	font-size: 0.8em; 
	font-weight: bold;
	text-align: right;
	padding: 10px 20px 0;
}
#search .searchLabel input {
	margin-left: 6px;
	vertical-align: middle;
	width: auto;
}

.txtSeach 
{
	margin-top: 3px;
	font-size: 0.7em; 
	width: 116px;  
    }


/* =============================== Used Car Left Menu ==================================== */
#ctl00_MainMenu div {
	background: #FFF;
	text-align: center;
}
#ctl00_MainMenu img {
    margin-top: 10px;
}



/* =========================== Used Car Grid ===================================== */
table.usedCarGrid {
	width: 100%;
}
table.usedCarGrid div {
	position: relative;
	width: 150px;
	height: 14.6em;
	margin: 10px 10px;
	padding: 5px;
	border: solid 1px #CCC;
	text-align: center;
}
table.usedCarGrid .UsedDetails {
	font-size: 0.75em;
	color: #000;
	text-align: left;
	display: block;
	margin-top: 7px;
}
table.usedCarGrid .UsedPrice {
	font-size: 0.875em;
	color: #000;
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-align: left;
}
table.usedCarGrid .moreinfo {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 63px;
}

.rightCol table.usedCarGrid div {
	border:none;
	border-bottom:1px solid #CCC;
	margin: 0;
	width: auto;
	height: 13em;
}

/* ======================================================================================== */
/* ================================== Used Car Details ================================== */
.UsedCarDetail .bar {
  background-color: #F5B623;
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
}
.UsedCarDetail .bar div {
  font-size: 1.0em;
	margin-right: 3px; 
}
.UsedCarDetail .bar div.blue {
	background: url(../../Images/head-left-blue-upside-bg.gif) no-repeat bottom left;	
	padding: 0 0 0 8px;
	float:left;
}
.UsedCarDetail .bar div.blue span {
	background: url(../../Images/head-right-blue-upside-bg.gif) no-repeat bottom right;	
	padding: 0 8px 0 0;
	float:left;
}
.UsedCarDetail .bar div.red {
	background: url(../../Images/head-left-red-upside-bg.gif) no-repeat bottom left;
	padding: 0 0 0 8px;
	float:left;
}
.UsedCarDetail .bar div.red span {
	background: url(../../Images/head-right-red-upside-bg.gif) no-repeat bottom right;
	padding: 0 8px 0 0;
	float:left;
}
#content .UsedCarDetail .bar a:link,
#content .UsedCarDetail .bar a:visited,
#content .UsedCarDetail .bar a:hover,
#content .UsedCarDetail .bar a:active {
	display: block;
	padding: 3px 6px;
	color: #FFF;
	text-decoration: none;
}

.UsedCarDetail .buttons {
	margin-top: 10px;
	padding: 10px 10px 0;
	text-align: right;
	white-space: nowrap;
}
.UsedCarDetail .buttons img {
	margin-right: 5px;
}
.UsedCarDetail div.price {
	font-size: 1.7em;
	float: right;
	padding: 10px 10px 0;
}
.UsedCarDetail .details {
	padding: 10px 10px 0;
}
.UsedCarDetail .details h2 {
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
.UsedCarDetail .details h3 {
	font-size: 0.875em;
	font-weight: bold;
	color: #000;
	margin: 0;
}
.UsedCarDetail .details em {
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	padding-left: 10px;
	color: #333333;
	margin: 0;
	white-space: nowrap;
}
.UsedCarDetail .extraDetails {
	margin: 20px 0;
}
.UsedCarDetail .extraDetails th {
	padding: 3px 6px;
	border-bottom: solid 1px #CCC;
	white-space: nowrap;
	font-size: 0.75em;
}

.UsedCarDetail .extraDetails td {
	text-align: center;
	padding: 3px 6px;
	white-space: nowrap;
	font-size: 0.75em;
}
.extraDetails th.extra,
.extraDetails td.extra {
	color: #990000;
	font-size: 0.812em;
	font-weight:bold;
}
.Thumbnails {
	width: 540px;
	margin: 0 auto;
}
.Thumbnails td {
	text-align: center;
}
.UsedThumb {
	cursor:pointer;
	float: left;
	margin: 10px 10px 0 0;
	border: 1px solid #FFF;
}
.UsedThumbActive{
	cursor:pointer;
	float: left;
	border: 1px solid #000000;
	margin: 10px 10px 0 0;
	}
.UsedThumbHide {
	visibility: hidden;
}

/* ====================== Spec Tabs ===================== */
.specsTabs {
  background: none;
	margin: 15px 4px 0;
}
#content .specsTabs a:link,
#content .specsTabs a:visited,
#content .specsTabs a:hover,
#content .specsTabs a:active {
  color: #333;
	display: block;
	padding: 6px 8px;
	text-decoration: none;
}
.specsTabs div {
	background: url(../../Images/tab-spec-left.jpg) no-repeat top left;
	float: left;
	padding-left: 12px;
	margin: 0;
	border-bottom: 1px solid #c3c3c3;
	position: relative;
	top: 1px;
}
.specsTabs div.on {
  border-bottom: 1px solid #F3EFEF;
	top: 2px;
}
.specsTabs div span {
	background: url(../../Images/tab-spec-right.jpg) no-repeat top right;
	float: left;
	padding-right: 12px;
}
.specsTabCont {
	text-align:left;
	border: 1px solid #c3c3c3;
	background-color: #F3EFEF;  
	padding: 20px 10px 20px 20px;
	margin: 0 5px;
}
.specsTabCont p {
	font-size: 0.7em;    
}
.specsTabCont ul {
	list-style: none;
	margin-right: 20px;
	margin-left: 0; 
	padding: 0; 
}
.specsTabCont li {
	background: #f5ecb1 url(../../Images/bullTick.gif) no-repeat 3px 6px;
	padding: 2px 0 2px 25px;
	margin: 0 0 5px 0;
	font-size: 0.8em; 
	font-weight: bold;
	color: #000;
}
.specsTabCont li.d {
	background-color: #d5e1f8 ;
}

/* ========================================================================================== */
/* ================================ New car tabs Header section ============================= */
.NewCarHd {
	background-color: #FFF;
	width: 565px;
}
.NewCarHd .flashHead,
.NewCarHd img.MainImage {
	float: left;
	/*width: 200px;*/
	margin: 1px 0 1px 0;
  border-top: solid 15px #4b4b4b;
}
.NewCarHd .tabs {
	background-color: #4b4b4b;
	margin-top: 1px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
	width: 365px;
}
.NewCarHd .tabs img {
   margin: 0 0 0 1px;
   border-bottom:  solid 1px #4b4b4b;  
}
.NewCarHd .tabs img.on {
   margin: 0 0 0 1px;
   border-bottom: solid 1px #FFF;  
}
.NewCarHd p {
    background-color: #FFF;
	padding: 15px 15px;
	float:left;	
	width: 330px;
}

.newCarOffer {
	font-size: 1.0em;
	font-weight:bold; 
	color: #ff0000;    
}
.newCarWarranty {
	font-size: 0.9em;
	font-weight:bold;
	color: #25467d;        
}


/* ================================== New Car Item ====================================== */
.details-red {
	float:left;
	background-color: #ff0000;
	font-size: 0.6em;
	color: #FFF;
	font-weight: bold;	
	text-align: left;
	vertical-align:top;
	padding: 3px 0 3px 6px;
	width: 45px;
}
.details-red-strong {    
	background-color: #ff0000;
	font-weight: bold;
	font-size: 0.9em;
	line-height:1.5;
	color: #FFF;
	padding:  6px 0 6px 0;
	vertical-align: middle;
}

table.newCarItem {
	margin-top: 0px;
	width: 560px;
}
table.newCarItem td.top {
	background: url(../../Images/GreyBar.jpg) repeat-x top left;
	padding-top: 9px;
	padding-right: 5px;
}
table.newCarItem h2 {
	font-size: 1.2em;
	color: #000;
	margin-top: 20px;
}
table.newCarItem h2 span {
	font-size: 0.65em;
	font-weight: bold;
	color: red;
	display: block;
}
table.newCarItem td.details {
	background-color: #F5B623;
	font-size: 0.6em;
	color: #000;
	font-weight: bold;
	padding: 6px;
	text-align: center;
}
table.newCarItem td.details strong {
	font-weight: bold;
	font-size: 1.6em;
	color: #000;
}
table.newCarItem td.image {
	padding-top: 20px;
	padding-right: 15px;
}
table.newCarItem td.magnify {
	padding: 0 30px;
}
table.newCarItem td.top div {
	float: right;
}
table.newCarItem td.top div span {
	padding: 3px 10px 3px 2px;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	line-height: 2ex;
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
}
table.newCarItem td.top div.red {
	background: url(../../Images/head-left-red-upside.gif) no-repeat bottom left;
	padding-left: 8px;
}
table.newCarItem td.top div.red span {
	background: url(../../Images/head-right-red-upside.gif) no-repeat bottom right;
}
table.newCarItem td.top div.blue {
	background: url(../../Images/head-left-blue-upside.gif) no-repeat bottom left;
	padding: 0 0 0 8px;
	margin-left: 4px;
}
table.newCarItem td.top div.blue span {
	background: url(../../Images/head-right-blue-upside.gif) no-repeat bottom right;
}

#content .newCarItem td.top a:link,
#content .newCarItem td.top a:visited,
#content .newCarItem td.top a:hover,
#content .newCarItem td.top a:active {
    color: #ffffff;
		text-decoration: none;
}
.frameOff {
	display:none;        
}
.frameOn  iframe {
	position: absolute;    
	overflow:hidden;
}
.frameOn {
	display: block;
	position:relative;
	height: 550px;
}


/* ========================================================================================== */
/* ========================================== Home Page ========================================= */
table.new-car-sales {
	border-collapse: collapse;
}

table.new-car-sales td, table.new-car-sales th {
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	text-align: center;
}
table.new-car-sales th {
	padding: 10px 0 7px;
	width: 140px;
	text-align: center;
	background-color: #FFF;
}
table.new-car-sales th img.btn {
	float: right;
	margin-right: 10px;
}

table.used-car-sales
{
    
}

table.used-car-sales a
{
    text-decoration:none;
}

table.used-car-sales td {
	text-align: center;
	padding-bottom: 10px;
}

table.used-car-sales th
{    
    text-align:center;   
    padding-bottom: 10px; 
}


table.used-car-sales th h3
{    
    text-align:center;	    
}

table.used-car-sales th h3 a
{
    background: url(../../Images/BtnArrowWhiteBG.gif) no-repeat top right;
    padding-right: 30px;    
    padding-bottom: 10px;    
}

table.used-car
{}


table.used-car td h1 {
	width: 247px;
	margin-bottom: 10px;
}
table.used-car a
{
    text-decoration:none;
    display: block;
    height: 70px;
}

table.used-car td a img
{
        margin-bottom: 10px;
        margin-left: 25px;
}
table.used-car h3
{
    display: block;
    padding-left: 25px;
    }

table.used-car h3 a
{
    padding-bottom: 20px;
    padding-right: 30px;
    width: 120px;
    height: auto;
    background: url(../../Images/BtnArrowWhiteBG.gif) no-repeat  top right;
    float: left;
    line-height: 1.5;
    }

/* ======================================== Sale Boxes ======================================= */
.offerDiv {
	height: 78px;
	text-align: center;
	overflow: hidden;
}
.boxTitle 
{
	font-size: 0.7em;
	font-weight: bold;
	text-align: center; 
	display: block;  
	width: 112px;
	height: 2.5em;
	margin: 0 auto 3px;
}
#content .boxTitle a:link,
#content .boxTitle a:visited,
#content .boxTitle a:hover,
#content .boxTitle a:active {
	text-decoration: none;
}
.box-red,
.box-purple,
.box-aqua,
.box-green {
  height: 6em;
  width: 112px;
  color: #FFF;
	font-weight: normal;
	font-size: 0.65em;
	text-align: center;
	padding: 20px 2px 10px 2px;
	background: #336666 url(../../images/BoxGreenTop.gif) no-repeat top center;
}

.box-red a,
.box-purple a,
.box-aqua a,
.box-green a
{
    color:#FFF;
    text-decoration:none;
}

.boxTitle-box-green,
.boxTitle-box-red,
.boxTitle-box-purple,
.boxTitle-box-aqua {
	width: 112px;
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 20px;
	background-color: #339966;
	text-align: center;    
}

.empty-box-green,
.right-empty-box-green, 
.right-boxTitle-box-green, 
.boxTitle-box-green {
	background-color: #336666;    
}
.empty-box-red, 
.right-empty-box-red,
.right-boxTitle-box-red,
.boxTitle-box-red {
	background-color: #990000; 
}
.empty-box-purple, 
.right-empty-box-purple, 
.right-boxTitle-box-purple,
.boxTitle-box-purple {
	background-color: #660066;    
}

.right-empty-box-green,
.right-empty-box-red,
.right-empty-box-purple,
.right-empty-box-aqua {
	color: #FFF;
	width: 140px;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: center;
	padding: 10px 2px 20px;	
	background-color: #339966;        
}

.right-empty-box-green a,
.right-empty-box-red a,
.right-empty-box-purple a,
.right-empty-box-aqua a 
{
    color:#FFF;
	text-decoration:none;    
}

.right-boxTitle-box-green,
.right-boxTitle-box-red,
.right-boxTitle-box-purple ,
.right-boxTitle-box-aqua {
	width: 140px;
	color: #FFF;
	font-size: 0.812em;
	font-weight: bold;
	padding: 20px 2px 0;
	background-color: #339966;
	text-align: center;    
}
.right-boxTitle-box-green a,
.right-boxTitle-box-red a,
.right-boxTitle-box-purple a,
.right-boxTitle-box-aqua a {
	color:#FFF;
	text-decoration:none;
}
.rightbox-aqua,
.rightbox-red,
.rightbox-purple,
.rightbox-green {    
  height: auto;
  width: 140px;
  color: #FFF;
  margin: 0 auto;
	font-weight: bold;
	font-size: 0.812em;
	line-height: 1.2em;
	text-align: center;
	padding: 20px 2px 10px 2px;	
	background: #336666 url(../../Images07/RightMenu/TurquoiseCap.gif) no-repeat top center;
}

.rightbox-aqua a,
.rightbox-red a,
.rightbox-purple a,
.rightbox-green a
{
    color:#FFF;
	text-decoration:none;    
}

.rightCol .boxTitle 
{
    height: auto;
    width: auto;
}

.box-red, 
.rightbox-red {
	background-color: #990000;
	background-image: url(../../Images07/RightMenu/RedCap.gif);
}
.box-purple, 
.rightbox-purple {    
	background-color: #660066;
	background-image: url(../../Images07/RightMenu/PurpleCap.gif);
}
.box-aqua, 
.rightbox-aqua {
	background-color: #339966;
	background-image: url(../../Images07/RightMenu/GreenCap.gif);
}



/* ========================================================================================== */
/* ======================================= Newsletter ============================================== */

#newsletter {
  background: url(../../images/head-left.gif) no-repeat top left;   
}
#newsletter  div {
  background-color: #4C4C4C;
	padding: 10px 10px 10px; 
}   
#newsletter .tabHeader  {
	background: url(../../images/head-right.gif) no-repeat top right;
	padding: 4px 8px 4px 0;
	margin-left: 8px;
	color: #FFF;
	text-align: center;
}
#newsletter label span {
	color: #FFF;
	font-size: 0.65em;
	font-weight: bold;
	margin: 5px 0 5px 5px;
}
#newsletter input {
	width: 120px;
	margin: 0 5px 5px;
}

.SubmitNL{
	color: #FFF;
	font-size: 0.65em; 
	font-weight: bold;
	text-align: right;	
}
#newsletter .SubmitNL input {
	vertical-align: middle;
	width:auto;
}

.popMessage   
{
    width: 300px;
    height: 150px;
    font-size: 0.65em; 
	font-weight: bold;
	text-align: center;	
	background-color: #FFF;
	border: 3px solid #4C4C4C;
	color: #E40D14;
	padding: 20px 20px;    
	position:absolute;
	margin: 100px 100px;
	z-index: 20;
    }
    
.popMessage a
{
    display:block;
    margin-top:40px;    
    }

   
/* ========================================================================================== */
/* ==================================== BespokeForms ============================================== */

#BespokeForm   
{
    padding: 0px 15px;
 	/*background-color: #FFF;*/    
    }
    
#BespokeForm Fieldset  
{
    padding: 10px 10px;
    margin-bottom: 10px;
    }
    
#BespokeForm Fieldset  Legend
{
    color: #fff;
    background: #4C4C4C;
    padding: 2px 15px;
    font-size: 0.7em;
    font-weight:bold;
    margin: 10px 0px;
    }
    
#BespokeForm Fieldset  input,textarea
{
    color: #333;
	font-size: 0.7em;
	border: 1px solid #000000;    
    
    }
    
#BespokeForm   div label {
	color: #333;
	font-size: 0.7em;
}

#BespokeForm input  
{
    color: #333;
	font-size: 0.7em;
	border: 1px solid #000000;    
    }
    
.Hidecardetails
{
    display:none;
    }
    
.Showcardetails
{
    display:block;        
    
    }
    
.Showcardetails p 
{
    padding: 4px 6px
    
    }
    
.Showcardetails legend
{
    color: #fff;
    background: #4C4C4C;
    padding: 2px 15px;
    font-size: 0.7em;
    font-weight:bold;
} 

.formitem 
{
    margin: 10px 10px;
    }

.Action p
{
    padding: 4px 0px;
    
    }
    
.Action input  
{
    border-width: 0px;
    }   

/* ========================================================================================== */
/* ======================================= classes =========================================== */
.float-lt {
	float: left;
}
.float-rt {
	float: right;
}
.clear {
  clear: both;
}
    
.Paging {
 font-size: 0.8em;
 padding: 7px 10px;
}
.Paging b {
 color: #ff0000;        
}
.Paging a {
 color: #000;
}

.pagingButton
{
    background-color: #FFF;
    font-size: 0.6em;
    color: #000;
    border: 1px solid #000;    
    margin-left: 5px;
    margin-top: 5px;
    }

.message 
{
    font-size: 0.8em;
    color:#FFF;
    text-align: center;
    font-weight:bold;    
    
    }

.cursor {
	cursor: pointer;
}
.hidden {
	display: none;
}

/* ======================== Footer =============================================== */

.Footer
{
    margin: 0 auto;    
}

.Footer ul
{
    text-align:center;        
}

.Footer ul li
{
    display:inline;
    list-style:none;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 0.8em;
}


/* ======================== floating bar =============================================== */
.floatMask {
	display: none;
}
.floatHead {
	position: fixed;
	width: 100%;
	left: 0; 
	top: 0;
	z-index: 1001;
	text-align: center;
	background: url(../../images/Gradient.gif) repeat-x top left;	
}
.floatHead div {
	position: relative;
}
.floatHead div div {
	text-align: right;
	height: 90px;
	width: 910px;
	position: relative;
	margin: 0 auto;
}
.floatHead h4 {
	color: #FFF;
	font-size: 1.1em;  
	font-weight:bold;
	padding-top: 15px;
	margin: 0;
	vertical-align: bottom;
	padding-right: 30px;
}
.floatHead h3 {
	color: #FFF;
	font-style: italic;
	font-size: 1em;
	text-align: left;
	position: absolute;
	bottom: 10px;
	right: 30px;
}
.floatHead strong {
	font-size: 1.6em;
	font-weight:bold;
	color: #E30C0C;
	vertical-align: middle;
}
.floatHead img {
	position: absolute;
	left: 0;
	top: 5px;
}

.Sitemap ul {
	margin: 5px 0 5px 20px;
	padding: 0;
}
.Sitemap li {
	font-size: 0.75em;
	margin: 0;
}
.Sitemap p,
.Sitemap li li {
	font-size: 1em;
}
.Sitemap p {
	font-size: 0.9em;
	padding-right: 50px;
}