/* 
 * Jayhawk Plastics Inc. Copyright 2008.
 *
 */

/* Default settings, index and site style info */
* 
{
	background: 	none;
	color: 		black;
	font: 		11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 	0;
	padding: 	0;
}


.bold, h1, h2, h3, h4, h5, h6		{font-weight: 		bold;}
h1					{font-size: 		1.38em;}
h2					{font-size: 		1.23em;}
h3					{font-size: 		1.08em;}

a
{
	color: 			#00c;
	border: 		none; 
	text-decoration: 	none;
}

a:link, a:visited 
{
	background: 		transparent;
	color: 			#cc0000;
	font: 			inherit;
	text-decoration: 	none;
}

a:active, a:hover 
{
	background: 		transparent;
	color: 			#cc0000;
	font: 			inherit;
	text-decoration: 	underline;
}

ul, ol, li
{
	list-style-position: 	inside;
}

ul li ul li 
{
	margin-left: 		5px;
}

fieldset 
{
	width: 			85%; 
	padding: 		0 5px 2px 5px;
	margin: 		0 auto;
	border: 		1px solid #f00;
	border-left: 		none;
	border-right: 		none;
	border-bottom: 		none;
}

fieldset li
{
	margin-left: 10px;
}

/* global content */
.content_heading
{
	background: 	transparent;
	color: 		#cc0000;
	font: 		inherit;
	font-weight: 	bold;
/*	width: 		100%;*/
	margin-bottom: 	10px; 
}



/* Defaults for the document */
body	
{
	background: url('../images/background.png') repeat-x #6699cc;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 82%;
}

/* Globatron containers and whole document modifiers */
#wrapper	
{
	width: 750px;
	margin: 5px auto 0 auto;
	background: #fff;
	border: 1px solid #7c8a99;
}

#header_info	
{
	background: url('../images/jpibanner.png') no-repeat;
	width: 707px;
	height: 141px;
	margin: 10px auto 0 auto;
}

#header_links	
{
	margin:		10px 20px auto auto;
	font-size: 	larger;
	text-align:	right;
	font-weight:	bolder;
}

#credit_cards
{
	display:	block;
	float:		right;
	background:	transparent url("../images/credit-cards.gif") no-repeat;
	width:		135px;
	height:		20px;
	margin:		10px auto 20px 20px;
}

/* These are the container content sections
 *
 * Content is below
 */
#content_main		
{
	width: 		740px; 		
	margin: 	8px auto;
}

#content_main_left	
{
	width:		520px;		
	float: 		left;
}

#content_main_right	
{
	width: 		209px;		
	float: 		right;
}

#content_main_right img	
{
	display: 	block;
	margin: 	10px 0;
	width: 		209px;
}

#footer	
{
	font-size: 	10px;
	text-align: 	center;
	clear: 		both;
}

/* Menu */
#menu_top	
{
	margin: 	0 auto;
	background: 	transparent url("../images/menu-background.gif") 50% 50% no-repeat;
	height: 	23px;
	width: 		624px;
	position: 	relative;
}

#menu_top ul	
{
	display: 	block;
	list-style: 	none;
	height: 	23px;
	text-align: 	center;
	width: 		624px;
	padding: 	0;
}

#menu_top li	
{
	display: 	inline;
	float: 		left;
	line-height: 	23px;
}

#menu_top a	
{
	background: 		url('../images/button_flip.gif') top left no-repeat;
	background-position: 	0px 0px;
	display: 		block;
	height: 		23px;
	line-height: 		23px;
	width: 			104px;
	color: 			#c00;
	font-size: 		11px;
	font-weight: 		bold;
}

#menu_top a:link, a:visited, a:hover 
{
	text-decoration: none;
}


#menu_top a:hover	{background-position: 	0px -23px;}
#menu_top a:active	{background-position: 	0px 0px;}

.product_menu
{
	font-size:	125%;
	vertical-align:	middle;
	padding:	0 0 5px 0;
}

/* Form stuff */
.form_left_col, .form_left_col 
{
	float: 		left;
	display: 	block;
	width: 		36%;
	padding: 	0;
	margin: 	.5em 0;
	clear: 		left;
	padding-right: 	2%;
	color: 		#00f;
	text-align:	right;
	vertical-align:	middle;	
	height:		100%;		
}

.form_right_col 
{
	float: 		left;
	display: 	block;
	width: 		58%;
	padding: 	0;
	margin: 	.5em 0;
	text-align:	left;
	vertical-align:	middle;
}

.form_right_col select, .form_left_col select
{
	background-color:	white;
}

.form_right_col input
{
	text-align:	left;	
}

.sale
{
	padding:		0px auto 0px auto;
}

/* Pager */
.pager
{
	text-align:	center;
	vertical-align:	top;
}

.pager a 
{
	padding:	0 4px 0 4px; 
	display:	inline-block;
	border:		1px solid transparent;
	vertical-align:	top;	
}

.pager a:hover 
{
	padding:	0 4px 0 4px;
	display:	inline-block;
	border:		1px solid #008693;
	vertical-align:	top;
}

.pager a.pager_current 
{
	padding:	0 4px 0 4px;
	display:	inline-block;
	border:		1px solid transparent;
	font-weight:	bold;
	text-align:	center;	
}

.pager a.pager_current:hover 
{
	border:		1px solid transparent;
	color:		inherit;
	vertical-align:	top;
}


.pager .pager_previous ,.pager .pager_next 
{
	text-decoration:	none;
	background-color: 	transparent;
	vertical-align:		top;

	
}

.pager .pager_previous span a:hover,
.pager .pager_next a:hover 
{
	font-weight:		bold;
	text-decoration:	none;
}

.pager_total 
{
	text-align:	right;
	bottom: 	5px; 
	right: 		5px;
}

/* Ecommerce and general tables.
 * Mainly used as a blank table.
 */
.j3_table
{
	margin-left: 	auto; 
	margin-right: 	auto;
}

.j3_table tr
{
	display:	table-row;
	margin:		0;
	padding:	0;
}

.j3_table td
{
	vertical-align:	middle;
	display:	table-cell;
}

.alt_row
{
	background: #fafafa url('../images/tb03.gif') repeat-x 0 100%;
}

/* Hopefully ecomm table heading is dead */
.ecomm_table_heading, .table_heading
{
	background: #3990ed url('../images/tb01.gif') repeat-x;
	border-style: none none solid;
	color: #fff;
	padding: 4px 2px 2px;
}

/* Product header */
#product_header
{
	display:	block;
}

#product_header p
{
	display:	inline;
}

#product_header img
{
	display: 	inline;
	float: 		right;
	vertical-align:	top;
	margin: 	auto 10px 5px auto; 
}

/* Product table listing */
.product_listing
{
	border: 1px solid #ddd;
	margin: 10px -1px;
	overflow: auto;
	width: 100%;
}

.product_listing table 
{
	border: 4px solid #fff;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 99%;
}

.product_listing td,
.product_listing th 
{
	border-bottom: 1px solid #000;
	font-size: .9em;
	line-height: 1.5em;
	padding: 2px;
	padding-top: 10px;
	background: #fff;
	border-color: #eee;
	text-align: center;
	font-weight: 500;
}

.product_listing th 
{
	background: #f4f4f4;
	border-color: #ddd;
	color: #333;
	font-weight: bold;
	text-align: center;
}


.product_listing .alt_row th,
.product_listing .alt_row th 
{
	background: #e5e5e5;
}

.product_listing .alt_row td 
{
	background: #fafafa url('../images/tb03.gif') repeat-x 0 100%;
}

.product_listing .table_heading 
{
	background: #3990ed url('../images/tb01.gif') repeat-x;
	border: 2px #286acb;
	border-style: none none solid;
	color: #fff;
	padding: 4px 2px 2px;
}


.product_listing tr:hover td 
{
	background: #c2dcfa;
	border-color: #a7cdfa;
	color: #0f59a8;
}


.product_listing tr:hover th,
.product_listing tr:hover td:hover 
{
	background: #3990ed url('../images/tb01.gif') repeat-x;
	border-color: #286acb;
	color: #fff;
}

/* Breadcrumb */
.breadcrumb 
{
	color: 		#00c;
	font-size: 	1em;
}

.breadcrumb .b_sep 
{
	color: 		#000;
	font-weight: 	bold;
	font-size: 	1.1em;
}

/* Address table */
#address_data
{
	margin-left: 	auto; 
	margin-right: 	auto;	
}

#address_data th
{
	background: 	#3990ed url('../images/tb01.gif') repeat-x;
	border-style: 	none none solid;
	font: 		inherit;
	color:		#fff;
	padding-left:	5px;
	margin-bottom: 	10px; 
}

#address_data td 
{
	
}

#address_table p 
{
	font-size:	90%;
	padding:	auto auto 10px 10px;
	margin-bottom:	10px;
}

/* Cart Table */
#cart_data	
{
	background: 	#eee;
	margin-left: 	auto; 
	margin-right: 	auto;
	clear:		both;
}

#cart_data th
{
	background: 		#3990ed url('../images/tb01.gif') repeat-x;
	border-style: 		none none solid;
	color: 			#fff;
	padding-left:		10px;
}

#cart_data td 
{
	vertical-align:		top;
	font-weight: 		bold;
	padding:		5px 5px 25px 5px;
	/*padding-bottom:		25px;
	padding-left:		10px;
	white-space: 		nowrap;*/
}

#cart_data input 
{
	background: 		#fff;
	vertical-align:		top;
}

#cart_data select
{
	background-color:	white;
}

#cart_data .each_price
{
	display:		block;
	padding-top:		5px;
	font-weight:		lighter;
	font-style:		italic;
	font-size:		83%;
}

#find_size_sticks fieldset legend
{
	vertical-align:	middle;
	padding:	0 6px 0 6px;
}
	
#find_size_sticks fieldset fieldset
{
	border: none;
	margin: 0 0 20px 40px;
}

#find_size_sticks fieldset fieldset legend
{
	color: #c00;
	vertical-align: middle;
}

#find_size_sticks fieldset legend {color: #00f;
	margin: 0 0 6px 10px;
	font-weight: bold;
	font-color: #c00;
}

#contact_form	
{
	margin-left: 	auto; 
	margin-right: 	auto;
	width:		50%;
}

#contact_form li
{
	padding: 	5px 0 5px 0;
}

#contact_form td	
{
	color: #000;
}