/*
============================================================================================================================
 Global styles
============================================================================================================================
*/
body { 
	margin:						0; 
	font-family:					"Lucida Grande", Verdana, Arial, sans-serif ;
	font-size:					10px; 
	color:						#333; 
	background-image:				url(images/site/body_bg.gif); 
	background-repeat:				repeat-x; 
	background-position:				300px 250px; 
	line-height:					14px; 
	}

a { color: #F6014F; text-decoration: none; }

a:hover { color: #262626; }

img { border: 0; text-decoration:none; }

/* hTag declairations */
h1 { margin:0; padding:0; visibility:hidden; display:none; }
h2 { margin:0; padding:0; }
h3{ margin:0; padding: 0 0  20px 0; }
h4 { margin:0; padding:0; }
h5 {
	margin:10px 0 15px 0;
	padding:0;
	color: #FFFFFF;
	font-size: 14px;
}

.pink { color:#F6014F; }


/* floats and clears */
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0; line-height:0; }


/* 
============================================================================================================================
 Header
============================================================================================================================
*/
/* top nav */
.topWrapper {
	background-image:				url(images/site/top_bg.gif);
	background-repeat:				repeat-x;
	width:						100%;
	padding:					10px 0px 0 0px;
	text-align:					right;
	color:						#fff;
	height:						48px;
	min-width:					950px;
	vertical-align:					middle;
	background-color: 				#000000;
}


a li {color:#fff;}
a:hover li {color:#F6014F; }


/**************** Navigation menu styles ****************/

.topWrapper .lefty { 
	float:						left; 
	margin:						10px 0 0 30px; 
	padding:					0; 
	position: 					relative;
}
ul#menu {
	float: 						right;
	list-style:					none;
	position: 					relative;
	margin:						0;
	padding:					0;
	float:						right;
}

ul#menu li {
	float: 						left;
	line-height: 					28px;
	margin-left:					5px;
}

ul#menu li a {
	color:						#fff;
	text-decoration: 				none;
	text-align: 					center;
	width: 						105px;
	height: 					29px;
	padding: 					5px 0;
	display: 					block;
	background-image:				url(images/site/tab1.jpg);
	background-repeat: 				no-repeat;
	background-position: 				top left;
	font-size: 					10px;
}

ul#menu li a:hover, ul#menu li a:active {
	background-position: 				bottom left;
	color: 						#000000;
}

ul#menu #currentpage a {
	background-position: bottom left;
	color: 						#000000;
}

/* accordian */
#accordion { margin-bottom:20px; }

.tab { margin-bottom: 1px; }

.tabbed { 
	overflow: 					hidden; 
	visibility: 					hidden; 
	height: 					0px; 
}


.subCategory {
	margin: 					0;
	padding-left: 					0px;
	padding-right:					0px;
	background-color: 				#262626;
	border-top: 					solid #fff 3px;
}

.subCategory a {
	display: 					block;
	color: 						#fff;
	padding: 					6px 0 6px 6px;
	text-decoration:				none;
	background-repeat:				no-repeat;
	background-position: 				right;
	font-weight: 					bold;
}

.subCategory a:hover {
	background-color: 				#F6014F;
	color: 						#fff;
	text-decoration: 				none;
	padding: 					6px 0 6px 6px;
}

.location {
	margin: 						0;
	padding-left: 					0px;
	padding-right:					0px;
	list-style-type: 				none;
	list-style-position:			outside;
	background-color: 				#E0E0E0;
	border-top: 					solid #fff 3px;
	height:							28px;
	color: #262626;
}

.location a {
	display: 					block;
	color: 						#262626;
	padding: 					6px 0 6px 6px;
	text-decoration:				none;
	background-repeat:				no-repeat;
	background-position: 				right;
	font-weight: 					bold;
}

.location  a:hover {
	background-color: 			#F6014F;
	color: 						#fff;
	text-decoration: 			none;
	padding: 					6px 0 6px 6px;
}
.activelocation a{
	background-color: 			#F6014F;
	color: 						#fff;
	text-decoration: 			none;
}

.arrow {
	width:						15px;
	height:						13px;
	float:						right;
	margin-top:					8px;
}

/* @end */


/* top image */
.logoWrapper { 
	width:						100%; 
	height:						187px; 
	padding-top:	 				10px; 
	background: 					url(../images/site/bannerRotator/rotator.php); 
	background-position:				center; 
	background-repeat:				repeat-x; 
	min-width:950px; 
}


/* body */
.bodyWrapper { 
	width:						1110px;
	margin:						0 0 0px 0; 
	padding:					0; 
}
	
.leftColumnWrapper {
	width:						316px;
	padding:					20px 0 0 25px;
	float:						left;
	font-size:					11px;
	line-height:					16px;
}

/* Search box styles */
.titleSearch { margin-bottom:10px; }

#searchField { 
	vertical-align:					top; 
	width: 						256px; 
	color:						#666666; 
	font-family:					"Lucida Grande", Verdana, Arial, sans-serif
	font-size:					14px; 
	padding-left:					20px; 
	background-image:				url(images/site/search_icon.gif); 
	background-repeat:				no-repeat; 
	background-position:				5px 5px; 
	border:						1px solid #aaa; 
}

form { padding:0; margin:0 0 20px 0; }

#searchBtn { 
	vertical-align:					top; 
	margin:						0; 
	padding:					0; 
}

h3 a { cursor:pointer; }

#freeListing { 
	margin: 					10px 0 10px 0; 
	width:						130px; 
	height:						128px; 
}
	
/* Sign up */
.signupWrapper { 
	width:						280px; 
	height:						137px; 
	padding: 					50px 20px 0 20px; 
	background-image:				url(images/site/signup_box.gif); 
	background-repeat:				no-repeat; 
}

#signupField { 
	vertical-align:					top; 
	width: 						215px; 
	color:						#666; 
	font-family:					"Lucida Grande", Verdana, Arial, sans-serif
	font-size:					13px;
	padding:					2px; 
	border:						1px solid #aaa; 
}

/* Pagination bar */
#pageswrapper {
	margin-top:10px;
}

#pages {
	font-size: 					10px;
	color:						#fff;
	width: 						530px;
	position:					relative;
	padding: 					4px 0 4px 8px;
	background-color:			#262626;
}

#pagelinks {
	position: 					absolute;
	top: 						0;
	right: 						0;
	margin: 					0;
	padding: 					4px 10px;
	text-align: 					right;
}

#pagelinks span.current {
	color: 						#fff;
	background-color: 			#F6014F;
	padding: 					1px 4px;
}

#pagelinks a { color: #fff; padding: 1px 4px; }
#pagelinks a:hover { color: #F6014F; padding: 1px 4px; }
	
	
	
/* 
============================================================================================================================
 Index 
============================================================================================================================
*/

.rightColumnWrapper {  
	padding:					20px 0 0 25px; 
	width:						740px; 
	float:						left; 
	display:					inline;
}

.fullColumnWrapper {
	padding:					20px 0 0 25px; 
	float:						left; 
	display:					inline;
}
.centerColumnWrapper{
	padding:					20px 0 0px 350px; 
	width:						600px; 
	float:						left; 
	display:					inline;
	
}


.borderise {
	float: left;
	margin:0;
	padding:0;
}

#about {
	width: 350px;
}


.banner {
	margin-bottom: 10px;
	border: solid #ccc 1px;
	margin-top: 10px;
}

#advertise {
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
}

#categoryBanner{
	margin-bottom: 15px;
}


/* 
============================================================================================================================
 Footer
============================================================================================================================
*/

.footer {
	width:						100%;
	min-width:					950px;
	background-color:				#262626;
	border-top:					1px solid #F6014F;
	padding: 					20px 0 20px 0;
	margin-top:					20px;
}	
.footer a { color:#646464; }
.footer a:hover { color:#F6014F; }
.footer p { margin-left:25px; color:#646464; }


/* 
============================================================================================================================
 Hacks and fixes
============================================================================================================================
*/

/* Preload Rollover images */
#searchBtn{
	background-image: 				url("images/search_btn_over.gif"); 
	background-repeat: 				no-repeat; 
	background-position: 				-1000px -1000px;
}

/* PNG fix image dimensions !|!|!|!|! N.B. ALL PNGS MUST HAVE DIMENSIONS SET FOR PNGFIX.JS TO FUNCTION !|!|!|!|! */
#logo { width:504px; height:186px; }

div .actionPanel{
	padding-top:		45px;
}

#loader{
	font-weight: 					bold;
	color: #F6014F;
}

#loader a{
	font-weight: 					bold;
	color: #000000;
}





/*
============================================================================================================================
CSS FOR THE NEW PACKAGES
============================================================================================================================
*/

.packageTitle{
	clear:both;
	color: #333333;
	font-weight: bold;
	padding-top: 15px;
	font-size: 13px;
}

.footerSmall{
	font-size:11px;
	padding: 5px 25px 5px 25px;
	text-align: justify;
}


/* thumbs */
.Thumb1 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #161819; 
	background-color:				#352c2f; 
	font-weight:					normal;
}

.Thumb1 p { margin:0 5px 0 5px; }

a .Thumb1{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb1{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}

.Thumb2 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #161819; 
	background-color:				#352c2f; 
	font-weight:					normal;
}

.Thumb2 p { margin:0 5px 0 5px; }

a .Thumb2{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb2{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}

.Thumb3 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #161819; 
	background-color:				#b77a00; 
	font-weight:					normal;
}

.Thumb3 p { margin:0 5px 0 5px; }

a .Thumb3{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb3{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}

.Thumb4 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #161819; 
	background-color:				#666666; 
	font-weight:					normal;
}

.Thumb4 p { margin:0 5px 0 5px; }

a .Thumb4{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb4{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}

.Thumb5 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #161819; 
	background-color:				#774b1b; 
	font-weight:					normal;
}

.Thumb5 p { margin:0 5px 0 5px; }

a .Thumb5{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb5{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}

.Thumb6 { 
	display:					inline; 
	margin:						10px 10px 0 0; 
	float:						left; 
	width:						159px; 
	height:						200px; 
	border:						7px solid #d1156b; 
	background-color:				#161819; 
	font-weight:					normal;
}

.Thumb6 p { margin:0 5px 0 5px; }

a .Thumb6{ 
	color:						#fff; 
	font-weight:					normal; 
	text-decoration:				none;  
	cursor:						pointer;
	display:					block;
 }

a:hover .Thumb6{ 
	border:						7px solid #000; 
	background-color:				#000;
	font-weight:					normal; 
	display:					block;
}