/* -----------------------------------------------------------------------------
Site:Cowie and Fox Inc. www.cowieandfox.com
--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom:1.0em; }
p { margin:1.0em 0; }

li {list-style:none;}

/*------------------------------------------------------------------------------
#w=wrap, #h=header, .c=content, .cc=content column, .nc=nested column, #f=footer
--------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; overflow-y: scroll; }
body {
    font:.75em/1.6em Arial, Helvetica, sans-serif; color:#666;
    background:#212121 url(/2007/images/html/bg.jpg) repeat-x; 
    text-align: center;
    }
    
#w { width:780px; margin:14px auto 0 auto; background:#000 url(/2007/images/html/bg_header.gif) no-repeat; }
#f { width:780px; margin:0 auto; }
#w, #h, #banner, .c, #f {
    position:relative;
    text-align:left;
    }

.c { background:#000; padding-bottom:1px; }
.cTop { background:url(/2007/images/html/bg_content_top.gif) no-repeat; width:780px;}
.cMid { background:url(/2007/images/html/bg_content_top.gif) no-repeat 0 -24px;border-top:1px solid #000; width:780px;}
#cBot { background:url(/2007/images/html/bg_content_bottom.gif) no-repeat -20px 0; height:22px;}

.cc1,.cc2 { float: left; }
.cc1 { width:200px;  padding:0px 24px 0px 1px;}
.cc2 { width:540px;  }

.ccPad {padding:10px 0 5px 0;}

.nc1,.nc2 { float: left; width:270px; }


.n3c1,.n3c2,.n3c3 { float: left; width:170px; }
.n3c2,.n3c3 { padding-left: 10px; }

.n2c1 { width:100px; float:left; padding-top:5px;}
.n2c2 { width: 420px; margin-left: 115px;}
.n2c2 p { margin-top: 0px; } 

.n2bc1 { width:170px; float:left; padding-top:5px;}
.n2bc2 { left: 170px;}

/*------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
#noScript, #noFlash { background:#FFBD10; border:1px dotted #FFF; text-align:center; position:absolute; left:0;right:0;}
#noScript{top: 70px;}
#noScript h4, #noFlash h4 { color:#FFF; font-size:20px; font-weight:normal; padding:5px 20px; text-align:center; }
#noScript p, #noFlash p { color:#fff; font-weight:bold; padding:5px 20px; text-align:center; }

#h { height:70px; }
#l { position:absolute; top:16px; left:12px; }

#h ul { float:right; margin:29px 13px 0 0; padding-left:15px; background:url(/2007/images/html/bg_ul_header.gif) 0 bottom no-repeat;}
#h ul li { float:left; margin-right:10px; font-size:.95em; }
#h ul li.last { background:url(/2007/images/html/bg_li_header.gif) no-repeat bottom right; margin:0; padding-right:12px; }

#banner { height:244px; }

/*------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/
h1,h2 {font:1.5em/1.5em Futura, Arial, Helvetica, sans-serif; letter-spacing: .2em;}
h3 {font:1.3em/1.5em Futura, Arial, Helvetica, sans-serif; color:#999;}
h1{ color:#FFF; }
h2{ margin-top:10px; color:#FFBD10; background:url(/2007/images/html/dot.gif) repeat-x 0 bottom; padding-bottom:2px;}
h4{font-size:12px;display:inline;font-weight:bold;color:#FFF;}
h6{font-size:10px; float: left; padding: 5px 0px 2px 14px;}
strong {color:#FFF;}

.cc1 p {padding-left:14px;}

span.italics {font-style:italic !important; font-size: 0.9em;}

/*------------------------------------------------------------------------------
BREADCRUMB
------------------------------------------------------------------------------*/
.bread, .tools { font-size:.8em; position:absolute; top:5px; width:270px; }
.bread { left:225px; }
.tools { left:495px; text-align: right; }
.bread li { color:#666; display: inline; margin-right:1em; white-space: nowrap; }

.tools a.toolstwitter,
.tools a.toolsfacebook {display:block; float:right; margin-right:10px; width:15px; height:15px; background:transparent url("../images/facebook-twitter-content.png") no-repeat}
.tools a.toolsfacebook {background-position:-15px 0}
.tools a.toolstwitter {background-position:0 0}

/*------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/
.cc1 li { padding: 8px 8px 8px 22px; border-bottom:1px dotted #272727; background:url(/2007/images/html/arrow_small1.gif) no-repeat 14px 1em; line-height:1.3em;}


/*------------------------------------------------------------------------------
NAV & LINKS
------------------------------------------------------------------------------*/

a.arrow, .bread .sel { padding-left:8px; color:#FFBD10; background:url(/2007/images/html/arrow_small1.gif) no-repeat 0 3px; }

a.mail { padding-left:12px; background:url(/2007/images/html/icon_mail.gif) no-repeat 0 2px; height:25px;}
a.print {display:block; float:right; padding-left:15px; background:url(/2007/images/html/icon_print.gif) no-repeat 0 4px; margin-right:15px;height:15px;}
a.pdf { padding-left:20px; background:url(/2007/images/html/icon_pdf.gif) no-repeat 0 0; margin-left:30px; margin-right:15px;height:25px; color:#666 !important; font-size:0.95em;}
a.pdf:hover { color: #ffffff !important;}
.bread a {margin-right:10px;}

a, .bread a { color:#666; }
.cc2 a { color:#FFBD10; }

/* MAIN NAV */
.mn {margin-top:-2px; background-color:#000;}
.mn li { padding: 12px 8px 8px 0; background:url(/2007/images/html/bg_li_nav.gif) no-repeat; border:0;}
.mn li.sel { background:url(/2007/images/html/bg_li_nav_sel.gif) no-repeat;}
.mn li a.mna {font:1.2em/1.5em Futura, Arial, Helvetica, sans-serif; letter-spacing: .2em;margin-left:30px;display:block;}
.mn li.sel a {color:#FFBD10;}

/* SECONDARY NAV */
.mn .sn {margin:0;padding:0;}
.mn .sn li,.sn li.sel { padding: 4px 8px 4px 40px;background:url(/2007/images/html/dot.gif) repeat-x 0 top;border:0;}
.mn .sn li.noBG, a:hover.noBG {background:none;}
.mn .sn li.sel {color:#FFBD10;padding-left:48px;}
.mn .sn li a {padding-left:8px; color:#FFF; display: block; background:url(/2007/images/html/arrow_small1.gif) no-repeat 0 5px; }

a:hover,.sn li a:hover { color:#FFF; background-color:#212121; }

a.mna { font-size: 0.9em !important; }

/*------------------------------------------------------------------------------
HOME
------------------------------------------------------------------------------*/
h1.home {margin-top:10px; margin-bottom:-5px}

.feature { padding: 7px 7px 0 7px; background: url(/2007/images/html/bg_feature_top.gif) no-repeat;}
.featureBot { padding-bottom:10px;height:8px; background: url(/2007/images/html/bg_feature_bot.gif) no-repeat;}
.feature p {margin:0;font-size:.9em;line-height:1.3em;}
.feature img {float:left; border:2px solid #000; margin-right:10px;}

.sociallinkshome {width:539px}
a.facebookhome,
a.twitterhome {display:block; float:left; color:#fff; width:269px; height:47px; background: transparent url("../images/facebook-twitter-home.png") no-repeat}
a.facebookhome {background-position:0 0; margin-right:1px;}
a.twitterhome {background-position:-269px 0}
a.facebookhome span,
a.twitterhome span {display:block; padding-left:50px; padding-top:15px}
a.facebookhome:hover {background-position:0 -47px; color:#FFBD10}
a.twitterhome:hover {background-position:-269px -47px; color:#FFBD10}

/*------------------------------------------------------------------------------
PROVINCE SELECT
------------------------------------------------------------------------------*/
.provSel img {display: inline;}
.provSelMini {background: none;}
.provSelMini .nc2 {text-align: right;}
.provSelMini .nc2 div {display: inline; margin-left:5px;}
.provSelMini .nc2 div a {color: #666666;}
.provSelMini .nc2 div a:hover {color: #FFFFFF; background:none;}
.provSelMini .nc2 div.selected, .provSelMini .nc2 div.selected a, .provSelMini .nc2 div.selected a:hover  {color: #000000; background: #FFBD10; padding: 0 1px;}

/*------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------*/
.menu {width:100%; margin:10px 0;}
.menu td{padding:3px 0; font-size:12px;}
.price{width:75px;color:#FFF;text-align:right;}
th {text-align:right;}

.menu_wine {color: #fff;}
.menu_wine .price{font-size: 1.25em;}
    
.menu_martinis p {padding: 0px; margin: 0px;}
.menu_martinis td {padding-top: 10px;}

table.locations { margin-top: 10px; width: 100%; }
    table.locations td { width: 50%; }
    table.locations a.pdf { margin-left: 10px; }
/*------------------------------------------------------------------------------
TOGGLE
------------------------------------------------------------------------------*/
.toggle a.toggleLink {display: block; padding-left: 22px; background: transparent url(/2007/images/html/arrow_big.gif) no-repeat left center;}
.toggle {background: url(/2007/images/html/dot.gif) repeat-x 0 bottom; padding:5px 0;}
.toggleContent { padding-bottom: 5px; margin-top: 0;}    

/*------------------------------------------------------------------------------
LIST
------------------------------------------------------------------------------*/
.cc2 ul li {margin-left: 20px; padding-left: 12px; background:url(/2007/images/html/bg_li.gif) no-repeat 0 5px;}    
.cc2 ul li ul li {margin-left: 20px; padding-left: 12px; background:url(/2007/images/html/bg_li_li.gif) no-repeat 0 5px;}

/*------------------------------------------------------------------------------
LOCATIONS
------------------------------------------------------------------------------*/
#cityNav {width:200px; position:absolute;left:250px; top:20px; text-align:right;}

/*------------------------------------------------------------------------------
GIFTCARD
------------------------------------------------------------------------------*/
.gift_splash .btmPad {margin-bottom: 1px;}
.gift_splash p {padding-left: 15px;}
/*------------------------------------------------------------------------------
SITEMAP
------------------------------------------------------------------------------*/
.cc2 ul.sitemap {padding-top:20px;}
.cc2 ul.sitemap li {padding-bottom:5px; margin:0;}
.cc2 ul.sitemap li a {font:1.2em/1.5em Futura, Arial, Helvetica, sans-serif; color:#FFF;}
.cc2 ul.sitemap ul li {margin-left:20px; background:none;}
.cc2 ul.sitemap ul li a {font-size:1em; color:#FFBD10;}
.cc2 ul.sitemap ul li a:hover {color:#FFF;}

/*------------------------------------------------------------------------------
COMMENTS FORM
------------------------------------------------------------------------------*/
.comments_form th, .comments_form td {padding-bottom:10px;}
.comments_form label {font-weight:bold; font-size:11px;}
.comments_form td {width: 250px;}
.radio_form td {width: 45px !important; text-align: center;}
.radio_form td.radio_label {width: 250px !important; text-align: left !important;}
.comments_form textarea {width: 450px; height:100px;}
/*------------------------------------------------------------------------------
PRESS RELEASES
------------------------------------------------------------------------------*/
.press ul li, ul.press li {margin-left:0; padding: 10px 0;background:url(/2007/images/html/dot.gif) repeat-x 0 bottom;}
.press ul, ul.press {margin-top: 10px;}
.press h4, ul.press h4 {margin-top: 10px !important;}
.press span, ul.press span {color:#666;font-weight:bold;}

/*------------------------------------------------------------------------------
IMAGE
------------------------------------------------------------------------------*/
.imgThumb img, .imgThumb .empty {float:left; margin-right:15px; border:1px solid #CACACA;}
.imgBig img { float:right; margin:15px 0 15px 15px;  border:1px solid #CACACA;}
.noImg img {border: none !important;}
.noImg .empty { width:63px; height:50px; border: none !important;}

/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#f { padding:2em 0; background:url(/2007/images/html/bg_footer.gif) no-repeat; text-align:center;}
#f li { color:#666; font-size:.95em; display: inline; margin-right:1em; white-space: nowrap; }
#f li.cf, #f li.cf a { color:#000; }
#f li.cf a:hover { color:#FFF; background-color:#212121; }

/*------------------------------------------------------------------------------
GOOGLE MAPS
------------------------------------------------------------------------------*/    
#googleMap {height: 380px;border: 1px solid #333333;}
#googleMap a {background: none;}
#googleMap a:hover {background: #FFFFFF;
}

/*------------------------------------------------------------------------------
NEWSLETTER SIGNUP STYLES
------------------------------------------------------------------------------*/
#side_newsletter {background:#000000 url(/2007/images/html/cactus-newsletter-sidepanel-bg.png) no-repeat 0 top; padding: 20px 0px 0px 20px;}
#side_newsletter input[type=text]{width: 140px; display: block; margin-bottom: 10px;}
#side_newsletter label{color: #FFF; font-size: 11px;}
#side_newsletter a{font-size: 11px; text-decoration: underline;}

#home_newsletter {background:#000000 url(/2007/images/html/cactus-newsletter-homepanel-bg.png) no-repeat 1px 0; height: 150px;}
#home_newsletter div{float: left; padding: 20px 0px 0px 20px;}
#home_newsletter div div {float: left;width: 150px; padding: 5px 15px 0px 0px;}
#home_newsletter input[type=text]{width: 140px; display: block;}
#home_newsletter input[type=image]{ margin-top: 24px;}
#home_newsletter label{color: #FFF; font-size: 11px;}
#home_newsletter a{font-size: 11px; text-decoration: underline;}

.required{color: #FFBD10;}
/*------------------------------------------------------------------------------
CLEARS
------------------------------------------------------------------------------*/
.cc_tallest { position:relative; } 
.cc_tallest:after { content:''; } /* PREVENTS A REDRAW BUG IN SAFARI */
.clearfix { height:1%; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
html > body .clearfix { min-height:1px; height:auto; }


* html .clear_children {height:1%}
* + html .clear_children {display:inline-block}
.clear_children:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

/*
------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility:hidden; font-size:25px; line-height:25px; letter-spacing:-.2em;}
.sIFR-hasFlash h2 {visibility:hidden; font-size:20px; line-height:20px; letter-spacing:-.2em;}