/* CSS Document */
/* Eric Meyer's Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;	vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
caption {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End if Global Reset */

body { background: #62341b url('images/structure/background.png') repeat-x ; font-family: Arial, Helvetica, sans-serif;  }

/* Site Headings */
h1 {font-size:23px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#3e2413;  margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #62341b;  }
h2 {font-size:22px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff;  margin-bottom:12px; padding-bottom:10px; }
h3 {font-size:20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#864014;  margin-bottom:12px; padding-bottom:10px; border-bottom:1px dotted #62341b; }
h4 {font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#864014;   margin-bottom:8px;   }


/* Site Header */
#headercontainer { margin: 0px auto 0 auto;   }
#header { width:972px; margin: 0 auto 0 auto; height:90px;  background:  url('images/structure/header.jpg') no-repeat top left; text-align:right;  color:#fff; font-size:17px; }
#header img.head {float:left; margin-left:7px; margin-top:4px;}
#header .icon img {vertical-align:bottom;}
#header p {padding:15px 10px 0 0; line-height:24px; }
#header a {color:#fff;}


/* Site Navigation */

#navcontainer { margin: 0px auto 0 auto; }
#nav { display:table;  width:972px; margin: 0 auto 0 auto; }
#nav ul {margin-left:6px; padding-left:0; white-space:nowrap;}
#nav ul li {display:inline; list-style:none; line-height:36px; margin-right:-4px; }
#nav ul li a {color:#3f2c1d; text-decoration:none; font-size:16px;  text-align:center; padding:9px 25px 10px 25px; border-right: 1px solid #7c6653;  }
#nav ul li a span {font-size:11px; font-weight:bold; }
#nav ul li a:hover, #nav ul li.selected a {background: url('images/structure/nav-hover.gif') repeat-x top left; color:#fff;   }

/* Home Page Promo / Welcome Section*/
#promocontainer { margin: 0 auto 0 auto;    }
#promo { width:972px; margin: 0 auto 0 auto;   background: url('images/structure/main-background.png') repeat-y top left; }
#promo ul {font-size:12px; color:#fff; line-height:18px; list-style:disc; margin-left:20px; padding-left:20px; margin-bottom:15px;}
#promo-content {  height:270px; overflow:hidden;  background: url('images/structure/promo-background.png') no-repeat top left; margin-left:6px;}
#promo-arc {  height:46px;  /*background: url('images/structure/arc-top.png') no-repeat top left;*/ background: url('images/arc-top-custom-eggs-promo.png') no-repeat top left; margin-left:6px; margin-top:-31px;}
#private-label {float:left; width:270px; margin-left:15px; margin-top:25px;}
#private-label p {color:#fff; line-height:18px; font-size:12px; margin-bottom:15px;}
#gold-egg {float:left; width:145px; padding-top:30px; }
#logo-egg {float:left; width:140px; padding-top:20px; }
#gold-egg p, #logo-egg p {font-size:11px; color:#fff; width:90px; text-align:center; padding-left:15px; line-height:16px;}
#fine-chocolates {float:left; width:370px; margin-left:5px; margin-top:25px;}
#fine-chocolates p {color:#fff; line-height:16px; font-size:12px; }

.promo {width:960px; height:269px; background: url('/images/v2/promo-background.jpg') no-repeat top left; }
.promo.wholesale {width:960px; height:269px; background:url('/images/v3/wholesale-background.jpg') no-repeat top left; }
.promo-left {float:left;  width:650px; }
.promo-left .one-of-a-kind {padding-right:18px; padding-top:20px; margin-bottom:0px; text-align:right;}
.promo-left .pre-book-allowance {position:relative; left:310px; top:115px; width:261px; height:92px;}
.promo-left .imgfreeshipping {position:relative; top:-10px; left:275px;}
.promo-left .viewcatalog {position:relative; left:280px; top:-11px;}
.promo-right {float:left;  padding-left:30px; padding-top:30px;}
.promo-right a {font-size:15px;}
.promo-right a:hover {text-decoration:none;}
.promo-right h4 {color:#4d3929; font-size:14px; text-transform:uppercase; font-weight:bold; }

/*promo button*/
a#viewall-btn  { position:relative; left:388px; top:80px; width:192px; height:83px; background:url(images/v3/viewall-btn.png) no-repeat; display:block; }
a#viewall-btn:hover { background-position:0% bottom; }

/* Main Content Area Parent */
#maincontainer { margin: 0 auto 0 auto;  }
#main { width:972px; margin: 0px auto 0 auto; background: url('images/structure/main-background.png') repeat-y top left; display:table;  }
#main p, #main-inner p {font-size:12px; color:#000; line-height:16px; margin-bottom:15px;}
#main a, #main-inner a {color:#a85b2c}

/* Home Page Column */
#maincolumns {padding-left:6px;}
#maincolumns .column {float:left;  border-right:1px solid #a18577; }
#maincolumns .column p {line-height:16px; font-size:12px; }
#maincolumns .columnright {width:237px; float:left; }
#maincolumns .columnright img {margin-top:12px;}
#maincolumns .columnright p {line-height:16px;}
#maincolumns .welcome { width:639px;}
#maincolumns .inner {width:960px; border:0; border-top:1px solid #7c6653}
#maincolumns .inner h3 {border:0; margin-bottom:10px; margin-top:20px; }
#maincolumns .inner-left {float:left; width:180px; padding-right:25px;  }
#maincolumns .inner-left .selected {font-weight:normal; text-decoration:none; background:#3e2413 url('images/structure/nav-inner-hover.gif') repeat-x -10px -6px; color:#fff; padding:3px; border:1px solid #3e2413}
#maincolumns .inner-left .selected:hover { }
#maincolumns .inner-left ul {line-height:26px; font-size:14px;}
#maincolumns .inner-right {float:left; width:660px; border-left:1px solid #7c6653;  padding-left:20px; }
#maincolumns .inner-right ol, #maincolumns .inner-right ul, #maincolumns .widelist {font-size:12px;  line-height:18px; list-style:decimal; margin-left:20px; padding-left:20px; margin-bottom:15px;}
#maincolumns .inner-right ul {list-style:disc;}
#maincolumns .widelist {list-style:disc;}
#maincolumns .inner strong {color:#864014; font-style:italic;} 
#maincolumns .inner ol li {margin-bottom:10px;}
#maincolumns .mailinglist { width:320px;}
/*v2*/
#maincolumns .v2-left { width:639px;}
#maincolumns .v2-left h1 {font-size:22px; color:#fff;  border:0; margin:0; padding:0; padding:9px 21px; margin-bottom:10px;}
#maincolumns .v2-left .viewall {float:right; margin-top:25px; margin-right:10px;}
#maincolumns .v2-left .viewall2 {float:right; margin-top:15px; margin-right:10px;}
#maincolumns .v2-left .viewall a {color:#fff; font-size:12px;}
#maincolumns .v2-left .viewall2 a {color:#fff; font-size:12px;}
#maincolumns .v2-left h1.brown {background: #4d3929; margin-top:10px;}
#maincolumns .v2-left h1.brown a {text-decoration:none; color:#fff;}
#maincolumns .v2-left h1.brown a:hover {text-decoration:underline; color:#fff;}
#maincolumns .v2-left h1.tan {background: #af652e; margin-top:10px;}
#maincolumns .v2-left h1.tan a {text-decoration:none; color:#fff;}
#maincolumns .v2-left h1.tan a:hover {text-decoration:underline; color:#fff;}
#maincolumns .v2-left h2.tan { background: #af652e; font-size:22px; color:#fff; border:0; margin:0; padding:0; padding:9px 21px; margin-bottom:10px;}
#maincolumns .v2-left h2.tan a {text-decoration:none; color:#fff;}
#maincolumns .v2-left h2.tan a:hover {text-decoration:underline; color:#fff;}

#maincolumns .v2-right { width:320px;}
#maincolumns .v2-right p.short {width:90%;}
#maincolumns .v2-right h2 {font-size:22px; color:#0d4b7d; text-align:center; background: url('/images/v2/peel-crack-enjoy-background.jpg') repeat-x top left;   border:0; margin:0; padding:0; padding:9px 21px;  font-style:italic; margin-top:10px;}
#maincolumns .v2-right h3 {border:0; margin-bottom:0px; color:#af652e;}
#maincolumns .v2 {background: url('/images/v2/content-background.png') no-repeat top right; }
#maincolumns .v2 a:hover {text-decoration:none;}

/*v3*/
#maincolumns .v3-left { width:639px; position:relative; }
#maincolumns .v3-left p { font-size:13px; line-height:17px; }
#maincolumns .v3-left h1 {font-size:22px; color:#fff;  border:0; margin:0; padding:0; padding:9px 21px; }
#maincolumns .v3-left .viewall {float:right; margin-top:25px; margin-right:10px;}
#maincolumns .v3-left .viewall2 {float:right; margin-top:15px; margin-right:10px;}
#maincolumns .v3-left .viewall a {color:#fff; font-size:12px;}
#maincolumns .v3-left .viewall2 a {color:#fff; font-size:12px;}
#maincolumns .v3-left h1.brown {background: #4d3929; margin-top:10px;}
#maincolumns .v3-left h1.brown a {text-decoration:none; color:#fff;}
#maincolumns .v3-left h1.brown a:hover {text-decoration:underline; color:#fff;}
#maincolumns .v3-left h1.tan {background: #af652e; margin-top:10px;}
#maincolumns .v3-left h1.tan a {text-decoration:none; color:#fff;}
#maincolumns .v3-left h1.tan a:hover {text-decoration:underline; color:#fff;}
#maincolumns .v3-left h2.tan { background: #af652e; font-size:22px; color:#fff; border:0; margin:0; padding:0; padding:9px 21px; margin-bottom:10px;}
#maincolumns .v3-left h2.tan a {text-decoration:none; color:#fff;}
#maincolumns .v3-left h2.tan a:hover {text-decoration:underline; color:#fff;}
.v3-left-column { float:left; width:319px; border-right:1px solid #a18577; }
.v3-right-column { float:left;  width:319px; }
.v3-left-column .column-content-v3 {padding:20px 30px 20px 30px;  }
.v3-right-column .column-content-v3 {padding:20px 40px 20px 30px;  }
img.float-right { float:right; }


#maincolumns .v3-right { width:320px;}
#maincolumns .v3-right p.short {width:90%;}
#maincolumns .v3-right h2 {font-size:22px; color:#0d4b7d; text-align:center; background: url('/images/v2/peel-crack-enjoy-background.jpg') repeat-x top left;   border:0; margin:0; padding:0; padding:9px 21px;  font-style:italic; margin-top:10px;}
#maincolumns .v3-right h3 {border:0; margin-bottom:0px; color:#af652e;}
#maincolumns .v3 {background: url('/images/v2/content-background.png') no-repeat top right; }
#maincolumns .v3 a:hover {text-decoration:none;}

.clearfix {clear:both;}


.v2-product {float:left; width:182px; padding:1px; margin-right:22px;}
.v2-product h3 {font-size:14px; color:#2d2d2d; font-weight:bold; text-align:center; border:0; padding:0; margin:0; padding:8px 0px;}
.v2-product a {text-decoration:underline;}
.v2-product p {clear:both;}
.v2-product-left {float:left; width:121px;}
.v2-product-right {float:left; width:51px; text-align:right; padding-right:8px; padding-top:8px; line-height:10px;}
.v2-product-right .price {font-size:14px;  color:#000; font-weight:bold;  }
.v2-product-right .buy a {color:#af652e; font-size:14px; font-weight:bold; line-height:15px;}
.v2-product-right .cart {vertical-align:middle;}
.v2green {background: url('/images/v2/product-green-background.png') no-repeat top left; }
.v2yellow {background: url('/images/v2/product-yellow-background.png') no-repeat top left; }
.v2blue {background: url('/images/v2/product-blue-background.png') no-repeat top left; margin-right:0;}

#blog-sidenav ul {list-style:disc; margin-left:15px; padding-left:15px; }
#blog-sidenav ul li {font-size:13px; line-height:16px; margin-bottom:10px;}
#blog-sidenav h2 {font-size:16px; color: #3e2413; font-weight:bold;}
.blog .post-body {font-size:13px; line-height:16px;}
.blog .post-body img {margin-bottom:15px;}
.blog  h2 {color:#864014; margin:0; font-size:14px; margin-bottom:10px;}
.blog h3 {margin:0; color:#3e2413; padding:0; }
.blog .BLOG_mobile_video_class {visibility:hidden; display:none;}

.product-photo {width:390px; float:right; text-align:center;  }
.product-photo img {float:right}
.product-photo p {text-align:center;  padding-top:15px; font-style:italic;  clear:both; }

.product-photos {width:390px; float:right; text-align:center;  }
.product-photos img {float:left; border:1px solid #e4d8c9; padding:3px; margin:5px;}
.product-photos p {text-align:center;  padding-top:15px; font-style:italic;  clear:both; }

.leafblack a { text-decoration:none;}

.pricing {font-size:13px; margin-bottom:15px; text-align:left;}
.pricing th {background:#a85b2c; color:#fff;}
.pricing th, .pricing td {padding:6px; border-bottom:1px dotted #ddd; line-height:20px;}
.pricing tr.altrow {background:#e8e8e8;}
.subscribetext {color:#777; font-style:italic; font-size:14px; padding:5px 10px; }
.subscribetext-normal {color:#000; font-style:normal; font-size:14px; padding:5px 10px; }
.sample-gallery a {margin-right:35px;}
.sample-gallery2 a {margin-right:20px;}
.sample-gallery2 a.last {margin-right:0;}



/* Column Content Padding*/
#maincolumns .column-content {padding:10px 20px;  }
#maincolumns .inner .column-content {padding:30px;  margin-bottom:30px; padding-bottom:0;  }
#maincolumns .inner {margin-bottom:30px;}


/* Site Footer */
#footercontainer { margin: 0px auto 0 auto; display:table; clear:both  }
#footer { clear:both; width:972px; margin: 0 auto 0 auto; height:27px; background: url('images/structure/footer.png') no-repeat top left;  color:#fff; font-size:12px; }
#footer-left {float:left; line-height:14px; padding:25px 15px;}
#footer-right {float:right; text-align:right; line-height:14px; padding:25px 15px;}
#footer  a {color:#fff; text-decoration:none;}
#footer  a:hover { text-decoration:underline;}
#footer-left p, #footer-right p {padding:14px 0px;}

/*Custom Eggs Promo*/
.custom-eggs-promo { position:relative; width:320px; height:226px; background:url(images/customized-eggs-promo.jpg) no-repeat; }
.custom-eggs-list { position:absolute; left:146px; top:85px; }
.custom-eggs-list li { font-size:12px; color:#fff; line-height:18px; background:url(images/brown-bullet.png) no-repeat left top; padding-left:10px; }
.view-pricing-btn a { position:absolute; left:180px; top:185px; width:119px; height:27px; background:url(images/view-pricing-btn.png) no-repeat; }
.request-a-quote-btn a { position:absolute; left:150px; top:165px; width:144px; height:27px; background:url(images/request-a-quote-btn.png) no-repeat; }
.request-a-quote2-btn a { position:relative; display:block; float:right; width:144px; height:27px; background:url(images/request-a-quote-btn.png) no-repeat;  }
.custom-eggs-asi { position:absolute; left:20px; top:225px; width:280px; }
#maincolumns .custom-eggs-asi p { text-align:right; font-size:12px; color:#695240; }

/*Tabs*/
/*List styles*/
body #tabs { margin:0 0 15px 0; padding:0; }
body #tabs ul#tabs-list { list-style:none; margin:0; padding:0; }#tabs-1, #tabs-2, #tabs-3 {padding:10px;}
#tabs table td {font-size:12px; line-height:16px; text-align:center;}
#tabs table {text-align:center;}
body #tabs ul#tabs-list li { list-style:none; margin:3px 0px 0 3px; padding:0; }

/*Label Pricing*/
.label-pricing-egg-display { position:relative; display:table; width:200px; height:140px; margin-top:5px; }
.label-pricing-egg-display .label-name { position:relative; display:block; float:left; width:127px; height:20px; }
.label-pricing-egg-display .label-thumb { position:relative; display:block; float:left; width:127px; height:127px; border:1px solid #dadada; padding:1px 1px 2px 1px; }
.label-pricing-egg-display .label-icons { position:relative; display:table; float:left; width:42px; height:127px; }
.label-pricing-egg-display .label-icon { position:relative; display:block; float:left; width:40px; height:40px; margin-bottom:3px; margin-left:3px; border:1px solid #dadada; }
.label-pricing-egg-display .label-icon.last { margin-bottom:0; }
.label-pricing-egg-display .label-pricing-available { position:relative; display:block; float:left; width:170px; height:20px; margin-top:3px; }
td.label-pricing { }

/*About*/
#maincolumns .image-column { position:relative; display:block; width:900px;  }
#maincolumns .image-column .image-caption { position:relative; display:block; width:250px; float:left; margin-right:75px; }
#maincolumns .image-column .image-caption.last { margin:0px; }
#maincolumns .image-column .image-caption p { text-align:center; line-height:25px; }
