@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#EAEAEA; margin:0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

/* Common stuff */
a img { border:0px none;}
.clear { clear:both;}
.pngfix {}
a{ outline:none;}

/* Header = Logo / Main Menu / Car
========================================================== */
#header { display:block; height:248px; background:url(../images/common/bg_header.jpg) no-repeat center;}

#header #block { display:block; width:900px; margin:0 auto; position:relative;}
#header #block div.logo { display:block; width:440px; height:90px; position:absolute; top:52px; left:20px;}
#header #block div.car { display:block; width:404px; height:230px; position:absolute; top:0px; right:20px;}
#header #block div.menu { display:block; width:500px; height:53px; position:absolute; top:179px; left:55px; font-family:Arial; font-size:15px;}
#header #block div.menu li { list-style:none; display:inline;}
#header #block div.menu li a { display:block; float:left; color:#fff; text-decoration:none; height:53px; line-height:55px; padding:0 20px 0 0; background:none;}
#header #block div.menu li b { display:block; float:left; height:53px; font-weight:normal; background:none; padding:0 0 0 20px; cursor:pointer;}
#header #block div.menu li a:hover { color:#8D219A; background:url(../images/common/bg_menuRight.gif) no-repeat right 4px;}
#header #block div.menu li a:hover b { background:url(../images/common/bg_menuLeft.gif) no-repeat left 4px;}


/* Content = wording
========================================================== */
#content { width:806px; background:url(../images/common/bg_contentTop.gif) no-repeat; margin:0 auto; padding:8px 0 0 0;}
#content #wording { display:block; padding:12px 20px 28px 20px; background:url(../images/common/bg_contentBody.gif) repeat-y; font-family:Arial, sans-serif; color:#666; font-size:13px; line-height:18px;}
#content #wording #leftCol { display:block; width:500px; float:left;}
#content #wording #rightCol { display:block; width:230px; float:right;}


#content #wording #leftCol h1 { font-family:Arial, sans-serif; color:#53105C; font-size:16px; font-weight:700;}
#content #wording hr { height:1px; color:#D1D1D1; border-bottom:1px solid #D1D1D1; margin:15px 0;}

#content #wording span.purple { color:#8B1F99; font-style:italic; font-size:13px; font-weight:normal;}

#content #wording ul.brands li { list-style:none; display:inline;}
#content #wording ul.brands li a img { display:block; width:50px; height:45px; float:left; filter:gray; margin-right:5px;}
#content #wording ul.brands li a:hover img { filter:none;}

#content #wording #rightCol img.cog { float:left; padding-right:5px;}
#content #wording #rightCol h1 { font-family:Arial, sans-serif; color:#53105C; font-size:14px; font-weight:700;}
#content #wording #rightCol span.purple { display:block; color:#8B1F99; font-style:italic; font-size:13px; font-weight:normal; margin-top:-5px;}
#content #wording #rightCol ul.points { display:block; width:210px; padding:10px 20px 25px 10px; list-style:none; font-family:Arial, sans-serif; color:#666; font-size:13px;}
#content #wording #rightCol ul.points li { display:block; height:30px; line-height:30px; border-bottom:1px solid #D1D1D1;}
#content #wording #rightCol ul.points li img { display:block; float:left; padding:13px 8px 12px 0;}


/* Footer = copyright / designed by GCweb
========================================================== */
#footer { width:806px; height:40px; clear:both; background:url(../images/common/bg_contentFoot.gif) no-repeat top; margin:0 auto; font-family:Arial, sans-serif; color:#999; font-size:11px; line-height:35px;}
#footer a { float:right; color:#999; text-decoration:none;}
#footer a:hover { color:#666;}

/************* Services Starts Here *************/

ul.services{ margin:0 0 0 30px; padding:0px;}
ul.services li{ list-style-position:outside; list-style-type:disc; color:#666666; line-height:22px;} 

/************* Services Ends Here *************/

/************* Contact Us Page Starts **************/

.contact-form{ width:100%; overflow:hidden; margin:40px 0 0 10px;}
.contact-form ul{ margin:0px; padding:0px;}
.contact-form ul li{ float:left; list-style:none; font-size:13px; color:#000;}
.contact-form ul li.name{ width:100px; float:left; clear:both; padding:12px 0 0 0; color:#666666;}
.contact-form ul li input.name-box{ width:300px; height:20px; border:1px solid #CCCCCC; margin:12px 0 0 0; color:#666666;}
.contact-form ul li textarea.comment-box{ width:350px; height:150px; border:1px solid #CCCCCC; margin:12px 0 0 0; color:#666666;}
.contact-form ul li.submit-bg{ background:url(../images/common/send-butt.jpg) 100px top no-repeat; width:84px; height:25px; clear:both; margin:10px 0 0 0px; text-align:center; line-height:25px; padding-left:100px;}
.contact-form ul li.submit-bg input.submit{ border:0px; cursor:pointer; background:none; font-size:13px; color:#fff; font-weight:bold;}
.contact-form ul li span{ color:#ff0000;}

/************* Contact Us Page Ends **************/


/************* Gallery Page Starts **************/

.gallery-main{ width:100%; overflow:hidden; margin:0 0 0 0; background-color:#dadada; border:1px solid #a3a1a1;}
.gallery-main ul{ margin:20px 0 0 0; padding:0px;}
.gallery-main ul li{ list-style:none; float:left; margin:0px 0 20px 15px;} 
.gallery-main ul li div.gall{ width:145px; height:75px; border:1px solid #682f71;}
.gallery-main ul li p{ font-size:12px; color:#8b1f99; padding-top:1px;}



#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/************* Gallery Page Ends **************/


#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:auto;
	background-color:#ffffff;
}

#lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
}

#lightboxImage{
	width:100%;
	height:100%;
}

#imageContainer{
	width:10px;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLinkImg, #nextLinkImg{
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg { left:0; float:left;}
#nextLinkImg { right:0; float:right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover {
	_background-image:url(../images/prev_ie6.gif);
	background-image: url(../images/prev.png);
	background-repeat: no-repeat;
	background-position: 5% center;
}
#nextLinkImg:hover, #nextLinkImg:visited:hover {
	_background-image:url(../images/next_ie6.gif);
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}


#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	background-color:#fff;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding:3px 10px 0 0;}
#detailsNav{display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails {
	margin:3px;
	margin-top:0px;
	width:24px;
	height:24px;
	background-image: url(../images/prevlabel.gif);
	background-position: left center;
}
#nextLinkDetails {
	margin:3px;
	margin-top:0px;
	width:24px;
	height:24px;
	background-image: url(../images/nextlabel.gif);
	background-position: right center;
}

#slideShowControl.started{
	background-image:url(../images/pause.gif);
}

#slideShowControl{
	display:block;
	width:24px;
	height:24px;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/start.gif)
	}

#close{
	padding:20px 0 0;
	float:right;
}
#closeLink {
	display:block;
	outline-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
	width:32px;
	height:32px;
	background-image: url(../images/close.gif);
	background-repeat: no-repeat;
}

		
	

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color:#fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:38px;
	width:38px;
}

#outerImageContainer td.tl{
	background-image:url(../images/borderTopLeft.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(../images/borderTopCenter.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background-image:url(../images/borderTopRight.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(../images/borderMiddleLeft.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(../images/borderMiddleRight.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(../images/borderBottomLeft.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(../images/borderBottomCenter.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(../images/borderBottomRight.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale');
}

#vlightbox {
	width:100%;
	zoom:1;	
}
.vlightbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	width:206px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
.vlightbox a{
	margin:0;
}
.vlightbox:hover, .vlightbox a:hover{
	text-decoration:underline;
	opacity:1;
}
.vlightbox img{
	display:block;
	border:none;
	margin:0;
}
.vlightbox div {display:none}