/**
 * Defaults and Resets
 */
html, body {background: #fff url(../images/layout/bg.gif);}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 20px; color: #474545;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px; margin-bottom: 10px;}

a {color: #ed1c24;}
a:hover {color: #e9a900;}

h1 {margin: 0px 0px 15px 0px; font-size: 18px; color: #86519e;}
h1 a {color: #86519e; text-decoration: none;}
h1.tagline {margin: 0px 0px 10px 0px; font-weight: normal; font-size: 16px;}
h2 {margin: 0px 0px 5px 0px; font-size: 16px; color: #fff;}
h3 {margin: 0px 0px 5px 0px; font-size: 14px;}
h4 {margin: 0px 0px 10px 0px; padding: 0px 20px 0px 20px; font-size: 14px; color: #fff; line-height: 32px; background: #ed1c24; border-bottom: solid 1px #fff;}
h4.secondary {padding: 0px; font-size: 16px; color: #fff; line-height: 32px; background: #e0ad23; border-bottom: none; text-align: center;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.dotBox {width: 170px; height: 177px; margin-bottom: 30px; background: url(../images/layout/sidebar-dots.gif) no-repeat; font-size: 12px; line-height: 15px; color: #fff; text-align: center;}
.dotBox .upperDot {width: 110px; height: 75px; padding: 20px 0px 0px 50px;}
.dotBox .lowerDot {width: 100px; height: 75px; padding: 0px 60px 0px 10px;}

.quote {color: #735401; text-align: center;}
a.circle {color: #ffffff; text-align: center; font-weight: bold; text-decoration: none;}
a.circle:hover {color: #e9a900;}
/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

/**
 * Layout
 */

#master {position: relative; width: 992px; margin: auto;}

#header {height: 91px;}
#header img {display: block;}
#header .logo {position: absolute; top: 27px; left: 23px;}
#header .tagline {position: absolute; top: 58px; left: 292px;}

#headerNub {position: absolute; top: 14px; left: 780px;}

#nav {border-bottom: solid 3px #ed1c24; font-size: 14px; line-height: 26px;}
#nav ul {margin: 0px; padding: 0px 0px 0px 7px; list-style-type: none; height: 26px; border-top: solid 1px #26537f; border-bottom: solid 1px #fff; background: #2f689f;}
#nav ul li {float: left; display: block;}
#nav ul li a {float: left; display: block; height: 26px; color: #fff; text-decoration: none; padding: 0px 17px 0px 17px;}
#nav ul li a:hover {color: #f7d068;}
#nav ul li.hover a {color: #f7d068;}
#nav ul li.shop {font-weight: bold;}

#footer {border-top: solid 3px #ed1c24; font-size: 12px; line-height: 27px; color: #fff; background: #86519e;}
#footer div {border-top: solid 1px #fff; padding: 0px 6px 0px 22px;}
#footer div div {border-top: none; padding: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #f7d068;}
#footer .legal {float: left; width: 400px;}
#footer .nav {float: right; width: 400px; text-align: right;}
#footer .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer .nav ul li {display: inline; padding: 0px 16px 0px 16px;}

#masterFooter {font-size: 12px; text-align: center; padding: 5px 0px 10px 0px;}
#masterFooter div {padding: 10px 0px 0px 0px;}

#body {width: 971px; background: #fff url(../images/layout/sidebar-bg.gif) repeat-y;}

#sidebar {float: left; width: 170px; padding: 0px 12px 30px 0px; font-size: 13px; line-height: 18px; text-align: center;}
#sidebar h4 {text-align: left;}
#sidebar h4.secondary {text-align: center;}
#sidebar .nav {margin: 0px 0px 20px 0px; padding: 0px 10px 0px 20px; list-style-type: none; font-size: 14px; line-height: 15px; text-align: left;}
#sidebar .nav li {padding-bottom: 10px;}
#sidebar .nav li.on {font-weight: bold;}
#sidebar .nav li.on ul {font-weight: normal;}
#sidebar .nav ul {margin: 0px; padding: 10px 0px 0px 10px; list-style-type: none; font-size: 12px;}
#sidebar .nav a {color: #000; text-decoration: none;}
#sidebar .nav a:hover {color: #ed1c24;}
#sidebar .quote {padding: 0px 15px 10px 15px;}

#rightSidebar {float: right; width: 231px; padding: 12px 0px 0px 0px;}

#content {float: left; width: 780px; padding: 12px 0px 30px 0px;}

.dualSidebarLayout #body {width: 959px; padding-right: 12px;}
.dualSidebarLayout #content {width: 504px;}
.home #content {width: 534px;}

.breadcrumbs {font-size: 14px; color: #525151; padding: 0px 0px 15px 0px;}
.breadcrumbs a {color: #525151; text-decoration: none;}
.breadcrumbs a:hover {color: #e9a900;}

/**
 * Drop Shadows
 */
div.shaded {width: 100%; background-color: #fff;}
div.shaded .ts {width: 100%; background: url(../images/layout/ts-mid.gif) repeat-x;}
div.shaded .rs {width: 100%; background: url(../images/layout/rs.gif) repeat-y right top;}
div.shaded .bs {width: 100%; background: url(../images/layout/bs.gif) repeat-x left bottom;}
div.shaded .ls {width: 100%; background: url(../images/layout/ls.gif) repeat-y;}
div.shaded .tlc {width: 100%; background: url(../images/layout/tlc-mid.gif) no-repeat;}
div.shaded .trc {width: 100%; background: url(../images/layout/trc-mid.gif) no-repeat right top;}
div.shaded .brc {width: 100%; background: url(../images/layout/brc.gif) no-repeat right bottom;}
div.shaded .blc {width: 100%; background: url(../images/layout/blc.gif) no-repeat left bottom;}
div.shaded .shadedContent {padding: 12px 11px 11px 11px;}

div.shadedBottomless .bs {background-image: none;}
div.shadedBottomless .brc {background-image: url(../images/layout/brc-mid.gif);}
div.shadedBottomless .blc {background-image: url(../images/layout/blc-mid.gif);}
div.shadedBottomless .shadedContent {padding-bottom: 0px;}

div.shadedFirst .ts {background-image: url(../images/layout/ts.gif);}
div.shadedFirst .trc {background-image: url(../images/layout/trc.gif);}
div.shadedFirst .tlc {background-image: url(../images/layout/tlc.gif);}

/**
 * Home Page
 */
#homeSlideshow {height: 353px; margin-bottom: 20px;}
#homeSlideshow img {display: block;}

#homeContent {padding: 0 10px 0 10px; font-size: 14px;}
#homeContent a {text-decoration: none;}

#homeFeature {margin-top: 30px; font-size: 14px;}
#homeFeature .photo {float: left; width: 196px; padding: 0px 15px 0px 10px;}
#homeFeature .photo img {display: block;}
#homeFeature .content {float: left; width: 290px;}
#homeFeature h1 {margin-bottom: 10px; font-size: 16px;}
#homeFeature p {margin-bottom: 10px;}

/**
 * Boxes
 */
.box {margin-bottom: 12px; padding: 15px 15px 10px 15px; text-align: center;}
.box .content {background: #fff; margin-bottom: 12px; padding: 5px 0px 10px 0px; font-size: 13px; line-height: 18px;}
.box .photo img {display: block; padding-bottom: 12px;}
.box a.button {float: none; width: 140px; margin: auto;}

.boxGreen {background: #8cc786;}

.boxBlue {background: #a3c1de;}
.boxBlue a.button {background-position: right 0px;}
.boxBlue a.button span {background-position: left 0px;}

.boxPink {background: #f1a7be;}
.boxPink a.button {background-position: right -46px;}
.boxPink a.button span {background-position: left -46px;}

.boxTerracotta {background: #f1a663;}
.boxTerracotta a.button {background-position: right -69px;}
.boxTerracotta a.button span {background-position: left -69px;}

/**
 * Buttons
 */
a.button {float: left; display: block; height: 23px; padding: 0px 10px 0px 0px; font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 23px; text-decoration: none; color: #211c10; background: url(../images/buttons/sprites.gif) no-repeat right -23px; text-align: center;}
a.button span {float: left; display: block; height: 23px; padding: 0px 0px 0px 10px; background: url(../images/buttons/sprites.gif) no-repeat left -23px; cursor: pointer;}
a.button:hover {color: #ed1c24;}

/**
 * Slideshows
 */
div.slideshow div {position: absolute;}

/**
 * Products
 */
.productList a {color: #000; text-decoration: none;}
.productList a:hover {color: #e9a900;}
.productList .row {padding: 0px 0px 15px 0px;}
.productList .item {float: left; width: 251px; margin-right: 12px;}
.productList .item .photo img {display: block;}
.productList .item .name {font-size: 13px; text-align: center; padding: 5px 0px 0px 0px;}
.productList .lastItem {margin-right: 0px;}

#product {margin-bottom: 30px;}
#product .photo {float: left; width: 450px; padding-right: 20px; font-size: 13px;}
#product .photo img {display: block; padding-bottom: 5px;}
#product .photo a {color: #000; text-decoration: none;}
#product .photo span {padding-left: 10px;}
#product .description {float: left; width: 295px; font-size: 14px;}
#product h1 {font-size: 16px; margin-bottom: 10px;}
#product .itemNumber {font-size: 12px; margin-bottom: 10px;}
#product .form {margin-top: 40px;}
#product .form .row {font-weight: bold; color: #86519e; padding-bottom: 8px;}
#product form.form .label {width: 50px;}
#product form.form .field {width: 230px;}

#productFeatures {width: 600px; padding: 0px 0px 0px 10px;}
#productFeatures ul {margin: 0px; padding: 0px 0px 0px 25px; width: 600px;}
#productFeatures ul li {padding-bottom: 5px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

/**
 * Store Lists
 */
.storeListWrapper {margin-bottom: 20px;}
.storeListWrapper h2 {margin: 0px 0px 0px 10px; font-size: 14px; color: #86519e;}

.storeList {width: 100%;}
.storeList th {background: #f9f9f8; border: solid 1px #f1f1ef; border-width: 1px 0px; padding: 5px 20px 5px 10px; text-align: left;}
.storeList tr.alt td {background: #f9f9f8;}
.storeList td {border-bottom: solid 1px #f1f1ef; padding: 8px 20px 8px 10px;}
.storeList a {text-decoration: none;}