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

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

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

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

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


body, normal {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	padding: 30px 0;
	margin: 0 auto 0 auto;
	text-align: center;
	background-color: #f1f1f1;
	}
	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}	
	
#stats { display: none; }
	
/*
----------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------*/

#wrapper {
	width: 973px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(/persistent/templateimages/wrapper_bg.jpg) repeat-y;
	}
	
	#header {
		width: 973px;
		height: 129px;
		margin: 0;
		padding: 0;
		background: url(/persistent/templateimages/header.jpg) no-repeat;
		}
		
		#header img {
			display: block;
			width: 938px;
			height: 112px;
			padding: 17px 0 0 17px;
			margin: 0;
			}
			
	#navWrapper {
		width: 973px;
		height: 48px;
		margin: 0 0 10px 0;
		padding: 0;
		background: url(/persistent/templateimages/nav_bg.jpg) no-repeat;
		}

		/*
		----------------------------------------------------- 
		MAIN NAVIGATION MENU
		-----------------------------------------------------*/
		
		/* -- Top Menu Sucker Fish 4 Level -- */
		
		#nav, #nav ul {
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: left;
			}
			
		
			#nav li {
				float: left;
				padding: 0;
				height: auto;
				margin: 0;
				}
			
			#nav li a {
				color: #fff;
				font: bold 13px Verdana, Arial, Helvetica, sans-serif;
				display: block;
				padding: 16px 28px 16px 26px;
				text-decoration: none;
				background: url(/persistent/templateimages/nav_line.jpg) top right no-repeat;
				}
					
			#nav li a:hover { 
				color: #fff;
				text-decoration: underline;
				}
			
			#nav li.selected a { 
				color: #97e475;
				}
			
			#nav li.selected a:hover { 
				color: #97e475;
				text-decoration: underline;
				}
				
			/* -------- Drop down menu -------- */	
			
			#nav li ul a, #nav li.selected ul a, #nav li ul a:visited {
				font: bold 11px Verdana, Arial, Helvetica, sans-serif;
				display: block;
				text-decoration: none;
				text-align: left;
				padding: 7px 5px 7px 13px;
				color: #fff;
				width: auto;
				background: none;
				background-color: #1a8767;
				text-transform: none;
				}
				#nav li ul a:hover, #nav li.selected ul a:hover {
					background-color: #14634B;
					text-decoration: none;
					color: #fff;
					}

			#nav li ul li { 
				background-color: #1a8767;
				}
			
			#nav li ul {
				position: absolute;
				left: -999em;
				height: auto;
				width: 176px;
				margin: 0;
				padding: 0;
				}
			
			#nav li li {
				width: 176px;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #14634B;
				}
			
			#nav li ul ul { margin: -1.90em 0 0 150px; }
			
			#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:hover, #nav li.sfhover { position: static; }
		
	#contentWrap {
		width: 938px;
		margin: 10px 0 0 18px;
		padding: 0;
		background:url(/persistent/templateimages/content_bg.jpg) repeat-x;
		}
		
		#content {
			width: 903px;
			padding: 20px 0 20px 18px;
			margin: 0;
			}
			
	#footer {
		width: 938px;
		height: 58px;
		margin: 0 0 0 17px;
		padding: 0;
		background: url(/persistent/templateimages/footer_bg.jpg) no-repeat;
		color: #fff;
		}
		
		#footer p {
			padding: 7px 14px;
			line-height: 20px;
			color: #fff;
			margin-bottom: 0;
			}
	
		#footer a { color: #fff; }
		
#basebar {
	width: 973px;
	height: 23px;
	margin: 0 auto;
	background: url(/persistent/templateimages/basebar.jpg) no-repeat;
	}

/*
----------------------------------------------------- 
HEADINGS
-----------------------------------------------------*/
	
h1 {
	font: normal 26px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #1c4d86;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
h2 {
	font: normal 17px Verdana, Arial, Helvetica, sans-serif;
	color: #48977a;
	margin: 0 0 10px 0;
	padding: 0;
	}

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	margin: 4px 0;
	padding: 0;
	text-transform: uppercase;
	}
	
/*
----------------------------------------------------- 
DEFAULT FONT STYLES
-----------------------------------------------------*/

td, p, li {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	}
	
p { margin: 0 0 15px 0; padding: 0; }

img { border-color: #ccc; }
	
hr {
	border: none;
	border-top: 1px solid #cfcdcd;
	color: #fff;
	padding: 0;
	}
		
#content ul, #content ol, #content li, {
	list-style: outside;
	list-style-type: square;
	}

#content ul, #content ol {
	margin-left: 12px;
	padding-left: 12px;
	}
		
	#content li {
		padding-bottom: 10px;
		margin-left: 10px;
		padding-left: 5px;
		}	
		
		#content ul ul, #content ol ol, #content ol ul, #content ul ol, { margin-top: 12px; }	
	
/*
----------------------------------------------------- 
LINKS
-----------------------------------------------------*/
	
a { 
	text-decoration: underline;
	color: #119b6b;
	}
		
a:hover { text-decoration: none; }
	
/*
----------------------------------------------------- 
CUSTOM STYLES
-----------------------------------------------------*/
	
.thickWhiteBorderRight {
	border: 8px solid #fff;
	float: right;
	margin: 0 0 20px 20px;
	}

.thickWhiteBorderLeft {
	border: 8px solid #fff;
	float: left;
	margin: 0 20px 20px 0;
	}

.greyBorder { border: 1px solid #e3e3e3; }
.greyText { color: #949494; }

.stockists a { font-weight: bold; }

#searchWrap {
	width: 860px;
	background: #f1f1f1;
	padding: 15px 20px 20px 20px;
	margin: 10px 0;
	}
	
	#searchWrap h2 { color: #666666; }