/*_________________________________________________________
	
	Author: Blue Square Design
	www.blue-square.com.au
	Created for: Suzuki Motorcycles Australia Pty Limited
	www.suzukiboulevard.com.au
	Copyright © All rights reserved.
	Date Created: 1th September 2009

	DO NOT MODIFY THIS DOCUMENT WITHOUT
	NOTIFYING THE AUTHOR FIRST
_________________________________________________________*/


@import url("reset.css");
@import url("clearfix.css");
@import url("textStyle.css");

html {
	margin:0;
	padding:0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#8a8a8a;
	margin:0;
	padding:0;
	background:#000 url(/res/img/loadingAnimation.gif) no-repeat 50% 160px;
}

a {
	outline:none;
	text-decoration:none;
	color:#999;
}

img,
a img {
	text-decoration:none;
	border:none;
}

#whiteStripContainerDeep {
	width:100%;
	background:url(../img/site/white-strip.png) center 245px no-repeat;
	min-height:400px;
}
#whiteStripContainerThin {
	width:100%;
	background:url(../img/site/white-strip.png) center 40px no-repeat;
	min-height:400px;
}

#blackGradientThin {
	/*background:url(../img/site/body-bg.png) top center repeat-y;*/
	background:url(../img/site/black-gradient-half.png) 50% -125px;
	padding-top:80px;
	min-height:700px;
}

#blackGradientDeep {
	background:url(../img/site/black-gradient-half.png) 50% 0;
}

#contentContainer {
    width:950px;
	padding:0 15px;
	margin:0 auto;
}

#contentLeft {
	width:600px;
	float:left;
}
#contentRight {
	width:290px;
	float:right;
}
#contentWide {
	width:950px;
	float:left;
}

#header {
	background:url(../img/site/header-bg.gif) repeat-x;
	height:130px;
	margin:0;
	padding:0;
	width:100%;
}

#headerLogo {
	background:url(../img/site/header-logo.gif) top center no-repeat;
	height:130px;
	width:980px;
	margin:0 auto;
	padding:0;
}

#logoHomeLink {
	width:307px;
	height:80px;
	margin:0 auto;
	padding:0;
}
#logoHomeLink a {
	width:307px;
	height:80px;
	display:block;
	margin:0;
	padding:0;
}

#modelMenu {
	background:url(../img/site/model-menu-bg.png) no-repeat;
	width:124px;
	height:225px;
	padding:10px 20px;
}
#modelMenu li {
	line-height:19px;
}
#modelMenu li a {
	padding:2px 0 2px 18px;
	display:block;
	width:105px;

}
#modelMenu li a:hover,
#modelMenu li a.selected {
	background:url(../img/site/li-model-menu.gif) 0 7px no-repeat;
	color:#fff;
}

#modelLogo {
	padding:11px 0 0 10px;
	height:52px;
}

#modelImageContainer {
	position:relative;
	width:290px;
	height:296px;
}
#modelImage {
	position:absolute;
	width:394px;
	height:296px;
	right:0px;
	top:105px;
}

#contentLeftBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ddd;
	padding:45px 0 0 0;
}
#contentRightBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	padding:0;
	margin:125px 0 0 0;
}

#contentLeftBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ddd;
	padding:45px 0 0 0;
}

#footer {
	padding:75px 15px 40px 15px;
	color:#787878;
	width:950px;
	margin:0 auto;
}

#suzukiLogoFooter {
	float:left;
	display:inline-block;
	width:45px;
	padding-top:3px;
}

#footerText {
	float:left;
	display:inline-block;
}

#footer p {
	margin:5px 0;
	line-height:13px;
	font-size:10px;
}

#footerText a {
	color:#787878;
	border-bottom:1px dotted #666;
	background:none;
}
#footerText a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
	background:none;
}

.smallText {
	font-size:10px;
	line-height:13px;
}




/* -------------  Booking Form ------------ */

.formSection {
	background:#191919;
	border:1px solid #333;
	padding:10px;
	margin:0 0 6px 0;
}

.BookHead {
	background: url(/img/site/helmet3.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
}

.formSection input#Name,
.formSection input#Surname,
.formSection input#Email,
.formSection input#PreferredTime,
.formSection input#ContactNumber,
.formSection select	 {
	width:270px;
	background:#999;
	border:1px solid #555;
	color:#000;
	padding:3px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formSection input#Postcode {
	width:80px;
	background:#999;
	border:1px solid #555;
	color:#000;
	padding:3px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formSection label {
	padding:0px;
	margin:15px 0 3px 0;
	display:block;
	font-weight: bold;
	color:#aaaa85;
	font-style:italic;
	
}
.formSection label.long {
	width:400px;
	line-height: 20px;
	margin:15px 0 0 0;
	display:inline-block; 
	font-weight: bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
}
.formSection label.short {
	width:30px;
	line-height:20px;
	margin:15px 0 0 0;
	display:inline-block; 
	font-weight: bold;
	font-style:italic;
	padding:0;
}

.formSection label.error {
	color:#F00;
}

.formSection input.radioCheck {
	width:20px;
}

.formSectionHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:30px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	letter-spacing:-1px;
	padding:0;
	margin:20px 0 0 0;
}

.formSectionHeadTwo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	letter-spacing:0;
	padding:5px 0 0 0;
}

.formSectionHeadTwo a {
	color:#fff;
}

.bookRideThumb {
	width:136px;
	height:150px;
	float:left;
	padding:16px;
	margin:3px;
	background:#eee;
	border:1px solid #555;
	display:inline-block;
}
.bookRideThumb img {
	width:136px;
}
.bookRideThumb a {
	width:136px;
	padding:2px;
	display:block;
	border:1px solid #333;
}
.bookRideThumb a:hover {
	border:1px solid #555;
}
.bookRideRow {
	width:565px;
	margin-bottom:10px;
	padding:15px 0 0 0;
}

.bookRideThumb input.bikeCheck {
	float:left; 
	width:20px;
	margin:0;
	padding:0;
}
.bookRideThumb label.bikeLabel {
	float:left; 
	font-size: 12px;
	font-weight: normal;
	width:110px;
	margin: 0;
	padding: 0;
	line-height:17px;
	color:#333;
	font-style:normal;
}

#otherBikes {
	padding:15px 0 0 0;
}

.toggleHead {
	padding: 6px 0 0 0;
	display:inline-block;
	float:left;
}

.toggleButton {
	padding: 0px 0 0 0;
	display:inline-block;
	float:left;
}

.error{
	color:red;
}

input.bookInspection {
	background: url(/res/img/site/but-book-inspection.gif) 0 0 no-repeat;
	height: 66px;
	width: 270px;
	display: inline-block;
	cursor: pointer;
	float: left;
	margin: 20px 0 0 0;
	overflow:hidden;
	border:none;
}

input.bookInspection:hover {
	background: url(/res/img/site/but-book-inspection.gif) 0 -66px no-repeat;
}

/* ------------  SUBSCRIBE LINK ------------*/


.subscribeLink {
	height:27px;
	width:26px;
	float:right;
	display:block;
	margin:15px 33px 0 0;  
}

*html .subscribeLink {
	margin:15px 22px 0 0;
	height:27px;
}

.subscribeLink a {
	background: url(../img/site/subscribe-link.gif) 0 0 no-repeat;
	display:block;
	height:27px;
	width:26px;
	overflow:hidden;
	margin:0px;
}
.subscribeLink a:hover {
	background: url(../img/site/subscribe-link.gif) 0 -27px no-repeat;
}

.subscribeLink li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}

.subscribeLink li em {
	width: 250px;
	height: 76px;
	position: absolute;
	top: -65px;
	left: -245px;
	text-align:right;
	padding:0;
	z-index: 2;
	display: none;
}


.destination p {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: left;
}

.destination em {
	width: 250px;
	height: 76px;
	position: absolute;
	top: -65px;
	left: -135px;
	text-align:right;
	padding:0;
	z-index: 2;
	display: none;
}



/* ------------  SUBSCRIBE hover graphic ------------*/

.bubbleInfo {
    position: relative;
	z-index:99999;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

/* ----------------  TOOL TIP  -----------------*/

.tooltip {
	position:absolute;
	font-size:11px;
	border:1px solid #000;
	background:url(../img/site/bg-60k.png);
	padding:2px 5px;
	color:#fff;
	display:none;
	z-index:2;
}


/* --------------------  SPECS  ------------------------------*/

.tableTh {
	background:url(../img/site/table-th-bg.gif) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:19px;
	font-style:normal;
	font-weight:bold;
	color:#fff;
	padding:15px 15px 5px 15px;
	border-bottom:1px #333 solid;
}
.specsRow {
	background:#161616;
	width:100%;
	border-bottom:1px solid #2a2a2a;
	margin-bottom:5px;
	line-height:17px;
}

.specsData:hover {
	background:#222;
}
.specsData {
	float:left;
	font-size:12px;
	width:370px;
	padding:7px 5px 3px 10px;
}

.specsData p {
	font-size:12px;
	padding:0;
	margin:0;
}
.specsHead {
	background:url(../img/site/bg-specs-head.gif) 0 100% no-repeat;
	width:170px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #999;
	float: left;
	clear: left;
	padding:8px 25px 8px 15px;
}


/* -------------  COLLAPSIBLE BLOCKS   -------------*/


.message_body {
	width:260px;
	padding:12px 15px;
	margin: 0;
	background:url(../img/site/block-bar.gif) no-repeat;
	list-style:none;
}

.message_body_no_padding {
	width:292px;
	padding:0;
	margin: 0;
	background:url(../img/site/block-bar.gif) no-repeat;
	list-style:none;
}

#offer {
	height:193px;
}
#contact {
	height:95px;
}
#dealer {
	height:262px;
	display:none;
}
#share {
	height:110px;
	display:none;
}
#pricing {
	height:185px;
	display:none;
}

#pricing p {
	margin:0 0 10px 0;
}

.message_head .dealer,
.message_head .share,
.message_head .pricing {
	background:url(../img/site/block-head-bg.gif) 0 0 no-repeat;
	padding:0 20px;
	cursor: pointer;
	position: relative;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:250px;
	height:45px;
	margin:0;
	line-height:47px;
	display:block;
	text-decoration:none;
}

.message_head .offer,
.message_head .contact {
	background:url(../img/site/block-head-bg.gif) 0 -45px no-repeat;
	padding:0 20px;
	cursor: pointer;
	position: relative;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:250px;
	height:45px;
	margin:0;
	line-height:47px;
	display:block;
	text-decoration:none;
}

.message_head .activeCloseOnLoad {
	background:url(../img/site/block-head-bg.gif) 0 -45px no-repeat;
}

.message_head .activeOpenOnLoad {
	background:url(../img/site/block-head-bg.gif) 0 0px no-repeat;
}

.message_head a,
.message_head a:hover {
	text-decoration:none;
	border: none;
}

li.imageHeadTop {
	margin:0;
	padding:6px 0;
	border:0;
	height:16px;
}
li.imageHead {
	margin:0;
	padding:15px 0 6px 0;
	border:0;
	height:16px;
}

/* -------------  SCENE SELECTION  -------------*/

#sceneSelectionPosition {
	width:100%;
	z-index:999999;
}

#sceneSelectionContainer {
	position:relative;
	width:100%;
	z-index:999999;
}

#sceneSelection {
	width:168px;
	position:absolute;
	right:15px;
	z-index:999999;
}
#sceneSelection a:focus {
	outline: none;
	border:none;
}
#sceneSelection #panel {
	background:url(../img/site/panel-bg.png) no-repeat right bottom;
	height:250px;
	width:168px;
	display: none;
}

#sceneSelection .slide {
	border:none;
	margin:0;
	padding:0;
}
#sceneSelection .btn-slide {
	background:url(../img/site/scene-button.png) 0 -39px no-repeat;
	width:101px;
	height:39px;
	overflow:hidden;
	display:block;
	margin:0 0 0 58px;
	border:none;
	color:#8b8b8b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:40px;
	text-indent:18px;
}
#sceneSelection .active {
	background:url(../img/site/scene-button.png) 0 0px no-repeat;
}


/* -------------  BLOCKS  -------------*/

#contactDealer {
	padding:5px 0 5px 10px;
}

#contactDealer a {
	background:url(../img/site/envelope.gif) no-repeat 0 0;
	display:block;
	width:155px;
	height:60px;
	overflow:hidden;
	padding:0 0 0 100px;
	color:#ccc;
	line-height:17px;
}
#contactDealer a:hover {
	background:url(../img/site/envelope.gif) no-repeat 0 -60px;
	color:#fff;
}

#dealerLocator {
	padding:0 0 0 25px; 
}


.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0 3px 0 0;
    padding: 0;
	cursor:pointer;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}
.greyBox {
	background:#161616;
	padding:10px;
	border-bottom:1px solid #2a2a2a;
}


#promoSpread {
	display:block;
}

.promo {
	height:190px;
	margin-right:20px;
	width:290px;
	float:left;
	display:inline-block;
}

.promo a {
	height:160px;
	width:260px;
	border:solid #333 1px;
	display:block;
	padding:15px;
	opacity: 1;
}

.promo a:hover {
	border:solid #666 1px;
}

.promoHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	line-height:20px;
	display:block;
	font-weight:bold;
	padding:90px 0 15px 0;
}
.promoDescription {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#999;
	line-height:17px;
}

.warning {
	background:url(../img/site/warning.gif) no-repeat 5px 5px #222;
	border:1px solid #333;
	padding:10px;
	font-size:12px;
	margin:6px 0;
}

.caution {
	background:url(../img/site/caution.gif) no-repeat 5px 5px #222;
	border:1px solid #333;
	padding:10px;
	font-size:12px;
	margin:6px 0;
}

.remember {
	background:url(../img/site/remember.gif) no-repeat 5px 5px #222;
	border:1px solid #333;
	padding:10px;
	font-size:12px;
	margin:15px 0 6px 0;
}

.warning .head {
	color:#F00;
	font-size:16px;
	font-weight:bold;
	padding:7px 0 12px 40px;
	text-transform:uppercase;
}

.remember .head,
.caution .head {
	color:#fbd702;
	font-size:16px;
	font-weight:bold;
	padding:7px 0 12px 40px;
	text-transform:uppercase;
}


.bikeOptions a {
	background:#eee;
	border:3px solid #444;
	display:inline-block;
	float:left;
	padding:0px;
	margin:2px;
}
.bikeOptions a:hover {
	border:3px solid #bcba00;
}

#loading{
	display: none;
	position: absolute;
	right: 50%;
	top: 140px;
}

.galleryLink {
	display:inline-block;
	float:left;
	padding:3px;
}
.galleryLink img {
	width:127px;	
}
.galleryLink a {
	background:#eee;
	border:3px solid #444;
	display:block;
	padding:0px;
	margin:2px;
}
.galleryLink a:hover {
	border:3px solid #bcba00;
}





/* -------------  MULTIMEDIA PAGE  -------------*/


#video {
	text-align:center;
	background:url(../img/site/bg-carbon.gif);
	margin:0;
	padding:10px;
	border:1px solid #333;
	margin:0px auto 0 auto;
	width:640px;
}
.multiMediaBox {
	background:#161616;
	padding:10px;
	border:1px solid #2a2a2a;
	margin-bottom:10px;
}

.multiMediaItem {
	width:143px;
	padding:5px;
	height:200px;
	overflow:hidden;
	background: url(../img/site/bg-gallery-item.gif) repeat-x 0 0 #000;
	border:1px solid #2a2a2a;
	float:left;
	margin:5px;

}
.galleryDescription ul{
	padding:5px 0 0 0;
	margin:0;
}

.galleryDescription li a {
	color:#666;
}
.galleryDescription li a:hover {
	color:#ccc;
	text-decoration:underline;
}

.galleryDescription {
	padding:7px;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:15px;
	color:#666;
	display:block;
}

.galleryTitle {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:15px;
	color:#ccc;
	display:block;
}


/* -------------  ADD THIS TOOLBOX  -------------*/


.pageActions {
	margin-bottom:10px;
}
.pageActions a {
	opacity: 0.75;
	padding:5px;
}
.pageActions a:hover {
	opacity: 1;
}
.toolBoxRow {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #333;
}
.toolBoxRow a {
	width:33px;
	height:32px;
	float:left;
	display:block;
	padding:5px;
	opacity: 1;
}
.toolBoxRow a:hover {
	opacity: 0.5;
}
.pageActions {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #333;
}

.more a {
	line-height:5px;
	font-family:Verdana, Geneva, sans-serif;
	cursor:pointer;
	color:#666;
	font-size:10px;
	height:15px;
	overflow:hidden;
	opacity: 0.75;
}
.more a:hover {
	color:#ccc;
	opacity: 1;
}

#flashHomepage {
	height:350px;
	overflow:hidden;
	display:block;
}

.mSeries,
.cSeries {
	background:#161616;
	border:1px solid #333;
	float:left;
	width:270px;
	padding:10px;
	margin:3px;
}

.stylingColumn p {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}

#contentLeftBody table {
	width:100%;
	color:#ccc;
	margin-bottom:20px;
}
#contentLeftBody table td {
	border:1px solid #333;
	padding:5px 10px;
	margin:0;
}
#contentLeftBody table tr:hover {
	background:url(../img/site/bg-carbon.gif);
	color:#fff;
}

#contentLeftBody table tr.trColour {
	background:#222;
	color:#aaaa85;
}

.fullGallery {
	padding:10px;
	width:130px;
}
.fullGallery a {
	background:url(../img/site/camera.gif) no-repeat 0 -17px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999;
	padding:0 0 0 32px;
	height:17px;
	display:block;
	line-height:19px;
}
.fullGallery a:hover {
	background:url(../img/site/camera.gif) no-repeat 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}