/* Ocean Nutrition - Common Stylesheet
=============================================================================================*/
/*	useful functions
----------------------------------- */
.hide { display: none; }
.show { display: block;	}
.block { display:block; }

.h { float: left; list-style: none; margin: 0; padding: 0; }
.h li { float: left; list-style: none; margin: 0; padding: 0; }

.v { list-style: none; margin: 0; padding: 0; }
.v li { list-style: none; margin: 0; padding: 0; }

.left { float: left; }
.right { float: right; }
img.floatright { float:right; }
img.floatleft { float:left; }

.transparent-85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.transparent-50 { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; }

.tl { position: absolute; top: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.tr { position: absolute; top: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }
.bl { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.br { position: absolute; bottom: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }

.underline { text-decoration: underline; }
.nounderline { text-decoration:none; }
a.nounderline { text-decoration:none; }

.center { text-align:center; }
.padding { padding:5px; }

.full5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.full10 { -moz-border-radius:10px; -webkit-border-radius:10px; }
.full15 { -moz-border-radius:15px; -webkit-border-radius:15px; }

/*	clear fix
----------------------------------- */
.c { clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*	form elements
----------------------------------- */
form .item { margin-bottom: 10px; display: block; float: left; }

.item #b_left { margin-left:1px; }
.item #b_right { margin-right:1px; }

.label { font-weight: bold; display: block; margin-bottom: 3px; }

.field { float: left; background: transparent; width: 206px; height: 35px; display: block; overflow: hidden; }
.field input { border:1px solid #365271; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#365271; font-size: 11px; width: 179px; font-family: Arial, Helvetica, sans-serif; padding:5px 10px; }

.titlefield { width:942px; }
.titlefield input { width:903px; padding:5px 10px; }

.fail { float: left; background:transparent; width: 206px; height: 25px; display: block; overflow: hidden; }
.fail input { background-color:#c40000; border:2px solid #980000; color: #fff; font-size: 11px; margin: 4px 5px; width: 194px; font-family: Arial, Helvetica, sans-serif; }

.checkbox { display: inline; width: 15px; height: 15px; overflow: hidden; margin: 0; padding: 0; float: left; margin-right: 5px; }

.cleanbutton { background:#55ba47; border:2px solid #fff; font-size:11px; text-transform:uppercase; color:#fff; cursor:pointer; padding:2px 7px; }
.cleanbutton:hover { background:#145dac; border:2px solid #fff; text-decoration:none; }

#loginform .cleanbutton { background:#55ba47; border:2px solid #fff; font-size:12px; text-transform:uppercase; color:#fff; cursor:pointer; padding:3px 10px; }

.textarea { color:#365271; padding:10px; border:1px solid #365271; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: Arial, Helvetica, sans-serif; }

.contentfield { width:923px; height:300px; }
.blurbfield { width:923px; height:100px; }

.orderfield { width:50px; }
.orderfield input { width:20px; padding:5px 10px; text-align:center; }

.select { float: left; margin-right: 5px; background: #fff; border:1px solid #365271; padding:5px 5px; color: #365271; font-size: 11px; display: block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.cancelbtn { padding:3px 7px; }

/*	overlay
----------------------------------- */
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
#overlay-bg { position: absolute; z-index: 9999; background: #000; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; }
#overlay-box { position: fixed; top: 50%; left: 50%; z-index: 99999; display: inline; }
#overlay-box .holder { position: relative; width: 267px; }
#overlay-box .close { color: #fff; padding: 1px 7px 3px 7px; position: absolute; top: 15px; right: 15px; text-decoration: none; font-weight: bold; background: transparent url('../images/pager/pager_num_bg.gif') no-repeat 50% 50%; }
#overlay-box .inside { padding: 10px 15px;}
#overlay-box .bottombtn { font-weight: bold; text-decoration: none; display: block; padding: 10px 20px; background: #e7e8e9; border-top: 1px solid #a7a9ac; }
#overlay-box .bottombtn:hover { background: #a7a9ac; }

.whitelink { color: #660000; font-weight: bold; padding: 5px 10px; background: #ff9933; display: block; border: 2px solid #ffb65e; }
.whitelink:hover { background: #ffb65e; text-decoration: none; }
.whitelink .title { display: block; font-weight: bold; }
.whitelink .description { font-weight: normal; }

#overlay-box .item { width: 206px; }
#overlay-box .dividerimg { margin-bottom: 10px; }

/*	feedback
----------------------------------- */
#feedback { width: 100%; height: 68px; position: fixed; bottom: 0; left: 0; background:#fff url('../images/backgrounds/background.jpg') repeat-x 0 0; z-index: 9999; border-top: 1px solid #666666;  }
#feedback .padding { display: block; padding: 12px 0; background: transparent; }
#feedback .text { color: #365271; font-size: 16px; font-weight: bold; text-align: center; }
#feedback .close { position: absolute; top: 25px; right: 25px; }

/* Breadcrumb Styles
----------------------------------- */
#breadcrumb { position:absolute; top:20px; left:0; z-index:100; }
.breadCrumb { margin: 0; padding: 0; float: left; display:block; height: 21px; overflow: hidden; padding:5px; background:#f6fbf6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; }
.breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; }
.breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url('../images/nav/Chevron.gif') no-repeat 100% 0; color:#4c6f82; }
.breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; }
.breadCrumb ul li span { display: block; overflow: hidden; }
.breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; }
.breadCrumb ul li a:hover { color:#58b947; }
.breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url('../images/nav/IconHome.gif') no-repeat 0 0; }
.breadCrumb ul li.first a:hover { background-position: 0 -16px; }
.breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; color:#58b947; }
.breadCrumb ul li.last a { color:#58b947; }
.chevronOverlay { display: none; background: url('../images/nav/ChevronOverlay.png') no-repeat 100% 0; width: 13px; height: 20px; }