@import url(shadowbox.css);
header, footer, article, section { display: block; }

/** TAGS **/
html, body { margin: 0; padding: 0; background: url("../images/bg.png") #f6f3dc; font-family: Arial, Helvetica, sans-serif; font-size: small; }

h1, h2 { font-family: 'Trebuchet MS'; color: #1a86b8; }

h2, h3 { color: #443319; }

p { line-height: 150%; color: #222; }

th, td { text-align: left; vertical-align: top; padding: 0.5em; }

address { font-style: normal; }

ul.space li { margin-bottom: 1em; }

#inner_cont a { color: #1a86b8; }

#inner_cont a:hover { color: #0c5a7e; }

#inner_cont a:visited { color: #3a7895; }

/** COMMON **/
.clear { clear: both; height: 2px; }

.hidden { display: none; }

.large { font-size: 130%; }

.bold { font-weight: bold; }

.high { color: #306a9b; }

/* highlight colour */
.low { color: #666; }

/* lowlight, reduce focus */
.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.color2 { color: #443319; }

/* brown */
.f_left { float: left; margin: 0 1em 1em 0; }

.f_right { float: right; margin: 0 0 1em 1em; }

.divider { height: 8px; margin: 3em auto; clear: both; max-width: 960px; border-radius: 3px; background: #e0e0e0; background: -webkit-linear-gradient(bottom, #f2f2f2 0%, #ddd 100%); }

/* button style link */
#inner_cont a.button { padding: 0.5em 1em; background: #1a86b8; color: #fff; text-align: center; text-decoration: none; font-weight: bold; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

#inner_cont a.button:hover { background: #ffe755; color: #443319; }

.notification { margin: 0 auto 2em auto; width: 25em; border: 1px solid #bbb; padding: 0.5em; }

.notification h3 { background: #1a86b8; color: #fff; padding: 0.3em; text-shadow: 1px 1px 0 #115c7f; }

.notification.good h3 { background: #65a010; text-shadow: 1px 1px 0 #4b760d; }

.notification.bad h3 { background: #b00; text-shadow: 1px 1px 0 #351913; }

.promo { margin: 0 0 2em; }

.promo img { width: 100%; height: auto; border: none; }

.no-stock { background: #5a5a5a; color: #fff; padding: 0.75em; border-radius: 6px; max-width: 16em; text-align: center; font-weight: bold; }

/** STRUCTURE **/
#container { width: 100%; max-width: 960px; margin: 0 auto; }

#header { margin: 0; padding: 0; height: 125px; background: url("../images/header_multi_bg.png") no-repeat transparent; }

#inner_cont { margin: 0 20px; padding: 2% 2% 0 3%; background: #fff; }

#inner_cont.beach { background: url("../images/beach3.8.jpg") no-repeat #c9c1aa; }

#main { float: left; width: 61%; margin-right: 5.5%; padding-bottom: 2em; min-height: 300px; }

#col { float: left; width: 31%; }

#main.full { float: none; width: auto; }

#main_nav { float: left; margin: 20px 0 0 0; padding: 0; }

#main_nav li { display: inline; }

#footer { margin: 1% -2% -2% -3%; padding: 2%; background: #443319; color: #fff; }

/* structure -- one size up for bigger screens */
@media screen and (min-width: 1260px) { #container { max-width: 1250px; }
  #header { background-position: 0 -125px; /* offset sprite to wider BG image*/ }
  #main_nav { margin-left: 20px; }
  #main { margin-right: 3.5%; }
  #col { width: 33%; }
  #inner_cont.beach { background-image: url("../images/beach3.8_wide.jpg"); } }

/* larger IE -- class by JS. Same as Media Query above */
.min1260 #container { max-width: 1250px; }

.min1260 #header { background-position: 0 -125px; /* offset sprite to wider BG image*/ }

.min1260 #main_nav { margin-left: 20px; }

.min1260 #main { margin-right: 3.5%; }

.min1260 #col { width: 33%; }

.min1260 #inner_cont.beach { background-image: url("../images/beach3.8_wide.jpg"); }

/** STRUCTURE STYLE & Details **/
#logo { display: block; float: left; width: 143px; height: 125px; margin: 0 0 0 40px; padding: 0; background: url("../images/logo_bg2.png") no-repeat; background-size: auto 125px; outline: none; }

#logo:hover { background-position: -143px 0; }

#main_nav li a { display: block; float: left; margin-left: 0.5em; padding: 0.2em 0.5em; font-size: 1.5em; font-family: 'Trebuchet MS'; color: #383838; text-decoration: none; }

#main_nav li a:hover, #main_nav li a.current { background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

#main_nav li a.current { background: #fdf0a0; text-shadow: none; }

#main h1 { margin: 0 0 1em 0; }

#main h3 { margin: 0 0 0.5em 0; }

#col h2, #col h3 { color: #1a86b8; margin: 0 0 0.5em 0; }

#col h3 { margin-top: 2em; }

/* Buy online sidebar part */
#buy_online { color: #555; }

#cc_logos { width: 104px; height: 31px; display: block; }

#footer ul { margin: 0; padding: 0; }

#footer li { list-style: none; display: inline; }

#footer a { color: #ffe755; text-decoration: none; }

#footer a:visited { color: #dec636; }

#footer a:hover { color: #fff; text-decoration: underline; }

#footer .copy { color: #c6ad86; }

#footer .copy strong { color: #fff; }

/** COLUMN SYSTEM **/
.col_half { float: left; width: 48%; margin: 0 20px 0 0; padding: 0; }

.col_half.last { margin: 0; }

.col_half h3 { margin: 0 0 1em 0; }

/** DATA style table **/
table.data { border: 1px solid #777; }

table.data tr th { background: #126991; color: #fff; padding: 0.2em 0.5em; border-style: solid; border-width: 0 1px 1px 0; border-color: #0f597b; }

table.data tr.header th, table.data thead th { font-size: 1.3em; background: #1a86b8; color: #fff; text-shadow: 1px 1px 1px #116992; padding: 0.5em; border: 0; }

table.data td { border-style: solid; border-width: 0 1px 1px 0; border-color: #999; background: #fff; }

table.data tr.alt td { background: #eaeaea; }

/** SHOPPING CART **/
#cart_box { margin: 0 0 2em; }

#cart_box h2 { color: #1a86b8; margin: 0 0 0.5em 0; }

#cart_box ul { margin-top: 0; line-height: 150%; }

#cart_box a { color: #1a86b8; font-weight: bold; }

#cart_box a:hover { color: #443319; }

/** Testimonials **/
.testimonial { padding: 0; /*background: url(../images/quotes.png) 0 20px no-repeat #fff;*/ }

.testimonial p { margin: 0 0 1em 30px; }

.testimonial .credit { font-style: italic; }

/** Shipping **/
.shipping_rates { margin: 0 0 2em 0; padding: 0; }

.shipping_rates li { list-style: none; height: 1.5em; line-height: 1.5em; margin-bottom: 0.5em; clear: none; }

.shipping_rates .qty { display: block; float: left; width: 7.5em; margin-right: 1em; padding: 0 5px; background: #efefef; }

/** HOME PAGE **/
#product_splash { margin: 2em auto 0; padding: 0; width: 419px; }

#product_splash img { width: 419px; height: 260px; margin: 0; border: 0; }

/** PRODUCT **/
.product { margin-bottom: 5em; }

#inner_cont .side a { text-decoration: none; }

.product .side { width: 150px; float: left; text-align: center; }

.product .side img { margin: auto; width: 150px; height: 200px; border: none; }

.product .addcart { display: block; margin-top: 1em; }

.product .addcart img { border: none; width: 130px; height: 35px; font-weight: bold; }

.product .details { margin-left: 170px; border: 0px solid #c50; }

.product .price { font-weight: bold; font-size: 1.3em; color: #1a86b8; }

.product .price .old { text-decoration: line-through; }

.product .price .special { background: #b00; color: #fff; padding: 0.3em; }

.product form { background: #ffe755; padding: 0.5em; }

.product form p { margin: 0; }

.itch_box { width: 206px; height: 210px; }

.itch_jar { width: 167px; height: 160px; }

/** WHERE BUY **/
#map { width: 99%; height: 300px; margin-bottom: 2em; border: 1px solid #126991; text-align: center; color: #777; }

.retailers { width: 96%; margin-bottom: 2em; }

th.phone { width: 10.5em; }

ul.regions { float: left; margin: 0 3em 3em 0; padding: 0; }

ul.regions li { list-style: none; line-height: 180%; }

ul.regions a { text-decoration: none; font-weight: bold; display: block; padding: 0.2em; }

ul.regions a:hover { text-decoration: underline; background: #e8e8e8; }

ul.regions a.active { background: #1a86b8; color: #fff !important; }

/* Social */
#col .social { margin-top: 3em; }

.google-plus { display: block; margin-top: 1em; }

.fb-like-box { margin-top: 4em; background: #fff; }

/** Products Landing Page **/
.landing-products img { border: none; }

.landing-products .product { text-align: center; }

a.add-cart { font-weight: bold; color: #fff; }

#header .menu { display: none; }

#mobile_main_nav { display: none; }

@media screen and (max-width: 740px) { #inner_cont { margin: 0; }
  #main, #col { float: none; width: 100%; }
  #main { padding-bottom: 1px; }
  #logo { margin-left: 20px; }
  #col { border-top: 2px solid #ccc; padding-top: 2em; }
  #header { background: #fff4b0; padding: 0 0 1em 0; }
  .pad a, a.pad { padding: 0.7em; display: inline-block; }
  #header .menu { display: inline-block; float: right; margin: 1.5em 1.5em 0 0; padding: 0.75em; background: #ffe755; cursor: pointer; font-weight: bold; border-radius: 5px; border: 1px solid #CEA92F; }
  #main_nav { display: none; }
  #mobile_main_nav { margin: 0; padding: 2% 2% 0 3%; background: #fffadc; box-shadow: inset 0 1px 2px #888; }
  #mobile_main_nav li { list-style: none; text-align: center; }
  #mobile_main_nav a { display: inline-block; text-align: center; font-weight: bold; padding: 0.6em 1.5em; margin: 0.6em auto; font-size: 1.3em; color: #1a86b8; }
  #mobile_main_nav a:last-of-type { margin-bottom: 0; }
  #mobile_main_nav a:visited { color: #14658b; }
  .product .side { float: none; width: auto; text-align: center; }
  .product .side img { display: block; }
  .product .details { margin: 0; }
  .product a.addcart img { margin-top: 1em; }
  #footer .col_half { float: none; margin-bottom: 1.5em; width: auto; text-align: center; } }