@charset "utf-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0; 
}
body {
	margin: 0 auto;
	padding: 0;
	background-color: #5a5a5a;
	background-image:url(../images/bodyBackground.gif);
	background-repeat:repeat-x;
	background-position:top center;
	font: 90% Arial,Tahoma,sans-serif; 
}

p {
	font-size:90%;
	color: #000;
	margin: .7em 0;
	line-height:1.4em; }
em {
	font-style: normal;
	font-weight: bold; }
ul {
	margin: 0;
	padding: 0;
	list-style-position:inside; }
li {
	margin: 0;
	padding: 0; }
table {
	border: none; }
img {
	/* put "overflow:hidden;" in any div that contains an image so images dont mess up div %'s when divs get smaller than image */
	border: none; }
a {
	color:#000000; }
a:hover {
	text-decoration: none; }
	
form {
	margin: 0;
	padding: 0; }

.alignRight { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:left; }
.clearBoth { clear:both; }
.littlePadding { padding:0.25em; }
.somePadding { padding:0.5em; }
.bigPadding { padding:1em; }


.left,.floatLeft{ float:left; }
.right,.floatRight{ float: right; }
.left20{ float: left; width: 20%; }
.left21{ float: left; width: 21%; }
.left25{ float: left; width: 25%; }
.left29{ float: left; width: 29%; }
.left33{ float: left; width: 33%; }
.left35{ float: left; width: 35%; }
.left37{ float: left; width: 37%; }
.left40{ float: left; width: 40%; }
.left47{ float: left; width: 47%; }
.left50{ float: left; width: 50%; }
.left55{ float: left; width: 55%; }
.left65{ float: left; width: 65%; }
.left63{ float: left; width: 63%; }
.left66{ float: left; width: 66%; }
.right33{ float: right; width: 33%; }
.right35{ float: right; width: 35%; }
.right37{ float: right; width: 37%; }
.right44{ float: right; width: 44%; }
.right49{ float: right; width: 49%; }
.right50{ float: right; width: 50%; }
.right53{ float: right; width: 53%; }
.right60{ float: right; width: 60%; }
.right63{ float: right; width: 63%; }
.right65{ float: right; width: 65%; }
.right66{ float: right; width: 66%; }
.right71{ float: right; width: 71%; }
.right75{ float: right; width: 75%; }
.right79{ float: right; width: 79%; }
.right80{ float: right; width: 80%; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.clearBoth{ clear:both; }
.clearBothAssurance{ clear: both; height:0; zoom:1;}
.textAlignLeft{ text-align: left; }
.textAlignCenter{ text-align: center; }
.textAlignRight{ text-align: right; }
.zoom{ zoom:1; }

.width48{
	width:48%;
}
.width100{
	width:100%;
}
.marginBottom05{ margin-top: .5em; }
.marginTop05{ margin-top: .5em; }
.marginTop10{ margin-top: 1em; }
.marginTop15{ margin-top: 1.5em; }
.marginTop20{ margin-top: 2em; }
.marginTop40{ margin-top: 4em; }

.padding05{ padding:0.5em; }
.padding10{ padding:1.0em; }
.padding15{ padding:1.5em; }
.padding20{ padding:2.0em; }

.paddingTop05{ padding-top:0.5em; }
.paddingTop10{ padding-top:1.0em; }

.paddingLeft05{ padding-left:0.5em; }
.paddingLeft10{ padding-left:1.0em; }

.grey6{color:#666;}
.grey5{color:#555;}
.red{color:#dd0000;}
.yellow{color:#FEF200;}
.blue{color:#0000FF;}

.whiteBg{ background: #fff; }
.yellowBg{ background: #FEF200; }

.blackBorder{ border: 1px solid #000; }
.greyBorderTop{ border-top: 1px solid #ddd; }

.size70{ font-size: 70%; }
.size80{ font-size: 80%; }
.size85{ font-size: 85%; }
.size90{ font-size: 90%; }
.size95{ font-size: 95%; }
.size100{ font-size: 100%; }
.size110{ font-size: 110%; }
.size120{ font-size: 120%; }
.size130{ font-size: 130%; }
.size140{ font-size: 140%; }
.size150{ font-size: 150%; }
.size160{ font-size: 160%; }
.size170{ font-size: 170%; }
.size180{ font-size: 180%; }
.size190{ font-size: 190%; }
.size200{ font-size: 200%; }

.strikeout{ text-decoration: line-through; }

h1,
.ContentType_SubPageList_title {
	font-size:125%;
	font-weight: bold;
	padding: .25em 0;
	border-bottom: 1px solid #aaa;
	margin-bottom: .5em;
}
h2 {
	font-size:120%;
	display:block;
	margin:0 0 0.75em 0;
}
h3 {
	font-size:110%;
	display:block;
	margin:0 0 0.5em 0;
}

#page {
	width: 65em;
	padding:0.5em;
	padding-top:0;
	margin:0 auto;
	background-color:#FFFFFF;
}
#headerTop {
	background-color:#FEF200;
	padding:0.25em 0.5em;
	font-size:100%;
	
	border-bottom:1px solid #111111;
	height:18px;
	color:#666666;
}
#headerTop .floatLeft {
	float:left;
	width:20%;
	padding-left:0.75em;
}
#headerTop .floatRight {
	float:right;
	width:75%;
	text-align:right;
}
#headerTop ul li {
	display:inline;
	font-size:75%;
	padding-left:1.5em;
}
#headerTop ul li a {
	text-decoration:none;
	
}
#headerTop ul li a:hover {
	font-size:110%;
}

#header {
	background-image:url(../images/headerBackground.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	height:100px;
}
#header #imgLogo {
	float:left;
	padding:0.6em 0 0 0.6em;
}
#header #headerRight {
	float:right;
	width:591px;
	padding:0.5em 0.5em 0 0;
}

#header #headerRight .floatRight {
	float:right;
}
#header #headerRight .floatLeft {
	float:left;
	width:80%;
}

#header #headerRight .businessYears {
	margin-right:0.6em;
}
#header #headerRight .phoneNumber {
	color:#FEF200;
	display:block;
	font-size:90%;
	padding-top:0.35em;
}
#header #headerRight .motto {
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding-top:0.35em;
}
#header #headerRight .motto a{
	text-decoration: none;
	color: #fff;
}
#header #headerRight .motto a:hover{
	text-decoration: underline;
}
#header #headerRight .shoppingCart {
	color:#f0f0f0;
	font-size:75%;
	padding:0.1em 0.25em 0 0;
	text-align:right;
}
#header #headerRight .shoppingCartAlign {
	float:right;
	background-color:#CCC;
}
#header #headerRight .shoppingCart a {
	color:#fff;
	font-size:120%;
	text-decoration:none;
}


.articlesImage img{
	_width:99%;
}

#horizontalNavigationContainer {
	min-height:30px;
	height:auto !important;
	height:30px;
	background-color:#000000;
	background-image:url(../images/horizontalNavigationBackground.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
#horizontalNavigation {
	text-align:center;
	line-height:1.3em;
	padding:3px 0 0;
}
#horizontalNavigation li {
	display:inline;
	list-style-type:none;
}
#horizontalNavigation li a {
	font-size:80%;
	text-transform:uppercase;
	color:#F6F6F6;
	padding:6px .8em 5px 1.4em;
	background-image:url(../images/horizontalNavigationLinkBackground.gif);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:1.6em;
	text-decoration:none;
}
#horizontalNavigation li a:hover {
	text-decoration:underline;
}
#horizontalNavigation li a.first {
	background:none;
}
#contentBackground {
	clear:both;
	/*background-image:url(../images/contentMiddleBackground.gif);
	background-repeat:repeat-y;
	background-position:left;	*/
	
	background-image:url(../images/verticalNavigationBackground.gif);
	background-repeat:repeat;
	background-position:top left;
	float:left;
}

#contentLeftBackground {
	float:left;
	width:145px;
}
#contentLeft {
	padding:1em 0.5em;
}
#contentLeft .contentLeftBox {
	margin-bottom:1em;
}
#contentLeft .contentLeftBox em {
	font-size:80%;
	color:#fef200;
	font-weight:normal;
	font-style:normal;
	padding:0;
	display:block;
	text-transform:uppercase;
	text-align: center;
}
#contentLeft .contentLeftBoxNavHeader, #contentLeft .contentLeftBoxNavFooter {
	background-image:url(../images/contentLeftBoxNavBG.gif);
	background-position:center top;
	background-repeat:repeat-x;
	height:5px;
}
#contentLeft .contentLeftBoxNavContent {
	background-image:url(../images/contentLeftBoxNavBG.gif);
	background-repeat:repeat;
	background-position:top left;
}
#contentLeft .contentLeftBoxNavContentPadding {
	padding:0.25em;
}
#contentLeft .contentLeftBoxContact p {
	margin:0;
	font-size:75%;
	color:#FFFFFF;
}
#contentLeft .contentLeftBoxContact p a {
	color:#FFFFFF;
	font-size:90%;
}

#contentLeft ul {
	list-style-type:none;
	list-style-position:outside;
}
#contentLeft ul li {
	
}
#contentLeft ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0.05em 0 0.05em 0.4em;
	display:block;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #444444;
	font-size:85%;
	_width:95%;
}
#contentLeft ul li a:hover {
	color:#222222;
	background-color:#fef200;
	/*
	color:#DDDDDD;
	background-color:#444444;
	*/
}
#contentLeft .contentLeftBanners {
	text-align:center;
	margin-top:1em;
}
#contentLeft .contentLeftBanners img {
	margin:0.5em 0;
}


#contentRightBackground {
	/*float:right;
	width:51.48em;*/
	width:792px;
	*width:791px;
	_width:787px;
	background-image:url(../images/contentRightBackground.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin-top:0.75em;
	margin-left:10em;
	background-color:#FFFFFF;
}
#contentRight {
	background-image:url(../images/contentRightTopBackground.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
#contentRightMain {
	font-size:90%;
	background-image:url(../images/contentRightMainCorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:1em;
	
	min-height:630px;
	height:auto !important;
	height:630px;
}
#contentRightMain ul{
	list-style-position: outside;
	margin-left: 2em;
}

#contentBottom {
	clear:both;
}

#footer {
	width: 65em;
	clear:both;
	margin:0 auto;
	color:#FFFFFF;
	padding:1em 0;
	height:15px;
}
#footer a {
	color:#FFFFFF;
}
#footer .floatLeft {
	font-size:85%;
}
#footer .floatRight {
	font-size:85%;
	text-align:right;
	float:right;
}

.browseLink{
	color: #FEF200;
	text-decoration: none;
}
.browseLink:hover{
	text-decoration: underline;
}

/* cms engine style */
ul.breadcrumbs{
	list-style: none;
	margin:0 0 1em 0 !important;
}
ul.breadcrumbs li{
	display: inline;
	padding-left:.7em;
	background: transparent url(/cirkuitincludes/images/bullets/greyBullet.gif) left center no-repeat ;
	margin-right:.4em;
}

.childPages ul{
	list-style: none;
	margin-left:2em;
}
.childPages li{
	padding-left:.7em;
	background: transparent url(/cirkuitincludes/images/bullets/greyBullet.gif) left center no-repeat ;
}


.TwoColumns{
	padding: .25em;	
}
.TwoColumns_leftColumn{
	float:left;
	width:50%;
}
.TwoColumns_rightColumn{
	float:right;
	width:49%;
}


.engineBox {
	float:left;
}
.engineLeft {
	float:left;
	width:440px;
	padding:0.5em;
}
.engineLeft .engineBoxYellow {
	background-color:#FEF200;
	padding:0.25em;
	clear:both;
	border:1px solid #000000;
}
.engineLeft .description {
	clear:both;
}
.engineLeft .description p {
	font-size:110%;
	line-height:1.5em;
	margin:0.5em 0;
	padding:0;
	font-weight:bold;
}
.engineLeft .horsePower {
	float:left;
	font-weight:bold;
	font-size:110%;

	margin-right:2em;
	/*background-color:#666666;
	color:blue;*/
	padding:0.25em;
}
.engineLeft .torque {
	clear:left;
	font-weight:bold;
	font-size:110%;
	/*background-color:#666666;
	color:blue;*/
	padding:0 0 0.25em 0.25em;

}
.engineLeft .engineAssembled {
	clear:left;
	font-size:120%;
	font-weight:bold;
	float:left;
	
	background-color:#555555;
	color:#FEF200;
	padding:0.25em;
	margin:2.5em 0 1.5em 0;
}

.engineLeft .enginePrice {
	clear: left;
	float:left;
	color:red;
	font-size:150%;
	font-weight:bold;
	background-color:#333333;
	color:#FEF200;
	padding:0.25em;
	margin-top: .25em;
}
.engineLeft .engineSalePrice {
	clear:left;
	float:left;
	color:red;
	font-size:150%;
	font-weight:bold;
	background-color:#ff0000;
	color:#FEF200;
	padding:0.25em;
	margin-top: .5em;
}

.engineLeft .starburst{
	float:right;
	width: 160px;
	height: 162px;
	background: url(/images/starburst.jpg) top right no-repeat;
}
.engineLeft .starburstText{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	padding: 0 30px;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	height: 160px;
	*padding-top: 30px;
}

.engineRight {
	float:right;
	width:300px;
	text-align:center;
}
.engineRight .engineEnlarge {
	font-size:80%;
}
.imageNote {
	font-size:80%;
}
.engineBottom {
	padding:0.5em 0 0 0;
}
.engineBottom .sectionTitle {
	margin:0.5em 0 0.3em 0;
	background-color:#CCCCCC;
	padding:0.25em;
	font-size:110%;
	clear: both;
	font-weight: bold;
}

.contactBox {
	display:block;
	text-align:center;
	margin:2em 0 0 0;
	font-size:100%;
	background-color:#F0F0F0;
	padding:0.75em 0;
	line-height:1.5em;
	font-weight: bold;
	clear:both;
	float:left;
	width: 100%;
}
.engineBox .contactBox{
	width:auto;
	float:none;
}
.contactBox a{
	color: #0000ff;
}


/* directions page */
.drivingDirections{
	margin-top:1.5em;
}
.drivingDirections h3{
	background-color:#CCCCCC;
	padding:0.25em;
}
.drivingDirections .title{
}
.drivingDirections .inputFields{
	margin: .5em 0;
}

.summaryContainer{
	float:left;
	width: 100%;
	padding-top: .5em;
	padding-bottom: .5em;
	/*border-bottom: 1px solid #ccc;*/
}
.ContentType_SubPageList_listTable{
	/*border-left: 1px solid #ccc;*/
}
.ContentType_SubPageList_listTable td{
	border-bottom: 1px solid #ccc;
	/*border-right: 1px solid #ccc;*/
}
.ContentType_SubPageList_listItem .summaryContent1{
	float:left;
	width: 19%;
}
.ContentType_SubPageList_listItem .summaryContent2{
	float:left;
	width: 40%;
	font-size:110%;
}
.ContentType_SubPageList_listItem .summaryContent3{
	float:left;
	width: 25%;
	margin-left:2%;
}
.ContentType_SubPageList_listItem .summaryContent2And3{
	width: 65%;
	float:left;
	font-size:110%;
	margin-left:2%;
}
.ContentType_SubPageList_listItem .summaryContent4{
	float:right;
	font-weight: bold;
	width: 14%;
	text-align: right;
	font-size:110%;
}
.resultsCountTop,
.resultsCountBottom{
	font-size: 85%;
	background:#f3f3f3;
	color: #777;
	padding: .25em;
	text-align: center;
}
.resultsCountBottom{
	clear:both;
}
.resultsPageLinksTop,
.resultsPageLinksBottom{
	font-size: 90%;
	font-weight:bold;
	background:#f3f3f3;
	color: #000;
	padding: .25em;	
	text-align: center;
}
.resultsPageLinksBottom{
	clear:both;
}

/* customers */
.ContentType_SubPageList_list {
	border-top:1px solid #CCCCCC;
	margin:0.5em 0;
}
.sonnys_Customer_summary {
	/*
	float:left;
	width:50%;
	*/
}
.customerBoxOdd {
	/* border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC; */
}
.customerBoxEven {
	/* border-right:1px solid #CCCCCC;
	 border-bottom:1px solid #CCCCCC; */
}
.customerBox {
	padding:1em 2.5em;
		
	/*border:1px solid #CCCCCC;
	padding:0.25em;
	
	min-height:450px;
	height:auto !important;
	height:450px;
	*/
}
.customerBoxMain{
	
}

.yellowBox{
	float:left;
	width:100%;
	padding:1em .75em;
	border: 1px solid #000;
	background: #FEF200;
}
.yellowBox p{
	line-height: 1.8em;
}

.veryLightGreyBox{
	float:left;
	width:100%;
	margin-top: 2em;
}
.veryLightGreyBoxInner{
	background-color:#F0F0F0;
	font-size:90%;
	line-height:1.5em;
	padding:0.75em 0;
	text-align:center;
}

.lightGreyBox{
	float:left;
	width:100%;
	margin-top: 2em;
}
.lightGreyBoxInner{
	background-color:#ccc;
	border: 1px solid #bbb;
	padding:0.25em;
	color:#000;
	font-size:110%;
	font-weight:bold;
}

.greyBox{
	float:left;
	background-color:#555;
	border: 1px solid #444;
	margin-top: 2em;
	padding:0.25em;
	color:#FEF200;
	font-size:115%;
	font-weight:bold;
}

.darkGreyBox{
	float:left;
	background-color:#333333;
	border: 1px solid #000;
	margin-top: 1.5em;
	padding:0.25em;
	color:#FEF200;
	font-size:145%;
	font-weight:bold;
}

.redBox{
	float:left;
	background-color:#dd0000;
	border: 1px solid #ddd;
	margin-top: 1em;
	text-align: center;
	padding:0.25em;
	color:#FEF200;
	font-size:145%;
	font-weight:bold;
}

.clearBothAssurance{
	height:0;
	clear:both;
	zoom:1;
}

.optionsTable{
	width: 100%;
}
.optionsTable td{
	padding: .25em 0;
	border-bottom: 1px solid #ccc;
}

.cpbox2 ol {
	margin-left:1.25em;
	list-style-position:inside;
}
.cpbox2 ol li {
	margin-bottom:1em;
}
.cpbox2 p {
	font-size:100%;
	line-height:normal;
}

.employmentLink img{
	padding-top: 2px;
}

.club240{
	padding: 3px .5%;
	border: 3px solid #ddd;
	background: #bbb;
	margin-bottom: 1em;
	width: 55%;
	height: 133px;
}
.club240 ol{
	padding: 3px;
	background: #e9e9e9;
	list-style-position: inside;
}

#homepageEngine1{
	padding: 3px .5%;
	border: 3px solid #bbb;
	background: #ddd;
	margin-bottom: 1em;
	width: 55%;
	height: 133px;	
}
#homepageEngine1 img{
	float: left;
	border: 1px solid #555;
}
#homepageEngineTxt0{
	font-size: 130%;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
}
#homepageEngineTxt1{
	padding-top: 4px;
	font-size: 145%;
	text-align: center;
	line-height: 1.25em;
}
#homepageEngineTxt1 a{
	color: #aa0000;
	font-weight: bold;
}
#homepageEngineTxt2{
	font-size: 115%;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-variant: small-caps;
}

#bertJackson{
	float: right;
	width: 40%;
	background: #c1ddff;
	border: 2px solid #66abff;
	padding: 3px .5%;
	height: 133px;
}
#bertJackson img{
	float: left;
	border: 1px solid #66abff;
}
#jackson1{
	padding-top: 4px;
	font-size: 125%;
	color: #000;
	text-align: center;
	font-weight: bold;
}
#jackson2{
	font-size: 105%;
	color: #0676ff;
	font-weight: bold;
	text-align: center;
	clear: left;
	padding-top: 5px;
}

@media screen and (min-width: 0px){
   #contentRightBackground{
   	width:770px;
   }
   #header #headerRight{
   	width:568px;
   }
   .engineLeft{
   	width: 430px;
   }
}