body {
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size:12px;
       background: url(images/page_bg.gif) repeat-y center;
       background-color:#f3f9fa;
}

.pagearea{
background-repeat: repeat-y;
}

/* coloured backgrounds for the two categories*/

.business_page_div{
background-image: url(images/business_pages_back.gif);
}

.foryou_page_div{
background-image:url(images/foryou_pages_back.gif);
}


h1 {
        color: #93d1d7;
        font-size: 14px;
        font-weight: bold;
padding-top:0px !important;
padding-top:10px;

}

h2 {
        color: #292929;
        font-size: 14px;
        font-weight: normal;
background-image: url(images/h2_bg.jpg);
background-repeat: repeat-y;
padding-left:110px;
}

h3 {
        color: #333333;
        font-size: 12px;
        font-weight: bold;
}

p, li {
        font-size: 12px;
        color: #000000;
}

.editableText {
position:relative;
z-index:20;
}

#appArea {
        font-size: 12px;
}

/* edit mode toolbox */
#editToolBox {
        position: absolute; /* fixed would be better but doesn't work in IE */
        top: 0px;
        left: 0px;
        width: 75px;
        background-color: black;
        color: white;
        font-family: Arial, sans-serif;
        font-size: 12px;
        opacity: 0.75;
        padding: 6px;
}

.editToolBoxAction {
        color: white;
        text-decoration: none;
cursor:pointer;
}

.body {
background-color: white;
}

.widget {
text-decoration:underline;
position:relative;
height:0px;
left:0px;
width:0px;
display:block;
z-index:999;
}

div.widgetBit:hover {
opacity:0.8;
}

.widgetBit {
z-index:998;
background-color:black;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:0;
top:0px;
font-size:10px;
}

/* Page Builder Nav */


.pb_div{
position:absolute;
top:220px;
width:120px;
}

.business_pb_div{
position:absolute;
top:220px;
width:120px;
}

.you_pb_div{
position:absolute;
top:220px;
width:120px;
}

.sideNav_group {
width:120px;
margin-top:20px;
border-top:solid black 0px;
border-right:solid black 0px;
border-bottom:solid black 0px;
}

.sideNav_item {
background-color:#E7E8E8;
border-bottom:solid 1px;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
border-top:solid black 0px;
border-right:solid black 0px;
border-bottom:solid white 1px;
}


.sideNav_selected {
background-color:#E7E8E8;
border-top:solid black 0px;
border-right:solid black 0px;
padding-left:7px;
font-weight:bold;
font-size:10px;
}

.sideNav_item a {
font-weight:normal;
font-size:10px;
color:black;
padding-left:7px;
height:100%;
display:block;
border-top:solid black 0px;
border-right:solid black 0px;
}

.you_pb_div a:hover {
background-color:#00AEEF;
}

.business_pb_div a:hover{
background-color:#F59F19;
}

a {
font-size:12px;
text-decoration:none;
color:#66a4ab;
}

a:hover { 
color:black; }

a.navigation_link { 
display:block; width:100% }

td.navigation_link { 
background-color:#eeeeee; }

a.navigation_selected { color:black }

td.navigation_selected { 
background-color:rgb(255,204,102); 
}


.formField_label { 
font-size:12px;
 }


/* top navigation */


.top_nav{

}

.top_nav a{
color:black;
font-weight:normal;
padding-right:0px;
padding-left:4px;
}

/* top side navigation */

.side_nav a{
color:black;
font-weight:normal;
padding-left:7px;
}


/*picture nav */

.picture_nav img{
display:none;
}

.picture_nav a{
display:block;
width:300px;
height:100px;
}

.picture_nav_firstlink a{
background-image: url(images/beers_for_business.gif);
}

.picture_nav_firstlink a:hover, a:selected {
background-image: url(images/beers_business_over.gif);
}

.picture_nav_firstlink:hover{
background-image: url(images/beers_business_over.gif);
}

.picture_nav_lastlink a{
display:block;
background-image: url(images/beers_for_you.gif);
}

.picture_nav_lastlink a:hover, a:selected {
background-image: url(images/beers_you_over.gif);
}

.picture_nav_lastlink:hover{
background-image: url(images/beers_you_over.gif);
}


.image_holder_div{
width:600px;
position:relative;
top:-100px;
}

.business_image_div{
position:absolute;;
top:0px;
left:0px;
width:300px;
background-image: url(images/beers_business_over.gif);
}


.foryou_image_div{
position:absolute;;
top:0px;
left:300px;
width:300px;
background-image: url(images/beers_you_over.gif);
}

/*contact form */


.form_div{
/* display:none; */
}

input{
width:150px;
text-align:left;
}

input.submitButton{
text-align:center;
width:80px;
}

.form_div{
border:solid black 0px;
position:relative;
top:5px;
left:-5px;
padding-left:4px;
padding-right:4px;
}

.formFieldTitle{
font-size:11px;
font-weight:bold;
color: #333333;
text-align:center;
width:256px;
}

.formField_label{
font-size:11px;
width:0px;

}

.text_div{
text-align:left;
}


textarea{
position:relative;
left:-7px;
height:120px;
width:158px;
}

.footer_text_div a {
color:#93d1d7;
}
.footer_text_div a:hover {
color:#000000;
}

.indented {
padding-left:1px;
}


/* Flash Movie Positioning  */

.top_flash2_1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
}


.top_flash2_2 {
    position: absolute;
    top: -229px;
    left: -330px;
    width: 840px;
    height: 60px;
}

.right_text {
padding-left:13px;
}

.copyright_div p {
color:#a9a9a9;
font-size:11px;
}

.footer_nav_div {
padding-top:4px;
background-color:#f9f9fa;
padding-bottom:4px;
}