

/*
http://www.meyerweb.com/eric/tools/color-blend/
http://www.ficml.org/jemimap/style/color/wheel.html
http://halflife.ukrpack.net/csfiles/help/colors.shtml

Gray
	Lightest	F9F9F9
	Light		F1F1F1
	Medium		EEEEEE
	Dark			
	Darkest		666666

Blue
	Lightest	F3F6F9
	Light		E6ECF3
	Medium		CCD9E6
	Dark		99B3CC	
	Darkest		336699

*/

body {
	margin: 0px;
	background-color: #F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

body td, body th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	}

a:link, a:active, a:visited {
	color:#336699;
	text-decoration: none;
}

a:hover {
	color:#336699;
	text-decoration: underline;
}

/* TableHeader Start */

.TableHeaderBar {
	color: #FFFFFF;
	background: #336699;
}

.TableHeaderBar td {
	color: #F1F1F1;
}
.TableHeaderBar a, .TableHeaderBar a:visited, .TableHeaderBar a:active {
	color: #F1F1F1;
	text-decoration: none;
}
.TableHeaderBar a:hover{
	color: #F1F1F1;	
	text-decoration: none;
	}

/* TableHeader End */

/* TableTopNavigation Start */

.TableTopNavigation0 {
	background: #E6ECF3;
	border-bottom: 1px solid #99B3CC;
}

.TableTopNavigation1 
{
    background: #E6ECF3;
	border-top: 1px solid #99B3CC;
	border-bottom: 1px solid #99B3CC;
}

.TableTopNavigation {
	padding: 5px;
}

.TableTopNavigation a:link, .TableTopNavigation a:active, .TableTopNavigation a:visited  {
	text-decoration: none;
	font-weight: bold;
	color: #336699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}

.TableTopNavigation a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #336699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	background: #FFFFFF;
}

/* TableTopNavigation End */


/* NavigationSide Start */

.NavigationSideContainer {
	width: 123px;
	border-left: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-top: 1px solid #99B3CC;
}

.NavigationSide a:link, .NavigationSide a:visited, .NavigationSide a:active {
	color: #336699;
	background-color: #E6ECF3;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.NavigationSide a:hover {
	color: #336699;
	background-color: #F3F6F9;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

/* NavigationSide End */


/* TableGrid Start */

.TableGrid
{
	border: 1px solid #CCD9E6; 
	width: 100%;
	}

.TableGrid_Header {
	color:#336699;
	background-color: #F3F6F9;
	border-bottom: 1px solid #E6ECF3; 
	font-size: 10pt;
	text-align: left;
    padding: 3px;
}

.TableGrid_Header td, .TableGrid_Row1 td, .TableGrid_Row2 td {
	border-bottom: 1px solid #E6ECF3;
	padding: 3px;
}

.TableGrid_Header a, .TableGrid_Header a:visited, .TableGrid_Header a:active, .TableGrid_Header a:hover {
	font-weight: Bold;
	color:#336699;
	text-decoration:none;
}

.TableGrid_Footer  {
	color:#336699;
	background-color: #F3F6F9;
	font-size: 10pt;
}

.TableGrid_Footer td{
    padding: 3px;
}

.TableGrid_Row1 {
	background-color: #FFFFFF;
	color: #333333; 
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid #E6ECF3;
}

.TableGrid_Row2	{
	background-color: #F9F9F9;
	color: #333333; 
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid #E6ECF3;
}

.TableGrid_RowSelected	{
	background-color: #F3F6F9;
	color: #333333; 
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid #E6ECF3;
}

.TableGrid_RowEmpty	{
	background-color: #FFFFFF;
	color: #333333; 
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid #E6ECF3;
	text-align: center;
	height: 150px;
}

.TableGridAction {
	border-top: 1px solid #CCD9E6;
	width: 100%;
	padding: 5px;
}

.AppellationText a, .AppellationText a:visited, .AppellationText a:active {
	color: #666666;
	text-decoration: none;
	font-size: 8pt;
}
.AppellationText a:hover {
	color: #666666;	
	text-decoration: underline;
	font-size: 8pt;
	}
	
.BottleType {
	color: #CCCCCC;
	float: right;
	z-index: 10;
	font-size: 8pt;
}


/*-- Start Weird Shit

.TableGrid_Header2 {
	color:#336699;
	background-color: #F3F6F9;
	border-top: 1px solid #CCD9E6; 
	border-right: 1px solid #CCD9E6; 
	border-left: 1px solid #CCD9E6;
	border-bottom: 1px solid #E6ECF3; 
	font-size: 9pt;
	text-align: left;
	padding: 3px;
}

.TableGrid_Header2 td {
	border-bottom: 1px solid #E6ECF3;
}

.TableGrid_Header2 a, .TableGrid_Header2 a:visited, .TableGrid_Header2 a:active, .TableGrid_Header2 a:hover {
	font-weight: Bold;
	color:#336699;
	text-decoration:none;
}

 --*/ 

/* TableGrid End */

/* TableTabs Start */
	
.NavigationTab a:link, .NavigationTab a:visited, .NavigationTab a:active {
	color: #336699;
	background-color: #E6ECF3;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;	
	float:left;
	}

.NavigationTab a:hover {
	color: #336699;
	background-color: #F3F6F9;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;	
	float: left;
	}
	
.NavigationTab_Selected a:link, .NavigationTab_Selected a:visited, .NavigationTab_Selected a:active {
	color: #336699;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;	
	float:left;
	}

.NavigationTab_Selected a:hover {
	color: #336699;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;	
	float:left;
	}
	 
.TableTabs {
	width: 795px;
	}
	 
.TableTabs_Navigation {
	background-image:url(../Images/TableTabs_Navigation.jpg);
	border-left: 1px solid #99B3CC;
	padding: 0px;
	}
 
.TableTabs_Body {
	border-left: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-bottom: 1px solid #99B3CC;
	background: #FFFFFF;
	padding: 10px;
	height: 200px;
	vertical-align: text-top;
	}

.TableTabs_Body2 {
	border: 1px solid #99B3CC;
	background: #FFFFFF;
	padding: 10px;
	height: 300px;
	vertical-align: text-top;
	}

.TableMainContainer {
	padding: 0px;
	width: 773px;
	}

/* TableTabs End */

.PageType {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	padding-right: 10px;
}

.FooterBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.FooterBar td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.style1 {
	color: #F9F9F9;
	font-weight: bold;
	font-style: italic;
	font-size: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.PageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
	color: #336699;
	padding-bottom: 10px;
}

.PageSubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
    background-image:url(../Images/SubtitleGraphic.jpg);
	height: 35px;
	color: #336699;
	vertical-align: top;
}

.FeedbackSuccess {
	color: #00CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	float: right;
	padding-bottom: 5px;
	}

.FeedbackFailure {
	color: #FF3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	padding-bottom: 5px;
	}

.FeedbackRequiredField {
	color: #FF3333;
	font-weight: bold;
	}

/************ sectionLinks styles **************/



.TableAdvertisement {
	border: 1px solid #CC0000;
	background: #FFF9F9;
	}

/*Begin TablePhotos Table*/

.TablePhotos {
	width: 100%;
	padding: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.TablePhotos td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	}

.TablePhotos img {
	background: #F9F9F9;
	padding: 7px;
	border: solid 1px #EEEEEE;
	}

.TablePhotos img:hover {
	border: solid 1px #3366CC;
	}
	
/*Thumbnail Table IE Hacks*/
	
	* html .TablePhotos a:link, .TablePhotos a:active, .TablePhotos a:visited { 
		border: 1px solid #EEEEEE;
	}
	* html .TablePhotos a:hover { 
		border: 1px solid #3366CC;
	}

/*End Thumbnail Table*/

.TableRating {
	padding: 10px;
	border: 1px solid #99B3CC;
	background-color: #E6ECF3;
}

.TableRating td  {
	font-size: 30pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCD9E6;
	background-color: #F3F6F9;
	color: #336699;
	font-weight: bold;
}

.TablePersonalNotes {
	background-color: #FFFFFF;
	border: 1px solid #99B3CC;
}

.TablePersonalNotes td {
	text-align: left;
}

.TablePersonalNotesHeader {
	font-weight: bold;
	color: #336699;
	background: #E6ECF3;
	border-bottom: 1px solid #99B3CC;
}
	
/* Forms Start */

.FormTableTitle {
	width: 125px;
	font-weight: bold;
	vertical-align: top;
	line-height: 22px;
}

select  {
        border: 1px solid #99B3CC;
        background-color: #F3F6F9;
        color: #333333;
        padding: 2px;
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;}

.inputtext, .inputpassword {
        border: 1px solid #99B3CC;
        background-color: #F3F6F9;
        color: #333333;
        padding: 3px;
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif; }
        
input[type="text"],
input[type="password"],
input[type~="text"], 
input[type~="password"] {
        border: 1px solid #99B3CC;
        background-color: #F3F6F9;
        color: #333333;
        padding: 3px;
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif; }
        
textarea {
        border: 1px solid #99B3CC;
        background-color: #F3F6F9;
        color: #333333;
        padding: 3px;
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif; }
      
input[type="submit"],
input[type="button"],
input[type~="submit"],
input[type~="button"] {
        font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Messages Start */
.TableMessageBody {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}

.MessageDate {
	color: #CCCCCC;
	float: right;
	font-weight: bold;
	}
	
/* Appellation Links Start */


.ContainerAppellations {
	width: 614px;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-left: 1px solid #99B3CC;
}

.ContainerHalfScreen {
	max-width: 382px;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-left: 1px solid #99B3CC;
}

.ContainerFullScreen {
	max-width: 775px;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-left: 1px solid #99B3CC;
}	
	
.ContainerAppellationsProfile {
	max-width: 200px;
	border-top: 1px solid #99B3CC;
	border-right: 1px solid #99B3CC;
	border-left: 1px solid #99B3CC;
}

.ContainerAppellationsTitle {
	color: #336699;
	background-color: #F1F1F1;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.ContainerItem0 a:link, .ContainerItem0 a:visited, .ContainerItem0 a:active {
	color: #336699;
	background-color: #E6ECF3;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem0 a:hover, .ContainerItem0_Selected a:link, .ContainerItem0_Selected a:visited, .ContainerItem0_Selected a:active, .ContainerItem0_Selected a:hover {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerItem1 a:link, .ContainerItem1 a:visited, .ContainerItem1 a:active {
	color: #336699;
	background-color: #CCD9E6;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem1 a:hover, .ContainerItem1_Selected a:link, .ContainerItem1_Selected a:visited, .ContainerItem1_Selected a:active, .ContainerItem1_Selected a:hover {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem2 a:link, .ContainerItem2 a:visited, .ContainerItem2 a:active {
	color: #336699;
	background-color: #CCD9E6;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 55px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem2 a:hover, .ContainerItem2_Selected a:link, .ContainerItem2_Selected a:visited, .ContainerItem2_Selected a:active, .ContainerItem2_Selected a:hover  {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 55px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerItem3 a:link, .ContainerItem3 a:visited, .ContainerItem3 a:active {
	color: #336699;
	background-color: #E6ECF3;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 105px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem3 a:hover, .ContainerItem3_Selected a:link, .ContainerItem3_Selected a:visited, .ContainerItem3_Selected a:active, .ContainerItem3_Selected a:hover  {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 105px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerItem4 a:link, .ContainerItem4 a:visited, .ContainerItem4 a:active {
	color: #336699;
	background-color: #E6ECF3;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 155px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem4 a:hover, .ContainerItem4_Selected a:link, .ContainerItem4_Selected a:visited, .ContainerItem4_Selected a:active, .ContainerItem4_Selected a:hover  {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 155px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerItem5 a:link, .ContainerItem5 a:visited, .ContainerItem5 a:active {
	color: #336699;
	background-color: #F3F6F9;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 205px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem5 a:hover, .ContainerItem5_Selected a:link, .ContainerItem5_Selected a:visited, .ContainerItem5_Selected a:active, .ContainerItem5_Selected a:hover  {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 205px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem6 a:link, .ContainerItem6 a:visited, .ContainerItem6 a:active {
	color: #336699;
	background-color: #F3F6F9;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 255px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItem6 a:hover, .ContainerItem6_Selected a:link, .ContainerItem6_Selected a:visited, .ContainerItem6_Selected a:active, .ContainerItem6_Selected a:hover  {
	color: #336699;
	background-color: #FFFFCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 255px;
	padding-right: 5px;
	display: block;
	border-bottom: 1px solid #99B3CC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}

.ContainerItemType {
	float: right; 
	font-size: 8pt; 
	color: #333333;
	padding-top: 7px;
	padding-right: 5px;
	}

/* Appellation Links End */

/* Add To My Cellar Container Start */

.ContainerGridActions {
	width: 125px;
	float: right;
}

.ContainerGridActions100 {
	width: 100px;
	float: right;
}

.ContainerGridActions a:link, .ContainerGridActions a:visited, .ContainerGridActions a:active, .ContainerGridActions100 a:link, .ContainerGridActions100 a:visited, .ContainerGridActions100 a:active {
	color: #336699;
	padding: 1px;
	font-size: 8pt;
	display: block;
	border-bottom: 1px solid #CCD9E6;
	text-decoration: none;
	text-align: left;
	}

.ContainerGridActions a:hover, .ContainerGridActions100 a:hover {
	color: #336699;
	background-color: #FFFFCC;
	padding: 1px;
	font-size: 8pt;
	display: block;
	border-bottom: 1px solid #CCD9E6;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerFriendAction {
	width: 175px;
	float: right;
}

.ContainerFriendAction a:link, .ContainerFriendAction a:visited, .ContainerFriendAction a:active {
	color: #336699;
	padding: 1px;
	font-size: 8pt;
	display: block;
	border-bottom: 1px solid #CCD9E6;
	text-decoration: none;
	text-align: left;
	}

.ContainerFriendAction a:hover {
	color: #336699;
	background-color: #FFFFCC;
	padding: 1px;
	font-size: 8pt;
	display: block;
	border-bottom: 1px solid #CCD9E6;
	text-decoration: none;
	text-align: left;
	}
	
.ContainerFriendActionText {
	float: right; 
	font-size: 7pt; 
	padding-top: 2px;
	padding-left: 1px;
	color: #666666;
	}


