/******************************************************************************/
/* @FONT REPLACEMENT */
/******************************************************************************/
@font-face { 
font-family: 'HelveticaLight'; 
src: url('/_styles/h-light/helvel62-webfont.eot'); 
src: url('/_styles/h-light/helvel62-webfont.eot?#iefix') format('embedded-opentype'), 
url('/_styles/h-light/helvel62-webfont.woff') format('woff'), 
url('/_styles/h-light/helvel62-webfont.ttf') format('truetype'), 
url('/_styles/h-light/helvel62-webfont.svg#HelveticaLight') format('svg'); 
font-weight: normal; font-style: normal; 
}

/******************************************************************************/
/* HTML ELEMENTS */
/******************************************************************************/
*,body  { margin: 0; padding: 0; }
body    { margin: 0; font: normal 14px arial, helvetica, sans-serif; background: #000 url('/_images/bg_grove.jpg') no-repeat center top; background-attachment: fixed; overflow-x:hidden; }
a       { text-decoration:none; outline:none; }
img     { border: none; }
form    { padding: 0px; margin: 0px; }
td      { vertical-align: top; }
ul      { list-style: none; }
object  { outline: none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
textarea { overflow: auto; vertical-align: top; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }
/******************************************************************************/
/* HEADER ELEMENTS */
/******************************************************************************/
#header      { background: url('/_images/header-bg.png') no-repeat center top; width: 987px; height: 435px; margin: auto; position: relative; }
#logo        { width: 295px; height: 281px; position: absolute; top: -65px; left: -115px; z-index: 12; }
.facebook    { position: absolute; top: 10px; right: 110px; }
.twitter     { position: absolute; top: 10px; right: 60px; }
.linkedin    { position: absolute; top: 10px;  right: 10px; }

/******************************************************************************/
/* NAV ELEMENTS */
/******************************************************************************/
#nav                      { width: 790px; position: absolute; top: 85px; right: 39px; z-index:8; }
#nav li a.button          { height: 38px; float: left; margin-left: 22px; display: block; }
#nav li a strong          { display: none; }
#nav li                   { float: left; background: url("/_images/nav-seperator.gif") no-repeat 7px 4px; position: relative; }
#navHome                  { background: url("/_images/nav.gif") no-repeat -8px 0px; width: 39px; }
#navGrove                 { background: url("/_images/nav.gif") no-repeat -60px 0px; width: 66px; }
#navProducts              { background: url("/_images/nav.gif") no-repeat -144px 0px; width: 66px; }
#navAvocado               { background: url("/_images/nav.gif") no-repeat -227px 0px; width: 97px; }
#navRecipes               { background: url("/_images/nav.gif") no-repeat -346px 0px; width: 53px; }
#navNews                  { background: url("/_images/nav.gif") no-repeat -419px 0px; width: 104px; }
#navContact               { background: url("/_images/nav.gif") no-repeat -538px 0px; width: 105px;  }
#navCart                  { background: url("/_images/nav.gif") no-repeat -651px 0px; width: 43px; }


#navHome.on, #navHome:hover               { background-position: -8px -38px; }
#navGrove.on, #navGrove:hover             { background-position: -60px -38px; }
#navProducts.on:hover, #navProducts:hover { background-position: -144px -38px; }
#navAvocado.on:hover, #navAvocado:hover   { background-position: -227px -38px; }
#navRecipes.on:hover, #navRecipes:hover   { background-position: -346px -38px; }
#navNews.on:hover, #navNews:hover         { background-position: -419px -38px; }
#navContact.on:hover, #navContact:hover   { background-position: -538px -38px; }
#navCart.on:hover, #navCart:hover         { background-position: -651px -38px; }

.subNav            { padding: 15px; width: 200px; background: #363425; position: absolute; left: 0; top: 38px; display: none; z-index: 5; }
.subNav li         { float: none !important; background: none !important; }
.subNav li a       { display: block; padding: 5px 0px; border-bottom: 1px solid #858789; color: #bdbdbd; font-weight: bold; font-size: 12px; }
.subNav li a:hover { color: #fff; text-indent: 5px; }
.subNavShadow      { position: absolute; left: 0; top: 0; z-index: 99; background: black; visibility: hidden; }

/******************************************************************************/
/* IMAGE HEADER ELEMENTS */
/******************************************************************************/
#header-image{ width: 933px; height: 300px; position: absolute; left: 28px; top: 135px; z-index: 2; }
#top-border  { background: url(/_images/window-frame.png) no-repeat; width: 929px; height: 295px; position: absolute; top: 0; left: 0; z-index: 3; }
#header-image img { position: absolute; z-index: 1; top: 25px; left: 25px; }

/******************************************************************************/
/* CONTENT ELEMENTS */
/******************************************************************************/
#content        { background: url('/_images/body-bg.png') repeat-y center top; width: 987px; margin: auto; }
#content:after  { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
#contentBottom  { background: url('/_images/footer-bg.png') no-repeat center top; width: 987px; height: 39px; margin: auto; clear: both; position: relative; }

#content2        { background: url('/_images/body-bg.png') repeat-y center top; width: 987px; margin: auto; }
#content2:after  { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
#mainContent2            { width: 870px; color: #494c44; min-height: 200px; }
#mainContent2:after      { content: "."; visibility: hidden; display: block; height: 0; clear: both; }


#mainContent            { width: 889px; color: #494c44; padding: 10px 40px 30px; min-height: 200px; }
#mainContent:after      { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
#mainContent h1         { font-size: 40px; font-weight: normal; color: #145d90; background: url(/_images/h1-bg.jpg) no-repeat left bottom; padding: 10px 0; margin-bottom: 10px; font-family: HelveticaLight, Arial, Helvetica, sans-serif; }
#mainContent h2         { font-size: 30px; font-weight: normal; color: #168c25; padding: 5px 0; margin-bottom: 5px; font-family: HelveticaLight, Arial, Helvetica, sans-serif; }
#mainContent p          { margin-bottom: 15px; letter-spacing: .3px; line-height: 17px; }
#mainContent p a        { color: #005bc2; }
#mainContent p a:hover  { color: blue; }
#mainContent.home       { width: 560px !important; padding-bottom: 60px !important; }
#mainContent #colLeft   { float: left; width: 520px; }
#mainContent #colRight  { float: right; width: 330px; }
#mainContent li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dbd9d6; }


#mainContent .quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 35px; padding-top: 15px; }

.newsletter       { width: 390px; height: 311px; position: absolute; top: -298px; right: -115px; background: url("/_images/sign.png") no-repeat; }


/******************************************************************************/
/* RECIPE ELEMENTS */
/******************************************************************************/
.recipes { width: 800px;  }
.recipes div { width: 350px; float: left; margin-right: 17px;  height: 200px; }
.recipes img { display: block; margin-bottom: 5px; padding: 2px; border: 1px solid #033; background: #fff; }
.recipes img:hover { background: #fff; }

.recipes .caption { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #2b2711; }
#mainContent .recipes a  { color: #413c1d; font-size: 17px; }

.recipe       { background: #fff; padding: 15px; margin-bottom: 25px;  }
.chef         { background: url(/_images/chef.jpg) no-repeat left -10px; text-indent: 35px; color: #145d90; font-size: 16px; font-weight: bold; }
.recipe p     { font-size: 14px; padding: 3px 15px; margin-bottom: 3px !important; border-bottom: 1px solid #c9e3f7; }

.recipe-thumb { width: 317px; position: relative; margin-top: 20px; margin-bottom: 15px;  }
.image-border { border: 1px solid #CCC; background: #fff; padding: 3px; }
.recipe-thumb .zoom         { position: absolute; top: 8px; left: 5px; z-index: 8; }
.recipe-fb { padding: 10px 0; }

/******************************************************************************/
/* 3 PROMOS ELEMENTS */
/******************************************************************************/
#promos        { overflow: hidden; width: 935px; height: 120px; margin: auto; margin-bottom: 10px; clear: both; }
#promos:after  { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
#promo1        { float: left; margin-right: 4px; }
#promo2        { float: left; margin-right: 4px; }
#promo3        { float: left; width: 306px; height: 120px; position: relative; background: url("/_images/mid-calendar.jpg") no-repeat; }
#promo3 a      { position: absolute; z-index: 4; display: block; width: 306px; height: 120px; }
#promo3 .info  { width: 90px; height: 84px; float: right; text-align: center; margin-top: 13px; margin-right: 16px; padding-top: 6px; }
#promo3 .year  { font-size: 18px; color: #fff;    text-shadow: black 1px 1px 2px; margin-bottom: 4px; font-weight: bold; }
#promo3 .month { font-size: 12px; color: #5d4f44; text-shadow: #868584 1px 1px 2px; margin-bottom: 1px; font-weight: bold; }
#promo3 .date  { font-size: 27px; color: #161616; text-shadow: #868584 1px 1px 2px; margin-bottom: 0px !important; line-height: 20px; font-weight: bold; }
#promo3 .day   { font-size: 12px; color: #5d4f44; text-shadow: #868584 1px 1px 2px; font-weight: bold; }
#promo3 span   { display: block; }

/******************************************************************************/
/* 3 PROMOS ELEMENTS */
/******************************************************************************/
.product { overflow: hidden; clear: both; border-bottom: 1px solid #dbd9d6; padding-bottom: 10px; margin-bottom: 10px; }
.pLeft   { width: 550px !important; }
.pRight  { width: 330px !important; }
/* IMAGE */
.product .image        { width: 155px; float: left; position: relative; height: 155px; }
.product .zoom         { position: absolute; top: 4px; left: 5px; z-index: 8; }
.product .image .pimg    { border: 1px solid #CCC; background: #fff; padding: 3px; width: 135px; height: 135px; display: block;  }
/* DESCRIPTION */
.product .description  { width: 247px; margin-left: 160px; }
.product .shipping     { font-size: 12px; font-style:italic; font-weight: bold;  }
.product h3            { font-size: 20px !important; color: #145d90 !important; }
/* PRICE */
.product .price        { width: 135px; float: right; text-align: center; }
.product .price strong { font-size: 30px; color: #145d90; display: block; }


/******************************************************************************/
/* FOOTER ELEMENTS */
/******************************************************************************/
#footer      { background: #a1cb46 url('/_images/footer-bg.jpg') repeat-x center top; height: 95px; width: 100%; font-size: 12px; color: #fff; padding-top: 5px; }
#footer ul   { width: 650px; margin: auto; }
#footer li   { display: inline; }
#footer li a { color: #fff; }
#footer p    { width: 970px; margin: auto; margin-bottom: 0; margin-top: 0; text-align: right; }
#avocado     { background: url('/_images/avocado.png') no-repeat center top; width: 258px; height: 166px; position: absolute; top: -25px; left: -95px;  }
/******************************************************************************/
/* MISC ELEMENTS */
/******************************************************************************/
.floatLeft  { width: 48%; float: left; }
.floatRight { width: 48%; float: right; }

.img-left { float: left; margin: 0 10px 10px 0; }
.img-right { float: right; margin: 0 0 10px 10px; }

.linktext strong { display: none; }

#dhtmltooltip{ color: #23304d; position: absolute; left: -300px; width: 150px; border: 1px solid #138c8b; padding: 5px; background-color: #d6f7f3; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); font-size: 1.2em; }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

.shadow-light {
  -moz-box-shadow:1px 1px 3px #7f7f7f; -webkit-box-shadow:1px 1px 3px #7f7f7f; box-shadow:1px 1px 3px #7f7f7f;  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f');
}
.shadow-white {
  -moz-box-shadow:1px 1px 3px #7f7f7f; -webkit-box-shadow:1px 1px 3px #7f7f7f; box-shadow:1px 1px 3px #7f7f7f; background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f');
}

.shadow-dark {
  -moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000;  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/******************************************************************************/
/* BUTTONS AND MESSAGES */
/******************************************************************************/
.btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, 
.alert-message.info:hover                   { color: #ffffff; }
.btn.danger, .alert-message.danger, .btn.error, 
.alert-message.error                        { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.btn.success, 
.alert-message.success                      { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.btn.info, 
.alert-message.info                         { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.alert-message                              { background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(top, #fceec1, #eedc94); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); margin-bottom: 18px; padding: 7px 14px; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert-message h5                           { line-height: 45px; font-size: 40px; color: #fff; letter-spacing: -1px; font-weight: bold;  }
.alert-message p                            { margin-bottom: 0; color: #fff !important; font-size: 16px !important; }
.alert-message div                          { margin-top: 5px; margin-bottom: 2px; line-height: 28px; }
.alert-message .btn                         { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert-message .close                       { float: right; margin-top: -2px; color: #000000; font-size: 20px; font-weight: bold; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; }
.alert-message .close:hover                 { color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; }
.alert-message.block-message                { background-image: none; background-color: #fdf5d9; padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.alert-message.block-message p              { margin-right: 30px; color: #fff }
.alert-message.block-message .alert-actions { margin-top: 5px; }
.alert-message.block-message.error, .alert-message.block-message.success, 
.alert-message.block-message.info           { color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert-message.block-message.error          { background-color: #fddfde; border-color: #fbc7c6; }
.alert-message.block-message.success        { background-color: #d1eed1; border-color: #bfe7bf; }
.alert-message.block-message.info           { background-color: #ddf4fb; border-color: #c6edf9; }
.alert-message.error p a                    { color: #fff !important; }

/* BUTTONS */
.btn          { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all; }
.btn:hover    { background-position: 0 -15px; color: #333; text-decoration: none; }
.btn.primary  { color: #fff;  background-color: #0064cd; background-repeat: repeat-x;  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.btn.disabled { cursor: default; background-image: none; filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; }
.btn:disabled { cursor: default; background-image: none;  filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; }
.btn:active   { -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn.large    { font-size: 16px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.btn.small    { padding: 7px 9px 7px; font-size: 11px; }
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner { padding: 0;   border: 0; }


.ui-accordion-header         { color: #2283d5; font-weight: normal; padding: 5px 0; border-bottom: 1px solid #ccc; margin: 5px 0; cursor: pointer; }
.ui-accordion-header:hover   { color: #1e84ed; }
.ui-state-active             { color: #fff; background: #999; padding-left: 10px; }
.ui-state-active:hover       { color: #fff; }
.ui-accordion-content-active { background: #F7F7F7; border: 1px solid #CCC; padding: 10px; }



.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding: 20px 0px;
  border-bottom:1px solid #bbb;
}
.jquery-notify-bar.error {
  color:#f00;
  background-color:#fdd;
}
.jquery-notify-bar.success {
  color:#060;
  background-color:#BBFFB6;
}
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}

/******************************************************************************/
/* FORM ELEMENTS */
/******************************************************************************/
.main-form   { color: #313438; }
#content .main-form p { color: #313438 !important; }
#login-form { background: #fff; }

.row            { padding: 8px; clear: both; overflow: hidden; }
.row:after      { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

/* COLUMNS - NUMBER DENOTES HOW MANY COLUMNS IN A ROW */
.main-form .col2 { width: 48%; margin-right: 8px; float: left; }
.main-form .col3 { width: 32%; margin-right: 8px; float: left; }
.main-form .col4 { width: 23%; margin-right: 8px; float: left; }
.main-form .col5 { width: 19%; margin-right: 8px; float: left; }

/* COLOR FOR THE ROWS */
.main-form .odd    { background-color: #eaeaea; border-top: 1px solid #fff; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #fff; border-right: 1px solid #d5d5d5; }
.main-form .even   { background-color: #f4f4f4; border-top: 1px solid #fff; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #fff; border-right: 1px solid #e9e9e9; }
.main-form .first  { border-top: 1px solid #d1deed; }
.main-form .header { background: #595959; color: #CCC; font-weight: bold; font-size: 14px; padding: 10px;  border-top: 1px solid #909090; border-bottom: 1px solid #464646; border-left: 1px solid #909090; border-right: 1px solid #464646; }

/* STYLED ELEMENTS */
.main-form a         { color: #3d7fb2; }
.main-form a:hover   { color: #f04f00; }
.main-form label     { display: block; color: #595959; margin-bottom: 5px; }
.main-form label.error { color: #ff0000; font-weight: bold; }
.main-form .standard { margin-bottom: 5px; border: 1px solid #acd3ef; background: #f7fcff; padding: 10px; color: #396ca6; -moz-box-shadow: inset 0 0 7px #acd3ef; -webkit-box-shadow: inset 0 0 7px #acd3ef; box-shadow: inner 0 0 7px #acd3ef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; }

/* FOCUS */
.main-form input:focus,
.main-form textarea:focus,
.main-form select:focus { border-color:#7eaccd; background: #f3faff; color: #6089b7; -moz-box-shadow: inset 0 0 7px #1f6cdf; -webkit-box-shadow: inset 0 0 7px #1f6cdf; box-shadow: inner 0 0 7px #1f6cdf;  }

/* SIZES */
.main-form .standard            { width: 90%; }