
/* Normalize
  ====================================================  */
body,
h1, h2, h3, h4, h5, h6,
p, div, span, ul, ol, dl, li,
a, a:link, a:visited,
blockquote, acronym,
form,
input, select, textarea {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	height: auto;
}


a {
  outline: none;
}

/* Layout
  ====================================================  
  quote : this section is used to layers position only
          (dimensions, floating, margins and paddings).  
          Use the "Style" section to put code relative
          of design.                                  */
       
.left { float: left; }
.right { float: right; }
.left, .right { width: 50%; display: inline; }
.clear { clear: both; float: none; }

#wrapper,
#wrapper .backTop,
#wrapper .backBottom,
#footer {
  float: none;
  display: block;
  position: relative;
  clear: both;
  width: 1008px;
  margin: 0 auto;
}
#side, #main {
  float: left;
  display: inline;
  clear: none;
}
#side {
  width: 321px;
}
#main {
  width: 687px;
}
#main .pageIntro {
  margin: 170px 0 35px 0;
}
#main #content {
  margin: 0 45px 0 0;
}
#wrapper .backBottom {
  padding-bottom: 150px;
}


/* Style
  ====================================================  */
body {
	color: #000000;
  background: #FFFFFF url('images/back.jpg') repeat-x center 0;; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.1; font-size:100.01%; font-family:Georgia, Nimbus Roman No9 L, Palatino, Palatino Linotype, Times New Roman, Times, serif
}
a, a:link, a:visited {
  text-decoration: none;
  font-size: 13px;
  color: #990000;
}

a:hover {
  text-decoration: underline;
}

a img, a:link img, a:visited img { border: 0px none; }
a.red, a.red:link, a.red:visited {
  color: #C3010C;
  text-decoration: underline;
}
p, ol, ul {
  font-size: 13px;
  line-height: 17px;
  color: #5B1511;
  margin-bottom: 1em;
}
ol, ul {
  list-style: none;
  margin: 0;
}
p.title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #CC0000;
}
p span {
  font-weight: bold;
}
.italic {
  font-style: italic;
}

.product_text  {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}

#breadcrumb {
  font-size: 13px;
  font-weight: bold;
}

#breadcrumb a, a:link, a:visited {
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  color: #990000;
}

#breadcrumb a:hover {
  text-decoration: underline;
}



#wrapper { background: url('images/wrapper_back_repeat.jpg') repeat-y left top; }
#wrapper .backBottom { background: url('images/wrapper_back_bottom.jpg') no-repeat left bottom; }
#wrapper .backTop { background: url('images/wrapper_back_top.jpg') no-repeat left top; }
.pageIntro img,
#content img {
  border: 0px solid #663300;
}
.pageIntro img {
  float: left;
  margin: 0 20px 0 0;
}
.pageIntro p {
  font-size: 15px;
  line-height: 20px;
  margin: 0 40px 21px 0;
}
p.advice {
  font-size: 17px;
  color: #660000;
  margin-bottom: 5px;
}
p.advice span {
  font-weight: bold;
}
.featuredProduct p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 19px;
}
.featuredProduct p.title {
  height: 40px;
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 40px;
  font-weight: bold;
  color: #CC0000;
}
.featuredProduct img {
  float: left;
  margin: 0 20px 0 0;
}
.box {
  padding: 14px;
  border: 1px solid #8A4E1A;
  background: #F8EECA url('images/box_back.jpg') repeat-x 0 bottom;
}
.relatedLinks .box {
  padding: 20px 5px;
  border-top: 7px solid #CC0000;
}
.relatedLinks li {
  display: block;
  height: 23px;
  margin: 0 0 0 15px;
}
.relatedLinks a,
.relatedLinks a:link,
.relatedLinks a:visited {
  width: 250px;
  font-size: 15px;
  line-height: 22px;
  text-decoration: underline;
  color: #330000;
  float: left;
  margin: 0;
  padding: 0;
}
span.listNumber {
  width: 32px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  display: block;
  float: left;
  color: #CC0000;
}
.items {
  margin: 40px 0;
}
.item {
  clear: both;
  margin-bottom: 30px;
}
.item img {
  float: left;
  margin: 0 14px 20px 0;
}
.item p {
  margin-bottom: 14px;
}
.item p.title {
  padding: 0 0 6px 3px;
  border-bottom: 1px solid #660000;
}
.item p.subTitle {
  display: block;
  padding-bottom: 0;
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
}
.twoPerRow .item,
.twoPerRow .separator {
  float: left;
  clear: none;
  display: inline;
}
.twoPerRow .item {
  width: 310px;
}
.twoPerRow .separator {
  width: 22px;
  height: 50px;
}
.item ul, .item ol {
  width: 460px;
  margin: 20px auto;
}
.item ul li, .item ol li {
  float: left;
  display: inline;
  width: 185px;
  background: url('images/bullet_1.gif') no-repeat 0 center;; padding-left:15px; padding-right:20px; padding-top:0; padding-bottom:0
}

/* Forms 
  =================================================================  */
select, input { font-family: Georgia, "Nimbus Roman No9 L", Palatino, "Palatino Linotype", "Times New Roman", Times, serif; }
label {
  font-size: 11px;
  font-weight: bold;
}
select {
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 1px;
}
.button {
  cursor: pointer;
}

.proceed-btn {
    background: none repeat scroll 0 0 #0dad4a;
    border-color: #a0cf67 #770000 #770000 #a0cf67;
    border-width: 1px;
    color: white;
    font: bold 11px Tahoma;
    margin: 3px;
    padding: 3px 5px;
    cursor: pointer;
}

/* Header
  ====================================================  */
h1 a, h1 a:link, h1 a:visited {
/*  display: block; */
/*  width: 274px;*/
/*  height: 128px;*/
/*  margin: 68px 0 0 22px;*/
}
h1 span { display: none; }


/* Navigation
  ====================================================  */

.navigation li {
  float: left;
  display: inline;
}
#primaryNavigation {
  list-style: none;
  width: 920px;
  height: 44px;
  margin: 0 auto;
}
#primaryNavigation li {
  margin-top: 15px;
}
#primaryNavigation a,
#primaryNavigation a:link,
#primaryNavigation a:visited {
  display: block;
  height: 19px;
}
#navHome a, #navHome a:link, #navHome a:visited { background: url('images/nav_home.jpg') no-repeat 0 0; width: 54px }
#navMaineLobster a, #navMaineLobster a:link, #navMaineLobster a:visited { background: url('images/nav_maine_lobster.jpg') no-repeat 0 0; width: 129px }
#navGiftPackages a, #navGiftPackages a:link, #navGiftPackages a:visited { background: url('images/nav_gift_packages.jpg') no-repeat 0 0; width: 116px }
#navGiftCertificates a, #navGiftCertificates a:link, #navGiftCertificates a:visited { background: url('images/nav_gift_certificates.jpg') no-repeat 0 0; width: 138px }
#navMemberRewards a, #navMemberRewards a:link, #navMemberRewards a:visited { background: url('images/nav_member_rewards.jpg') no-repeat 0 0; width: 157px }
#navNeedHelp a, #navNeedHelp a:link, #navNeedHelp a:visited { background: url('images/nav_need_help.jpg') no-repeat 0 0; width: 102px }
#primaryNavigation span {
  display: none;
}
#primaryNavigation li.separator {
  width: 44px;
  height: 15px;
  background: url('images/nav_separator.jpg') no-repeat center 0;
}
#side .navigation {
  display: block;
  overflow: hidden;
  width: 206px; /*264*/
  height: 280px; /*350*/
  background: url('images/ticket.jpg') no-repeat 0 0;; margin-left:8px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:58px; padding-right:0; padding-top:70px; padding-bottom:0
}
#side .navigation li {
  display: block;
  float: none;
  background: url('images/bullet_1.gif') no-repeat 0 center;; padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
}
#side .navigation,
#side .navigation a, #side .navigation a:link, #side .navigation a:visited {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #5B1511;
}


/* Cart Box
  ====================================================  */
#cartBox {
  position: absolute;
  width: 301px;
  height: 152px;
  background: url('images/cart_back.jpg') no-repeat 0 0;; margin-left:336px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:18px; padding-right:0; padding-top:0; padding-bottom:0
}
#cartBox,
#cartBox div,
#cartBox .actions span {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #330000;
}
#cartBox .status {
  height: 40px;
  line-height: 40px;
}
#cartBox .actions {
  height: 30px;
}
#cartBox .actions li {
  display: block;
  float: left;
  background: url('images/btn_brown_2.gif') repeat-x 0 0;; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0
}
#cartBox .actions a, #cartBox .actions a:link, #cartBox .actions a:visited {
  float: left;
  display: block;
  line-height: 21px;
  height: 21px;
  background: url('images/btn_brown_1.gif') no-repeat 0 0;; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}
#cartBox .actions a span, #cartBox .actions a:link span, #cartBox .actions a:visited span {
  line-height: 21px;
  height: 21px;
  display: block;
  float: left;
  background: url('images/btn_brown_3.gif') no-repeat right 0;; padding-left:0; padding-right:4px; padding-top:0; padding-bottom:0
}
#cartBox form {
  height: 34px;
}
#cartBox form input {
  float: left;
  display: inline;
  margin: 0 5px 0 0;
}
#cartBox form input.text {
  height: 23px;
  width: 170px;
  line-height: 23px;
  color: #B90000;
  font-size: 14px;
  border: 1px solid #9d0000;
}
#cartBox input.button {
  width: 88px;
  height: 26px;
  border: 0px none;
  background: url('images/btn_search.gif') no-repeat 0 0;
}
#cartBox .phoneNumber {
  width: 264px;
  height: 26px;
  background: url('images/lobster_phone.jpg') no-repeat 0 0;
}
#cartBox .phoneNumber span {
  display: none;
}
#cartBox #cartBoxNumber {
  display: inline;
  font-size: 18px;
}
.homeTitle {
  height: 57px;
  background: url('images/home_title.jpg') no-repeat 0 0;
}
.homeTitle span {
  display: none;
}

h3.checkout {
	font-size: 138.5%;
	font-weight: bold;
	color: #900;
	text-align: center;
	margin: 15px;
	border-bottom: solid 1px #900;
}

h4.checkout {
	font-size: 131%;
	font-weight: bold;
	color: #900;
	padding: 6px 0 0 6px;
	margin-bottom: 5px;
	border-bottom: solid 1px #900;
}

h4.checkout-new {
    color: #990000;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px 0 0 6px;
}

table.checkout {
	margin-top: 7px;
	margin-bottom: 15px;
}

table.checkout select,
table.checkout input.mastext {
	width: 250px;
}

p.checkoutnote {
	font-size: 108%;
	color: #900;
	text-align: center;
}

ul.checkout {
	font-size: 108%;
	padding: 0 70px;
}

ul.checkout li {
	list-style-type: disc;
	padding-bottom: 10px;
}

.warning {
	background-color: #FFFFE8;
	border: solid 2px red;
	padding: 20px 40px;
	margin-bottom: 20px;
}
.warning p {
	color: #F00;
}

/* Footer
  ====================================================  */
#footer {
  margin-top: 10px;
}
#footer p, #footer li, 
#footer a, #footer a:link, #footer a:visited {
  color: #64221C;
}
#footer p, #footer li {
  line-height: 23px;
}
#footer p, #footer ul {
  clear: both;
  margin-left: 54px;
}
#footer .firms {
  clear: both;
  display: block;
  margin: 30px 0 100px 30px;
}
#footer .firms img {
  float: left;
  display: inline;
  margin-right: 13px;
}
#footerNavigation li.separator {
  margin: 0 4px;
}
img#eastCoastGourmet { margin-top: 9px; }
img#newEnglandCeeking { margin-top: 5px; }
img#yahooShopping { margin-top: 4px; }
img#geoTrust { margin-top: 4px; }
img#littleNeckClambake { margin-top: 5px; }
  

/* Subscribe to Our Lobster Tale Newsletter
  ====================================================  */
#newsletterBox {
  height: 193px;
}
#newsletterBox p.title {
  height: 71px;
  margin: 0;
  display: block;
  clear: both;
  background: url('images/newsletter_title.jpg') no-repeat 34px 18px;
}
#newsletterBox p.title span {
  display: none;
}
#newsletterBox input.text {
  border-right:1px solid #8A4E1A; border-top:1px solid #8A4E1A; border-bottom:1px solid #8A4E1A; display: block;
  height: 19px;
  line-height: 19px;
  width: 214px;
  color: #B90000;
  font-size: 14px;
  border-left: 1px solid #79290E;
  background: #FFFFFF url('images/arrow.gif') no-repeat 0 1px;; margin-left:39px; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:18px; padding-right:0; padding-top:10px; padding-bottom:0
}
#newsletterBox label,
#newsletterBox select {
  float: left;
  display: inline;
  height: 22px;
  line-height: 22px;
}
#newsletterBox input.button {
  clear: both;
  display: block;
  width: 85px;
  height: 26px;
  background: url('images/btn_submit.gif') no-repeat 0 0;
  border: 0px none;; margin-left:101px; margin-right:0; margin-top:0; margin-bottom:0
}
#newsletterBox label {
  width: 60px;
  margin: 0 0 10px 42px;
}
#newsletterBox select {
  color: #666666;
  font-weight: normal;
}

/* Request a Free Catalog - LINK
  ====================================================  */
#side #requestCatalog {
  height: 183px;
}
#side #requestCatalog a, #side #requestCatalog a:link, #side #requestCatalog a:visited {
  display: block;
  width: 221px;
  height: 145px;
  background: url('images/request_free_catalog.jpg') no-repeat 0 0;; margin-left:40px; margin-right:0; margin-top:0; margin-bottom:0
}
#side #requestCatalog span {
  display: none;
}


/* Gift Certificates - LINK
  ====================================================  */
#side #giftCertificates {
  height: 142px;
}
#side #giftCertificates a, #side #giftCertificates a:link, #side #giftCertificates a:visited {
  display: block;
  width: 226px;
  height: 138px;
  background: url('images/gift_certificates.jpg') no-repeat 0 0;; margin-left:40px; margin-right:0; margin-top:0; margin-bottom:0
}
#side #giftCertificates span {
  display: none;
}

/* Testimonials
  ====================================================  */
#testimonials {
  /*overflow: hidden;
  height: 635px; 575*/ 
  background: url('images/testimonials_back.jpg') no-repeat 25px 30px;
  padding-top:100px; 
  padding-bottom:0
}
#testimonials p {
  margin: 0 0 10px 0;
  padding-left:49px; 
  padding-right:38px; 
  font-size: 12px;
  color: #000000;
}
#testimonials p,
#testimonials p span {
  line-height: 16px;
}
#testimonials p span {
  display: block;
  font-weight: bold;
}
#testimonials a {
  background: url('images/testimonials_bottom.jpg') no-repeat 25px 0;
  display: block;
  padding-left:49px; 
  padding-right:88px; 
  padding-bottom: 63px;
}

/* Content Zone Formatting 
  ====================================================  */
.contentzone {
	width: 100%;
	overflow: hidden;
}

.contentzone h3 {
	font: bold 153.9%  Arial, Helvetica, sans-serif; 
	color: #993300;
	margin: 20px 0;
	border-bottom: solid 1px #900;
}

.contentimageleft {
	float: left;
	margin: 0 20px 20px 0;
}

.contentimageright {
	float: right;
	margin: 0 0 20px 20px;
}

.contentimageleft img,
.contentimageright img {
	margin-bottom: 10px;
}

.contentimageleft p,
.contentimageright p {
	text-align: center;
}

.contentzone h4 {
	color: #660000;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
	clear: both;
}

.contentzone h4 a {
	color: #660000;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
	clear: both;
}

.contentzone a {
	color: #900;
	font-weight: bold;
}

.contentzone .youtube {
	background-color: #FDF8E4;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 8px;
	min-height: 290px;
	border: solid 1px #D0B34B;
}

.contentzone .youtube p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	padding: 0 10px;
	width: 270px;
	margin-top: 1em;
}

/* Blog Feed Formatting 
  ====================================================  */
  
#blogfeed {
	font-size: 77%;
	padding: 20px 50px 20px 40px;
}

#blogfeed #creditfooter {
	display: none;
}

#blogfeed p.feedTitle {
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #900;
}

#blogfeed #blogfeedtitle {
	background: url(https://www.lobsteranywhere.com/mas_assets/images/blog_feed.png) no-repeat;
	width: 237px;
	height: 45px;
	margin-bottom: 10px;
}

#blogfeed #blogfeedtitle span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#blogfeed .feedTitle a {
	font-size: 123.1%;
}

#blogfeed li {
	margin-bottom: 16px;
}

#blogfeed .headline a {
	font-size: 85%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	border-bottom: solid 1px #900;
}

#blogfeed #rsslink a {
	font-size: 123.1%;
}

#blogfeed .floatleft {
	float: left;
	margin: 0 10px 0 0;
}



/* Home Page Gift Block
   =====================================================  */
   
#content .items #homepagegifts {
	margin-bottom: 20px;
	font-size: 85%;
}

#homepagegifts li {
	width: 170px;
	height: 300px;
	margin: 0 10px;
	padding: 10px;
	float: left;
	border: solid 1px #CCA643;
}

#homepagegifts li a {
	font-size: 85%;
	font-weight: normal;
}

#homepagegifts li img {
	display: block;
	margin: 0 auto 6px auto;
	border: solid 1px #CCA643;
}

#homepagegifts h4 {
	font-size: 100%;
	font-style: normal;
	margin-bottom: 6px;
	text-align: left;
	border-bottom: solid 1px #CCA643;
}



/*  Parent Product Page Styles (displays/store.haschild.html)
    =============================================================  */
	
#productname {
	font: bold 153.9%  Arial, Helvetica, sans-serif; 
	color: #993300;
	margin: 12px 0;
	border-bottom: solid 1px #900;
}

#productthumb {
	float: right;
	margin: 0 0 12px 20px;
}

.trigger:hover {
	cursor: pointer;
}

.multilevel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	line-height: 140%;
	color: #f00;
	padding: 0 0 0 20px;
}
