/* screen styles for the template */
html {
	margin:0;
	padding:0;
	background:#000;
}
body {
	margin:0;
	padding:0;
	font-family:Arial,Verdana,Helvetica,Sans-Serif;
	line-height:150%;
	font-size:12px;
	color:#fff; 
}

img {	border: 0; }
p { margin:0 0 1em 0; }
a { color:#4a4a4a; text-decoration:underline; }
a:hover { color:#4a4a4a; text-decoration:underline; }

/* system */
#page, #footer { width:960px; margin:0 auto; margin-top:15px; } 
#page { background:0; }
#footer { margin-top:0; display:none; }
/* end system */

/* main */
#header { /*height:65px;*/ font-size:11px; }
#banner { height:150px; margin:0 0 5px 0; background:yellowgreen; }
#bannerHome { height:190px; margin:0 0 5px 0; background:yellowgreen; }
#content { margin:0px 0px 0px 130px; }
#rightCol { width:200px; margin:0 10px 0 0; padding:20px 0 0 0; float:right; }
#contactImgs img { display:block; }

#contHolder { padding:20px; }
.withCol { margin:0 220px 0 0;  }

#credits { font-size:10px; font-style:italic; }
#credits a { margin:0 3px; text-decoration:none; color:#4a4a4a }
#credits a:hover { text-decoration:underline; }
#credits, #footer { color:#4a4a4a; }
#footerPages { float:right; }
#footerPages a { color:#4a4a4a; }
/* end main */

/* header items */
#header .formbutton { font-size:11px; }
#search { width:227px; margin:0 0 0 10px; float:right; background:skyblue; }
#quickkeywords { width:118px; border:1px solid #a7a6aa; font-size:11px; }
#loginHolder { width:520px; float:right; text-align:right; background:hotpink; }
#loginHolder #password, #loginHolder #username { width:118px; border:1px solid #a7a6aa; font-size:11px; }
#loginHolder #logoutForm { margin:0 0 0 5px; float:right; }
#logo { margin-bottom:76px; }
#shopping { margin:10px 0 0 0; padding:0 10px 0 0; clear:right; float:right; }
#breadcrumbs a { color:#fff; padding:3px; } 
/* end header items */

/* home */
#homeContHolder { padding:20px; }
#homeCont {}
#promoHolder { }

/* Promos */
.promo { width:222px; height:258px; margin:0 10px 0 0; padding:0; float:left; background:hotpink; }
.promo .headings {  }
.promo .headings a {  }
.promo .promoCont { padding:5px; }
.promo img { display:block; }
.promo .cont { height:16.9em; margin:5px 0; padding:0; overflow:hidden; }
.promo .contWithImg { height:4.5em; }
.promoLast { margin-right:0; }

#rightCol .promo { width:200px; height:auto; margin:0 0 10px 0; }
/* end promos */
/* end home */

/* news */
.archivedBlock { padding:4px 0; border-bottom:1px solid #acacad; }
.archivedBlock a { display:block; }
/* end news*/

/* faq */
#faq { margin:0 0 20px 0; padding:0; list-style:none; }
#faq li { margin:0; padding:0; border-bottom:1px solid #c7c8c9; }
#faq li a { margin:0; padding:1px 10px 1px 20px; display:block; font-weight:bold; color:#fff; text-decoration:none; }
#faq li a:hover { text-decoration:none; color:#4a4a4a; }
#faq li.last { border-bottom:0; }
.faqBlock { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #c7c8c9; }
.faqBlock a { color:#fff; }
/* end faq */

/* personnel */
#personnelLeft { float:left; width:160px; padding:10px; background:#939598; color:#fff; }
#personnelLeft .headings { }
#personnelLeft ul { margin:0; padding:0; list-style:none; }
#personnelLeft li a { display:block; padding:2px; }
#personnelLeft li a:hover, #personnelLeft li a.onLink { text-decoration:none; background:#fff; color:#000; }
#personnelLeft li.last a { border-bottom:0; }
#personnelRight { margin:0 0 0 190px; padding:0 10px; }
#personnelRight .personnelCredits { padding:10px; color:#fff; margin-bottom:10px; background:#939598; }
#personnelRight .personnelImage { float:left; }

/* end personnel */

/* media gallery */
.mediaFiles #media { margin:0; padding:0; list-style:none; }
.mediaFiles #media li { width:172px; height:208px; float:left; margin:0 10px 10px 0; padding:2px; cursor:pointer; background:0; }
.mediaFiles #media li.mediaBG2 { background:0; }
.mediaFiles #media li.last { margin-right:10px; }
.mediaFiles #media li a { display:block; width:172px; height:172px; }
.mediaFiles #media li a img { display:none; }
.mediaFiles #media li .caption { text-align:center; height:1.5em; overflow:hidden; padding:5px; color:#eeeeee; }
.mediaFiles #media li .cont { display:none; }
#mediaSmall #media li { width:163px; height:199px; }
#mediaSmall #media li a { width:163px; height:163px; }

#mediaFader, #mediaContainer { width:100%; height:100%; position:fixed; top:0; left:0; cursor:pointer; }
#mediaFader { z-index:300; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background:#111111; }
#mediaContainer { z-index:400; }
#mediaHolder { width:860px; height:480px; margin:-250px 0 0 -450px; padding:10px 20px; position:absolute; top:50%; left:50%; font-size:12px; overflow:hidden; color:#eeeeee; background:#000; cursor:default; }
#mediaButtons { height:20px; margin-bottom:10px; text-align:right; }
#mediaClose, #mediaNext, #mediaBack { width:55px; height:19px; margin-right:5px; display:block; text-align:center; float:right; cursor:pointer; }
#mediaClose { margin-right:0; }
.mediaDir { font-size:14px; }
#mediaContent { width:190px; height:415px; padding-right:10px; font-size:11px; overflow:auto; float:right; }
#mediaFile { width:640px; height:415px; overflow:hidden; text-align:center; }
#mediaCaption, #mediaDownload { position:absolute; bottom:10px; }
#mediaCaption { width:640px; height:1.5em; overflow:hidden; font-size:14px; font-weight:bold; text-align:center; background:0; }
#mediaDownload { right:10px; z-index:400; cursor:pointer; font-style:italic; }
#mediaDownload a { color:#eeeeee !important; }
/* end media gallery */

/* form */
.qty { width:20px; border:1px solid #acacad; }
.required, .wtfielderror { color:#00a4d8; }
.formbutton { padding:0 10px; border:0; background:#00a4d8; color:#eeeeee; cursor:pointer; }
#form { margin:0 0 10px 0; }
#form, #form .fieldset { width:450px; }
#form .fieldlabel { width:140px; margin:0 5px 5px 0; display:inline-block; vertical-align:top; font-weight:bold; }
#form .textinput, #form .selectinput, #form .textareainput { width:300px; border:1px solid #acacad; vertical-align:top; }
#form .textareainput { height:100px; margin:0 0 3px 0; font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; vertical-align:top; }
#form .fileinput { margin-bottom:3px; }
#form .staticfield { margin:0; }
#form select { vertical-align:top; }
#form fieldset { margin:0; padding:0; border:0; display:inline-block; }
#form fieldset br { display:none; }
#form fieldset.radiobuttonfieldset, #form fieldset.checkboxfieldset { width:302px; }
#form legend { margin:0; padding:0; font-size:14px; font-weight:bold; }
#form .requiredtextrow .required { margin:0 215px 0 0; }
#form .formbutton { margin:10px 0 0 0; }
/* end form */

/* cart items */
#wtCart { width:100%; border-collapse:collapse; padding:0; }
#wtCart th { text-align:right; border-bottom:1px solid #C1C1C2; background:hotpink; }
#wtCart td { padding:10px 0; border-bottom:1px solid #c1c1c2; }
#wtCart .wtCartTotal { text-align:right; }
#wtCart { margin:0 0 20px 0; }
#Field2069 { width:300px; }
#wtCC td { padding:3px 10px; }
#wtCC td td { padding:2px; }
#wtCC td #drpCardType { width:204px; }
#wtCC td #txtCardHolderName, #cartHolder #wtCC td #txtCardNumber { width:200px; }
#wtOrderAddress { margin-bottom:10px; }
#txtCardSecurityCode { width:25px; }
/* end cart */

/* order */
#orderContent { margin:0 260px 0 0; }
#orderRight { width:210px; padding:15px; float:right; position:relative; z-index:1; }
#shoppingCart { width:100%; }
.order { border-top:1px solid #acacad; margin:10px 0 0 0; padding:10px 0 0 0; }
.orderImage { width:60px; text-align:right; float:left; }
.orderCont { margin:0 0 0 80px; }
.order .subHeadings { font-size:13px; }
/* end order */

/* product styles */
.categories ul { margin:0; padding:0; list-style:none; }
.categories li { width:172px; height:208px; float:left; margin:0 10px 10px 0; padding:2px; cursor:pointer; background:#82ab0d; }
.categories li.categoryBG2 { background:hotpink; }
.categories li.last { margin-right:0; }
.categories li a { display:block; width:172px; height:172px; }
.categories li a img { display:none; }
.categories li .caption { text-align:center; height:1.5em; overflow:hidden; padding:5px; color:#eeeeee; }
.categories li .caption a { width:auto; height:auto; color:#eeeeee; }

.products ul { margin:0; padding:0; list-style:none; }
.products li { margin:0 10px 10px 0; padding:20px 0 0 0; border-top:1px solid #acacad; }
.products .productImage { float:left; width:120px; }
.products .productContent { margin:0 0 0 130px; }

/* product full view */
#productLeft { float:left; width:200px; }
#productRight { margin:0 0 0 210px; }
.productOptions { margin:0 0 10px 0; }
/* end product full view */
/* end product styles */ 

/* wine product styles 
.categories ul { margin:0; padding:0; list-style:none; }
.categories li { width:151px; height:410px; float:left; margin:0; padding:0px; cursor:pointer; background:#82ab0d; }
.categories li.last { margin-right:0; }
.categories li a { display:block; width:149px; height:352px; }
.categories li a img { display:none; }
.categories li .caption { text-align:center; height:4em; line-height:1.2em; overflow:hidden; padding:5px; color:#eeeeee; background:#111111; }
.categories li .caption a { width:auto; height:auto; color:#eeeeee; }*/

/* wine product full view 
#productLeft { float:left; width:200px; }
#productRight { margin:0 0 0 210px; }
.productOptions { margin:0 0 10px 0; }
#productPdfs { padding-top:5px; clear:left; }
#productPdfs a { margin:0 0 2px 0; padding:2px 5px; display:block; color:#111; text-align:center; background:hotpink; }
#productPdfs .subHeadings { margin:5px 0; }*/
/* end wine product full view */
/* end wine product styles */ 

/* this is used for the gallery style popup */
#productHolder #media ul { margin:0; padding:0; list-style:none; }
#productHolder #media li { margin:0 10px 10px 0; padding:0; float:left; background:hotpink; }
#productHolder #media li a { width:60px; height:60px; display:block; }
#productHolder #media li a img { display:none; }
#productHolder #media li.last { margin-right:0; }
/* end product styles */

/* events */
.eventsTable { border-collapse:collapse; border:1px solid #000; width:99%; }
.eventsTable th { text-align:left; color:#fff; background:#A40039; padding:2px 5px; border-bottom:1px solid #000; }
.eventsTable td { padding:2px 5px; border-bottom:1px solid #000; }
.eventsTable tr.row1 td { background:#EFEFEF; }
/* end events */

/*  projects */
#slider { width:750px; height:485px; margin:-35px 0 10px;/*was 0 0 10px*/ position:relative; overflow:hidden; }
#slider ul { width:5000px; height:420px; margin:0; padding:0; position:absolute; left:0; top:0; list-style:none; }
#slider li { float:left; margin:0; width:750px; height:420px; }
#slider li img { display:block; }
#sliderBtns { }
#sliderBtns a { margin-right:5px; color:#939598; text-decoration:none; }
#sliderBtns a.onSlide, #sliderBtns a:hover { color:#f4f4f4; }
/* end projects */

/* general editing  */
.pageHeadings, .headings, .subHeadings, .date, #cartHolder h2, legend { padding:0; color:#fff; }
.pageHeadings { margin:0 0 20px 0; font-size:20px; }
.headings, #cartHolder h2 { margin:0 0 5px 0; font-size:16px; }
.subHeadings { margin:0 0 3px 0; font-size:14px; }
.date { margin:0; font-size:14px; float:right; }
.clearBoth { clear:both; }
.clearLeft { clear:left;}
.clearRight { clear:right; }
.right { float:right; }
.left { float:left; }
.tLeft { text-align:left; }
.tCenter { text-align:center; }
.tRight { text-align:right; }
.imgLeft { margin:0 10px 10px 0; float:left; }
.imgRight { margin:0 0 10px 10px; float:right; }
.noBorder { border:0 !important; }
.numresults { display:none; }
table { border-collapse:collapse; }
table td { vertical-align:top; }
hr { border:1px solid #000; }
.more { padding:5px 0; }
.more a { padding:3px 10px; text-transform:uppercase; }
.projectImg { }

.contentBlock { margin:0 0 20px 0; }
.contentImage { margin:0 10px 10px 0; float:left; }
.note { padding:5px; border:2px dashed #ff0000; color:#ffffff; background:#000000; }
.caption { margin:0; padding:0; color:#00a4d8; }
#tableOfContents ul { padding-left:15px; }
#content .last { border-bottom:0; }
/* end general editing */

/* paging */
.pages { height:20px; }
.pages a, .atfirst, .currentpage, .atlast { margin:0 5px 0 0; padding:0 5px; border:1px solid #b3b3b3; background:#dadada; color:#888888; display:block; float:left; }
.atfirst, .currentpage, .atlast { background:#b3b3b3; color:#dadada; border:1px solid #888888; }
.break { display:block; margin:0 5px 0 0; float:left; padding:0 5px; }
/* end paging */

/* nav */
#menu { border-top:1px solid #939598; /*border-width:1px 0;*/ padding-top:10px; margin-left:-7px; }
#nav { float:left; width:127px; text-transform:uppercase; overflow:hidden;  }
#nav ul { margin:0; padding:0; list-style:none;border-top:solid 1px #939598; display:none;}
#nav li { margin:0; padding:0 1px 0 0; /*background:url(../images/backNavSpacer.gif) no-repeat right center;*/ font-weight:bold; }
#nav li a { margin:0; padding:3px 10px; display:block; color:#939598; text-decoration:none;  }
#nav li a:hover, #nav li a.onLink, #nav li a.onHover { color:#fff; }
#nav li.last { padding:0; background-image:none; }
#nav li.last a {  }

/* horizontal nav 
#nav li { float:left; }*/
/* end horizontal nav */

/* sub nav */
#nav ul ul { margin:0; padding:0; position:absolute; z-index:200; display:none; }
#nav li li a { padding:2px 10px !important; color:#fff; font-size:11px; }
#nav li li a:hover, #nav li li a.onLink { }
/* end sub nav */

/* drop down nav */
#subNav { border-top:1px solid #939598; margin-left:-7px; padding-top:10px; }
#nav li { position:relative; }
#nav ul ul { width:150px; left:auto; }
#nav li li { width:100%; background:none; padding-right:0; } 
/* end drop down nav */

/* end nav */

/* edit mode fixes */
.editMode #media li { height:291px !important; }
.editMode .promo { height:auto; }
/* end edit mode fixes */

/* the browser fixes */
.ie #form .requiredtextrow .required { margin:0 236px 0 0; }
.ie #form legend { margin-left:-8px; }
.ie .formbutton { padding:0 2px; }
.ie form { margin:0; }
.ie #shopping { width:300px; text-align:right; }
.ie .promo .cont { height:17.3em; }
.ie .promo .contWithImg { height:4.5em; }
.ie #tableOfContents ul { margin-left:15px; padding:0; }
/* ie has a funny thing with the padding for the nav, so I remove 1px to compensate */
.ie #nav li a { padding-bottom:4px; }
.ie #nav li li a { padding-bottom:1px; }
.ie #subNav li a { padding-bottom:1px; }

.ie7 #mediaFader { filter:alpha(opacity=75) !important; }
.ie7 #mediaSmall { min-height:1px; background:#000!important; }
.ie7 #orderRight { position:absolute; top:300px; right:40px; float:none; }
.ie7 .withCol #orderRight { right:260px; }

.ie6 { height:100%; }
.ie6 #mediaSmall { height:1px; background:#000!important; }
.ie6 #mediaFader { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75) !important; height:100%; }
.ie6 #rightCol { margin-right:5px; }
.ie6 #faq .last { height:1px; }
.ie6 .pageOrder { position:relative; }
.ie6 #orderRight { position:absolute; top:300px; right:20px; float:none; }
.ie6 .withCol #orderRight { right:240px; }
.ie6 #media li.mediaEdit { overflow:hidden; margin-right:6px; }
.ie6 #media li { margin-right:9px; }
.ie6 #media li.last { margin-right:0; }

.firefox2 #form .fieldlabel { display:-moz-inline-box; width:140px; }
.firefox2 #form fieldset { display:table-caption; width:auto; }
.firefox2 #form .formrow fieldset { width:300px; }
.firefox2 .formrow { margin-bottom:3px; }
.firefox2 .labelwrapper { display:block; width:160px; }

.default form, .safari form { margin:0; }
/* end the browser fixes */