@charset "UTF-8";
/* Reset
------------------------------------------------------------------------------------- */
body, div, ul, ol, li, p, h1, h2, h3, span, pre, a, img, blockquote, table, tbody, tfoot, thead, tr, th, td, pre, code { margin:0px; padding:0px; border:0 none; outline:0; vertical-align:baseline; }
ol, ul { list-style:none; }
input { margin:0px; padding:0px; }
:focus { outline:none; }														
														
/*Global Styles
------------------------------------------------------------------------------------- */
html{height:100%;}
body{margin: 0; padding: 0;text-align: left;background-color: #FFFFFF; height:100%;}
a.link:link {text-decoration: none;color: #15622B;}
a.link:visited {text-decoration: none;color: #15622B;}
a.link:hover {text-decoration: none;color: #D79C1C;}
a.link:active {text-decoration: none;color: #15622B;}
.bold{
	font-weight: bold;
}
.affiliate_img{
	display: block;
	padding: 0 10px 0 0;
	width: 150px;
}

/*Main Styles
------------------------------------------------------------------------------------- */
.wrapper{width: 1015px;margin: 0 auto;padding: 0;min-height:100%;}
.break{
	float: left;
	display: block;
	height: 1px;
	width: 795px;
	background-color: #999;
	margin: 0 50px 20px 50px;
}

/*Navigation Buttons
------------------------------------------------------------------------------------- */
.nav_buttons{
	float: left;
	width: 778px;
	height: 23px;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 163px;
	padding: 2px 0 0 10px;
}
.line{
	float: left;
	width: 1px;
	height: 16px;
	background-color: #E2DDC2;
	padding: 0;
	margin: 0;
}
.nav_btn_link{
	color: #15622B;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	margin: 0 6px 0 6px;
	padding: 0;
}
a.nav_btn_link:link {text-decoration: none;color: #15622B;}
a.nav_btn_link:visited {text-decoration: none;color: #15622B;}
a.nav_btn_link:hover {text-decoration: none;color: #D79C1C;}
a.nav_btn_link:active {text-decoration: none;color: #15622B;}

/*Landing Content
------------------------------------------------------------------------------------- */
.landing_image{
	float: left;
	width: 1015px;
	height: 252px;
	background-image: url(../images/landing_image_green.jpg);
	background-repeat: no-repeat;
	
}
.landing_image_intnl{
	float: left;
	width: 1015px;
	height: 252px;
	background-image: url(../images/landing_img_intnl.jpg);
	background-repeat: no-repeat;
}
.landing_image_motorcycle{
	float: left;
	width: 1015px;
	height: 252px;
	background-image: url(../images/landing_img_motorcycle.jpg);
	background-repeat: no-repeat;
}
.phone_number{
	float: right;
	position: relative;
	top: 0px;
	left: -100px;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size: 16px;
	color: #A67C00;
	clear: both;
}
.intl_ph_number{
	float: right;
	position: relative;
	top: 0px;
	left: -100px;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size: 20px;
	color: #A67C00;
	clear: both;
}
.slogan1{
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size: 21px;
	color: #A67900;
	clear: both;
}
.slogan1{
	float: right;
	position: relative;
	top: 0px;
	left: -285px;
	font-family:sans-serif, Arial Narrow, Helvetica;
	font-size: 16px;
	color: #A67900;
	clear: both;
}
.slogan2{
	float: right;
	position: relative;
	top: 5px;
	left: -160px;
	font-family:sans-serif, Arial Narrow, Helvetica;
	font-size: 16px;
	color: #A67900;
	clear: both;
}

/*Nav Boxes
------------------------------------------------------------------------------------- */
.nav_boxes{
	float: left;
	height: 108px;
	width: 920px;
	background-image: url(../images/nav_boxes.png);
	background-repeat: no-repeat;
	position: relative;
	top: -13px;
	left: 3px;
}

.box1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	top: 13px;
	left: 0px;
	width: 228px;
	height: 87px;
}
.box1 p{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 210px;
	margin: 10px 0 0 14px;
	text-align: left;
	line-height: 1.5em;
}
.box2{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	top: 13px;
	left: 0px;
	width: 228px;
	height: 87px;
}
.box2 p{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 210px;
	margin: 10px 0 0 14px;
	text-align: left;
	line-height: 1.5em;
}
.box3{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	top: 13px;
	left: 0px;
	width: 228px;
	height: 87px;
}
.box3 p{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 210px;
	margin: 10px 0 0 14px;
	text-align: left;
	line-height: 1.5em;
}
.box4{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	top: 13px;
	left: 0px;
	width: 228px;
	height: 87px;
}
.box4 p{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 210px;
	margin: 10px 0 0 14px;
	text-align: left;
	line-height: 1.5em;
}

.green_box_link{float: left;margin: 0 0 0 16px;width: 215px;}
a.green_box_link:link {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 200px 5px;
}
a.green_box_link:visited {text-decoration: none;color: #FFFFFF;}
a.green_box_link:hover {
	text-decoration: none;
	color: #124C23;
	background-image: url(../images/green_arrow.png);
	background-repeat: no-repeat;
	background-position: 200px 5px;
}
a.green_box_link:active {text-decoration: none;color: #124C23;}

.green_box_link2{float: left;margin: 0 0 0 23px;width: 215px;}
a.green_box_link2:link, span.green_box_link2 {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 183px 5px;
}
a.green_box_link2:visited, span.green_box_link2:visited {text-decoration: none;color: #FFFFFF;}
a.green_box_link2:hover, span.green_box_link2:hover {
	text-decoration: none;
	color: #124C23;
	background-image: url(../images/green_arrow.png);
	background-repeat: no-repeat;
	background-position: 183px 5px;
	cursor: pointer;
}
a.green_box_link2:active, span.green_box_link2:active {text-decoration: none;color: #124C23;}



.gold_box_link{
	float: left;margin: 0 0 0 30px;width: 215px;
}
a.gold_box_link:link {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 170px 5px;
}
a.gold_box_link:visited {text-decoration: none;color: #FFFFFF;}
a.gold_box_link:hover {
	text-decoration: none;
	color: #D79C1C;
	background-image: url(../images/gold_arrow.png);
	background-repeat: no-repeat;
	background-position: 170px 5px;
}
a.gold_box_link:active {text-decoration: none;color: #D79C1C;}

.gold_box_link2{
	float: left;margin: 0 0 0 42px;width: 215px;
}
a.gold_box_link2:link {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/white_arrow.png);
	background-repeat: no-repeat;
	background-position: 137px 5px;
}
a.gold_box_link2:visited {text-decoration: none;color: #FFFFFF;}
a.gold_box_link2:hover {
	text-decoration: none;
	color: #D79C1C;
	background-image: url(../images/gold_arrow.png);
	background-repeat: no-repeat;
	background-position: 137px 5px;
}
a.gold_box_link2:active {text-decoration: none;color: #D79C1C;}

/*Dialog
------------------------------------------------------------------------------------- */
div#dialog-form label, div#dialog-form input { display:block; }
div#dialog-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
div#dialog-form fieldset { padding:0; border:0; margin-top:25px; }
.ui-dialog .ui-state-error { padding: .3em; }


/*Index Content
------------------------------------------------------------------------------------- */
.index_content{
	float: left;
	background-image: url(../images/main_content_bg.jpg);
	background-repeat: no-repeat;
	position:relative;
	top: -7px;
	left: 0px;
	width: 469px;
	height: 260px;
	margin: 0 0 0 13px;
	font-family: sans-serif, Arial, Helvetica;
}
.index_content h1{
	color:#114B21;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 5px 10px;
}
.index_content p{
	color: #666666;
	line-height:1.6em;
	font-size: 0.75em;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}

/*Main Content
------------------------------------------------------------------------------------- */
.main_content{
	float: left;
	width: 895px;
	margin: 0 0 0 13px;
	height: auto;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-x;
	position:relative;
	top: -7px;
	left: 0px;
	font-family: sans-serif, Arial, Helvetica;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;
	overflow: hidden;
}
.main_content h1{
	color:#114B21;
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0 20px 10px;
	text-align: center;
}
.main_content h2{
	color:#555;
	font-size: 14px;
	font-family: sans-serif, Arial, Helvetica;
	font-weight: bold;
	margin: 10px 0 0 50px;
	text-align: left;
}
.main_content p{
	color: #666666;
	line-height:1.5em;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0 50px 0 50px;
	overflow: hidden;
}

/*Video
------------------------------------------------------------------------------------- */
.video{
	float: left;
	width: 425px;
	height: 260px;
	position: relative;
	top: -7px;
	left: 0px;
}

/*Banners
------------------------------------------------------------------------------------- */
.banners{
	float: left;
	width: 900px;
	margin: 0 0 0 10px;
	position:relative;
	top: 0px;
	left: 0px;
}
.left_banner{
	float: left;
	height: 138px;
	width: 318px;
	margin: 0 5px 0 0;
}
.middle_banner{
	float: left;
	width: 254px;
	height: 138px;
	margin: 0 5px 0 0;
}
.right_banner{
	float: left;
	height: 138px;
	width: 318px;
}
#rotateImage {height:138px;width: 318px;position: relative;}
#rotateImage a {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#rotateImage a.active {z-index:10;opacity:1.0;}
#rotateImage a.last-active {z-index:9;}

#rotateImage2 {height:138px;width: 318px;position: relative;}
#rotateImage2 a {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#rotateImage2 a.active {z-index:10;opacity:1.0;}
#rotateImage2 a.last-active {z-index:9;}

/*Social Media
------------------------------------------------------------------------------------- */
.social_media{
	float: left;
	width: 900px;
	margin: 5px 0 0 10px;
	padding: 0;
}
.social-facebook{
	float: left;
	margin: 0 50px 0 0;
	width: 314px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E8E8E8;
	padding: 2px;
}
.social-facebook2{
	float: left;
	margin: 0 4px 0 0;
	width: 314px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E8E8E8;
	padding: 2px;
}
.middle_banner2{
	float: left;
	width: 254px;
	margin: 0 0 0 0;
	
}
.social-twitter{
	float: right;
	margin: 0;
	width: 318px;
}
/*Footer
------------------------------------------------------------------------------------- */
.footer{
	float: left;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	width: 876px;
	height: 53px;
	margin: 5px 0 0 10px;
	padding: 10px 0 0 40px;
}
.footer ul{
	float: left;
	margin: 0 36px 0 0;
}
.footer ul li{
	list-style-image: url(../images/bullet.png);
	line-height:12px;
}
.footer_link{
	color: #15622B;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
a.footer_link:link {text-decoration: none;color: #15622B;}
a.footer_link:visited {text-decoration: none;color: #15622B;}
a.footer_link:hover {text-decoration: none;color: #D79C1C;}
a.footer_link:active {text-decoration: none;color: #15622B;}

.social_copyright_section{
	float: left;
	width: 830px;
	height: 60px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 5px 0 0 48px;
}
.newsletter{
	float: left;
	background-image: url(../images/newsletter_bg.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 45px;
	padding: 0 0 0 5px;
}
.newsletter_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	position: relative;
	top: 15px;
	left: 0px;
}
a.newsletter_link:link {text-decoration: none;color: #FFFFFF;}
a.newsletter_link:visited {text-decoration: none;color: #FFFFFF;}
a.newsletter_link:hover {text-decoration: none;color: #D79C1C;}
a.newsletter_link:active {text-decoration: none;color: #FFFFFF;}
.newsletter_link2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	position: relative;
	top: -2px;
	left: 180px;
	width: 19px;
	height: 24px;
}
.transport_reviews_logo{
	float: left;
	height: 42px;
	width: 97px;
}
.social_media_icons{
	float: left;
	width: 93px;
	height: 18px;
	margin: 0 0 0 10px;
}
.copyright{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#999999;
	margin: 0 0 0 65px;
	clear: both;
}
.store_front_img{
	float:left;
	width:58px;
	height:35px;
}
.logo{
	float: right;
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	width: 81px;
	height: 38px;
	margin: 0 0 0 90px;
}
.wet_logo{
	outline: none;
}

/*Contact
------------------------------------------------------------------------------------- */
.spacer{
	height: 50px;
	width: 942px;
	float: left;
}
#contact-area {
	width: 485px;
	margin: 0 auto;
	font-size: 14px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: sans-serif, Helvetica;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	color: #666;
	font-weight: bold;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #A67900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	font-size: 1.4em;
}

/* Events
------------------------------------------------------------------------------------- */
.events{
	margin: 0 auto;
	width: 800px;
	height: 600px;
}

/* Store Front
------------------------------------------------------------------------------------- */
.store_front{
	float: left;
	width: 100px;
	height: auto;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #15622B;
	text-align: center;
	font-weight: bold;
}
.merch_tab{
	position: fixed;
	top: 0px;
	left: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #D79C1C;
	text-align: center;
	font-weight: bold;
	/*background-image: url(images/merch_tab_bg.jpg);*/
	background-color: #15622B;
	width: 25px;
	height: 100px;
}



.cards{
	text-align: center !important;
}