/* 
  ------------------------------------------------
  PVII Affinity
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  Boardroom Theme
  ------------------------------------------------
*/
/* 
  ------------------------------------------------
  Major Go Gardening adaptions
	#layout - width 1240px
  ------------------------------------------------
*/

body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	/*NGINZ*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-color: #87AB49;
	line-height: 100%;
}

body a:link {color: #007BCE;} 
body a:visited {color: #007BCE;} 
body a:hover {color: #007BCE; } 
body a:active {color: #007BCE;} 

.bodytable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-color: #87AB49;
}

html { overflow-y: scroll; }   /* forces a scroll bar on right */

/*GG*/
.green { color: #87AB49; }
.brown { color: #603913; }
.beige { color: #F5F5DC; }

.facebooklike { overflow: hidden; }
.facebookstream { overflow: hidden; border: 1px solid #d5d5d5; }

.red {	color: #F00;}
.red a:link {color: #F00;} 
.red a:visited {color: #F00;} 
.red a:hover {color: #F00;} 
.red a:active {color: #F00;} 

/*Drop Menu Magic Adjustments*/
.p7DMM03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*Baseline Adjustment for images needed with strict DOCTYPE*/
img {vertical-align: bottom;}


/*Logo and Banner*/
#logo {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px #FFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#banner {
	border-top: 1px solid #FFF0;
	border-bottom: 1px solid #000;
}
#banner2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}


/*Utility Rules for images. Scalable class makes images scale with window size.*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}
/* 
Add the fancy class to the scalable class to add a drop shadow
<img class="scalable fancy"...>
*/
.fancy {
	border: 1px solid rgba(255,255,255,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
/* 
Add the accented class to the scalable class to add eounded corners and a border.
<img class="scalable accented"...>
*/
.accented {
	border-radius: 5px;
	border: 0px solid #CCC;
	background-image: url(../images/nav/menuback.png);
	background-image: url(../images/nav/imageback175.png);
	padding: 5px;
}


/*Layout Wrapper*/
#layout {
	/*NGINZ*/
	max-width: 1360px;
}
#masthead {
	/*NGINZ*/
	background-color: #333333;
}
.wfu {
	/*NGINZ*/
	font-size: 85%;
}

/*Default Row Structures*/
.affinity-row {
	padding: 0px;
}
/*This rule assigns a gray gradient background to every other row*/
.affinity-row:nth-child(even) {
	background-color: #FFF;
	background-image: -webkit-linear-gradient(#FFF, #FFF);
	background-image: linear-gradient(#FFF, #FFF);
}
/*Turns off the Background for Nested Rows*/
.affinity-row .affinity-row:nth-child(even) {
	background-color: transparent;
	background-image: none;
	background-image: none;
}

/*Clear Fix to Clear Floats*/
.affinity-row:after {
	visibility: hidden;
	display: block;
	content: "\0020";
	clear: both;
	height: 0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.centerimages {
	text-align: center;
}


/*Strctural wrapper for full page wtdht column row*/
.affinity-row .column-full {
	width: 100%;
	float: left;
}
.affinity-row .column-half {
	width: 50%;
	float: left;
}
/*Strctural wrapper for 3-column row*/
.affinity-row .column-third {
	width: 33.3333333%;
	float: left;
}
/*Strctural wrapper for two thirds width column row*/
.affinity-row .column-twothirds {
	width: 66.666666%;
	float: left;
}
/*Strctural wrapper for 4-column row*/
.affinity-row .column-fourth {
	width: 25%;
	float: left;
}
/*Strctural wrapper for 5-column row*/
.affinity-row .column-fifth {
	width: 20%;
	float: left;
}
/*Strctural wrapper for 6-column row*/
.affinity-row .column-sixth {
	width: 16.66666666%;
	float: left;
}
/*Strctural wrapper for 8-column row*/
.affinity-row .column-eighth {
	width: 12.5%;
	float: left;
}
/*Strctural wrapper for 10-column row*/
.affinity-row .column-tenth {
	width: 10%;
	float: left;
}
/*Strctural wrapper for 90% column in a row*/
.affinity-row .column-90 {	width: 90%; 	float: left;}
/*Strctural wrapper for 80% column in a row*/
.affinity-row .column-80 {	width: 80%; 	float: left;}
/*Strctural wrapper for 75% column in a row*/
.affinity-row .column-75 {	width: 75%; 	float: left;}
/*Strctural wrapper for 70% column in a row*/
.affinity-row .column-70 {	width: 70%; 	float: left;}
/*Strctural wrapper for 50% column in a row*/
.affinity-row .column-50 {	width: 50%; 	float: left;}
/*Strctural wrapper for 2-column (60% wide) row*/
.affinity-row .column-60 {	width: 60%; 	float: left;}
/*Strctural wrapper for 2-column (45% wide) row*/
.affinity-row .column-45 {	width: 45%;	float: left;}
/*Strctural wrapper for 2-column (40% wide) row*/
.affinity-row .column-40 {	width: 40%;	float: left;}
/*Strctural wrapper for 30% column in a row*/
.affinity-row .column-30 {	width: 30%;	float: left;}
/*Strctural wrapper for 25% column in a row*/
.affinity-row .column-25 {	width: 25%;	float: left;}
/*Strctural wrapper for 20% column in a row*/
.affinity-row .column-20 {	width: 20%;	float: left;}
/*Strctural wrapper for 19% column in a row*/
.affinity-row .column-19 {	width: 19.99%;	float: left;}
/*Strctural wrapper for 15% column in a row*/
.affinity-row .column-15 {	width: 15%;	float: left;}
/*Strctural wrapper for 10% column in a row*/
.affinity-row .column-10 {	width: 10%;	float: left;}
/*Strctural wrapper for 5% column in a row*/
.affinity-row .column-05 {	width: 5%;	float: left;}



/*Strctural wrapper for 2-column sidebar-left row*/
.affinity-row.sidebar-left .column-1 {
	width: 76%;
	float: right;
}
.affinity-row.sidebar-left .column-2 {
	width: 24%;
	float: right;
}
.affinity-row.sidebar-left .column-content {
	line-height: 1.5;
}
.affinity-row.sidebar-left .column-2 .column-content {
	font-size: .9em;
}

/*Strctural wrapper for 2-column sidebar-right row*/
.affinity-row.sidebar-right .column-1 {
	width: 76%;
	float: left;
}
.affinity-row.sidebar-right .column-2 {
	width: 24%;
	float: left;
}
.affinity-row.sidebar-right .column-content {
	line-height: 1.5;
}
.affinity-row.sidebar-right .column-2 .column-content {
	font-size: 100%;
}
.left-border {
	border-left: 1px solid #000;
}
.right-border {
	border-right: 1px solid #000;
}
.left-right-border {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/*Column Content*/
.column-content {
	line-height: 150%;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
	padding-top: 15px;
	padding-right: 24px;
	padding-bottom: 5px;
	padding-left: 15px;
}
/*GG*/
.column-contentlist {
	line-height: 1.35;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.column-contentcartlist {
	line-height: 1.35;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.column-contentcartlistright {
	line-height: 1.35;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-align: right;
}
.column-contentcheckoutlistdash {
	line-height: 1.35;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.column-contentcheckoutlist {
	line-height: 1.35;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
}

.sponsors-column-content {
	line-height: 1.35;
	padding: 0px 24px;
}
.affinity-row.sidebar-right .column-content,
.affinity-row.sidebar-left .column-content,
.affinity-row.thirds.full-height .column-content {
	padding: 30px;
}
/*Padding Management for Nested Rows*/
.no-pad-left-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.no-pad-right-top-bottom {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}
.no-pad-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.topmargin10 {
	padding: 10px ;
}


/*Headings*/
h1 {
	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 135%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h2, h3, h4 {
	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 135%;
	margin: 10px 0px 0px 0px;
}
.column-content h1:first-child,
.column-content h2:first-child,
.column-content h3:first-child,
.column-content h4:first-child {
	margin-top: 10px;
}

.homepage h1 {
	line-height: 125%;
	margin-bottom: 0px ;
}

h1 {font-size: 130%; color: #87AB49;}
h2 { font-size: 120%; color: #603913;}
h3 {
	font-size: 105%;
	color: #666666;
	padding-bottom: 0px ;
}

h1 a:link {font-size: 80%; font-weight: normal;} 
h1 a:visited {font-size: 80%; font-weight: normal;} 
h1 a:hover {font-size: 80%; font-weight: normal;} 
h1 a:active {font-size: 80%; font-weight: normal;} 

h2 a:link {font-size: 80%; font-weight: normal;} 
h2 a:visited {font-size: 80%; font-weight: normal;} 
h2 a:hover {font-size: 80%; font-weight: normal;} 
h2 a:active {font-size: 80%; font-weight: normal;} 



.subcardheader{
	padding-top: 10px ;
}
.listleftpadding{
	padding-left: 10px ;
}

/*Use this class when you add a heading inside a row that contains multiple columns.*/
.inner-row-heading {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 15px;
}
/*Use this class when you add a paragraph inside a row that contains multiple columns.*/
.inner-row-paragraph {
	position: relative;
	margin-left: 15px;
}


/*Footer and Copyright*/
.footer {
	color: #ccc;
	font-size: 1em;
	border-radius: 0px 0px 5px 5px;
	border-top: 1px solid;
	background-color: #857671 !important;
	background-image: -webkit-linear-gradient(#857671, #5F5450) !important;
	background-image: linear-gradient(#857671, #5F5450) !important; */
	
}
.footer h3, .footer h4 {
	font-family: "Droid Sans", Optima, "Segoe UI", Arial, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
}
.footer ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.footer li {
	list-style-type: none;
	line-height: 1.75;
}
.footer a {
	color: #000;
}
.footer a:hover, .footer a:focus {
	color: #CFC9C7;
}
.copyright {
	font-size: 0.85em;
	clear: both;
	padding: 5px 10px 15px 20px;
	/* GG */
	text-transform: none;
}


/*Assign this class to set large text and the stylish Cuprum font*/
.column-content.largesse, .largesse {
	font-size: 1.25em;
	line-height: 1.75em;
	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;
	/* GG */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}
/*Use this class to asign a black accent box around your content*/
.affinity-row .blast {
	font-family: Cuprum, Optima, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.75;
	color: #BBB;
	border-radius: 0px 0px 10px 10px;
	padding: 28px 36px;
	background: -webkit-linear-gradient(#333, #111);
	background: linear-gradient(#333, #111);
	background-color: #333;
	margin-bottom: 20px;
}
/*Add the gray class to the blast class to make your accent box gray*/
.affinity-row .blast.gray {
	background: -webkit-linear-gradient(#EEE, #AAA);
	background: linear-gradient(#EEE, #AAA);
	background-color: #DDD;
	color: #000;
	/* NGINZ */
	padding-top: 1px;
	font-size: 100%;
	line-height: 120%;
}
.affinity-row .blast.rightmenu {
	background: -webkit-linear-gradient(#EAE6DC, #EAE6DC);
	background: linear-gradient(#EAE6DC, #EAE6DC);
	background-color: #EAE6DC;
	/* NGINZ */
	line-height: 120%;
	font-size: 105%;
	line-height: 120%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#rightmenu2line {
	color: #666;
	clear: both;
}
#rightmenu3line {
	padding-left: 25px;
	font-size: 90%;
	clear: both;
}
#rightmenu2line a:link {color: #333; text-decoration: none} 
#rightmenu2line a:visited {color: #333; text-decoration: none} 
#rightmenu2line a:hover {color: #000;	text-decoration: underline} 
#rightmenu2line a:active {color: #333; text-decoration: none} 

#rightmenu3line a:link {color: #666; text-decoration: none} 
#rightmenu3line a:visited {color: #666; text-decoration: none} 
#rightmenu3line a:hover {color: #000;	text-decoration: underline} 
#rightmenu3line a:active {color: #666; text-decoration: none} 

#rightmenuarrow {
	width: 10%;
	float: left;
	padding-top: 0px;
}
#rightmenu2caption {
	width: 90%;
	float: left;
	padding-top: 9px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#rightmenubullet {
	width: 10%;
	float: left;
	padding-left: 20px;
	padding-top: px;
}
#rightmenu3caption {
	width: 80%;
	float: left;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.rightmenu h2{
	margin-bottom: 5px;
}

#listblock {
	clear: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
#listline {
	float: left;	
}

.affinity-row.sidebar-left .column-content .blast,
.affinity-row.sidebar-right .column-content .blast,
.full-round {
	border-radius: 6px !important;
}

.imagerightborder {
	padding: 5px;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(../images/z_nav/imageback275.png);
}
.imageborderright {
	padding: 5px;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(../images/z_nav/imageback275.png);
}
.imageright {
	padding: 5px;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
}
.imageborder {
	padding: 5px;
	margin-bottom: 2px;
	margin-left: 2px;
	background-image: url(../images/z_nav/imageback275.png);
}
#imagerightdiv {
	padding: 0px;
	float: right;
	margin-bottom: 20px;
	margin-left: 15px;
	font-size: 90%;
	text-align: center;
}

.formlabel {
}
.formvalue {
	float: left;
}
.label {width: 300px; padding-right: 20px; display: inline-block 
}
.right {
	text-align: right;
}



/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
	margin: 0px;
}
.p7DMM03.p7DMM.p7dmm-left, .p7DMM03.p7DMM.p7dmm-right {
	padding: 0px !important;
}
#layout {
	max-width: none;
	padding: 0px;
}
.column, .column-1, .column-2, .column-3,
.column-full,.column-half, .column-third, .column-fourth,.column-fifth,.column-sixth,.column-eighth,.column-tenth,
.column-twothirds, 
.column-90, .column-80, .column-75, .column-70, .column-60, .column-50, .column-40, .column-30, .column-25, .column-20, .column-19, .column-10 , .column-05 
.column-45, .column-15 
{
	float: none !important;
	width: auto !important;
}
.column-content {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
}
/*NGINZ*/
.column-contentlist {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
}
.sponsors-column-content {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
}
/*NGINZ*/
.rightmenu-column-content {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
}


}
/*Medium windows - reduce padding content padding*/
/*NGINZ*/
@media only screen and (min-width: 700px) and (max-width: 1240px) {
#layout {max-width: none;}
	/*NGINZ*/
body {
	font-size: 75%; 
	}


}