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

body {
	font-size: 12px; /* Resets 1em to 10px */
	line-height:18px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #FFFFFF;
	background: url(images/bgMain.jpg) no-repeat #000000;
	background-position: 50.0000000000000000000000005% 0;
	margin:0;
	padding:0;
	}
	
	* {
   outline: none;
}
#main {
	width:960px;
	margin-top:0;
	padding:0;	
	}
.centerPage {
	margin-left:auto;
	margin-right:auto;
	}
.inside{
float:left;
width:960px;
}

hr {
    border: 0;
	float:left;
    height: 1px;
	width:100%;
	color:#cccccc;
	background-color:#cccccc;
}
.insideHead{
	float:left;
	width:960px;
	background:url(http://www.trikezone.com/images/background.jpg) no-repeat
}

.insideBody{
float:left;
width:960px;
background:#3c0309 url(images/mainBack.jpg) no-repeat top;
}

.headerBoxes{
float:left;
width:251px;
margin-top:7px;
font: bold 14px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:url(images/headerBox.png) no-repeat;
}

.headerBoxes2{
float:left;
width:251px;
margin-top:7px;
font: bold 14px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:url(images/headerBox2.png) no-repeat;
height:168px;
}

.fb_edge_comment_widget {
    margin-left: -350px;
}


.headerBoxesTop{
float:left;
width:251px;
height:28px;
padding-top:9px;
}
.headerBoxesMid{
float:left;
width:251px;
min-height:104px;
}
.headerBoxesBot{
float:left;
width:251px;
height:22px;
padding-top:5px;
}
.headerMiddle{
float:left;
width:220px;
padding-left:119px;
height:189px;
}
#menu{
float:left;
width:149px;
padding:8px 0 10px;
}
.sideMenu{
width:149px;
float:left;
 font: 12px MuseoSlab700,"Verdana", Arial, Helvetica, sans-serif;
 font-weight:normal;
 margin: 0;
 color:#FFFFFF;

}

.addthis{
	float:left;
	margin:18px 0 18px 14px;
	font-size:12px;
	color:#333;
}

#at20mc{
	color:#333;
}
a.addthisLink:link,a.addthisLink:visited,a.addthisLink:hover,a.addthisLink:active{
text-decoration:none;
color:#FFF;
}
.mainBody{
float:left;
width:791px;
padding:10px 10px 30px 10px;
}


.insideMain, .insideSubHead, .heading{
float:left;
width:760px;
padding:10px 10px 10px 16px;
}

.insideHome{
float:left;
width:790px;
}



.homeInven{
width:309px;
float:left;
}

.homeInven a:link,.homeInven a:visited,.homeInven a:hover,.homeInven a:active{
text-decoration:none;
color:#ae0f15;
}

.homeTPOuter a{
text-decoration:none;
color:#ae0f15;
}
.insideVeh{
float:left;
padding:0px 20px 20px 20px;
width:760px;
}

.inv{
	float:left;
	width:760px;
}
.spacer{
	float:left;
	background:#3c0309;
	width:760px;
	height:20px;
	clear:both;
}
.invOuter{
		float:left;
	width:760px;;
}

.homeTPHead, .homeInvHead{
	margin-top:0px;
}

.banner{
	background:url(images/banner.png) no-repeat top center;
	width:811px;
	height:69px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:20;
	text-align:center;
}
.homeInvHead{
width:309px;
height:29px;
float:left;
padding-top:11px;
font: bold 14px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform: uppercase;
text-align:center;
}

.homeInvPic {
width:309px;
height:232px;
float:left;
position:relative;
background:#FFF;
text-align:center;
}
img{
	
border-style:none;
}

.homeInvText{
width:289px;
height:95px;
float:left;
padding:8px 10px 10px 10px;
background:#FFF;
color:#000000;

}

.homeInvTextHead {
font: 14px 'MuseoSlab700', Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#ae0f15;
padding-bottom:2px;
}

.homeTPOuter{
width:162px;
padding:0px 5px;
float:left;
}



.homeTPHead{
display:block;
width:162px;
height:29px;
float:left;
padding-top:11px;
font: bold 14px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform: uppercase;
text-align:center;
}
.homeTP{
width:142px;
min-height:319px;
float:left;
background:#FFF;
padding:26px 10px 0px 10px;
color:#000000;
}

.homeTP a{
	text-decoration:none !important;
}

.homeTP P{
	margin:0;
	padding:0;
}

#menu ul {
	width: 149px;
	list-style:none;
	margin:0px;
	padding:0px;
    text-transform: uppercase;
	}
	
#menu li a {
	height: 26px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	padding: 6px 0 0 14px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	}
	
#menu li a:hover {
	color: #FFD200;
	background: #000;
	-moz-border-radius:0px 12px 12px 0px;
	border-radius: 0px 12px 12px 0px;
	}
	
#menu li a:active {
	color: #FFD200;
	background: #000;
	padding: 6px 0 0 14px;
	}



.footer{
background: url(images/footerBack.png) no-repeat;
float:left;
width:960px;
height:125px;
}

.footerLogos{
float:left;
width:960px;
height:125px;
}

.footerSide{
	float:left;
	width:295px;
	height:102px;
	padding:24px 20px 0;
	text-align:center;
	font:17px MuseoSlab700, Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
}

.footerMiddle{
padding:5px 20px;
width:250px;
float:left;
height:106px;
text-align:center;
font: normal 14px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:18px;
}

.footerMiddle a:link, .footerMiddle a:visited, .headerBoxes a:link, .headerBoxes a:visited{
text-decoration: none;
color: #FFD200;
}

a:link, a:visited, a:visited{
text-decoration: none;
color: #FFD200;
}

a:hover{
	text-decoration:underline;
}

.vehText a:link, .vehText a:visited{
text-decoration: none;
color: #AE0F15;
}

.vehText a:hover{
	text-decoration:underline;
}
.footerMiddle a:hover, .headerBoxes a:hover{
text-decoration: underline;
color: #FFD200;
}

.footerMiddle a:active, .headerBoxes a:active{
text-decoration: none;
}

.copyright{
font: 9px "Verdana", Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:12px;
padding-top:2px;
}
.red,
.red a:link,
.red a:visited { color: #ae0f15; text-decoration: none; }
.red a:hover { color: #ae0f15; text-decoration: underline;}
.red a:active { color: #ae0f15; text-decoration: none; }

.invPhoto{
position:relative;
display:block;
vertical-align:middle;
text-align:center;
padding: 0 3px;
cursor: pointer;
width:309px;
background:#000;
min-height:232px;
}

.invPhoto a{
	width: 309px;
/*	height: 232px; /* This should be set to be at least the height of the largest image in the slideshow 
	line-height: 232px;
	line-height: 232px;  This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
		vertical-align: middle;
	display: table-cell;
	text-decoration:none;
}
.invPhotoNoCursor{
position:relative;
display:block;
padding: 0 3px 3px 3px;
width:309px;
background:#000;
text-align:center;
min-height:232px;
}

.invPhotoNoCursor img{
	vertical-align:middle;
	
	
}
.noPhotoWrap {
    display: table-cell;
    height: 232px;
    line-height: 232px;
    text-align: center;
    vertical-align: middle;
    width: 315px;
}

img.enlarge{
position:absolute;
top:5px;
left:265px;
z-index:2;
}

.slideshow-container img.shadowBanner{
position:absolute;
top:172px;
left:3px;
z-index:3;
}

img.shadowBanner{
position:absolute;
top:172px;
left:3px;
z-index:3;
}

.bannerText{
font-family:'Grotesqa4FItalic','Georgia', Verdana, Arial, Helvetica, sans-serif;
display:block;
position:absolute;
width:309px;
height:35px;
top:198px;
left:3px;
z-index:4;
color:#FC0;
line-height:35px;
font-size:24px;
text-align:center;
}

img.shadowBannerHome{
position:absolute;
top:172px;
left:0px;
z-index:3;
height:60px;
}

.bannerTextHome{
font-family:'Grotesqa4FItalic','Georgia', Verdana, Arial, Helvetica, sans-serif;
display:block;
position:absolute;
width:309px;
height:35px;
top:195px;
left:0px;
z-index:4;
color:#FC0;
line-height:35px;
font-size:18pt;
text-align:center;

}



h3{
font:bold 15px 'Georgia', Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:27px;
padding:8px 0 0 10px;
margin:0;
}

#content h3{
	height:auto !important;
	width:100% !important;
}

.vehText{
padding:18px 20px 45px;
float:right;
line-height:20px;
width:405px;
background: #FFF url(images/vehTextShadow.png) repeat-x top;

	-moz-border-radius:0px 0px 12px 12px;
	border-radius: 0px 0px 12px 12px;
	min-height:171px;
	position:relative;
}

.vehInfo{
color:#000000;
font-size:12px;
}

.price{
color:#ae0f15;
font-size:14px;
font-weight:bold;
padding-bottom:3px;
}

.priceMessage{
font-family:'ChunkFiveRegular',Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #D8070D;
font-size:21px;
line-height:24px;
padding-bottom:7px;
}

.chunk{
font-family:'ChunkFiveRegular',Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #ffd200;
font-weight:normal !important;
}

.chunkWhite{
font-family:'ChunkFiveRegular',Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight:normal !important;
}

h1{
font-size:24px;
font-family:'ChunkFiveRegular',Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #ffd200;
padding:0 0 0px 0;
margin:0;
}

.insideMain h2{
font-size:16px;
font-family:'ChunkFiveRegular',Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ffd200;
height:35px;
float:left;
width:760px;
padding:0;
margin:0;
}

.new{
	background: url(images/newBack.png) no-repeat;
}

.used{
	background: url(images/usedBack.png) no-repeat;
}

.sold{
	background: url(images/soldBack.png) no-repeat;
}

.accHeader{
	background: url(images/accBack.png) no-repeat;
}

#page h2{
font:20px MuseoSlab700, Verdana, Arial, Helvetica, sans-serif;
width:auto !important;
}

.albumTitle a:link, .albumTitle a:active, .albumTitle a:visited, .albumTitle a{
	font:18px MuseoSlab700, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #ffd200;
	cursor:pointer;
	
}
.albumTitle{
	margin:20px 0 5px 0;
}
.albumTitle a:hover{
	text-decoration:underline;
}



.galleryDesc{
margin-bottom:10px;
display:block;
}

.gallery img{
	padding:0 3px 3px 0;
}

.gallery{
	width:760px;
}

h2{
font:20px 'MuseoSlab700', Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #ffd200;
width:760px;
padding:15px 0 0;
margin:0;
}

#links h2{
font:20px 'MuseoSlab700', Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #fff;
float:left;
width:760px;
padding:15px 0 0;
margin:0 0 10px;
}

.goldBold{
	color: #ffd200;
	font-weight:bold;
}

#button{
	text-decoration:underline;
	color: #ffd200;
	font-weight:bold;
	cursor:pointer;
}

.phone{
font:26px 'ChunkFiveRegular', Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #ffd200;
display:block;
margin:15px 0 0;
}

.trikesForSale,.desc{
	font:14px 'MuseoSlab700', Georgia, Verdana, Arial, Helvetica, sans-serif;
}
.trikesForSale td{
	padding-bottom:10px;
}
	
h3{
font:18px MuseoSlab700,Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #FFD200;
float:left;
width:760px;
padding:10px 0 0;
margin:0;
}

h4{
font:14px MuseoSlab700,Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #ffd200;
padding:0;
margin:0;
display: inline;
}
.vehSubHeading{
font-weight:bold;
}

.sm {
font-size:9px;
color: #666666;
}

.info{
	background:url(images/info.png) no-repeat;
	width:315px;
	height:28px;
	float:left;
	margin-top:3px;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/chunk-webfont.eot');
	src: local('☺'), url('fonts/chunk-webfont.woff') format('woff'), url('fonts/chunk-webfont.ttf') format('truetype'), url('fonts/chunk-webfont.svg#webfont4CzPTNtF') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'MuseoSlab700';
    src: url('fonts/Museo_Slab_700-webfont.eot');
    src: url('fonts/Museo_Slab_700-webfont.eot?iefix') format('eot'),
         url('fonts/Museo_Slab_700-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_700-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_700-webfont.svg#webfontCEWZYkyF') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Grotesqa4FItalic';
    src: url('fonts/grotesqa_4f-italic-webfont.eot');
    src: url('fonts/grotesqa_4f-italic-webfont.eot?iefix') format('eot'),
         url('fonts/grotesqa_4f-italic-webfont.woff') format('woff'),
         url('fonts/grotesqa_4f-italic-webfont.ttf') format('truetype'),
         url('fonts/grotesqa_4f-italic-webfont.svg#webfontvT4eLQiF') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Grotesqa4FRegular';
    src: url('fonts/grotesqa_4f-regular-webfont.eot');
    src: url('fonts/grotesqa_4f-regular-webfont.eot?iefix') format('eot'),
         url('fonts/grotesqa_4f-regular-webfont.woff') format('woff'),
         url('fonts/grotesqa_4f-regular-webfont.ttf') format('truetype'),
         url('fonts/grotesqa_4f-regular-webfont.svg#webfontqyg889i7') format('svg');
    font-weight: normal;
    font-style: normal;

}

.vehPrintEmail{
position:absolute;
bottom:15px;
right:20px;
}
.vehPrintEmail td{
padding:0;
text-align:right;
}
ul{
	padding:0;
	margin:0 0 0 15px;
}

.linkSquare{
	float:left;
	width:200px;
	margin:0 25px 25px 0;
}

.museo{
	 font:12px MuseoSlab700,"Verdana", Arial, Helvetica, sans-serif;
}
table.links td{
	vertical-align:bottom;
	padding-bottom:20px;
	width:240px;
	padding-right:20px;
}

table.brochures td{
	vertical-align:top;
	padding-bottom:20px;
	width:240px;
	padding-right:20px;
}

table.links td img{
	margin-bottom:10px;
}

table#links{
	margin-bottom:10px;
}

#form {
	border-radius: 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.5);
	background: #830308 url(images/gradBack.png) repeat-x;
    float: left;
    margin: 10px 0 0 0;
    padding: 14px 18px 18px;
    width: 360px;
	font-weight:bold;
	font-size:11px;
}

label.error {
    font-weight: bold;
    color: #ffd200;
	font-size:11px;
	display:none;
}

#form td{
	padding: 0 0 12px;
    vertical-align: top;
}

#form .formLeft{
	text-align:right;
	padding: 2px 10px 0 0;
}

textarea, input, select{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.fadein { position:relative; width:251px; height:105px; overflow:hidden; display:block;}
.fadein img { position:absolute; left:0; top:0; }

.thumbs td{
	width:75px;
	height:57px;
}

.thumbs img{
cursor:pointer;
}

.twitBox{
	width:170px;
	float:left;
	border-right:1px solid #FFF;
	padding-right:13px;
	margin-left:12px;
	font:14px MuseoSlab700,"Verdana", Arial, Helvetica, sans-serif;
}

.twitText{
	padding:0 0 0 10px;
	width:100px;
	display:table-cell;
	vertical-align:middle;
	height:60px;
}

.twitfb{
	float:left;
	background: url(images/twitfb.png) no-repeat;
	width:140px;
	margin:0 0 10px 10px;
	
}

.twitter,.fb{
	float:left;
	width:90px;
	height:30px;
	display:block;
	padding:0px 0 0 38px;
	font-size:11px;
	margin-bottom:8px;
}