*{margin:0; padding:0;}
:focus { outline: 0; }
img{ border:none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
body{
	background:#67c1e1 url(../images/bg.body.jpg) repeat-x center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

b.altBold{ color: #3c78b5; }

#page{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #868686;
	border-style: solid;
	border-right-width: 2px;
	border-left-width: 2px;
	
	width: 994px;
	margin:0px auto;
	
	overflow: hidden;
	}

td{ padding-top: 3px;}


.clearBoth{ clear:both; }

/* LAYOUT */

#leftColumn{
		padding-bottom: 0px;
		padding-top: 18px;
		padding-left: 10px;
		
		width: 710px;
		float:left;
	}
	
#rightColumn{
		margin-left: 730px;
		width: 258px;
	}
/* END */

/* TEXT */

h2{
	margin-top:0;
	margin-bottom: 24px;
	
	padding:0;
	color: #3c78b5;
	}

h3{
	margin-top: 14px;
	margin-bottom: 0;
	padding: 0;
	color: #3fa3d4;
	}
h3#thankyou{text-align: center;}
h4{
	color: #414141;
	font-weight: bold;
	font-size: 110%;
	}
/* END */
/*HEADER*/
	#header{
		background: url(../images/bg.header.jpg) no-repeat top left;
		}
	#homeLink{ float: left;}
	#contactInfo{
		float: right;
		text-align: right;
		color: #3c78b5;
		font-weight: bold;
		font-size: 16px;
		padding-right: 15px;
		}
	#contactInfo p{
		margin-bottom: 5px;
		margin-top: 5px;
		}
	#contactInfo span{
		color: #3fa3d4;
		}
	#contactInfo a, #contactInfo a:hover, #contactInfo a:active, #contactInfo a:visited{
		color: #3fa3d4;
		}
	/* MENU */
		#navlist {
			width: 1020px; height: 41px;
			background: url(../images/menu.sprite.png);
			margin: 0; padding: 0;
			position: relative;
			}
		#navlist li {
			margin: 0; padding: 0; list-style: none;
			position: absolute; top: 0;
			}
		#navlist li, #navlist a {
			height: 41px; display: block;
			}
		#navlist a span{display: none;}
		
		#homeButton {left: 0; width: 133px;}
		#homeButton a:hover, #homeButton a.active{
			background: transparent url(../images/menu.sprite.png)
				0 -42px no-repeat;
			}
			
		#newButton {left: 134px; width: 164px;}
		#newButton a:hover, #newButton a.active{
			background: transparent url(../images/menu.sprite.png)
				-134px -42px no-repeat;
			}
			
		#preownedButton {left: 298px; width: 243px;}
		#preownedButton a:hover, #preownedButton a.active{
			background: transparent url(../images/menu.sprite.png)
				-298px -42px no-repeat;
			}
			
		#serviceButton {left: 541px; width: 273px;}
		#serviceButton a:hover, #serviceButton a.active{
			background: transparent url(../images/menu.sprite.png)
				-541px -42px no-repeat;				
			}
			
		#contactButton {left: 814px; width: 206px;}
		#contactButton a:hover, #contactButton a.active{
			background: transparent url(../images/menu.sprite.png)
				-814px -42px no-repeat;
			}
		
		
		
		
		
		#menuBar{
			background: url(../images/menu.bar.jpg) repeat-x top left;
			width: 100%;
			height: 17px;
			}
	/* END */
/* END */

/* liveBox */
	#liveBox{
		width: 214px;
		height: 328px;
		background: transparent url(../images/home/bg.liveBox.jpg) no-repeat top left;
		
		padding-left: 20px;
		padding-top: 26px;
		padding-right: 24px;
		padding-bottom: 6px;
		text-align: center;
		
		color: #818181;
		
		line-height: 21px;
		
		position: relative;
		}
	#liveBox a.modalButton{
		background: transparent url(../images/listings/overlay.even.png) top left;
		width: 210px;
		height: 107px;
		z-index: 999;	
		cursor: pointer;
	}
	.scroll{
		overflow: auto;
		position: relative;
		height: 296px;
		}
	
	.listing{padding-bottom: 40px;}
	
	.listing h3{ font-size: 80%;}
	.listing li{
		list-style: none;
		}
	.listing li.yourPrice { font-size: 16px;}
	/* live menu */
	.liveMenu{
		width: 148px; height: 24px;
		background: url(../images/home/sprite.liveBox.png);
		margin-left: 36px;
		padding: 0;
		position: relative;
		margin-top: 5px;
		}
		.liveMenu li{
			margin: 0; padding: 0; list-style: none;
			position: absolute; top: 0;
			}
		.liveMenu li, .liveMenu a{
			height: 24px; display: block;
			cursor: pointer;
			}
		.liveMenu li span{display: none;}
		
		#leftScroll{ left:0; width:18px;}
		
		#liveButton_1{ left: 21px; width: 24px; }
		#liveButton_1:hover, #liveButton_1 a.selected{
			background: url(../images/home/sprite.liveBox.png)
				-21px -24px;
			}
			
		#liveButton_2{ left: 48px; width: 24px; }
		#liveButton_2:hover, #liveButton_2 a.selected{
			background: url(../images/home/sprite.liveBox.png)
				-48px -24px;
			}
		#liveButton_3{ left: 75px; width: 24px; }
		#liveButton_3:hover, #liveButton_3 a.selected{
			background: url(../images/home/sprite.liveBox.png)
				-75px -24px;
			}
		#liveButton_4{ left: 102px; width: 24px;}
		#liveButton_4:hover, #liveButton_4 a.selected{
			background: url(../images/home/sprite.liveBox.png)
				-102px -24px;
			}
		#rightScroll{ left: 129px; width: 18px;}
	/* END */
/* END */

/* CONTENT */
	#content{
		background-color: #ffffff;
		overflow: hidden;
		}
	#keys{
		margin-top: 17px;
		}
	.req{ 
		margin-top: 10px;
		color: #ff7264; 
		}
	p.req{margin-left:130px;}
	#homeContentBox{ color: #818181;}
/* END */

/* FORMS */
	form{ color: #5b5b5b;}
	
	input#submit{ margin-top: 20px; margin-bottom: 10px;}
	
	input.error { border-color: #ff7264; background-color: #ff7264;}
	input[type=text]{
		width: 119px;
		}
	fieldset{
		padding: 5px;
		text-align: left;
		width: 460px;
		margin-left: 100px;
		margin-bottom: 10px;
		}
	.leftFieldset{float: left;width: 245px; text-align: right;}
	.rightFieldset{margin-left: 245px; text-align: right;}
	
	p.inputDetails { margin-left: 75px; margin-top: 4px;}
/* END */

/* FOOTER */
	#footer{
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-width: 0px;
		border-style: solid;
		border-color: #858585;
		border-top-width: 2px;
		background-color: #e5e5e5;
		
		color: #8f8f8f;
		text-align: center;
		
		padding-top: 3px;
		padding-bottom: 7px;
		}
	#footer a{
			color: #3c78b5;
			text-decoration: none;
		}
	.panel{
			padding-left: 24px;
			padding-right: 12px;
		}
	#gallery.gallery .panel{
			padding-left: 0px;
		}
/* END */

/* COLORBOX */

#colorboxPreload{}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible; width: 993px;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:transparent url(../_modules/javascript/modal/images/overlay.png) repeat;}

#colorBox{}
    #cboxTopLeft{width:26px; height:25px; background:url(../_modules/javascript/modal/images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:24px; background:url(../_modules/javascript/modal/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:53px; background:url(../_modules/javascript/modal/images/border.png) 0 -25px repeat-x;}
    #cboxTopRight{width:26px; height:25px; background:url(../_modules/javascript/modal/images/border1.png) -26px 0 no-repeat;}
    #cboxBottomLeft{width:26px; height:53px; background:url(../_modules/javascript/modal/images/border1.png) 0 -25px no-repeat;}
    #cboxBottomRight{width:26px; height:53px; background:url(../_modules/javascript/modal/images/border1.png) -26px -25px no-repeat;}
    #cboxMiddleLeft{width:27px; background:url(../_modules/javascript/modal/images/border1.png) -53px 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../_modules/javascript/modal/images/border1.png) top right repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{display: block; position:absolute; top: 310px; right:300px; text-align:left; color: #3c78b5; font-weight: bold;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../_modules/javascript/modal/images/loading.gif) 5px 5px no-repeat;}
        #cboxClose{
        	background:transparent url(../images/modal/button.close.png) top left no-repeat; 
        	width: 111px; height: 27px;
        	position:absolute; 
			margin-top: 18px;
			right: 10px;
        	display:block; color:#444;
        	}
        #cboxClose:hover{ background: transparent url(../images/modal/button.close.png) 0 -27px no-repeat; }
/* END */
