/*
Theme Name: Kingschocks
Theme URI: http://www.kingshocks.com/
Description: Custom theme designed for King Shocks Company by Mad Media.
Version: 1.0
Author: Sitelighter.com / Mad Media
Author URI: http://www.SiteLighter.com/
Tags: single column, customer design

	King Shocks
	http://www.kingshocks.com/

	This theme was designed by Mad Media and built by Robert Kreuzer,
	whose site you will find at http://www.SiteLighter.com/
*/

html {
	width: 			100%;
	height: 		100%;
} 

body {
	margin: 		0;
	height: 		100%;
	background: 	url('/wp-content/themes/kingshocks/images/background.jpg') top center no-repeat fixed;
	font-family:	Helvetica, Verdana, Sans;
	font-size: 		10pt;
}

#container {
	margin: 		0px auto;
	width: 			960px;
}

#header {
	margin: 		0px;
	background: 	url('/wp-content/themes/kingshocks/images/background-header.gif') top left no-repeat;
	height: 		170px;
	padding: 		0px;
}

/* --------------------------------------------------------------------- */
/* -- HEADER MENU ------------------------------------------------------ */
#header ul {
	margin: 			0px;
	padding: 			0px;
	padding-top:		27px;
	list-style-type:	none;
}

#header li {
	float: 				left;
	
}

#header li img {
	display: 			block;
	border: 			0px;
}

/* --------------------------------------------------------------------- */
/* -- HEADER CATEGORY LINKS -------------------------------------------- */
.category-links {
	margin-left:		15px;
	line-height:		11px;
}

.category-links a {
	font-family: 		Arial;
	font-size: 			9px;
	color: 				#ffffff;
	text-transform:		uppercase;
	text-decoration: 	none;
}

.category-links a:hover {
	color: 				#adafb1;
}

.category-links-column-long {
	float: 				left;
	width: 				138px;
}

.category-links-column-short {
	float: 				left;
	margin-left: 		20px;
	width: 				70px;
}

/* --------------------------------------------------------------------- */
/* -- HEADER SEARCH FORM ----------------------------------------------- */
#header form {
	margin-top: 	13px;
	margin-left: 	0px;
}

#search-input {
	background: 	url('/wp-content/themes/kingshocks/images/background-search-box.gif') top left no-repeat;
	border: 		0px;
	width: 			102px;
	height: 		18px;
	padding-left: 	24px;
	padding-right: 	4px;
	padding-top: 	5px;
	padding-bottom: 3px;
	color:			#888888;
	font-size: 		14px;
}

/* --------------------------------------------------------------------- */
/* -- HEADER LOGO AREA ------------------------------------------------- */
#media-links {
	margin: 		2px auto;
	width: 			130px;
}

#media-links img {
	display: 		block;
	float: 			left;
	margin: 		5px 0px 0px 4px;
	border: 		0px;
}

/* --------------------------------------------------------------------- */
/* -- BODY AREA -------------------------------------------------------- */
#flash-gallery {
	display: 		block;
	font-size: 		0px;
	line-height: 	0px;
}

#video-player {
	margin: 		0px;
	text-align: 	center;
}

#scroll-header {
	height: 			32px;
	background: 		url('/wp-content/themes/kingshocks/images/background-scroll-header.gif') top left no-repeat;
	line-height: 		32px;
	text-align: 		center;
	color:				#888888;
	font-size: 			14px;
	font-weight: 		bold;
}

#content-tabs {
	clear: 				both;
	margin: 			0px;
}

/* --------------------------------------------------------------------- */
/* -- FOOTER AREA ------------------------------------------------------ */
#footer {
	height: 			103px;
	background:			url('/wp-content/themes/kingshocks/images/background-footer.gif') top left no-repeat;
	text-align: 		center;
	color:				#FFFFFF;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			10px;
	line-height: 		18px;
}

#footer img {
	display: 			block;
	margin: 			0px auto;
}

#footer a {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

/* --------------------------------------------------------------------- */
/* -- MAD MEDIA FOOTER STYLES ------------------------------------------ */
#madmedia {
	margin: 			0px auto;
	width: 				960px;
	position:			relative;
	background-color:	#414143;
	text-align: 		right;
}

#madmedia img {
	margin: 			0px 0px 0px auto;
	display: 			block;
	border: 			0px;
}

#madmedia-logo {
	position: 			absolute;
	top: 				-78px;
	right: 				10px;
}

/* --------------------------------------------------------------------- */
/* -- JQUERY SCROLLER -------------------------------------------------- */
div.scrollable {
	margin-top: 		2px;
	float:				left;	
	position:			relative;
	overflow:			hidden;
	width: 				960px;	 
	height:				248px;
}

#content-main-scroller {
	position:			relative;
}

a.prev {
	display: 			block;
	position: 			absolute;
	width: 				75px;
	height: 			250px;
	background: 		url('/wp-content/themes/kingshocks/images/scroller-prev.png') no-repeat 0 0;
	top: 				0;
	left: 				100;
	z-index: 			10000;
	cursor:				pointer;
}


a.next {
	display: 			block;
	position: 			absolute;
	width: 				75px;
	height: 			235px;
	background-image:	url('/wp-content/themes/kingshocks/images/scroller-next.png');
	top: 				0;
	right: 				0;
	z-index: 			10000;
	cursor:				pointer;
}


/* mouseover state */
a.prev:hover, a.next:hover {
	background-position:	0px -250px;		
}

/* disabled navigational button  
a.disabled {
	visibility:			hidden !important;		
}
*/

/* 
	root element for scrollable items. It is absolutely positioned with large width. 
*/
.scrollable ul {	
	position:			absolute;
	clear:				both;
}

/* single item */
.scrollable ul li {
	margin: 			12px 20px;
	float:				left;
	width:				200px;
	height:				220px;
	text-align: 		left;
	cursor:				pointer;
}

.scrollable ul li.active {
	cursor:				default;
}

.scrollable ul li img {
	margin:				5px 0px;
	border: 			0px;
	display: 			block;		
}

.scrollable ul li h2 {
	margin:				0px;		
	font-weight: 		normal;
	font-size: 			14px;
}
.scrollable ul li a {
	font-family: 		Arial Black, Arial, sans-serif;
	text-decoration: 	none;
	color:				#888888; 
}
.scrollable ul li a:hover {
	color:				#ffffff; 
}

/* --------------------------------------------------------------------- */
/* -- JQUERY TABS ------------------------------------------------------ */
.ui-tabs {
	border: 			0;
}

.ui-tabs-nav {
	list-style-type: 	none;
	margin: 			0px;
	height: 			35px;
	background: 		url('/wp-content/themes/kingshocks/images/background-tabs.gif') top left no-repeat;
	padding: 			0px;
}

.ui-tabs-nav li {
	margin: 			0px;
	display:			block;
	float: 				left;
	color: 				#FFFFFF;
	line-height: 		35px;
	padding: 			0px 25px;
}

.ui-tabs-nav li a {
	font-weight: 		bold;
	font-size: 			14px;
	color: 				#888888;
	text-decoration: 	none;
}

.ui-tabs-nav li a:hover {
	color: 				#FFFFFF;
}

.ui-tabs-nav .ui-state-active li a {
	color: 				#FFFFFF;
}

.ui-state-active {
	background: 		#353535 url('/wp-content/themes/kingshocks/images/background-tab-highlight.gif') top right no-repeat;
	color: 				#FFFFFF;
}

.ui-tabs-panel {
	display: 			block;
	background: 		#000000 url('/wp-content/themes/kingshocks/images/background-tab-content.gif') top left no-repeat;
	min-height: 		500px;
	padding: 			5px 15px;
}

.ui-tabs-panel img {
	display: 			block;
	margin: 			20px 0px;
}

.ui-tabs-hide { 
	display: 			none !important; 
}

/* --------------------------------------------------------------------- */
/* -- TABLE PRODUCT FEATURES ------------------------------------------- */
#table-feature {
	width: 				100%;
}

#table-feature td {
	vertical-align: 	top;
	padding: 			5px;
}

#table-feature td.cell-1 {
	width: 				100px;
}

#table-feature td.cell-2 {
	width: 				370px;
}

#table-feature td img {
	margin: 			0px;
	padding: 			0px;
}

.text-number {
	font-weight: 		bold;
	font-size: 			16px;
}


/* --------------------------------------------------------------------- */
/* -- TABLE DEALER LIST ------------------------------------------------ */
#dealer-header {
	float: 				left;
	margin-right: 		5px;
}

#dealer-form {
	float: 				left;
}

#dealer-form input {
	background-color: 	#000000;
}

#table-dealer {
	width: 				100%;
}

#table-dealer td {
	width: 				260px;
	vertical-align: 	top;
	padding-bottom: 	40px;
}

#table-dealer td.middle {
	padding: 			0px 44px 40px 44px;
}

#table-dealer td a {
	color: 				#FFFFFF;
}

/* --------------------------------------------------------------------- */
/* -- TABLE SPECS ------------------------------------------------------ */
#table-specs {
	width: 				100%;
}

#table-specs th {
	padding: 			5px;
	background-color: 	#000000;
	color:				#CCCCCC;
}

#table-specs td {
	padding: 			5px;
}

#table-specs tr.row1 {
	background-color: 	#2a2a2a;
}

#table-specs tr.row2 {
	background-color: 	#0e0e0e;
}


/* --------------------------------------------------------------------- */
/* -- TABS ENTRIES ----------------------------------------------------- */

/* SHARED */
#tabs-logo {
	float: 				right;
	margin: 			4px 4px 0px 0px;
}

.clear {
	clear: 				both;
	line-height: 		0px;
	height: 			0px;
}


/* CATEGORY PAGE */
#tabs-header {
	height: 			35px;
	background: 		url('/wp-content/themes/kingshocks/images/background-tabs.gif') top left no-repeat;
	padding-left: 		20px;
	line-height:		35px;
	font-size: 			18px;
	color: 				#FFFFFF;
}

.tabs-large {
	font-size: 			18px;
	font-weight: 		bold;
}

/* HOMEPAGE */
.latest-news {
	margin: 			10px auto;
	width: 				900px;
	color: 				#FFFFFF;
	font-family: 		Arial, Helvetica, Sans Serif;
}

.latest-news img.thumb {
	float: 				left;
	display: 			block;
	margin: 			0px 20px 0px 0px;
	border: 			0px;
	padding: 			0px;
}

.latest-news img.border {
	clear: 				both;
	display: 			block;
	margin: 			20px auto;
	border: 			0px;
	padding: 			0px;
}

.latest-news h2 {
	margin: 			0px;
	padding: 			0px;
	font-size: 			16px;
}	

.latest-news h2 a {
	color: 				#ffffff;
	text-decoration: 	none;
}

.latest-news h2 a:hover {
	color: 				#888888;
}

.latest-news h3 {
	margin: 			0px;
	color: 				#888888;
	font-size: 			11px;
}

/* --------------------------------------------------------------------- */
/* -- NEWS ENTRIES ----------------------------------------------------- */
#news-left {
	float: 				left;
	width: 				590px;
}

#news-right {
	float: 				left;
	margin-left: 		20px;
	width: 				310px;
}

#news-breadcrumb {
	margin: 			0px;
	padding: 			0px;
	color: 				#a8a8a8;
}

.news-line {
	display: 			block;
}

#news-breadcrumb {
	margin: 			5px 0px;
	padding: 			0px;
	color: 				#a8a8a8;
}

.news-header {
	background-color: 	#1875ad;
	padding-left: 		10px;
	color: 				#FFFFFF;
	line-height: 		24px;
	font-size: 			16px;
	font-weight: 		bold;
}

.news-content ul {
	margin-left: 		20px;
	padding-left: 		0px;
	color:				#FFFFFF;
	line-height: 		20px;
}

.news-content a {
	color: 				#FFFFFF;
}

.news-article {
	margin: 			10px 0px;
	font-size: 			12px;
	line-height: 		16px;
	color:				#FFFFFF;
}

.news-article a {
	color: 				#1875ad;
	text-decoration: 	none;
}

.news-article h1 {
	font-size: 			24px;
	line-height: 		32px;
}

.news-article h1 a {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.news-post-date {
	margin: 			10px 0px;
}

.news-post-date {
	margin: 			10px 0px;
}

.news-meta {
	border-top: 		1px dotted #FFFFFF;
	padding: 			3px 0px
}

.news-navigation a {
	color: 				#FFFFFF;
	font-weight: 		bold;
}

.news-navigation .alignleft {
	float: 				left;
	width: 				50%;
	text-align: 		left;
}

.news-navigation .alignright {
	float: 				left;
	width: 				50%;
	text-align: 		right;
}

.featured-news {
	margin: 			5px 0px;
	font-size: 			12px;
	color:				#FFFFFF;
}

.featured-news img {
	float: 				left;
	margin-right: 		10px;
	margin-bottom: 		10px;
}

.featured-news a {
	color: 				#1875ad;
	text-decoration: 	none;
}

.featured-news h2 {
	margin: 			2px 0px;
	font-size: 			18px;
}

.featured-news h2 a {
	color:				#FFFFFF;
}

.featured-news h3 {
	margin: 			2px 0px;
	border-top: 		1px dotted #FFFFFF;
	border-bottom: 		1px dotted #FFFFFF;
	padding: 			3px 0px;
	font-size: 			12px;
	font-weight: 		normal;
}

/* -------------------------------------------------------------------- */
/* -- SPONSOR FORM ---------------------------------------------------- */
.latest-news form {
	margin-top: 			20px;
}

.latest-news form legend {
	font-size: 				18px;
	font-weight: 			bold;
	color: 					#ffffff;
}

.latest-news form fieldset {
	margin: 				10px;
	border: 				1px solid #999999;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	padding: 				5px;
}

.latest-news form p {
	margin: 				5px 0px;
	clear: 					both;
	color: 					#ffffff;
}

.latest-news form label {
	float: 					left;
	width: 					300px;
	text-align:				left;
	padding-right: 			10px;
	color: 					#ffffff;
}

.latest-news form input {
	background-color: 		#333333;
	color: 					#ffffff;
	border: 				1px solid #666666;
	width: 					300px;
	font-size: 				14px;
}

.latest-news form textarea {
	background-color: 		#333333;
	color: 					#ffffff;
	border: 				1px solid #666666;
	width: 					500px;
	font-size: 				14px;
}

.latest-news form input.button {
	width: 					auto;
}

#error {
	background-color:		#660000;
	border: 				1px solid #CC0000;
	padding: 				5px;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	color: 					#FFFFFF;
	font-weight: 			bold;
}


/* -------------------------------------------------------------------- */
/* -- PHOTO PAGE ------------------------------------------------------ */
.photo-area {
	float: 				left;
	width: 				200px;
	min-height: 		150px;
	margin: 			15px 12px;
	background-color: 	#000000;
	padding:	 		0px;
	text-align: 		left;
	font-size: 			10px;
	color: 				#1875ad;
	line-height: 		16px;
}

.photo-image {
	float: 				left;
	width: 				200px;
	margin: 			15px 12px;
	text-align: 		center;
}

.photo-image img {
	margin: 			0px auto;
	display: 			block;
	border: 			2px solid #999999;
}

.photo-area .text-area {
	padding: 			0px 4px;
}

.ui-tabs-panel .photo-area img {
	margin: 			0px;
	display:			block;
	margin-bottom: 		5px;
	border: 			0px;
}

.photo-area a {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
}

/* -------------------------------------------------------------------- */
/* -- SHARED TEXT STYLES ---------------------------------------------- */
.text-blue {
	color: 				#1875ad;
}

.header-blue {
	margin: 			0px;
	font-size: 			16px;
	font-weight:		bold;
	color: 				#1875ad;
}