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

Title : Fabre Australia / Midel

URL : http://www.sumidel.com.au

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

Description : Full website styles

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

/*
-----------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,/*h1,h2,h3,h4,h5,h6*/,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

body { background: url(/persistent/templateimages/bg_body.jpg) repeat-x; 
	   color:#6c6c6c;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   font-weight:normal;
	   line-height: 15px;
	   background-color:#3c3c3c;
	   margin-bottom: 25px; }

fieldset { border: 0; }

img { 
	border: 0;
	margin: 0;  }

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #a97366;
	margin: 16px 0px;}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a97366;
	margin: 14 0;}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6c6c6c;
	margin: 12 0;
	}
	
h4 {
	}
	
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #757575;
	margin: 16 0;}
	
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #757575;
	margin: 14 0;}

p, td {
	color:#6c6c6c;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 12px;
  	font-weight:normal;
 	line-height: 15px;
	margin: 0;
	padding: 0;}
	
p { padding-bottom: 15px;}	

hr {
	color: #FFFFFF;
	border: none;
	border-top: 1px solid #c6c8c6;
	padding-bottom: 5px;
	}

#contentarea ul,li {
	color:#6c6c6c;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 12px;
  	font-weight:normal;
 	line-height: 15px;
	margin: 0;}
	
#contentarea ul {
	margin: 0 15px 0 0;
	}	

a:link, a:visited {
	color:#7892a3;
	text-decoration: underline;}

a:hover, a:focus {
	color:#81bed1;}

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

#stats {
	display: none;
	height: 0;
	line-height: 0;
	margin: 0; }

/*
-----------------------------------------------------------------------------
Layout Styles
-----------------------------------------------------------------------------*/
#container {
	width: 798px;
	background-image: url(/persistent/templateimages/dropshadow.jpg);
	background-repeat: repeat-y;
	margin: 25px auto 25px auto; }

#containerborder {
	width: 789px;
	border: 1px solid #5c7583;
	margin-left: 0px;
	background-color: #FFFFFF; }
	
/*Banner Styles --------------
------------------------------*/
#bannercontainer {}

	#logo {
		width: 789px;
		height: 89px;
		border-bottom: 1px solid #575757; }
		
	#bannerimage {
		width: 789px;
		height: 266px;
		background-image: url(/persistent/templateimages/topbanner.jpg);
		background-repeat: no-repeat; }

/*Main Navigation Styles ------------
-----------------------------------*/

#mainnav {
	background-image: url(/persistent/templateimages/bg_main_nav.jpg);
	background-repeat: repeat-x;
	height: 37px;
	width: 789px;
	}

#navwrapper { }
	
/* -- Top Menu Sucker Fish 4 Level -- */
		
		
		#nav, #nav ul {
			/*width: 732px;*/
			list-style: none;
			padding: 0px;
			margin: 0px;
			border: 0px;
			}
		
		#nav li {
			float: left;
			cursor: pointer;
			/*width: 93px;*/ /*when changed the width from 125 to 93 or deleted it, format stuffs up in Firefox*//*changes the li width (emil said to leave with no width*/
			padding: 9px 15px 0px 9px;/*5*/
			text-align: center;
			text-indent: 0px;
			border-right: 1px solid #e1e1e1;
			list-style: none;
			height: 28px;
			}
			
		#nav li a { /*Main Items*/
			font: normal 17px Arial, Helvetica, sans-serif;
			color: #ffffff;
			text-transform: capitalize;
			display: block;
			text-decoration: none;
			padding: 0; /*need this to set top and bottom padding of main and sub nav items*/
			margin: 0;}
			
		#nav li.selected a, #nav li a:hover { 
			color: #56595b; /*main nav items*/
			}
		
		#nav li ul {/*adjusts position of sub1*/
			position: absolute;
			left: -999em; /* do not touch*/
			height: auto;/*do not touch*/
			width: 85px;/*width that you want the sub-items to be*/
			margin-left: -5px;
			margin-top: 7px;/* Enter value of #nav li bottom padding*/
			margin-bottom: 0px; /*5*/
			/*border-bottom: 1px solid #023d5d; this will give subnav items a border*/
			/*margin-top: 1px;*/ /*changed from 0*/
			/*padding: 10px;*/
			}
			
		#nav li li {
			margin: 0;
			padding: 0;
			background-image: none;
			}
		
		#nav li li a, #nav li.selected li a { /*sub nav items (both 2nd and 3rd level)
			font: bold 10px "Tahoma";
			display: block;
			text-decoration: none;
			text-align: left;*/
			padding: 5px;
			border-bottom: 1px solid #023d5d; /*If you would like borders around the nav items, put them here*/
			color: #FFFFFF; /*link color*/
			width: 85px; /*changed from 159*/
			text-transform: capitalize;
			text-align: left;
			background-color: #165e86;
			}
			
		#nav li li a:hover, #nav li.selected li a:hover {
			color: #56595b;
			text-align: left;
			background-color: #023d5d;
			}
				
		#nav li ul ul { /*updates sub2*/
			width: 85px;/*changed from 176*/ /*nothing happened*/
			margin: -0 0 0 85px;/*changed from 22 0 0 same as width*/
			/*border-top: 1px solid #FFFFFF;*/
			}
		
		/*#nav li#eventsNav ul ul{
			width: 120px;changed from 176 nothing happened
			margin: -0px 0 0 -20px;
			}*/
		
		#nav li:hover ul ul,
		#nav li:hover ul ul ul,
		#nav li.sfhover ul ul {
			left: -999em;
			}
		
		#nav li:hover ul,
		#nav li li:hover ul,
		#nav li li li:hover ul,
		#nav li.sfhover ul,
		#nav li li.sfhover ul {
			left: auto;
			z-index: 500;
			}
		
		#nav li#eventsNav.sfhover ul {
			width: 85px;/*changed from 176*/
			margin: 0 0 0 -0px; /*changed left from 116*/
			}
		
		
		#nav li li.sfhover ul { /*updates sub2 position*/
			margin: -28px 0 0 95px;/*leave as width value of sub1*/
			left: auto;
			z-index: 500;
			}
			
		#nav li#eventsNav li.sfhover ul {
			margin: -28px 0 0 -95px;
			left: auto;
			z-index: 500;
			}
		
		#nav li:hover, #nav li.sfhover { 
			color: #56595b;
			}
		
		#nav li ul li:hover, #nav li ul li.sfhover { 
			background: none;
			}
			
		/*Navigation Area Finish--------------------*/

/*Middle Container Styles------------
------------------------------------*/

#middlecontainer {
	width: 781px;
	margin-top: 6px;
	padding: 0px 4px 10px 4px}
	
	/*Left Container*/

	#mid_leftcontainer {
		width: 176px;
		float: left;}
	
	#newsletter {
		background-image: url(/persistent/templateimages/bg_newsletter.jpg);
		background-repeat: no-repeat;
		width: 176px;
		height: 85px;
		margin-bottom: 6px; }
	
	.subscribeinput {
		border: 1px solid #c27b63;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		color: #5f5f5f;
		padding: 2px; }
	
	#quicksearch {
		background-image: url(/persistent/templateimages/bg_quicksearch.jpg);
		background-repeat: no-repeat;
		width: 176px;
		height: 78px;
		margin-bottom: 6px;
		/*padding: 33px 4px;*/}
	
	.searchbox {
		border: 1px solid #becbd5;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		color: #5f5f5f; }		
		
	#storenavheading {
		margin: 0px;
		display: block;
		padding: 0px;
		border: 0px;}
		
	#storenavitems {
		margin: 0px;
		padding: 0px;
		border: 0px; }
		
	.form_box {
		padding: 30px 4px 0px 4px; }
	
	#qs_text {
		padding: 4px; }
		
	#qs_text a {
		font-size: 10px;
		color: #6c6c6c; }
	
	#qs_text a:hover {
		color: #56595b; }
	
	/*Right Container*/
	
	#mid_rightcontainer {
		margin-left: 15px;
		float: left;
		width: 585px; }
	
		#contentarea {
			margin: 0;
			padding: 0; }
		
		
		/*Home Page Containers */
		
		#homecontent {
			float: left;
			width: 385px;
			margin: 0;
			padding: 0;
			}
			
		#homerightcolumn {
			float: left;
			width: 181px;
			margin: 0 0 0 14px;
			padding: 0;
			}
			
			#promo {
				margin: 15px 0 0 0;
				width: 166px;
				padding: 0 0 0 15px;
				background: url(/persistent/templateimages/promo_bg.jpg) top left no-repeat;
				}
				
				#promo h2 {
					font-size: 18px;
					font-weight: normal;
					color: #565656;
					}
					
				#promo p {
					font-size: 11px;
					}
	
	
/*Store Navigation ----------
----------------------------*/

#storenav {
	margin-bottom: 30px; }

ul#subNav, #subNav {
	width: 176px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#subNav li {
	float: left;
	width: 176px;
	margin: 0;
	padding: 0;
	border-top: none;
	list-style: none;
	}
		#subNav li a {
			display: block;
			padding: 7px 4px 7px 10px;
			width: auto;
			margin: 0;
			color: #ffffff;
			font-weight: normal;
			background-image: url(/persistent/templateimages/bg_shop_nav_lvl1.jpg);
			background-repeat:repeat-x;
			border-bottom: 1px solid #FFFFFF;
			background-color:#7993a4;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			text-decoration: none;
			}
			
		#subNav a:hover {
			width: auto;
			text-decoration: none;
			color: #56595b;
			}
			
			
#subNav li ul {

	margin: 0;
	padding: 0;
	width: 176px;
	list-style: none;
	}
	
	#subNav li ul li  {
		border-bottom: none;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		#subNav li ul li a {
			font-weight: normal;
			padding: 7px 4px 7px 20px;
			color: #FFFFFF;
			background-color:#7993a4;
			background-image: none;
			list-style: none;
			}
			
			#subNav li ul li ul li a {
			font-weight: normal;
			padding: 7px 4px 7px 30px;
			color: #FFFFFF;
			background-color:#637c8c;
			background-image: none;
			list-style: none;
			}
	

/*Footer Styles---------------
-----------------------------*/
#footercontainer {
	border-top: 1px solid #2b2b2b;
	width: 781px;
	margin-top: 6px;
	padding: 10px 4px;}
	
#footercontainer table td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: top; }

#footercontainer a {
	color: #333333; }

#footercontainer a:hover {
	color: #666666; }
	

/*Store Styles ----------
----------------------------*/

#product_drilldown_form table{
	background:  url(/persistent/templateimages/advanced_search_table_bg.jpg) left bottom repeat-x #595959;
	border: 1px solid #c0cdd6;
	margin: 0 0 15px 0;
	}
	
	#product_drilldown_form th {
		height: 41px;
		text-align: left;
		border-bottom: 1px solid #c0cdd6;
		color: #565656;
		font-size: 17px;
		font-weight: normal;
		padding: 0 0 0 8px;
		vertical-align: middle;
		background: url(/persistent/templateimages/advanced_search_th_bg.jpg) top left repeat-x;
		}
		
	#product_drilldown_form td {
		border-bottom: 1px solid #707070;
		color:#cdcdcd;
		font-size: 11px;
		padding: 8px;
		}


	#product_drilldown_form input {
		width: 156px;
		background-color: #afc3d1;
		color: #000000;
		font-size: 11px;
		border: none;
		padding: 1px;		
		}
		
	#product_drilldown_form select { 
		width: 160px; 
		background-color: #afc3d1;
		color: #000000;
		font-size: 11px;
		border: none;
		padding: 1px;
		}
	
	#product_drilldown_form .button {
		width: auto;
		color: #000000;
		font-size: 11px;
		background-color: #c6c5be;
		border: none;
		}

/*View by Category page*/


.breadcrumbs {
	font-size: 10px;
	}

#category_subcat2 {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	}	
	
#category_subcat2 li {
	padding-bottom: 15px;
	margin-left: 0px;
	padding-left: 25px;
	list-style: none;
	background: url(/persistent/templateimages/category_subcat2_bg.jpg) 0 3px no-repeat;
	}


#category_subcat3 {
	width: 180px;
	margin: 0 10px 10px 0;
	padding: 0;
	}
	
	#category_subcat3 img {border: 1px solid #efeff0;}

	#category_subcat3 p {font-size: 11px;}


.cellshade {
	padding: 0 5px 15px 0;
	}

	.cellshade a img {border: 1px solid #efeff0;}

	.cellshade p {
		margin: 0;
		padding: 0 0 8px 0;
		}
	
	.cellshade small {
		font-size: 11px;
		}
		


/*View Product Info*/

.navytext {
	color: #2e4596;
	}

.product_enquire {
	font-size: 11px;
	color: #a17364;
	margin: 10px 0 0 0;
	}
			
#productImages {
	width: 205px;
	}
	
	#productImages img {
		border: 1px solid #efeff0;
		}
		
	.productSecondaryImageThumb {
		float: left;
		display: inline;
		margin: 5px 5px 0 0;
		}
		
/*Cart styles*/

.shopfront_input {
	background-color: #d7d7d7;
	border: 1px solid #798169;
	color: #6c6c6c;
	padding: 1px;
	}
	
.cart_button {	
	color: #c2c2c2;
	font-size: 11px;
	background-color: #2e4596;
	border: 1px solid #798169;
	}	
	
.checkout_button {	
	color: #c2c2c2;
	font-size: 11px;
	background-color: #2e4596;
	border: 1px solid #798169;
	}	

.checkout_toprow {
	background-color: #c6c8c6;
	color: #000000;
	padding: 5px;
	}	

.checkout_td_bgcol {
	background-color: #EAEAEA;
	padding: 5px;
	}

#minicart {
	background: #e6e6e6;
	}
	
	#minicart th {
		color: #878787;
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		padding: 3px 5px;
		}
		
	#minicart td {
		font-size: 10px;
		color: #0a0a0a;
		padding: 3px;
		}
	
	.minicart_button {
		background-color: #c6c5be;
		border: 1px solid #8c8c8c;
		font-size: 10px;
		color: #0a0a0a;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		width: auto;
		}