/* general
------------------------------ */
body { font-family:  "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: small; color: #002f2f;	background-color: #a7a37e; letter-spacing: 0px; margin: 0; padding: 0; border: 0;}

#container { width: 960px; background-color: #ffffff; margin: 0px auto;	padding: 20px; border-color: #046380; border-style: solid; border-width: 1px; }

/* top of page
------------------------------ */
#masthead {	text-align: left; padding: 0px; background-color: #fff;	margin-bottom: 0px; overflow: visible; float: left; margin: 0px 0px 0px -10px;}
#masthead img {	border-style: none;	float: left; padding: 0px 0px 0px 0px}

#navigation { margin: 0px 0px 10px -10px; padding: 0px 0px 0px 0px; float:left; overflow: visible; }

#banner {padding: 0px 0px 0px 0px; height: 65px; margin-bottom: 25px;}
#bannersearch { height: 60px; background-color: #E6E2AF; }

#page_content { padding: 0px 0px 0px 0px; }
#page_content p { font-size: 100%; letter-spacing: 0px; }
#page_content h1 { font-family:  Tahoma, Arial, Verdana, sans-serif; color: #046380; font-size: 155%; font-weight: normal; letter-spacing: 0px; }
#page_content h2 { font-family:  Tahoma, Arial, Verdana, sans-serif; color: #046380; font-size: 120%; font-weight: normal; letter-spacing: 0px; }
#page_content h3 { font-family:  Tahoma, Arial, Verdana, sans-serif; color: #046380; font-size: 110%; font-weight:bold; }
#page_content h4 { font-family:  Tahoma, Arial, Verdana, sans-serif; color: #002F2F; font-size: 105%; font-weight:bold; }
#page_content .grid_Title {	font-size: 105%; font-family:  "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
#page_content .grid_BodyText { font-size: 105%; font-family:  "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }


#search_content { padding: 5px 10px 1px 15px; background-color: #E6E2AF; color: #046380; font-weight:bold; }

#footer { text-align: center;	background-color: #046380; margin-top:25px; padding-top: 5px; padding-bottom: 5px; vertical-align: bottom; clear: both; overflow: auto; }



/* Styles for Page Content */


.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 1px;
}

.modalBackground {
	background-color:Gray;
	/* filter:alpha(opacity=70);
	opacity:0.7;   */
}

.modalPopup {
	background-color:#EEEEEE;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalSignUp {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.ShadedBox {
	background-color:#E6E2AF;
	padding: 1px 10px 1px 20px;
}





/* Styles for Footer */
#footer p {	font-size: 11px; line-height: 14px;	color: #fff; margin: 1px; padding: 1px; }
#footer a {	color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }
/* Styles for Links */
a {
	color: #036;
	text-decoration: underline;
}
a:hover {
	color: #808080;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

#button {
	font-size: 11px;
}



/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(http://images.winecolony.com/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(http://images.winecolony.com/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(http://images.winecolony.com/SavedStar.png);
}


/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: visible;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: visible;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}



/* column styles
------------------------------ */
.column { float: left; }
.x2col, .2col1, .2col2, .x2col3, .x2col4, .x2col5, .2col6, .x3col, .x3col1, .x3col2, .4col, .5col, .6col { width:100%; }

.x2col .column.first { width: 49%; }
.x2col .column.last { width: 49%; margin-left: 2%; }
.x2col .x2col .column { width: 47.8%; }

.x3col .x2col .column { width: 46%; }
.4col .2col .column { width: 45%; }

.x2col1 .column.first { width: 66%; }
.x2col1 .column.last { width: 32%; margin-left: 2%; }

.2col2 .column.first { width: 74.9%; }
.2col2 .column.last { width: 23%; }

.x2col3 .column.first { width: 32%; }
.x2col3 .column.last { width: 66%; }

.x2col4 .column.first { width: 23%; }
.x2col4 .column.last { width: 74.9%; }

.x2col5 .column.first { width: 79%; }
.x2col5 .column.last { width: 19%; }

.2col6 .column.first { width: 19%; }
.2col6 .column.last { width: 79%; }

.x3col .column { width: 32%; margin-left: 2%; }
.x3col .x3col .column { width: 31%; }

.x3col1 .column { width: 58%; margin-left: 2%; }
.x3col1 .column.first,
.x3col1 .column.last { width: 19%; }

.x3col2 .column.first { width: 26%; }
.x3col2 .column.second {  width: 38%; margin-left: 2%; }
.x3col2 .column.last {  width: 32%; margin-left: 2%;}

.4col .column { width: 23%; margin-left: 3%; }

.5col .column { width: 18.4%; margin-left: 2%; }

.6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }