/* CSS Document */

/* Style sheet for Jugiong Wine Cellar ::  Wirrilla */
/* 
  COLORS
  Nav Background:    	#983222 red (red from logo B23E3F  red from angela 983222)
  Sidebar:        	    #d7cdb4 sand
  Links:                #
  text:     			#666

 */


* {
    margin:0;
    padding:0;
}

body {
	margin: 0;
	padding: 0 0;  /* reduced top padding from 20 to improve readability on smaller screens */
	float: center;
	text-align:center;
	font-size:0.8em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;

	}
body.hl #wrap {
	/*border-color: #ccc; */
	border: 1px solid #d7cdb4;
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: repeat-y;
	}
	
/* links
------------------------------------------- */


a:link, a:visited {
	text-decoration: none;
	color: #666;  /*prev #666 - this is red from angela */
	border-bottom: 1px dotted #666;

}

a:hover {
	color: #983222;
	border-bottom: 1px solid #983222;
}

/* page structure
------------------------------------------- */

#wrap {
	width: 800px;
	margin: 0 auto;
	padding: 0 0px 0px 5px;
	color: #444;
	}
#main-body {
	clear: both;
	text-align:left;
	margin: 0px 0px;  /* reduced from 25px and 15px to improve readability  */
	background-image: url(images/nav.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
	margin-top: 0;
	}
	
#orders {
width: 750px;
float: left;
}

#content {
	width: 600px;
	text-align:left;
	float: right;
	padding: 0 10px 0 5px;
		background-color: #fff;

	}

/* header
------------------------------------------- */

#header {
	margin: 0;
	padding: 0 0 0px 0;   /* to have same colour as Nav bar across top of page - add 5-10px of padding */
	text-align: center;
	border-bottom: 0px solid #983222;   /*red border at base of header  */
	border-top: 10px solid #983222;  /* red border  at top */
	background: #d7cdb4; 
	}

#header h1 a {   /* removed h1 in headers section - could delete this  */
	font-size: 0.8em;
	text-indent:-9999px;
	text-decoration: none; 
	color: #fff;
	background:#d7cdb4;
}

#header h1 a:link, a:visited, a:hover {
	text-decoration: none;
	border-bottom: none;

}

#logo {
	padding: 0px 0 0 10px;   /* index2 - inserted 10px to give space at top */
	background: #d7cdb4;
}

#logo img{
	padding: 0 0 0 0px;
	float: left;
}

	
/* nav bar
------------------------------------------- */


#nav {
	margin-left: 0px; 
	padding: 5px 0 20px 0;
	background: #983222;	
	
		}
	
#nav ul {
	font-size: 1em;
	font-family: "Century Gothic", helvetica, sans-serif;
	/* font-weight: bold; */
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
	
		}
		
#nav ul li {
	display: inline;
	margin: 0 10px 0 10px;  /* margin right of each section is 10 or 15 px depending on space */
	padding: 0 0 5px 0;
	letter-spacing: .05em;/**/
	}
#nav ul li.active {
	padding-bottom: 10px;
	margin-left: -5px;
	/* background: url(images/dot_marker.jpg) no-repeat 50% 100%;   */
	font-weight: bold;
	
	}
	
#nav ul li.end {
	margin-right: 2px;	
	}


#nav ul li a {
	text-decoration: none;
	color: #fff;  /* */
	border: none;
	}
#nav ul li.active a {
	color: #fff;
	}
#nav ul li a:hover {
	color: #a49677;
	padding-bottom: 10px;
	/*  background: url(images/dot_marker.png) no-repeat 50% 100%;  */
	}

/* content styles
------------------------------------------- */

#content {
	background: #fff;  /*  changed for index2 - prev white bg , then was #F1EDDB  */
}

#content a {
	text-decoration: none;
	color: #666;  /*  */
	border-bottom: 1px dotted #666;

}

#content a:hover {
	color: #983222;
	border-bottom: 1px solid #983222;
}



#content h1 {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "century gothic", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: 0.04em;
	font-size: 160%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dashed #666;
	}
#content h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: "century gothic", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: -0.04em;
	font-size: 150%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	
	}
	
#content h2.news {
	padding-left: 10px;
	font-size: 150%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	background: #d7cdb4;
	
	}

	
#content .sub {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #777;
	}
#content h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-family: "Century Gothic", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: -0.01em;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content h3 a {
	border: none;
	}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
/* hmm
#content h4 a {
	border: none;
	}
*/
#content p {
	margin: 0 0 1em 0;  /* reduced spacing from 1.5 to 1em to condense spacing and improve readability */
	padding: 0;
	line-height: 1.5em;
	font-size: 1em;
	}
/*#content p.quote {
	margin: 5px 0 10px 25px;  
	line-height: 1.4em;
	font-size: .9em;
	}*/
#content p.quote {
    background: url(images/quote-bg.png) top left no-repeat;
	margin: 5px 0 10px 110px;  
    padding: 0 0 0 13px;
    font-style: normal;
	font-size: .9em;
    color: #666666;
}
#content .posted {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	letter-spacing: .01em;
	float: right;
	color: #999999;
	}
#content p.emphasis {
	font-style: italic;
	/*  color: #999999;*/
	}

	
#content blockquote {
	font-size: 120%;
	margin: 5px 10px;
	padding: 5px 20px 10px 20px;
	color: #666;   
	/* background: #f0f0f0;      */
	font-family: "century gothic", helvetica, "Lucida Grande", sans-serif;
	}
#content blockquote p {
	margin: 0 0 15px 0;
	padding: 0;
	}
#content ul,
#content ol {
	line-height: 1.4em;
	}
	
#content ul {
	font-size: 11px;
	list-style-type: none;

	/*font-family: "Trebuchet MS", helvetica, sans-serif;  */
	}
/*#content ul li {
	background: url(blue_arrow.jpg) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	}  for customised bullets - use this code*/


#content ul li a {
	text-decoration: none;
	color: #0064b5;  /* same blue as header */
	border-bottom: 1px dashed #0064b5;
	}
#content ul li.active a {
	color: #555;
	}
#content ul li a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
	}

#content ul.bulletlist {
	
	font-size: 12px;
	}
#content ul.bulletlist li {
	margin: 0 0 .5em 0;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	font-size: 90%;
	/*   background-image: url(arrow-bullet.gif);    */

	}
#content img {
	float: right;
	padding: 20px 0 0;
	}

#content img.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
#content img.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}


#content img.sidebar {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 1.5em 1.5em 0px;
	}

#content.table {
	font: 12px verdana, georgia, serif;
	}

#content span.arrow {
	color: #983222; 
	font-size: 1.8em;
	}


/* sidebar
---------------------------------------------------------- */
/*  see body.hl #sidebar override below (contains background image) */
#sidebar {
	font-size: 95%;
	width: 140px;
	text-align:left;
	margin:0 auto;
	padding: 10px 10px;
	float: left;
	}
	
#sidebar a:link {
	text-decoration: none;
	color: #666; 
	border-bottom: none;  /*was 1px dashed #666 */

}
#sidebar a:visited {
	text-decoration: none;
	color: #666; 
	border-bottom: none ; /* was 1px dashed #666 */

}
#sidebar a:hover {
	color: #666;
	border-bottom: none;  /* was  1px solid #666*/
}

#sidebar h1 {

	font-family: "century gothic", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: 0.04em;
	font-size: 160%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
}

#sidebar h4 {
	color: #666666;
	font-size: 160%;
	font-family: "Century Gothic", helvetica, "Lucida Grande", sans-serif;
	font-weight: bold;
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	line-height: 1em;
	
	
	}
#sidebar h3.first {
	margin-top: 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
	}
#sidebar p.caption {
	font-size: 80%;
	margin: 0;
	padding: 0;
	}
#sidebar p.login {
	font-size: 1em;
	font-family: "Century Gothic", helvetica, sans-serif;
	margin: 0 5px 0 5px;
	text-align: center;
	background-color: #983222;
	color: #fff;	}


#sidebar img {
	margin-top: 10px;
	float: center;
	}



#sidebar ul {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style-type: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	}
#sidebar ul.posts li {
	padding-left: 16px;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	background-position: 0 2px;
	}
#sidebar ul li.last {
	margin-bottom: 0;
	}

#sidebar ul.submenu {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	list-style-type: none;
	background-color: #fff;
	border-bottom: none;
	text-decoration: none;

	}
#sidebar ul.submenu li {
	background-color: #fff;
	border-bottom: none;
}
#sidebar ul.submenu li a {
	text-decoration: none;
	border-bottom: none;
	}
#sidebar ul.submenu li a.active {
	color: #555;
		border-bottom: none;
		font-weight: bold;
	}
#sidebar ul.submenu li a:link {
	text-decoration: none;
	border-bottom: none;
}
#sidebar ul.submenu li a:hover {
	color: #983222;
	border-bottom: none;
	background-color: #fff;
	}
#submenu ul {
	margin-left: -10px;
	padding: 0;
	line-height: 1.4em;
	list-style-type: none;
	border-bottom: none;
	text-decoration: none;
}
#submenu a:link {
	text-decoration: none;
	border-bottom: none;
}
#submenu a:hover {
	color: #983222;
	border-bottom: none;
	}
#submenu li {
	color: #983222;
	border-bottom: none;
	}
#submenu a {
		border-bottom: none;
		font-weight: bold;
	}
#submenu a.active {
		font-weight: bold;	background-color: #fff;

	}
#submenu a.inactive {
		border-bottom: none;

	}



/* footer
------------------------------------------- */

#footer {
	clear: both; 
	font-size: 0.9em;
	margin: 0;
	padding: 10px 0 20px 0; 
	/* background-color: #38332e;  */
	background: #d7cdb4;

	}

#footer a {
	text-decoration: none;
	color: #666;  /* same as header */
	border-bottom: 1px dashed #666;

}

#footer a:hover {
	color: #983222;
	border-bottom: 1px solid #983222;
}

#footer p {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size: 0.8em;
	color: #666;
	text-align: center;
	}

 #footer ul {
	font-size: 1em;
	font-family: "Century Gothic", helvetica, sans-serif;
	/* font-weight: bold; */
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
	
		}
		
#footer ul li {
	display: inline;
	color: #333;
	margin: 0 10px 0 10px;  /* margin right of each section is 10 or 15 px depending on space */
	padding: 0 0 5px 0;
	/*letter-spacing: .05em;*/
	}


#footer ul li a {
	text-decoration: none;
	color: #333;  /*	pale grey nav bar text */
	border: none;
	}
#footer ul li a:hover {
	color: #983222;
	padding-bottom: 10px;
	text-decoration: none;
	border: none;
	/*  background: url(images/dot_marker.png) no-repeat 50% 100%;  */
	}


/* misc
------------------------------------------- */

a img {
	border: none;
	}

#clear {
	clear: both;
}
#content a.backtotop {
	float:right;
	width:90px;
	text-align:right;
	padding:0 3px 0 0;
	color: #983222;
	border-bottom: 1px solid #983222;

	}
	
#content a.orderonline {
	width: 160px;
	font-size: 100%;
	padding: 5px;
	background: #983222;
	color: #fff;
	text-decoration: none; 
	border: none;
	}

#orderonline a {
	text-decoration: none;
	color: #fff;  /*  */
	}

#orderonline a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
/* tables - general styling
------------------------------------------- */

TABLE { border-collapse:collapse; border:1px solid #FFFFFF; margin-left: 0px;}
TD { padding:4px 9px 6px 9px; background-color:#E7E1D2; font-size:75%; color: #666; }
TH { padding:4px 9px 6px 9px; background-color:#FFFFFF; font-size:75%; text-align:left; color: #666;  }

#order h3 { 	padding: 0px; 	margin: 0px; color: #983222;}
#ordertotaltable {background-color:#fff;}
#order {background-color:#fff;}
#rdtxt {background-color:#fff;}

/* override
------------------------------------------- */

	
/* previously 
body.hl #wrap {
	border-color: #ccc;
	background-image: url(images/shadow.png);
	background-repeat: repeat-y;
	background-position: right top;*/




#featurebox {		
		width:155px;
		float:left;
		margin:0px 20px 15px 5px;   /*   */
		/* border-right: 1px solid #ccc;   added these borders on 3 sides of featurebox  
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/
		padding:0 0 0 0;
		height:200px;  
	    background-color:#fff; /*pale blue DADDE7  */
		 border:1px solid #ccc;  /*  or  e7f1fe   */
		}
		
#featurebox .last{		
		margin:0px 10px 0 0px;   /*   */
		}


#featurebox img {
		padding:0 0 0 0;
		margin: 0 0 0 0;		}

#featurebox h3, h3 a {
		font-size: 95%;
		font-weight:normal;
		text-transform: uppercase;
		font-family: "century gothic", verdana, arial;
		line-height:18px;
		text-align:center;
		/* font-weight:bold;  */
		margin-top:0px;
		padding: 10px 0 10px 0;
		color: #fff;   
		text-decoration: none;
		border-bottom: none;
		background: #983222; /* red in header */
	
		}

#featurebox li {
		font-size:11px;
		line-height:18px;
		color:#666;
		font-weight:normal;
		}
#featurebox p {
		font-size:.9em;
		line-height:1.6em;
		color:#666;
		font-weight:normal;
		margin-top:10px;
		padding-top:10px;
		padding-left:6px;
		padding-right:6px;
		text-align:left;
	/*	border-left: 1px dotted #999;
		border-right: 1px dotted #999;
		border-bottom: 1px dotted #999;*/
		}

#featurebox li a{
		color:#666;  
		
		}

#featurebox li a:hover, a:active {
		color:#666;
		
		}

/*  remove this to keep formatting of links consistent inside feature boxes
#featurebox a {
	
	color: #473C72;
		}
#featurebox a, a:hover {
	text-decoration: none;
	border: none;
		}*/

#featurebox a img {
	text-decoration: none;
	border:none;
		}

hr {
	color: #666; /* red is 983222  */
	height: 2px;
}

/*order form details */
#order {
	/*font-size: 12px; */
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 11px;
	background-color:#eee;
}

.orderleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.orderright { 
    float: right; 
    margin: 0 0 10px 10px; 
}

#order th, #order td {
	padding: 1px 3px; /*prev 5px 10px but used to provide more space */
}
#order th {
	background: #fff; 
	font-weight: normal;
	color: #666; 
	text-align: left;
}
#order td {
	background: #fff; 
}
#addresstable {
	/*font-size: 12px; */
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 11px;
}
#addresstable th {
	color: #666; 
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
}
#addresstable td {
	padding: 5px 10px;
}
.tdnoborder {
	border-bottom-style: none!important;
	border-left-style: none!important;
	background: #fff!important;
}
.tdnoborderbutton {
	border-style: none!important;
}
.hidden {
	display: none;
}
.txt {
	clear: both;
	text-align: left;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textfield40 {
	width: 40px;
}
.textfield60 {
	width: 60px;
}
.textfield90 {
	width: 90px;
}
.textfield180 {
	width: 180px;
}
.textfield280 {
	width: 280px;
}
.textfield360 {
	width: 360px;
}
.alert {
	font-family:"Trebuchet MS", Helvetica, sans-serif;	
	color: #ff0000;
	font-size: 12px;
}