@charset "UTF-8";
/* CSS Document */

/*  COLOURS:
	WCO: #7A0046
	PEC: #FCB31C
	NIAGESC: #5C1768
	NIAG: #E5173F
	TORY: #F47321
	ERIE: #00ABBF
	
	BORDER: #eae6d6	
	FOOTER: #767B1B
*/

@import "nav.css";


* {
	font-family: Helvetica, Arial, sans-serif;
}

#body p {
}

#body h1 {
}

#body h2 {
}

#body h3 {
}

#body h4 {
}

p.back2top,
.hideMobile,
button.menu,
.backbtn,
div.extrand#hidethis {
	display: none;
}


/* MAIN NAV */



/* SIDE NAV */

#sideLinks h2 {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #4C4C4C;	
	padding-bottom: 6px;
}

#sideLinks ul {
	text-align: left;
}

#sideLinks li {
	display: block;
	font-size: 11px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(../assets/bullet.gif);
	background-position: left 5px;
	padding-left: 9px;
	background-repeat: no-repeat;
	color: #4C4C4C;
}

#sideLinks li a {
	color: #4C4C4C;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;	
}

#sideLinks li a:hover {
	text-decoration: underline;
}

#sideLinks li a:active {
}

#sideLinks hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4C4C;
}

#downloads1 li a {
	text-decoration: none;
	}
#downloads1 li a:hover {
	text-decoration: underline;
}
	

/* FOOTER STUFF */


#footer #fineprint p, .googledir {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#fineprint a {
	color: #FFF;
	text-decoration: none;
}

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

#footerBox p,
#footerBox_fr p {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 15px;
	color: #EEE;
	font-weight: normal;
}

#footerBox li,
#footerBox_fr li {
	display: inline;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 15px;
	color: #EEE;
	font-weight: normal;
	padding-bottom: 11px;
}
 
#footerBox p a,
#footerBox li a,
#footerBox_fr p a,
#footerBox_fr li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #EEE;
	padding-right: 9px;
}

#footerBox p a:hover,
#footerBox li a:hover,
#footerBox_fr p a:hover,
#footerBox_fr li a:hover {
	text-decoration: underline;
}

#footerBox {
	float: right;
	width: 736px;
	padding: 9px 9px 5px 0;
	background-color: #767B1B;
}

#footerBox_fr {
	float: right;
	width: 400px;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 5px;
}

/* MAIN CONTENT */


#mainContent hr,
#homeContent hr {
	display: none;
}

#mainContent a,
#homeContent a {
	text-decoration: underline;
	color: #4C4C4C;
	}
	
#mainContent a:hover,
#homeContent a:hover {
	text-decoration: none;
	color: #4C4C4C;
}

#mainContent p,
#homeContent p,
#mainContent td {
	font-size: 14px;
	line-height: 20px;
	color: #404040;
	padding-bottom: 10px;
}

#mainContent blockquote {
	background-image: url(/assets/didyouknow.png);
	background-repeat: no-repeat;
	padding: 20px 20px 0px 20px;
	width: 150px;
	float: left;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: #7A0046;
}

#mainContent blockquote strong,
#mainContent blockquote p strong {
	font-size: 21px;
	color: black;
}

#mainContent ul {
	padding-bottom: 10px;
}

#mainContent li {
	font-size: 14px;
	line-height: 15px;
	color: #404040;
	padding-bottom: 5px;
	margin-left: 15px;
	padding-left: 5px;
	list-style: square;
}


#mainContent h1,
#homeContent h1 {
	font-size: 22px;
	line-height: 22px;
	color: #4C4C4C;
	padding-bottom: 11px;
	letter-spacing : -1px;
}


#mainContent h2,
#homeContent h2 {
	font-size: 16px;
	line-height: 18px;
	color: #4C4C4C;
	padding-bottom: 6px;
	text-transform: uppercase;
}

#mainContent h3,
#homeContent h3 {
	font-size: 13px;
	line-height: 18px;
	color: #6C6C6C;
	padding-bottom: 6px;
}

#mainContent hr,
#homeContent hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4C4C;
}

#mainContent p.finalLink {
	text-align: right;
}

#mainContent p.finalLink a {
	text-decoration: none;
}

#mainContent p.finalLink a:hover {
	text-decoration: underline;
}


#wineries h2 {
	padding-top: 11px;
}

#wineries ul {
	padding-top: 11px;
	text-align: left;
	padding-bottom: 33px;
	margin-bottom: 33px;
}

#wineries li {
	display: block;
	width: 255px;
	float:left;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

#wineries li a {
	color: #4C4C4C;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;	
	padding-left: 9px;
}

#pec #wineries li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #FCB31C;	
}

#niagesc #wineries li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #5C1768;	
}

#niag #wineries li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #E5173F;	
}

#tory #wineries li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #F47321;	
}

#erie #wineries li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #00ABBF;	
}

#winerylist #wineries li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #7A0046;	
}


#wineries li a:active {
}

/* HOME PAGE */


.fridges {
	padding-top: 20px;
	margin-top: 10px;
	/*
	border-top-color: #eae6d6;
	border-top-style: solid;
	border-top-width: 1px;
	*/
	width: 754px;
	overflow: hidden;
}

#mainContent .fridges h1,
#mainContent .fridges h2,
#mainContent .fridges h3 {
	font-size: 14px;
}

.fridge {
	width: 160px;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	overflow: hidden;
	
	border-right-color: #eae6d6;
	border-right-style: solid;
	border-right-width: 1px;
	
	height: 180px;
	overflow: hidden;

}

.last {
	padding-right: 0px;
	margin-right: 0px;
	border-right-color: #F9F7F3;
}

.columnn {
	padding-top: 22px;
	float: left;
	width: 188px;
}

#col1 {
	margin-right: 35px;
}

#col2 {
	margin-right: 35px;
}

#col3 {
}


.columnn h2 {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #4C4C4C;	
	padding-bottom: 6px;
}

.columnn ul {
	text-align: left;
}

.columnn li {
	display: block;
	font-size: 11px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(../assets/bullet.gif);
	background-position: left 5px;
	padding-left: 9px;
	background-repeat: no-repeat;
}

.columnn li a {
	color: #4C4C4C;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;	
}

.columnn li a:hover {
	text-decoration: underline;
}

.columnn li a:active {
}

.columnn hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C4C4C;
}

 
/* SEARCH BOX STYLING */

form#searchBox {
	margin: 9px 0px 9px 9px;
	height: 21px;
	overflow: hidden;	
}

form#searchBox:a {
}

input#q {
	border-collapse: collapse;
	border: solid #7A0046 1px;
	height: 15px;
	width: 100px;
	padding: 2px;
	float: left;
	margin: 0px;
	font-family: monospace;
	color: #666;
}

input#q:focus {
	color: #000;
	font-weight: bold;
}

button#searchGo {
	border-collapse: collapse;
	border: none;
	color: #7A0046;
	background-color: #F9F7F3;
	padding: 5px;
	width: 15px
	float: right;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

button#searchGo:hover {
	background-color: #7A0046;
	color: #FFF;
}

hr.golden {
	color:				#e4ddc1;
	background-color:	#e4ddc1;
	height:				3px;
	border-style: 		solid;
	border-color: 		#e4ddc1;
}


/*	PAIRING TOOL	*/

.pairing_tool {
	height: 750px;	/*	making it nice and tall so we're not constantly pushing the <hr /> around	*/
}

#homeContent .pairing_tool p a#wine2food, 
#mainContent .pairing_tool p a#wine2food,
#homeContent .pairing_tool p a#food2wine, 
#mainContent .pairing_tool p a#food2wine {
	font-size: 18px;
}

#mainContent .pairing_tool a {
	text-decoration: none;
}

#mainContent .pairing_tool a:hover {
	text-decoration: underline;
}

#mainContent .pairing_tool h3 {
	color: #7A0046;
	font-weight: bold;
	font-size: 14px;
}

#mainContent .pairing_tool h4 {
	color: #7A0046;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

#mainContent .pairing_tool .col1 {
	width: 250px;
	float: left;
}

#mainContent .pairing_tool .col2 {
	width: 250px;
	float: left;
}

#wine_menu {
	display: none;
}

#food_menu {
	display: none;
}

#matchbox {
	height: 500px;
}

#matches {
	display: none;
}

.pair_step {
	padding-top: 1.2em;
}

.selected {
	font-weight: bold;
}

#mainContent .pairing_tool ul li,
#mainContent .pairing_tool ul li a {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	
}


#mainContent ul.matchingwines li, 
#mainContent ul.matchingfoods li,
#mainContent .pairing_tool .col1 li,
#mainContent .pairing_tool .col2 li {	
	font-size: 14px;
	line-height: 20px;
	color: #404040;
}

#mainContent .pairing_tool #food_menu ul.foods li {
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #404040;
	width: 250px;
	float: left;
}

#mainContent .pairing_tool #food_menu ul.foods li a,
#mainContent .pairing_tool .col1 li a,
#mainContent .pairing_tool .col2 li a {
	display: block;
}


/* MY ROUTE */

#myroute_legendBox {
	font-size:		12px;
}

#myroute_legendBox a {
	text-decoration: none;
	color: #B76D8D;
}

#myroute_legendBox * {
	font-size: 11px;
	line-height: 15px;
	color: #4C4C4C;
}

#myroute_legendBox p {
	padding-bottom: 5px;
}


#myroute_legendBox ol {
padding-left: 24px;
list-style-type: upper-alpha;
}

#myroute_legendBox li {
list-style-position: outside;
padding: 2px;
font-size: 11px;
cursor: move;
padding-bottom: 3px;
}

#myroute_legendBox li:hover,
#myroute_legendBox li span.wineryName:hover {
	color: black;
}

#myroute_legendBox table td {
	padding: 4px;
}

#myroute_legendBox select {
	width: 230px;
	height: 20px;
}

#myroute_legendBox object {
	height: 20px;
}

#myroute_legendBox li span.wineryName {
	width: 180px;
	height: 15px;
	float: left;
	overflow: hidden;
}

#myroute_legendBox li span.remove {
	text-align: right;
	width: 25px;
	height: 15px;
	float: right;
	overflow: hidden;
}

#myroute_legendBox li span.remove a:hover {
	color: red;
}

#myroute_legendBox p {
	text-align: right;
}

#myroute_legendBox p a:hover {
	text-decoration: underline;
}

form#add_destination {
	margin-bottom: 9px;
}

#directions {
}

#myroute #mainNav p a {
	display: none;
}

/* SEARCH RESULTS */

div#SearchResults {
	border-bottom: solid #eae6d6 1px;
}

div.SearchResult {
}

div#SearchResults > div.ChunksResult,
div#SearchResults > div.WineryResult,
div#SearchResults > div.EventResult {
	padding: 0 0 15px 0;
}

div#SearchResults h1 {
	padding-top: 10px;
	margin-top: 10px;
	border-top: solid #eae6d6 1px;
}

div#SearchResults h2 a {
	text-decoration: none;
}

div#SearchResults h2 a:hover {
	text-decoration: underline;
}

div.SearchResult p.description {
}