/* - - - - - - - - - - - - - - - - - - - - -

Title : Illy
Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0px;
	margin: 0px auto;
	overflow: -moz-scrollbars-vertical;
	}


body { 
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	color: #000000;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify; }

form, h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; }

	
img {
	border: none;
	}

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

	
/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#mainBody { width: 800px; margin: auto; }

#headerBar { 
	height: 153px; }
	#headerLogo { width: 100px; padding-top: 60px; height: 60px; float: left; }
	#headerCart { width: 630px; padding-top: 55px; line-height: 18px; font-size: 10px; float: left; text-align: right; }
		#headerCart a { text-decoration: none; font-weight: bold; }
	#headerMap { padding-top: 60px; height: 60px; float: right; }

	#navBar { padding: 8px 0px 0px 0px; height: 25px; background: #E9E9E9; }
		.mainNavItem { 
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			color: #4A4A4A;
			text-decoration: none;
			text-transform: lowercase;
			margin: 0px;
			padding: 1px 20px 1px 20px;
			border-left: 1px solid #4A4A4A; }
		.mainNavItemFirst { 
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			color: #4A4A4A;
			text-decoration: none;
			text-transform: lowercase;
			margin: 0px;
			padding: 1px 20px 1px 20px; }
		.mainNavItem:hover, .mainNavItemLast:hover { 
			background: #E9E9E9;
			color: #D12420; }
		#primary-nav, #primary-nav ul {
			list-style: none;
			background: #FFFFFF;
			padding: 0px;
			margin: 0px;
			text-align: left; }
		#primary-nav li a {
			display: block;
			text-decoration: none;
			padding-top: 1px;
			padding-bottom: 1px;
			text-transform: lowercase; }
		#primary-nav li a:hover { color: #D12420; }
		#primary-nav li ul a {
			font-size: 11px;
			display: block;
			text-decoration: none;
			padding: 6px 4px 6px 8px;
			color: #000000;
			text-transform: lowercase;
			font-weight: normal;
			width: 182px;
			border-bottom: 1px solid #E9E9E9;
			/* width: 154px; */}
		#primary-nav li ul a:hover { color: #D12420; background: #FFFFFF; }
		#primary-nav li { float: left; padding: 0px; }
		#primary-nav li ul {
			position: absolute;
			left: -999em;
			height: auto;
			width: 194px;
			margin: 0px;
			padding: 0px; }
		#primary-nav li li { width: 174px; }
		#primary-nav li ul ul { margin: -1.90em 0 0 12em; }
		#primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, #primary-nav li.sfhover ul ul, #primary-nav li.sfhover ul ul ul { left: -999em; }
		#primary-nav li:hover ul, #primary-nav li li:hover ul, #primary-nav li li li:hover ul, #primary-nav li.sfhover ul, #primary-nav li li.sfhover ul, #primary-nav li li li.sfhover ul { left: auto; z-index: 500; }
		#primary-nav li:hover, #primary-nav li.sfhover { background: #E9E9E9; color: #4A4A4A; }
		#primary-nav li ul li:hover, #primary-nav li ul li.sfhover { background: #E9E9E9; color: #4A4A4A; }


#bodyBar { padding: 5px 0px 5px 0px; }
	#pageCrumbs { font-size: 11px; color: #4A4A4A; padding-bottom: 20px; }
	#pageCrumbs a { text-decoration: none; color: #4A4A4A; }
	#pageCrumbs a.cuRRent { color: #D12420; }
	#pageCrumbs a:hover { text-decoration: underline; color: #D12420; }

	#homeBodyBar { padding-top: 32px; }

/* home page styles start */
#homeContent { 
			height: 218px;
			padding: 90px 0px 0px 40px;
			overflow: hidden; background: url(/images/home_banner.jpg) left center no-repeat; }
		#homeContent h1, h2, h3 { display: inline; }
		#homeContent h1.lightHeading { color: #999999; }
		#homeContent h3 { font-weight: normal; }
		#homeActionItems { 
			width: 798px;
			border: 1px solid #A4A4A4;
			text-align: center;
			font-size: 11px;
			height: 40px;
			overflow: hidden; }
			#homeItemLeft { 
				width: 264px;
				padding: 14px 0px 0px 0px;
				height: 26px;
				float: left;
				border-right: 1px solid #A4A4A4; }
				#homeItemLeft a { text-decoration: none; color: #000000; padding: 0px 0px 0px 20px; background: url(/images/icon_order_now.gif) left center no-repeat; }
			#homeItemMiddle { 
				width: 264px;
				padding: 14px 0px 0px 0px;
				height: 26px;
				float: left; }
				#homeItemMiddle a { text-decoration: none; color: #000000; padding: 0px 0px 0px 20px; background: url(/images/icon_download.gif) left center no-repeat; }
			#homeItemRight { 
				width: 264px;
				padding: 14px 0px 0px 0px;
				height: 26px;
				float: left;
				border-left: 1px solid #A4A4A4; }
				#homeItemRight a { text-decoration: none; color: #000000; padding: 0px 0px 0px 20px; background: url(/images/icon_offers.gif) left center no-repeat; }
				#homeItemLeft a:hover, #homeItemMiddle a:hover, #homeItemRight a:hover { text-decoration: underline; color: #D12420; }
		#homePromotions { margin-top: 10px; margin-bottom: 10px; }
			#homePromoLeft { width: 373px; border: 1px solid #A4A4A4; float: left; margin-right: 10px; padding: 10px; }
			#homePromoRight { width: 373px; border: 1px solid #A4A4A4; float: left; padding: 10px; }
				#homePromoLeft .promoBox { 
					background: #F9F9F9 url(/images/promo_001.jpg) left top no-repeat;
					height: 107px;
					padding: 0px 20px 0px 120px;
					text-align: center;
					font-weight: bold;
					line-height: 1.5em; }
				#homePromoRight .promoBox { 
					background: #F9F9F9 url(/images/promo_002.jpg) left top no-repeat;
					height: 107px;
					padding: 0px 20px 0px 120px;
					text-align: center;
					font-weight: bold;
					line-height: 1.5em; }
					.promoBox a { text-decoration: none; color: #000000; }
					.promoBox a:hover { color: #D12420; text-decoration: underline; }
/* home page style end */

	/* cart styles start */

	#categoryMain { padding: 0px 0px 10px 0px; }
		#categoryLeft { float: left; width: 240px; font-size: 11px; }
			#categoryLeft img { border: 1px solid #4A4A4A; }
		#categoryContent { float: left; width: 510px; padding-left: 50px; text-align: justify; font-size: 11px; }
			#categoryContent p {  font-size: 11px; }
			.prodListMain { float: left; padding: 5px 25px 5px 5px; width: 335px; }
				.prodListMain b { color: #D12420; font-size: 12px; }
				.prodListMain a { color: #D12420; font-size: 12px; text-decoration: none; }
				.prodListMain a:hover { color: #D12420; font-size: 12px; text-decoration: underline; }
				.prodListMain h2 a   { color: #4A4A4A; font-size: 18px; text-decoration: none; }
				.prodListMain h2 a:hover  { color: #4A4A4A; font-size: 18px; text-decoration: underline; }
			.prodListPrice { width: 70px; float: left; padding: 5px; }
			.prodListQty { width: 50px; float: left; padding: 5px; }
				.prodListQty input { padding: 0px; margin: 0px; border: 1px solid #4A4A4A; width: 40px; }
			.prodListCrossLinkHead { 
				padding: 15px 0px 15px 0px;
				background: #E9E9E9;
				width: 510px;
				text-align: center;
				color: #D12420;
				font-weight: bold;
				font-size: 12px; }
			.prodListCrossLinkImg { float: left; width: 52px; }
				.prodListCrossLinkImg img { border: 1px solid #4A4A4A; margin-top: 5px; margin-bottom: 5px; }
	#subCategories { margin-top: 40px; }
		.subCategory { margin-left: 40px; margin-bottom: 20px; float: left; width: 100px; font-size: 11px; text-align: center; }
		.subCategoryFirst { margin-bottom: 20px; float: left; width: 100px; font-size: 11px; text-align: center; }
		.subCategory img, .subCategoryFirst img { border: 1px solid #4A4A4A; margin-bottom: 10px; }
		.subCategory a, .subCategoryFirst a { font-weight: bold; text-decoration: none; }
		.subCategory a:hover, .subCategoryFirst a:hover { text-decoration: underline; color: #D12420; }

	#cartLeft { float: left; width: 240px; font-size: 11px; }
	#cartContent { float: left; width: 540px; padding-left: 10px; text-align: justify; font-size: 11px; }
		#cartContent p {  font-size: 11px; }
		#cartContent input, select, textarea { padding: 1px; margin: 1px; border: 1px solid #4A4A4A; }

		.cartTable { border: 3px solid #EFEFEF; }
		.cartTableHeader { background: #EFEFEF; padding: 2px; font-size: 10px; font-weight: bold; }
		.cartTableCell { padding: 2px; border: 1px solid #EFEFEF; }
		.cartTableCellLabel { background: #EFEFEF; padding: 2px; font-size: 10px; font-weight: bold; text-align: right; }
		.cartTableFooter { background: #EFEFEF; padding: 2px; font-weight: bold; }
		.cartQty { padding: 0px; margin: 0px; border: 1px solid #4A4A4A; width: 40px; }
		#cartContent .cartBtn { border: none; padding: 0px; margin: 0px; }
		.cartButton, #cartContent .cartButton { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #D12420; border: 1px dotted #D12420; padding: 1px; margin: 0px; background: #EFEFEF; }
		#cartContent .cartInput { width: 365px; padding: 1px; margin: 1px; border: 1px solid #4A4A4A; }
		.cartInput { padding: 1px; margin: 1px; border: 1px solid #4A4A4A; }
		
	/* cart styles end */


#footerBar { 
	border-top: 1px solid #000000;
	color: #000000;
	padding: 5px;
	font-size: 11px;
	text-align: center; }
	#footerBar a { color: #000000; text-decoration: none; text-transform: lowercase; }
	#footerBar a:hover { color: #D12420; text-decoration: underline; }
	#footerNav { float: right; }
	
#stats { display: none; }



/*
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 { 
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #4A4A4A;
	padding-bottom: 14px; }
h2 { 
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	color: #4A4A4A;
	padding-bottom: 14px; }
h3 { 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #D12420;
	padding-bottom: 14px; }

/*
----------------------------------------------------------------------------- 
DEFAULT FONT STYLES
-----------------------------------------------------------------------------*/

td, p { 
	color: #000000;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	text-align: justify; }
	
p { margin-bottom: 14px; }

ul.noIndent {	line-height:2em; 
		margin-left:2px;
		padding-left:15px; }


/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a { color: #D12420; text-decoration: underline; }
a:hover { text-decoration: underline; }



/*
----------------------------------------------------------------------------- 
CUSTOM STYLES
-----------------------------------------------------------------------------*/

.RedText { 
	color: #D12420;
	font-size: 12px; }


.ImageGreyBorder { 
	border: 1px solid #4A4A4A; }