/***********************************************************
Name: styles.css
Description: Servers as the global stylesheet for Performance Radiator.
Since: July, 10th, 2007
Copyright: DesignerWeb July 2007
Author: Charlie Moseley
***********************************************************/

/********************
Global Styles
*********************/
html,
body {
	height: 100%;
	margin: 0;
	padding: 0; }

body {
	background: #CCCCCC url(images/page_bg.gif) center repeat-y;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif; }

a img {
	border: none; }

p {
	margin: 0;
	padding: 0; }

h1 {
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 21px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	clear: both; }

.bold {
	font-weight: bold; }

.red {
	color: #FF0000; }

.notice { font-weight: bold; color: #00A; }
.error { font-weight: bold; color: #A00; }

.valignMiddle {
	vertical-align: middle;
}

.valignBottom {
	vertical-align: bottom;
}

.italic {
	font-style: italic; }

.pricklyGreen {
	color: #02723A; }

.blue {
	color: #3E5FC0; }

.center {
	margin: auto;
}

.text-center {
	text-align: center;
}

span.extend {
	height: 7px;
	width: 100%;
	margin: auto;
	display: block;
}

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

div#employeeAcctInfo {
	position: absolute;
	top: 10px;
	width: 100px;
	height: 160px;
	background: white;
	z-index: 50; }

div#pageCont {
	min-height: 100%;
	position: relative; }

div.sectionCont {
	width: 100%;
	margin: auto;
	clear: both;
	position: relative; }

/*div#shipTimeRemain {
	background: #000000;
	color: #27BC29;
	font-weight: bold;
	height: 15px; }*/

div#logoTop {
	float: left;
	height: 97px; }

div#logoText {
	width: 619px;
	height: 97px;
	background: #4364C5 url(images/logo_performance_radiator_bg.jpg) right no-repeat;
	float: left; }

div#searchNavigation {
	width: 599px;
	height: 19px;
	background: #D00910;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	font-size: 11px;
	padding: 4px 0 0 20px; }

	div#searchNavigation a,
	div#cartNavigation a {
		color: #FFFFFF; }

	div#searchNavigation span.white {
		color: #FFFFFF; }

div#logoBottom,
div#logoBottomSecond {
	float: left;
	height: 24px; }

div#cartNavigation {
	width: 619px;
	height: 24px;
	background: #737475;
	float: right;
	color: #FFFFFF;
	text-align: right;
	font-size: 12px; }

	div#cartNavigation #formReplacementSpacer {
		height: 6px;
		width: 1px; }

	div#cartNavigation .cartNavigationRelPos {
		position: relative;
		top: -2px; }

	div#cartNavigation input.partSearch {
		width: 40px;
		border: 1px solid;
		background: #FFFFFF; }

	div#cartNavigation img {
		position: relative;
		top: 4px; }

div#employeeAcctInfo {
	position: absolute;
	top: 10px;
	background: #FFFFFF; }

div#userNav {
	text-align: right;
	padding: 5px 0 5px 0; }

	div#userNav a {
		background: url(images/arrow2.gif) no-repeat 0px 2px;
		font-weight: bold;
		padding-left: 18px;
		margin-right: 13px;
		color: #000000;
		text-decoration: none; }

div#subNav a {
	background: url(images/arrow2.gif) no-repeat 0px 3px ;
	font-weight: bold;
	margin-left: 20px;
	padding-left: 18px;
	text-decoration: none;
	color: #000000; }

div#footer_spacer {
	height: 20px; }

div#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center; }

	div#footer a {
		color: #000000;
		text-decoration: none;
		font-size: 11px; }

/*** Generic Global Styles ***/
.pointer {
	cursor: pointer; }

.underline {
	text-decoration: underline; }

.thin {
	border: 1px solid #333333; }

/********************
END Global Styles
*********************/



/********************
One Column Page Styles
*********************/
#oneColumn div#subNav {
	width: 800px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 30px;
	text-align: right; }

	#oneColumn h1 {
		display: block;
		width: 720px;
		margin: 0 auto;
		font: bold italic 16pt Verdana,Helvetica,Arial,Sans-Serif;
		color: #464646; }

	 #oneColumn h2 {
	 	font-size: 16px;
	 }

	/*
	 #oneColumn ul, #oneColumn ol
	*/
	#oneColumn p, #oneColumn h2, #oneColumn h3, #oneColumn h4, #oneColumn h5, #oneColumn h6 {
		width: 720px;
		min-height: 15px;
		margin: 0 auto 12px auto;
		clear: both; }
		
	
	#oneColumn div#quickReferenceDiv li {
		width: 108px;
		min-height: 15px;
		margin: 0 0 0 -20px;
		padding: 0 0 0 0;
		clear: both;
		}
		
	#oneColumn div#sitemap ul, #oneColumn div#sitemap ol {
		width: 720px;
		min-height: 15px;
		margin: 0 auto 12px auto;
		clear: both; }
			
	#oneColumn fieldset {
		width: 720px;
		margin: 0 auto;
		padding: 0;
		border: none; }

	#oneColumn legend {
		margin-bottom: 12px;
		padding: 0;
		color:black;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid black;
		/*text-decoration: underline;*/ }

	#oneColumn table {
		width: 720px;
		min-height: 15px;
		margin-top: 0px;
		margin-right: auto;
		padding-bottom: 12px;
		margin-left:  auto;
		clear: both; }

	/* this is a test class to use while make new table styles on one column pages */
	#oneColumn table.reset, #oneColumn table.reset * {
		width: auto;
		min-height: inherit;
		margin: auto;
		clear: inherit; }

	#oneColumn table.fullWidth {
		width: 100%;
		border-collapse: collapse;
		margin: 0;
		padding: 0; }

	#oneColumn table.halfWidth {
		width: 760px;
		border-collapse: collapse;
		margin: 0 auto;
		padding: 0; }

	#oneColumn h1 {
		width: 720px; }

	#oneColumn img.divider {
		height: 7px;
		width: 429px;
		display: block;
		margin: 0 auto 12px;
		position: relative;
		left: -150px;
		clear: both; }

	#oneColumn div#subNav p	{
		font-size: 16px;
		font-weight: bold;
		float: left;
		margin: 0px;
		padding: 0px;
		width: auto;
		clear: none; }
/********************
END One Column Page Styles
*********************/


/********************
Two Column Page Styles
*********************/
#twoColumn div#leftColumn {
	background: url(images/two_column_gradient.jpg) repeat-x;
	width: 310px;
	min-height: 205px;
	float: left; }

	#twoColumn div#leftColumn p {
		text-align: center;
		clear: both; }

	#twoColumn div#leftColumn h1 {
		/* font-weight: bold; */
		font-size: 20px;
		text-align: center;
		margin: 20px auto; }

	#twoColumn div#leftColumn h2 {
		font-size: 21px;
		color: #464646;
	}

	#twoColumn div#leftColumn table {
		margin: auto; }

	#twoColumn div#leftColumn p.pad40 {
		padding: 0 40px;
		text-align: left;
	}

#twoColumn div#rightColumn {
	width: 450px;
	float: left;
}

#twoColumn div#subNav {
	width: 430px;
	text-align: right;
	float: right;
	padding: 5px 20px 5px 0; }

	#twoColumn div#subNav p {
		display: none; }

#twoColumn p {
	margin: 5px; }

#twoColumn div.clearer {
	width: 100%;
	height: 1px;
	margin: auto;
	clear: both;
}

/********************
END Double Column Page Styles
*********************/

/********************
Prickly's Tips Page Styles
*********************/
#prickly div#subNav {
	width: 430px;
	text-align: right;
	float: right;
	padding: 5px 20px 5px 0; }

	#prickly div#subNav p {
		display: none; }

#prickly div#leftColumn {
	min-width: 240px;
	padding-right: 9px;
	float: left; }

	#prickly div#leftColumn table#leftColumnTable {
		min-width: 240px;
		margin: 0px;
		padding: 0px;
		border-collapse: collapse; }

	#prickly div#leftColumn table#leftColumnTable {
		min-height: 200px; }

	#prickly div#leftColumn table#leftColumnTableBottom {
		height: 11px; }

		#prickly table#leftColumnTable td#leftColumnTableContent {
			min-width: 229px;
			min-height: 200px;
			vertical-align: top;
			background: url(images/pricklysTips_bg.jpg) repeat-x; }

		#prickly table#leftColumnTable td#leftColumnTableRight {
			background: url(images/pricklysTips_right.jpg) repeat-y 11px 0; }

		#prickly table#leftColumnTable td#leftColumnTableBottomMain {
			background: url(images/pricklysTips_bottom.jpg) repeat-x #FFFFFF;
			min-width: 218px;
			height: 22px;  }

		#prickly table#leftColumnTable td#leftColumnTableBottomCorner {
			background: url(images/pricklysTips_corner.jpg) no-repeat #FFFFFF;
			width: 24px;
			height: 22px;  }

/********************
END Prickly's Tips Page Styles
*********************/



/********************
iBox Popover Styles
*********************/
#ibox_w {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0; }

#ibox_progress {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 105; }

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 667px;
	height: 478px;
	/*background-color: #999999;*/
	/*background: url(images/cartCtPopover_windowBg.gif) repeat-y;*/
	/*padding: 20px 20px 50px 20px;*/
	margin: 0; }

#ibox_content {
	background: url(images/cartCtPopover_windowBg.gif) repeat-y;
	/*background-color: #FFFFFF;*/
	width: 100%;
	height: 100%;
	/*margin-bottom: 5px;*/
	position: relative;
	/*padding: 20px;*/
	top: 0px;
	left: 0px; }

	#ibox_content table {
		width: 100%;
		clear: both; }

/*#ibox_footer_wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	top: 0px;
	left: 0px; }*/
/********************
END iBox Popover Styles
*********************/


/********************
START New Header Styling
*********************/
			#header a.image {
				padding: 0;
				margin: 0;
				border: none;
				float: none;
			}

			#header a {
				color: #FFFFFF;
				text-decoration: none;
				border-left: 1px solid #ffffff; padding:  3px 11px 4px 11px;
				display: block;
				float: left; }

			#header a.rightBorder {
				border-right: 1px solid #ffffff;
			}

			#header div.red a:hover {
				background: #95080D;
			}

			#header div.gray a:hover {
				background: #5B5B5B;
			}

			#header div.gray a.green {
				background: url(images/header_green_sliver.jpg);
			}
			
			#header div.gray a.yellow {
				background: url(images/header_yellow_sliver.jpg);
			}

			#header div.gray a.green:hover {
				background: #005826;
			}

			#header div.gray a.brown {
				background: url(images/header_brown_sliver.jpg); }

			#header div.gray a.brown:hover {
				background: url(images/header_brown_sliver.jpg);
			}

			#header div.brown a:hover {
				background: #86684B;
			}

			#header span {
				float: left;
				 padding:  3px 11px 4px 11px;
				 border-left: 1px solid #ffffff;
			}

			#header span.searchBy {
				background: #DEDEDE;
			}

			#header span.order {
				background: #B4D7BD;
			}

			#header  {
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
			}

			#header div.headerRow {
				width: 652px;
				margin-left: 108px;
			}

			#header div.headerNav {
				height: 21px;
				border-bottom: 1px solid #FFFFFF;

			}

			#header div.other {
				border-bottom: 1px solid #FFFFFF;
			}

			#header .right {
				float: right;
			}
/********************
START End Header Styling
*********************/