/**
 *	Produktz
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		21/05/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */
html,body {
	background:					#fff url(../images/bg-body.png) repeat-x;
	height:						100%;
}

body {
	color:						#3b586b;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
	min-height:					500px;
}
body.home div#wrapper {
	background-image:			url(../images/bg-wrapper-home.jpg);
}

div#container {
	margin:						0 auto;
	width:						959px;
}

div#header {
	height:						128px;
}

div#brand {
	height:						77px;
	float:						left;
	padding:					27px 0 0 6px;
	width:						161px;
}

div#utility {
	height:						38px;
	float:						right;
	margin-top:					4px;
	width:						790px;
}

div#search {
	background:					url(../images/bg-search.png) no-repeat;
	height:						38px;
	float:						right;
	width:						231px;
}

div#navigation {
	float:						right;
	height:						47px;
	margin-top:					20px;
	width:						702px;
}

div#feature {
	background:					url(../images/bg-feature.jpg) no-repeat;
	height:						220px;
}

body.home div#feature {
	background:					url(../images/home-feature.jpg) no-repeat;
	height:						493px;
}

body.home div#feature a {
	display:					block;
	text-indent:				-9999px;
	width:						102px;
	height:						74px;
	position:					relative;
	top:						360px;
	left:						812px;
}

div#feature-bottom {
	background:					url(../images/bg-feature-bottom.jpg) right top no-repeat;
	height:						38px;
}

div#product-categories {
	margin-bottom:				1.8em;
}

div#product-categories-inner {
	background:					url(../images/bg-product-categories-inner.gif) repeat-y;
	padding:					0 22px 15px 22px;
}

div#content {
	overflow:					hidden;
	width:						959px;
}

div#content-side {
	float:						left;
	width:						225px;
}

div#content-side-inner {
	padding:					0 46px 0 25px;
}

div#content-main {
	margin-left:				225px;
}

div#content-main-inner {
}

div#product-content {
}

#product_information {
	width: 320px;
	float: left;
}

#product_information div.text {
	line-height: 1.8em;
	margin-bottom: 2em;
	border-bottom: 1px solid #aebec6;
	padding-bottom: 1.7em;
	display: block;
}

div#footer {
	border-top:					1px solid #c0ccd3;
	padding:					15px 0 20px 0;
}

.content_main ul {
    padding: 0px 0px 0px 15px;
	margin: 4px 0px 15px 0px;
	list-style: disc;
}


/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background-color:			#adbec5;
	border:						0;
	color:						#adbec5;
	height:						1px;
	margin-bottom:				1.8em;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

h3#product-categories-open {
	background:					url(../images/h3s/h3-product-categories.png) no-repeat;
	cursor:						pointer;
	height:						45px;
	text-indent:				-9999px;
}

div#content-main,
div#content-side {
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					1.1em;
	line-height:				180%;
}

div#content-side h2 {
	border-bottom:				1px solid #aebec6;
	color:						#526d7e;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					14px;
	font-weight:				bold;
	line-height:				1;
	margin-bottom:				14px;
	padding-bottom:				10px;
}

div#content-main h1 {
	border-bottom:				1px solid #aebec6;
	color:						#ca0000;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					16px;
	font-weight:				bold;
	line-height:				1;
	margin-bottom:				14px;
	padding-bottom:				8px;
}

div#content-main h2,
div#content-main h3,
div#content-main h4,
div#content-main h5,
div#content-main h6 {
	color:						#cc0000;
	font-weight:				bold;
	margin-bottom:				0.5em;
}

div#content-main h2 {
	font-size:					14px;
}

div#content-main h3 {
	font-size:					13px;
}

div#content-main h4 {
	font-size:					12px;
}

div#content-main p {
	margin-bottom:				1.8em;
}

div#footer p {
	float:						right;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#utility ul {
	color:						#3b586b;
	float:						left;
	font-size:					1.2em;
	line-height:				165%;
	margin-top:					10px;
	width:						555px;
	text-align:					right;
}

div#utility ul li {
	display:					inline;
	padding:					3px 0 3px 5px;
}

div#utility ul li#client-login,
div#utility ul li#client-logout,
div#utility ul li#client-profile,
div#utility ul li#client-approval,
div#utility ul li#merchandise {
	background-position:		right 50%;
	background-repeat:			no-repeat;
	padding-right:				25px;
}

div#utility ul li#client-login {
	background-image:			url(../images/icons/icon-login.gif);
}

div#utility ul li#client-logout {
	background-image:			url(../images/icons/icon-logout.gif);
	padding-right:				10px;
}

div#utility ul li#client-profile {
	background-image:			url(../images/icons/icon-profile.gif);
	padding-right:				14px;
}

div#utility ul li#client-approval {
	background-image:			url(../images/icons/icon-approval.gif);
	padding-right:				12px;
}

div#utility ul li#merchandise {
	background-image:			url(../images/icons/icon-merchandise.gif);
}

div#utility ul li a,
div#utility ul li a:link,
div#utility ul li a:visited,
div#utility ul li a:active {
	border-left:				1px solid #3b586b;
	color:						#3b586b;
	padding:					0 9px;
	text-decoration:			none;
}
div#utility ul li a:hover {
	color:						#CB0101;
}

div#utility ul li.last a,
div#utility ul li.last a:link,
div#utility ul li.last a:visited,
div#utility ul li.last a:active {
	padding-right:				0;
}
div#utility ul li#client-login a,
div#utility ul li#client-login a:link,
div#utility ul li#client-login a:visited,
div#utility ul li#client-login a:active {
	border-left:				0;
	padding:					0;
}

div#utility ul li span {
	color:						#cc0000;
}

ul#breadcrumbs {
	color:						#7696ad;
	padding-top:				8px;
}

ul#breadcrumbs li {
	background:					url(../images/icons/icon-breadcrumb.gif) 0 50% no-repeat;
	float:						left;
	padding:					0 8px;
}

ul#breadcrumbs li.root {
	background:					none;
	padding-left:				25px;
}

ul#breadcrumbs li.active {
	padding-right:				0;
}

ul#breadcrumbs li a,
ul#breadcrumbs li a:link,
ul#breadcrumbs li a:visited,
ul#breadcrumbs li a:active {
	color:						#7696ad;
	font-weight:				bold;
	text-decoration:			none;
}

div#content-side ul {
	color:						#526d7e;
	font-weight:				bold;
	margin-bottom:				1.8em;
}

div#content-side ul li {
	border-bottom:				1px solid #c3d0d7;
}

div#content-side ul li a,
div#content-side ul li a:link,
div#content-side ul li a:visited,
div#content-side ul li a:active {
	display:					block;
	color:						#526d7e;
	text-decoration:			none;
	padding-left:				15px;
}
div#content-side ul li a:hover,
div#content-side ul li.active a,
div#content-side ul li.active a:link,
div#content-side ul li.active a:visited,
div#content-side ul li.active a:active {
	color:						#cc0000;
	background:					url(../images/icons/icon-arrow-ce2020.gif) 0 50% no-repeat;
}

div#content-side ul li a:hover {
	color:						#cc0000;
}

div#content p {
	margin-bottom:				15px;
}

div#product-categories ol {
	color:						#5f7e91;
	font-size:					12px;
	font-weight:				bold;
	margin-bottom:				0.7em;
	overflow:					hidden;
	width:						100%;
	clear:						both;
	background:					url(../images/bg-product-categories-li.gif) left bottom repeat-x;
}

div#product-categories ol.last {
	margin-bottom:				0em;
}

div#product-categories ol li {
	line-height:				24px;
	float:						left;
	display:					block;
	width:						20%;
	
}

div#product-categories ol li a,
div#product-categories ol li a:link,
div#product-categories ol li a:visited,
div#product-categories ol li a:active {
	color:						#5f7e91;
	text-decoration:			none;
	display:					block;
	padding-left:				15px;
	
}

div#product-categories ol li a:hover {
	color:						#cc0000;
	background:					transparent url(../images/icons/icon-arrow-ce2020.gif) no-repeat scroll 0pt 50%;
}

div#product-categories a#product-categories-close,
div#product-categories a#product-categories-close:link,
div#product-categories a#product-categories-close:visited,
div#product-categories a#product-categories-close:active {
	background:					url(../images/bg-product-categories-close.png) no-repeat;
	display:					block;
	height:						31px;
	text-indent:				-9999px;
}

div#content-main a,
div#content-main a:link,
div#content-main a:visited,
div#content-main a:active {
	font-weight:				bold;
	/*color:						#526D7E;*/
	color:						#cc0000;
	text-decoration:			none;
}

div#content-main div.product.text a,
div#content-main div.product.text a:link,
div#content-main div.product.text a:visited,
div#content-main div.product.text a:active {
	font-weight:				bold;
	color:						#526D7E;
	text-decoration:			none;
}

div#content-main a:hover,
div#content-main div.product.text a:hover {
	text-decoration:			none;
	color:						#cc0000;
	text-decoration:			underline;
}

div#content-main ul {
	margin-bottom:				1.8em;
}

div#content-main ul li {
	background:					url(../images/icons/icon-dash-cc0000.gif) 0 50% no-repeat;
	padding-left:				15px;
}

div.listing_item {
	float:						left;
	width:						118px;
	margin:						0 35px 20px 0;
}

div.listing_item.detailed {
	float:						left;
	width:						118px;
	margin:						0 16px 20px 0;
}

div.listing_item.last {
	margin-right:				0px;
	clear:						right;
}

div.listing_item.first {
	clear:						left;
}

div.listing_item div.image {
	width:						102px;
	height:						110px;
	padding:					8px 8px 0 8px;
	background:					url(../images/bg-item-listing.gif) 0 0 no-repeat;
}

div.listing_item div.image a {
	width:						102px;
	height:						102px;
	border-bottom:				8px solid #b2c4ce;
	display:					block;
	background:					#ffffff 50% 50% no-repeat;;
	text-align:					center;
	text-indent:				-9999px;
}

div.listing_item div.image a:hover {
	border-bottom:				8px solid #e72e36;
}

div.listing_item div.product.text  {
	padding:					4px 0 8px 0;
	text-align:					center;
	font-weight:				bold;
}

div.listing_item div.subcategory.text  {
	padding:					4px 0 8px 0;
	text-align:					center;
}

div.product_left {
	float:						left;
	width:						388px;
	margin-right:				20px;
}

div.product_image {
	float:						left;
	border-top:					8px solid #b2c4ce;
	border-right:				8px solid #b2c4ce;
	border-left:				8px solid #b2c4ce;
	margin:						0 0 1.8em 0;
	width:						372px;
}

div.product_image a {
	border-bottom:				8px solid #b2c4ce;
	display:					block;
	background:					#ffffff 50% 50% no-repeat;
	text-align:					center;
	padding:					8px;
}

div.product_image a:hover {
	border-bottom:				8px solid #e72e36;
}

div#footer a,
div#footer a:link {
	color:						#5f7e91;
	font-weight:				normal;
	text-decoration:			none;
}

div#footer ul {
	color:						#5f7e91;
	line-height:				110%;
}

div#footer ul li {
	border-right:				1px solid #cfd8de;
	float:						left;
	padding:					0 11px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
	padding-right:				0;
}

div#footer ul li span {
	color:						#cc0000;
}

.content_main {
	float: left;
	width: 730px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 1.8em;
}


div.content_main h1, div.content_main h2, div.content_main h3, div.content_main h4, div.content_main h5 {
	border-bottom:				1px solid #aebec6;
	color:						#526d7e;
	font-family:				Arial, Helvetica, sans-serif;
	font-weight:				bold;
	line-height:				1;
	margin-bottom:				14px;
	padding-bottom:				10px;
}

div.content_main h1	{		font-size:	16px;	}
div.content_main h2	{		font-size:	14px;	}
div.content_main h3	{		font-size:	13px;	}
div.content_main h4	{		font-size:	12px;	}
div.content_main h5	{		font-size:	11px;	}

div.content_main h1.page_title {	margin-bottom: 20px; padding-bottom: 0px; }

#category_desc {
	padding: 0px 0px 15px 0px;
}

#page_desc {
	padding: 0px 0px 15px 0px;
	line-height: 1.8em;
}

.content_main a {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}

.content_main a:hover {
	text-decoration:			none;
	color:						#cc0000;
	text-decoration:			underline;
}

.RegSectionTitle {
	font-weight: bold;
	font-size: 13px;
}

font.Star, td.Star {
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
}

.content_main td {
	vertical-align: top;
}

#content ul,
#content ol {
	margin-bottom:				15px;
}

#content ol {
    list-style: 				decimal;
	list-style-position:		inside;
}

#content li {
	margin-bottom:				3px;
}

#content ul li {
}

#content ul li ul,
#content ul li ol,
#content ol li ul,
#content ol li ol {
	margin: 					0.5em 0 0.5em 1.5em;
}

#content ol li ol {
	list-style-position:		inside;
    list-style: 				lower-alpha;
}


/** Buttons
------------------------------------------------------------------ */
.FormButton {	
	font-weight: bold; 
}

.content_main td.Button {
	background: transparent url('../skin1/images/butbg.gif') top left repeat-x;
	height: 18px;
	padding-top: 3px;
	color: #5d7381;
	font-weight: bold;
	cursor: pointer;
}



/** images
------------------------------------------------------------------ */
img.product-image {
	border:						8px solid #b2c4ce;
	margin-bottom:				1.8em;
	margin-right:				20px;
	width:						372px;
	height:						382px;
}

/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input,select,textarea,optgroup {
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					11px;
}
optgroup {
	font-style:normal;
}

div#search form#search-form fieldset input#search-query {
	background:					transparent;
	border:						0;
	height:						13px;
	float:						left;
	margin:						6px 4px 0 10px;
	padding:					6px 10px;
	width:						129px;
	color: 						#526d7e;
}

div#search form#search-form fieldset input#search-button {
	float:						left;
	margin-top:					6px;
}
/** ctoc
------------------------------------------------------------------ */


/** search results
------------------------------------------------------------------ */

.NavigationCellSel {
		color:					#82848E;
		font-weight:			bold;
}

.SearchSortCell {
	padding: 0px 12px 0px 2px;
}

.SearchSortTitle {
	padding-right:	12px;
}

/** messages
------------------------------------------------------------------ */
.ErrorMessage {
	color: #ff0000;
}

.NavigationCell, .NavigationCellSel {
	vertical-align: middle;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}


table.product_details td {
	padding: 0px 0px 10px 0px;
}

table.product_details td.detail {
	font-weight: bold;
}



a#add_to_request {
	background: transparent url('../images/buttons/btn-add-to-request.png') top left no-repeat;
	width: 160px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	margin: 0px auto;
	margin-top: 20px;
}

tr.headers td {
	font-weight: bold;
	border-bottom:	1px solid #aebec6;
}

.content_main .pay_methods td {
	vertical-align: middle;
}

.content_main td.billing_address {
	line-height: 1.8em;
}

.content_main table.customer_info_table td {
	padding-top: 4px;
}




/** checkout
------------------------------------------------------------------ */
A.CheckoutTab:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.CheckoutTab:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.CheckoutTab:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.CheckoutTab:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
.CheckoutTabSel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
.LineAfterCart {
	BACKGROUND-COLOR: #aebec6;
	height: 2px;
}
.LineBeforeCart {
	BACKGROUND-COLOR: #4e6677;
}
.BigButtonTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
.RedBackground {
	BACKGROUND-COLOR: #4e6677;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	TEXT-ALIGN: center;
}
.YellowBackground {
	BACKGROUND-COLOR: #aebec6;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	TEXT-ALIGN: center;
}
A.ShippingMethod:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.ShippingMethod:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.ShippingMethod:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
A.ShippingMethod:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
}
.BBCorner {
	WIDTH: 9px;
	HEIGHT: 9px;
}
.FLC_Register {
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}

table.cart_table {
	border:		1px solid #AEBEC6;
	margin-bottom: 20px;
	background-color: #E5EBEC;
}

table.cart_table .headers {
	background-color: #CFD9DC;
}

table.cart_table td {
	padding-top: 5px;
}

table.cart_table td td {
	padding-top: 0px;
}

table.cart_nav_table td {
	font-size: 1px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
}

table.registration_table {
	margin-bottom:	10px;
	width: 100%;
}

table.registration_table th {
	text-align:	right;
	width: 30%;
	padding-right: 10px;
}

table.registration_table td.fields {
	width: 50%;
	border:		1px solid #AEBEC6;
	background-color: #F4F6F7;
	padding:	8px;
}

table.registration_table td.fields table {
	width: 100%;
}

table.approval_table {


	margin:	auto;	
}

table.approval_table th {
	text-align: right;
	padding-right: 10px;

}

#map iframe {
	border: 8px solid #AEBEC6;
}

#map {
	text-align:center;
	float:		right;
}

table.contact_table th {
	text-align:	right;
	padding-right:	20px;
}

.order_invoice {
	border: 1px solid #AEBEC6;
	padding: 4px;
}