﻿html {	height:100%}
body{	margin: 0; padding: 0; background-color: #ffffff; height: 100%; background-image:url(''); background-repeat: no-repeat;}


#SiteContainer { min-height: 100%; position:relative;}
#Padding {padding: 10px}
#CenterY { position: relative; top: 50%; transform: translateY(-50%);}
.FloatRight { float:right;}
.FloatLeft { float:left;}
.TopMargin { margin-top: 15px;}
.BottomMargin { margin-bottom: 15px;}
.BottomMarginLg { margin-bottom: 30px;}
.Spacing { margin: 10px !important}
.Spacer50 { height: 50px;}
.Spacer20 { height: 20px;}
}
.Shadow {text-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px;}
.BoxShadow {box-shadow: rgba(0, 0, 0, 0.6) 1px 2px 5px;}
img.StockImage { float:right; border: 5px #f0f0f0 solid; margin: 36px 0px 25px 35px; width: 420px;}
img.CustomImage { float:right; margin: 36px 0px 25px 35px;}
/* FONTS AND TEXT */

.Primary { color: #283890}
.Secondary { color:#444444}
.Tertiary { color: #444444 }
.Black { color:#000000 !important }
.White { color:#ffffff !important }

/* Text Defaults */

h1,h2,h3,h4,h5,p,a,li,ul,ol,span,div { font-family: 'Open Sans', sans-serif; margin:0; padding:0; line-height: 125%; color: #111111}
h1 { color:#283890; font-size: 40px; font-weight: 700; letter-spacing: -.06em; line-height: 100%}
h2 { color:#444444; font-size: 22px; letter-spacing: -.04em;}
h3 { color:#111111; font-size: 18px; letter-spacing: -.04em;}
a { color: #283890 }
a.hover { color: #c9c9c9; -webkit-transition: all .6s ease; transition: all 0.5s ease;}
p { letter-spacing: -.02em; line-height: 175%; font-size: 16px;}
li,ul,ol { list-style:none}

h1,h2,h3,h4,h5,p.HeaderPhone,a.MenuNav {
transform : scale(1,1.15);
-webkit-transform:scale(1,1.15); /* Safari and Chrome */
-moz-transform:scale(1,1.15); /* Firefox */
-ms-transform:scale(1,1.15); /* IE 9+ */
-o-transform:scale(1,1.15); /* Opera */
}

div, ul, li { margin: 0 auto; padding: 0;}

a.LinkButtons:active,a.LinkButtons:link,a.LinkButtons:visited {
	width: 240px; padding: 15px; text-align:center; display: inline-block; text-decoration:none; font-size: 110%; margin: 0 0 8px 0; border-radius: 8px;}
a.LinkButtons:hover { border: 2px #cccccc solid; color: #101010; -webkit-transition: all .6s ease; transition: all 0.5s ease; }

a.LinkButtonsPrimary { border: 2px #283890 solid; color:#ffffff; background-color: #283890}
a.LinkButtonsPrimary:hover { border: 2px #c9c9c9 solid; color:#000000; background-color: #c9c9c9;}
a.LinkButtonsSecondary { border: 2px #c9c9c9 solid; color:#c9c9c9 }
a.LinkButtonsSecondary:hover { border: 2px #333333 solid; color:#333333 }
a.LinkButtonsWhite { border: 2px #ffffff solid; color:#ffffff;}
a.LinkButtonsWhite:hover { border: 2px #FFFFFF solid; background-color: #FFFFFF; color:#283890}

div.BannerButtons img {
    filter: none;
    -webkit-filter: grayscale(0%);		
}
div.BannerButtons img:hover {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .4s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */		
	transition: all 0.5s ease;	
	
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a.Button1, a.Button1:active {
	display: inline-block;	float: right; text-align: left; text-indent: -999999px;	width: 309px; height: 229px;
	background: url('') bottom;
}
a.Button1:hover {
	 background-position: 0 0;
}
a.Button2, a.Button2:active {
	display: inline-block;	float: right; text-align: left; text-indent: -999999px;	width: 312px; height: 229px;
	background: url('') bottom;
}
a.Button2:hover {
	 background-position: 0 0;
}

p.HeaderTitle {	color: #444444; font-size: 32px; font-weight: 800; letter-spacing: -.04em; margin: 0 0 8px 0; line-height: 85%;}
p.HeaderPhone {	color: #444444; font-size: 30px; font-weight: 800; letter-spacing: -.04em;  margin: 0 0 10px 0; line-height: 75%;}
p.HeaderText { color: #444444; font-size: 14px; line-height: 125%;}
a.HeaderLinks:link,a.HeaderLinks:visited { color: #444444; text-decoration: underline;}
a.HeaderLinks:hover,a.HeaderLinks:active { color: #444444; text-decoration: none;}

a.FeaturedVehicleSpecText:link, a.FeaturedVehicleSpecText:visited, a.FeaturedVehicleSpecText:active, a.FeaturedVehicleSpecText:hover {
	color: #000000; font-size: 12px; font-weight: 700; text-decoration:none;
'	display: none;
}
p.FeaturedVehicleSpecPrice {
	color: #283890; font-size: 16px; font-weight: 700; margin-top:-6px;
'	display: none;
}

/* Home Text */

h1.HomeTitle { font-size: 52px; font-weight: 800; margin-bottom: 16px;} 
h2.SubHomeTitle { font-weight: 800; margin: 0 0 20px 0; text-transform:uppercase;} 
p.HomeBodyText { font-size: 13px; line-height: 200%; font-weight:400;}
a.LinksHome:link, a.LinksHome:active, a.LinksHome:visited{ color: #ff1c2d; text-decoration: underline;}
a.LinksHome:hover { color: #b4b4b4; text-decoration: none;}

/* Misc Page Text */

h1.PageTitle, h1.TitleText, h1.TitleTextAlt { margin-bottom: 20px;} 
h2.PageSubTitle { font-weight: 800; margin: 0 0 20px 0; text-transform:uppercase;} 
p.PageBodyText, #PageBodyText { }
p.SubBodyText {	font-size: 12px; line-height: 16pt;}
p.CustomSideText { }
a.Links:link,a.Links:visited,a.Links:active { color: #283890; font-weight: 700; text-decoration: underline;}
a.Links:hover {	color: #000000; text-decoration: none;}

p.FooterTitle {	color: #ffffff; font-size: 16px; text-transform:uppercase; font-weight: 700; line-height:125%; margin-bottom: 5px;} 
p.FooterSEOText { color: #ffffff; font-size: 14px; line-height: 15px; margin-bottom: 10px;}
.FooterText { color: #ffffff;  font-size: 14px; line-height: 24px;}
a.FooterNav { color: #ffffff;  font-size: 14px; line-height: 24px;}
a.FooterNav:hover { color: #000000; text-decoration: underline;}

div.Headers h2, div.RightSideHeaders h2 { font-size: 20px; color: #; letter-spacing: -.04em; line-height:75%; text-transform: uppercase;}
div.Boxes p.SubBodyText, div.RightSideBoxes p.SubBodyText { color: #}



/* ADDITIONAL CONTAINERS */

div.Testimonials { float: left; width:100%; margin: 10px 0px 0px 0px; padding: 10px 0px; border-bottom:1px gray solid;}
div.Staff,
div.FAQ {	float: left; margin: 10px 0px 0px 20px; padding: 10px 0px; border-bottom:1px #CCCCCC solid;}

div.Headers, div.RightSideHeaders {
	margin: 10px 0 0 0; padding: 8px 0; background-color: #; border-bottom: 1px #444444 solid; border-radius: 8px 8px 0 0}
div.Boxes, div.RightSideBoxes {
	margin: 0 0 10px 0; padding: 8px; background-color: #;}


div.LocateMap {
	margin: 10px auto 0 auto; border: 10px solid #f0f0f0; background-color: #f0f0f0;}
div.QuickPic {
	margin-left: auto; margin-right: auto; border: 0px solid #141414; padding: 5px; background-color: #;}
div.QuickPicBoxes {
	margin: 5px; padding: 8px; background-color: #444444; border: 1px solid #141414;}
div.QuickPicImage{
	border: 10px solid #141414; margin-bottom: 10px;}
div.MultiMediaActions {
	text-align: left; margin: 1px; margin-top: 3px; padding: 5px; border: 5px solid #ececec; background-color: #283890; color: #ffffff;}
div.MultiMediaActions:hover {
	background-color: #444444; color: #283890}
div.MultiMediaImage {
	margin: 0px; width: 30px; float: left;}
div.MultiMediaText {
	margin-left: 40px}
div.FormsBackground {
	background-color: #ffffff;}


/* STAFF */

div.StaffImageBox { width: 38%; float: left}
img.StaffImages { width: 90%; float:left; border: 8px #bbbbbb solid;}	
div.StaffBody { float:left; width: 60%;}
p.StaffName { font-size: 30px; font-weight:700; margin-bottom: 6px;}
p.StaffTitle { font-size: 24px; margin-bottom: 12px; }
p.StaffContact { font-size: 16px }
p.StaffInfo { }


/* FORMS */

div.FormField, div.FormFieldBoxShort {
	width: 120px; float: left; display: inline; margin-left: 20px; margin-bottom: 8px;}
div.FormFieldBox, div.FormFieldLong {
	width: 220px; float: left; display: inline; margin-left: 20px; margin-bottom: 8px;}
p.FormTitle { font-weight: 800; margin: 0px;}
p.FormField { font-size: 14px; line-height: 16pt; margin-bottom: 8px;}
.FormSubTitle { font-size: 14px; font-weight: 700; margin-top: 10px; margin-bottom: 5px;}
.FormField { font-size: 16px; margin-bottom: 8px;}



/* SITE HEADER*/

div.HeaderBackground {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('http://www.goosecreekautonc.com/images/banner-background.jpg'); 
	background-repeat: no-repeat; 
	background-position: center top;
	background-size: cover; 
	width:100%;
'	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
'	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
'	background: -moz-linear-gradient(top,  #ffffff,  #f0f0f0);
}
div.HeaderContainer {
	max-width: 1240px;
	min-width: 940px;
	padding: 10px 20px;
	margin: 0 auto;
}
img.HeaderLogo {
	border:0;
	width: 80%;
}
div.HeaderHome {
	max-width: 1200px;
	min-width: 940px;
	padding: 0 20px;
}
div.HeaderLeftSide {
	float:left;
	width: 33%;
}
div.HeaderCenter {
	float:left;
	width: 33%;
	text-align: center;
}

div.HeaderRightSide {
	margin: 5px auto;
	float:right;
	text-align:right;
	width: 33%;
}



/* MAIN BANNER */

div.BannerBackground {
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('http://www.goosecreekautonc.com/images/banner-background.jpg'); 
	background-repeat: no-repeat; 
	background-position: center top;
	background-size: cover; 
	height: 377px;
}
div.BannerContainer {
	max-width:1200px;
	min-width: 940px;
	padding: 0 20px;
	height: 360px;
	margin: 0 auto;
	position:relative;
	padding-top: 20px;
}

div.BannerShadow {
	background-image: url('http://www.goosecreekautonc.com/web/images/banner-image-shadow.png');
	background-size: contain; 
	background-repeat: no-repeat; 
	height: 16px; 
	width: 100%;
	max-width: 1200px;
	float: left; 
	margin-top: -2px;
}



/* FEATURED VEHICLE */

div.FeaturedBackground {
	width: 100%;
	min-width: 940px;
	background-image: url('http://www.goosecreekautonc.com/images/banner-background.jpg');
	background-repeat: repeat;
	border-top: #333333;
	border-bottom: #333333;
'	background: rgba(0,0,0,.5);
'	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
'	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
'	background: -moz-linear-gradient(top,  #444444,  #000000);
}
div.FeaturedContainer {
	max-width: 1200px;
	min-width: 940px;
	margin: 0 auto;	
	position:relative;
	text-align:center;
}
div.FeaturedVehicleListing {
	float: left;
	width: 15%;
	margin: .5% 2.5%;
	position: relative;
}
#FeaturedVehicleImage {
	max-width: 100%;
	max-height: 100%;
	border: 5px #cccccc solid;
}

div.FeaturedVehicleImageContainer {
	'height: 130px;
	padding: 0px;
	margin: 8px auto;
}
div.FeaturedVehicleImageTextBox {
	width: 100%; text-align:center; margin-top: 0px;
}



/* HOME CONTAINER */


div.HomeBackground {
	width: 100%;
	background-image: url('http://www.goosecreekautonc.com/images/Home-Background.jpg');
	background-repeat: no-repeat; 
	background-position: center top;
	background-size: cover;
}
div.HomeContainer {
	max-width:1200px;
	min-width: 940px;
	position:relative;
	padding: 30px 20px;
}
div.HomeLeftSide {
	position:relative;
	float:left;
}
div.HomeRightSide {
	float:right;
	text-align:center;
	width: 38%;
	min-width: 500px;
}



/* CUSTOM CONTAINERS */

div.CustSec1Background {
	width: 100%;
	background-image: url('http://www.goosecreekautonc.com/images/cust-1-Background.jpg');
	background-repeat: no-repeat; 
	background-position: center top;
	background-size: cover;
}

div.CustSec1Container {
	max-width:1200px;
	min-width: 940px;
	position:relative;
	padding: 0px 20px;
	
}
div.CustSec1LeftSide {
	position:relative;
	float:left;
	padding-bottom: 25px;
	width: 66%;
}
div.CustSec1LeftSide h1 {
	font-size: 72px;
	margin: 20px 0 10px 0;
	font-weight: 800;
}
div.CustSec1LeftSide h2 {
	font-size: 48px;
	margin: 0 0 30px 0;
	font-weight: 800;
	line-height: 90%;
}
div.CustSec1LeftSide li {
	line-height: 200%;
	color: #ffffff;
}
div.CustSec1RightSide {
	float:right;
	text-align:left;
	width: 33%;
	padding: 20px 0;
}

div.CustSec2Background {
	width: 100%;
	background-color: #283890;
	background-image:url(''); 
	background-repeat: no-repeat; 
	background-position: center top;
'	height: 382px;
}
div.CustSec2Container {
	max-width:1200px;
	min-width: 940px;
	position:relative;
	padding: 30px 20px;
	text-align: center;
}
div.CustSec2Container h1 {
	font-size: 42px;
	font-weight: 800;
	letter-spacing: -.06em;
	line-height: 125%;
	color: #FFFFFF;
}
div.CustSec2Container p {
	font-size: 20px;
	letter-spacing: -.04em;
	line-height: 125%;
	margin-bottom: 25px;
	color: #FFFFFF;
}

div.CustSec3Background {
	width: 100%;
	background-image:url(''); 
	background-repeat: no-repeat; 
	background-position: center top;
}
div.CustSec3Container {
	max-width:1200px;
	min-width: 940px;
	position:relative;
	padding: 30px 20px;
	margin: 0 auto;
}

div.CustSecMapBackground {
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('http://www.goosecreekautonc.com/images/map-background.jpg'); 
	background-repeat: no-repeat; 
	background-position: center top;
	height: 325px;
}
div.CustSecMapContainer {
	max-width:1200px;
	min-width: 940px;
	position:relative;
	padding: 40px 20px;
}
div.CustSecMapRightSide {
	position:relative;
	float:right;
}
div.CustSecMapLeftSide {
	width: 338px;
	float:left;
	text-align:center;
	background: rgba(0, 0, 0, 0.85);
	padding: 12px;
}


/* PAGE CONTAINER */

div.PageContentBackground {
	width: 100%;
	min-height: 540px;
	background-image:url(''); 
	background-repeat: no-repeat; 
	background-position: center top;
}
div.PageContentContainer {
	max-width: 1200px;
	min-width: 940px;
	margin: 0 auto;
	padding: 80px 20px 40px 20px;
	position:relative;
}
div.PageContentLeft {
	width:58%;
	position:relative;
	float:left;
}
div.PageContentRight {
	width:38%;
	margin: 58px auto 0 auto;
	position:relative;
	float:right;
}



/* FOOTER CONTAINER */

div.FooterBackground {
	width: 100%;
	background-color: #444444;
	padding: 25px 0 25px 0;
}
div.FooterContainer {
	max-width: 1200px;
	min-width: 940px;
	padding: 0 20px;
	position:relative;
}
div.FooterLeft {
	width: 30%;
	float: left;
}
div.FooterCenter {
	width: 40%;
	float: left;
}
div.FooterRight {
	width: 30%;
	float: right;
	text-align:right;
}



/* MENU NAVIGATION */
	
div.NavigationMenu {
	width: 100%; text-align: right; height: 44px; display:block;
	background-image: url('');
	background-repeat: repeat;
	background-color: #444444;
	-webkit-box-shadow: 0 8px 6px -8px black;
	-moz-box-shadow: 0 8px 6px -8px black;
	box-shadow: 0 8px 6px -8px black;
}

ul.Menu {
	list-style-type:none; text-align: center; line-height: 44px; margin: 0 auto; text-align: center; }
li.Menu {
	display:inline-block; line-height: 44px; position: relative; width: 12.5%; min-width: 120px; }
li.Menu:hover { 
	background-color: #222222; -webkit-transition: all .6s ease; transition: all 0.5s ease;}

a.MenuNav:link,a.MenuNav:visited,a.MenuNav:active {
	font-size: 13px; 
	font-weight:700;
	letter-spacing: -.04em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
a.MenuNav:hover { color: #283890}

ul.Menu li.Menu ul {
	position: absolute;
	top: 44px;
	width: 235px;
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index:9999;
	background-color: #222222;
}

ul.Menu li.Menu ul li { 
	display: block; 
	color: #ffffff;
	border-top: 1px #111111 solid;
	line-height: 54px;
}
ul.Menu li.Menu ul li:hover { background-color: #283890; -webkit-transition: all .6s ease; transition: all 0.5s ease;}

ul.Menu li.Menu:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	text-align:left;
}
a.SubMenuNav:link,a.SubMenuNav:visited,a.SubMenuNav:active {
	font-size: 14px; 
	font-weight:600;
	letter-spacing: -.02em;
	color:#FFFFFF;
	padding-left: 25px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
}
a.SubMenuNav:hover { color: #EEEEEE }



/* Inventory Specials */

div.FeaturedLG {
	float: left; margin: 10px 0px 10px 18px; position: relative; display: inline;}
.ImageLG {
	margin: 0px; height: 200px; width: 269px; float: left; border: 1px solid #333333;}
.ImageLG .ImageTextLG {
	position: absolute;	bottom:0px;	left:0px; width:269px; margin: 0px;	background: #101010; opacity: 0.85; filter:alpha(opacity=65); padding-left: 3px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; }
.FeaturedVehicleTextLG {
	font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 14px;}
.FeaturedVehiclePriceLG {
	font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 12px;}



/* Inventory Text */

h2.InvBrowseSubTitle { color: #283890; font-size: 32px; font-weight: 400; letter-spacing: -.03em; }  
p.InvBrowseSearchText { text-align: right; }
a.InvBrowseSearchLinks:link,a.InvBrowseSearchLinks:visited,a.InvBrowseSearchLinks:active { color: #ffffff; text-decoration: underline; }
a.InvBrowseSearchLinks:hover { color: #c9c9c9; text-decoration: none; }

h2.InvSubTitle { font-size: 14px; color: #283890 } 
p.InvSearchText { font-size: 14px; text-indent: 14px; color: #444444; }
a.InvSearchLinks:link,a.InvSearchLinks:visited,a.InvSearchLinks:active { color: #444444; font-size: 14px; text-decoration: underline; }
a.InvSearchLinks:hover { color: #c9c9c9; text-decoration: none; }

p.Blurb { color: #ffffff; font-weight: bold; }
a.ListingsTitle { color: #283890; font-size: 22px; font-weight: 700; letter-spacing: -.04em; text-decoration: underline; }
a.ListingsTitle:hover { }
p.ListingsViewPictures { margin-bottom:5px;	font-size: 9px; }
p.ListingsText { color: #000000; margin-top: 8px; margin-bottom: 15px; font-size: 14px; }

p.ListingsPrice1 { color: #283890; font-size: 13px; line-height: 100%; text-transform: uppercase; }
p.ListingsPrice2 { color: #000000; font-size: 20px; line-height: 110%; font-weight: bold; }
p.ListingsDealer { color: #444444; margin-bottom: 5px; font-size: 11px; text-align: left; }
a.ListingsLinks { color: #3c3c3c; }
a.ListingsLinks:hover {	color: #000000; }

h1.DetailTitleText { font-size: 36px;} 
h2.DetailSubTitleText { color: #444444;	font-size: 14px; margin: 15px 0 5px 0;} 
a.MultiMediaText:link,a.MultiMediaText:visited,a.MultiMediaText:active { color: #FFFFFF; font-weight: 700; } 
a.MultiMediaText:hover { color: #000000; text-decoration: underline;}

p.DetailsVehicle { margin-bottom: 3px; padding: 0; font-size: 24px; font-weight: bold; }
.DetailsSectionTitles {	color: #283890;	margin-bottom: 3px; font-size: 24px; font-weight: 700; }
.DetailsVehiclePrice { margin-bottom: 5px; font-size: 18px; font-weight: bold; }
.DetailsSpecsLabel { color: #666666; margin-right: 10px; }
.DetailsSpecsData { font-weight: 700; line-height: 28px; }
p.DetailsBlurb { color: #283890; margin: 0 0 10px 0; font-size: 16px; font-weight: bold; }
.DetailsText { font-size: 14px;	line-height: 20px; }
a.DetailsLink {	color: #111111 }
a.DetailsLink:hover { color: #e8e8e8; text-decoration: underline; }
ul.Options { margin:20px 0 30px 0; list-style: none; position:relative; }
li.Options { margin:0px 0px 6px 0px; padding:0px; width: 50%; float:left; list-style: none; }
p.DisclaimerText { }
p.DetailsBodyText, .OptionsText {  }
h1.DetailsTitleText { font-size: 36px; text-transform:uppercase; margin-bottom: 5px; letter-spacing:-.05em} 
h2.DetailSubTitleText { font-size: 20px; margin: 5px 0px;} 
p.DetailsFormTitle { font-size: 20px; font-weight: 700;} 
p.DetailsFormField { line-height: 16pt; margin-bottom: 8px;}
.DetailsFormSubTitle { font-weight: 700; margin-top: 10px; margin-bottom: 5px;}
.DetailsFormField { font-size: 11pt; font-weight: normal; line-height: 16pt; margin-bottom: 8px;}
a.SimilarListingsTitle { color: #283890; font-size: 13px; font-weight: 700; letter-spacing: -.03em; text-decoration: underline; }
a.SimilarListingsTitle:hover { color: #444444; }
p.SimilarListingsViewPictures { margin-top: 0px; margin-bottom:5px; font-size: 9px; }
p.SimilarListingsText { margin-top: 3px; margin-bottom: 15px; font-size: 11px;}



/* Inventory Browsing */

div.BrowseOrdering { float: left; width:100%; border-bottom: 2px solid #101010; margin: 10px 0px;}
div.BrowseOrdering div {min-width: 600px}

div.BrowseLeft { border: 1px solid #e0e0e0; background-color: #e0e0e0; float: left; width: 20%; border-radius: 0px; padding: 0px;}
div.NarrowSearchHeaders { border: 1px solid #f0f0f0; background-color: #f0f0f0; margin: 5px; padding: 5px 0px 5px 5px; border-radius: 0px;}

div.BrowseRight { border: 0px solid #222222; background-color: #; float: right; width: 78%; border-radius: 2px; -moz-border-radius: 2px; padding-bottom:5px; }
div.BrowseRightHeaders { border: 1px solid #c6c6c6; background-color: #; text-align: left; margin: 0px; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; }

div.Listings {
	margin: 0px 5px 8px 5px;
	padding: 5px;
	width: 98%;
	text-align: left;
	float: left;
	border: 1px solid #c6c6c6;
	display: inline;
	background:white;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#', endColorstr='#');  for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#), to(#));  for webkit browsers */
	/* background: -moz-linear-gradient(top,  #,  #);  for firefox 3.6+ */ 	
}
div.Listings:hover { background: #e9e9e9 }

div.Blurb {
	margin: 0px 5px;
	padding: 5px;
	width: 98%;
	float: left;
	border: 1px solid #C6C6C6;
	border-bottom:0px;
	background: #c9c9c9;
	display: inline;
}

div.ListingsImage {
	width: 25%;
	margin-right: 10px;
	border: solid 2px #BBBBBB;
	text-align: center;
	float: left;
	display: inline;
}

div.ListingsSpecs {
	margin: 0 2%;
	padding: 5px;
	width: 45%;
	text-align: left;
	float: left;
	display: inline;
}

div.ListingsRightSide {
	margin-top: -5px;
	width: 20%;
	float: right;
	display: inline;
}

div.ListingsPrice {
	width: 80%;	
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 10px 0;
	text-align: center;
	float: right;
	background: #e5e5e5;
	border-left: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
	box-shadow: rgba(0, 0, 0, 0.35) 1px 1px 3px;
}

div.MainImageBox {
	width:100%;
	position:relative;
	margin-bottom: 2px;
}
div.MainImageContainer {
	padding:10px;
	background-color: #444444;
}
img.MainImage {
	display: block; 
}
img.ThumbImage {
	border: 2px #444444 solid;
	width: 18%;
	margin: 1% 1% 1% 0;
}

div.DetailsSpecsTitle {
	width:100%;
	padding: 8px 0;
}

div.DetailsSpecsAdditional {
	margin-left: 0px;
	width:100%;
	padding: 8px 0;
	padding-top: 15px;
	border-top: solid 1px #444444;
}

div.DetailsSpecsContainer {
	padding: 10px;
	margin-bottom: 5px;
	background-color: #fcfcfc;
}

div.DetailsSpecsLeft {
	width:48%;
	text-align: left;
	float: left;
}

div.DetailsSpecsRight {
	width:48%;
	text-align: left;
	float: right;	
}

div.DetailsFormsBackground {
	background-color: #;
}


div.SimilarListings {
	margin-top: 5px;
	margin-left: 5px;
	width: 48%;
	float: left;
	border: 1px solid #444444;
	display: inline;
	background: #;
}

div.SimilarListings:hover {
	background: #f0f0f0;
}

div.SimilarListingsImage {
	width: 33%;
	border: solid 2px #444444;
	text-align: center;
	float: left;
	display: inline;
}

div.SimilarListingsSpecs {
	width: 63%;
	text-align: left;
	float: right;
	display: inline;
}



div.OptionsContainer {
	margin: 20px 0 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px #444444 solid;
	display:block;
	position:relative;
}








#tabbed_box_1 {
	width:100%;
	position: relative;
}

#tabbed_box_top {
	width:100%;
}

.tabbed_area {
	border:0px solid #;
	background-color:#444444;
	padding:8px; 
}

ul.tabs {
	margin:0px; 
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#283890;
	color:#FFFFFF;
	padding:10px 14px 10px 14px;
	text-decoration:NONE;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
ul.tabs li a:hover {
	background-color: #ffffff;
	border-color:#fcfcfc;
	color: #283890;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#000000;
	border:0px solid #232323; 
}
.content {
	background-color:#ffffff;
	border:0px solid #232323; 	
}
#content_2, #content_3, #content_4 { display:none; }

div.contentcontainer {
	padding: 15px;
}



div.FeaturedBannerImage {
	width: 160px; 
	margin: 0px; 
	background-color:#;
	float:left;
}

div.FeaturedBannerTextBox {
	width: 280px; 
	margin: 10px 0px 0 0;
	float: right;
	font-size: 26px;
	font-family: 'Open Sans', "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-weight: 700;
	letter-spacing: -.05em;
	line-height: 200%;
	text-align: center;
	color:#FFFFFF;
	text-transform:uppercase;
	text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px;
}

#s3slider { 
	width: 100%;
	max-width: 1200px;
	position: relative;
	overflow: hidden;
	height: 340px;
}

#s3sliderContent {
	width: 100%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 100% !important
}

.s3sliderImage {
	float: left;
	position: absolute;
	padding: 0px;
	margin:0px;
	width: 100%;
	max-width: 1200px;
	min-width: 1054px;
	display: none;

}

.s3sliderImage img{
	width: 100%;
	max-width: 1200px;
	min-width: 1054px;
}

.s3sliderImage span {
	position: absolute;
	float: left;
	font-size: 38px;
	font-family: 'Open Sans', "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-weight: 400;
	letter-spacing: -.04em;
	line-height: 80%;
	text-align: left;
	padding:10px;
	padding-right: 30px;
	background-color: #;
	filter: alpha(opacity=0);
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #ffffff;
	left: 0;
	top:25px;
	text-transform:uppercase;
	text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px;
	display: none; /* important */
}

img.RotatingBannerImage {
}

.clear {
	clear: both;
}


}@media (max-width: 1080px) {
	#s3slider { 
		height: 321px;
	}

	div.FeaturedContainer {
		'height: 180px;
	}

	a.ListingsTitle {
		font-size: 20px;
	}
	#s3slider { 
		height: 302px;
	}
	div.BrowseOrdering div {max-width: 600px}
	
	
}	



