/* Ocean Nutrition - Main Stylesheet
=============================================================================================*/
html { margin:0 auto; }
body { background:#fff url('../images/backgrounds/background.jpg') repeat-x scroll 0 0; }

/*	site grid
----------------------------------- */
#main { width:942px; margin:0 auto; position:relative; display:block; }
#middle { width:942px; margin:0 auto; position:relative; display:block; float:left; clear:both; margin-top:50px; }
#home #middle { margin-top:0; }

/* header
----------------------------------- */
#header { width:942px; margin:0 auto; position:relative; display:block; z-index:150; height:92px; float:left; clear:both; }
#logo { position:absolute; top:-104px; left:0px; width:200px; height:101px; display:block; z-index:3000; }
#home #logo { top:-54px; }

/* navigation
----------------------------------- */
#topnavigation { margin:36px 28px 8px 0; height:11px; font-size:11px; color:#676d72; text-transform:uppercase; float:right; clear:both; display:inline-block; }
#topnavigation a.topnavlink { display:inline; border-bottom:2px solid transparent; color:#676d72; }
#topnavigation a.topnavlink:hover { border-bottom:2px solid #b8c7d8; text-decoration:none; color:#0e488f; }
#topnavigation a.topnavselected { border-bottom:2px solid #b8c7d8; text-decoration:none; color:#0e488f; }
#topnavigation a.topnavselected:hover { border-bottom:2px solid #b8c7d8; text-decoration:none; color:#0e488f; }

#navigation { height:37px; float:right; clear:both; }
#navigation #navleft { height:37px; background:transparent url('../images/nav/mainnav_left.gif') no-repeat scroll 0 0; display:inline-block; }
#navigation #navleft #navright { height:37px; background:transparent url('../images/nav/mainnav_right.gif') no-repeat scroll 100% 0; display:inline-block; }
#navigation #navleft #navright #nav { list-style-type:none; margin:0 9px; background:transparent url('../images/nav/mainnav_bg_u.gif') repeat-x scroll 0 0; display:inline-block; position:relative; }
#navigation #navleft #navright #nav li { float:left; }
#navigation #navleft #navright #nav .mainnavlink { background:transparent url('../images/nav/mainnav_bg_u.gif') repeat-x scroll 0 0; padding:12px 10px 0 10px; display:inline-block; height:25px; color:#fff; text-transform:uppercase; margin:0; }
#navigation #navleft #navright #nav .mainnavlink:hover { background:transparent url('../images/nav/mainnav_bg_o.gif') repeat-x scroll 0 0; color:#65df6a; text-decoration:none; }
#navigation #navleft #navright #nav .selectedsection { background:transparent url('../images/nav/mainnav_bg_o.gif') repeat-x scroll 0 0; color:#65df6a; text-decoration:none; }
#navigation #navleft #navright #nav .selectedsection:hover { background:transparent url('../images/nav/mainnav_bg_o.gif') repeat-x scroll 0 0; color:#65df6a; text-decoration:none; }
#navigation #navleft #navright #nav .on { background:transparent url('../images/nav/mainnav_bg_o.gif') repeat-x scroll 0 0; color:#65df6a; text-decoration:none; }
#navigation #navleft #navright #nav .on:hover { background:transparent url('../images/nav/mainnav_bg_o.gif') repeat-x scroll 0 0; color:#65df6a; text-decoration:none; }

#navigation #navleft #navright #nav #aboutlink { width:68px; text-align:center; }
#navigation #navleft #navright #nav #productslink { width:90px; text-align:center; }
#navigation #navleft #navright #nav #edgelink { width:60px; text-align:center; }
#navigation #navleft #navright #nav #omegalink { width:52px; text-align:center; }
#navigation #navleft #navright #nav #presslink { width:76px; text-align:center; }
#navigation #navleft #navright #nav #careerslink { width:52px; text-align:center; }

#subnav { margin:30px 0 0 25px; padding-bottom:10px; border-bottom:1px dotted #bfbfbf; font-size:13px; color:#145dac; width:185px; }
#subnav li { font-size:12px; width:200px; margin-bottom:5px; }
#subnav li a { cursor:pointer; color:#145dac; text-transform:uppercase; text-decoration:none; }
#subnav li a:hover { text-decoration:underline; }
#subnav li a.selectedsubsection { text-decoration:underline; }

#subnav #subsubnav { margin:5px 0 0 10px; }
#subnav #subsubnav li { font-size:10px; }
#subnav #subsubnav li a.selectedsubsubsection { text-decoration:underline; }

a.emaillink { color:#55ba47; font-size:11px; font-weight:bold; }

/* front buckets
----------------------------------- */
#middle #frontcontent { width:942px; height:443px; background:transparent url('../images/backgrounds/frontcontent.jpg') no-repeat scroll 0 0; position:relative; }
#middle #frontcontent #frontreadmore { position:absolute; top:150px; right:13px; }

#middle #frontcontent #counter { background:transparent url('../images/backgrounds/counter_bg.gif') no-repeat scroll 0 0; width:256px; height:104px; position:absolute; bottom:-10px; right:15px; }
#middle #frontcontent #counter #numbers { position:absolute; top:15px; left:0; font-size:22px; color:#ffffff; letter-spacing:4px; text-indent:17px; font-family:"Courier New", Courier, monospace; font-weight:bold; }
#middle #frontcontent #counter #numbers #secondset { margin-left:8px; }
#middle #frontcontent #counter #numbers #thirdset { margin-left:8px; }
#middle #frontcontent #counter #numbers #fourthset { margin-left:8px; }

.mac.ff3 #middle #frontcontent #counter #numbers #secondset { margin-left:8px; }
.mac.ff3 #middle #frontcontent #counter #numbers #thirdset { margin-left:7px; }
.mac.ff3 #middle #frontcontent #counter #numbers #fourthset { margin-left:7px; }

#middle #frontbuckets { width:942px; height:248px; background:transparent url('../images/backgrounds/frontbuckets.gif') no-repeat scroll 0 0; }
#middle #frontbuckets .frontbucket { height:248px; float:left; }
#middle #frontbuckets #bucketleft { width:293px; overflow:hidden; position:relative; }
#middle #frontbuckets #bucketleft h4 { margin-left:40px; }
#middle #frontbuckets #bucketmiddle { width:309px; }
#middle #frontbuckets #bucketright { width:340px; }

#middle #frontbuckets #bucketleft #slider { height:183px; overflow:hidden; position:relative; }
#middle #frontbuckets #bucketleft #slider .panel { height:183px; float:left; width:293px; position:relative; }
#middle #frontbuckets #bucketleft #arrows { position:absolute; bottom:10px; left:0px; display:block; text-align:center; width:293px; }
#middle #frontbuckets #bucketleft #arrows .arrow { font-weight:bold; cursor:pointer; background:#55ba47; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#middle #frontbuckets #bucketleft #arrows .noarrow { font-weight:bold; color:#bcbcbc; background:#cccccc; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#middle #frontbuckets #bucketleft #arrows .arrow:hover { color:#ffffff; }
#middle #frontbuckets #bucketleft #arrows .indexnum { cursor:pointer; }
#middle #frontbuckets #bucketleft #arrows .indexnum:hover { text-decoration:underline; }
#middle #frontbuckets #bucketleft #arrows .current { font-weight:bold; cursor:pointer; background:#55ba47; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#ffffff; }
#middle #frontbuckets #bucketleft #arrows #prev { float:left; margin-left:30px; }
#middle #frontbuckets #bucketleft #arrows #next { float:right; margin-right:30px; }

#middle #frontbuckets .frontbucket .bucketsection { margin:40px 0 0 40px; }
#middle #frontbuckets .frontbucket .buckettitle { font-size:12px; color:#145dac; margin:5px 20px 0 40px; display:block; }
#middle #frontbuckets #bucketleft .buckettitle { font-size:12px; color:#145dac; margin:5px 20px 5px 40px; display:block; }
#middle #frontbuckets .frontbucket .date { font-size:11px; font-weight:bold; color:#959595; margin:10px 20px 0 40px; }
#middle #frontbuckets .frontbucket .blurb_link { margin:0px 20px 0 40px; }
#middle #frontbuckets .frontbucket .blurb { margin:10px 20px 0 40px; }
#middle #frontbuckets #bucketright .blurb { width:185px; float:left; }
#middle #frontbuckets #bucketright .frontbucketimage { float:left; margin-top:2px; }

#middle #frontbuckets #bucketleft .readmore_light { position:absolute; bottom:30px; left:175px; }
#middle #frontbuckets #bucketmiddle .readmore_light { position:absolute; bottom:40px; right:361px; }
#middle #frontbuckets #bucketright .readmore_light { position:absolute; bottom:40px; right:20px; }

/* content
----------------------------------- */
#home #middle .content { margin-top:0; background:none; }
#middle .content { margin-top:10px; margin-bottom:10px; background:transparent url('../images/backgrounds/content_bg_top.gif') no-repeat scroll 0 0; display:inline-block; }
#contactform #middle { margin:0px auto; }
#contactform #middle .content { background:none; margin-top:-20px; }
#contactform #middle .content .innercontent { margin:0 10px; }
#contactform form .item { margin-bottom:0; }
#contactform .field { height:30px; width:406px; }
#contactform .field input { width:380px; }
#contactform .select { width:402px; }
#contactform #loginform { width:408px; }
#contactform .textarea { width:380px; }
#contactform .faillabel { color:#f00; }
#contactform .highlightfield { background:#f00; }


#middle .content .sidebar { width:210px; float:left; }
#middle .content .sidebar #sideimage { margin-left:25px; margin-top:20px; }
#middle .content .sidebar .latestarticles { margin:20px 0 0 25px; float:left; width:185px; overflow:hidden; }
#middle .content .sidebar .latestarticles .title { font-size:12px; color:#55ba47; text-transform:uppercase; margin-bottom:20px; font-weight:bold; display:block; }
#middle .content .sidebar .latestarticles .articlelist { list-style-type:none; margin-top:20px; }
#middle .content .sidebar .latestarticles .articlelist li { font-size:11px; }
#middle .content .sidebar .latestarticles .articlelist li .date { color:#55ba47; text-transform:uppercase; display:block; }
#middle .content .sidebar .latestarticles .articlelist li .blurb { color:#000; font-weight:normal; display:block; }

#middle .content .innercontent { position:relative; width:692px; float:left; margin:28px 0 0 40px; }
#login .content .innercontent { position:relative; width:942px; float:left; margin:28px 0 0 40px; }
#careers #middle .content .innercontent { width:917px; margin:28px 25px 0 0px; }
.careers_left { width:396px; float:left; }
.careers_right { width:520px; float:left; }
#admin #middle .content .innercontent { width:942px; margin:30px 0 0 0; }
#middle .content .innercontent .pagetitle { margin:0px; }
#middle .content .innercontent ul { margin-left:20px; }
#middle .content .innercontent .ToolBar ul { margin-left:0px; }

#about .innercontent .db_content .left { width:321px; }
#about .innercontent .db_content .right { width:321px; margin-right:25px; }

.column { width:146px; margin-right:20px; }

#member_description { display:inline-block; min-height:330px; margin:10px 0; }
#member_description #photo { float:left; margin-right:20px; }
#member_description #words { float:left; width:430px; }
#member_description h5 { float:left; width:430px; margin-bottom:10px; }
#member_description p { float:left; width:430px; }

.admin_menu { margin-bottom:10px; }

#contact #middle .content .innercontent { width:902px; height:478px; }

#locations_bg { position:absolute; top:-29px; right:0; }
.dots { display:block; position:absolute; top:-29px; right:0; width:733px; }
.dot { display:block; width:15px; height:15px; background:transparent url('../images/buckets/dot.png') no-repeat scroll 0 0; position:absolute; cursor:pointer; }
#dot_mulgrave { top:189px; left:229px; }
#dot_mexico { top:235px; left:147px; }
#dot_usa { top:194px; left:169px; }
#dot_corporate { top:194px; left:214px; }
#dot_uk_ireland { top:150px; left:321px; }
#dot_europe { top:150px; left:305px; }
#dot_australia { top:353px; right:58px; }
#dot_spain { top:185px; left:325px; }
#dot_netherlands { top:160px; left:333px; }
#dot_uk { top:134px; left:320px; }
#dot_paris { top:170px; left:342px; }
#dot_china { top:211px; right:145px; }

#locations_content { position:relative; width:200px; z-index:800; }
#locations_content .location .bold { margin-bottom: 10px; }

#careers #middle .content .innercontent .pagetitle { margin:0px; }

ul.careers { margin-left:20px; }

#pr_links { margin:10px 0 0 0; }
#pr_links tr { border-bottom:1px dotted #bfbfbf; }
#pr_links tr td { padding:5px 0; }

.sidebar #slider { overflow:hidden; position:relative; }
.sidebar #slider .column { float:left; margin:0 0 0 0; width:185px; }
.sidebar #slider .panel { float:left; width:185px; font-size:11px; margin-bottom:10px; }
.sidebar #slider .panel .buckettitle { color:#147bac; }
.sidebar #slider .panel .date { color:#55ba47; text-transform:uppercase; display:block; }
.sidebar #slider .panel .blurb { color:#000; }
.sidebar #slider .panel .blurb p { margin-bottom:0; color:#000; }
.sidebar #slider .panel .fullstory { color:#147bac; display:block; }
.sidebar #arrows { position:relative; display:block; text-align:center; width:185px; }
.sidebar #arrows .arrow { font-weight:bold; cursor:pointer; background:#55ba47; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.sidebar #arrows .noarrow { font-weight:bold; color:#bcbcbc; background:#cccccc; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.sidebar #arrows .arrow:hover { color:#ffffff; }
.sidebar #arrows .indexnum { cursor:pointer; }
.sidebar #arrows .indexnum:hover { text-decoration:underline; }
.sidebar #arrows .current { font-weight:bold; cursor:pointer; background:#55ba47; padding:2px 6px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#ffffff; }
.sidebar #arrows #prev { float:left; }
.sidebar #arrows #next { float:right; }

.products_table { width:667px; border:1px solid #bfbfbf; margin-bottom:20px; }
.products_table thead { }
.products_table thead tr { }
.products_table thead tr td { font-weight:bold; border:1px solid #bfbfbf; }
.products_table tbody { }
.products_table tbody tr { border:1px solid #bfbfbf; }
.products_table tbody tr td { border:1px solid #bfbfbf; }



/* footer
----------------------------------- */
#home #footer { display:none; }
#footer { display:block; width:942px; background:transparent url('../images/backgrounds/content_bg_bottom.gif') no-repeat scroll 0 0; position:relative; float:left; clear:both; height:70px; }
#footerreadmore { position:absolute; bottom:20px; right:20px; }

/* common
----------------------------------- */
.readmore_light, .readmore_dark { display:block; width:97px; height:27px; }
.row { display:inline-block; border:1px solid #365271; width:940px; margin-bottom:5px; padding:0px; color:#365271; }
.row .insiderow { padding:5px 10px; color:#365271; }
.row .right { border-left:1px solid #365271; }
.row_media .right { padding:12px 10px; }
.row_button { background:#fff; display:inline-block; border:1px solid #365271; width:940px; margin-bottom:5px; padding:0px; color:#365271; text-decoration:none; }
.row_button:hover { background:#365271; color:#fff; }
.row_button:hover .insiderow { color:#fff; }
.row .insiderow a { color:#365271; }

.admin_menu .row .insiderow { padding:5px 14px 5px 13px; text-align:center; }
.admin_menu .row .insiderow:hover { background:#365271; color:#fff; }
.admin_menu .row .selected { background:#365271; color:#fff; }
.admin_menu .row .left { padding:5px 15px 5px 14px; }
.mac .admin_menu .row .left { padding:5px 13px; }

/* login form
----------------------------------- */
#loginform { width:415px; margin:50px auto; }
#loginform .lrememberme { width:110px; }
#loginform #lsubmit { margin-right:5px; }



#aftersubmit { width: 400px; margin:100px auto; text-align:center; }