html, body {
  height:100%;
  background:#76777B url(images/body-repeat-x.jpg) repeat-x;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  font-size:12px;
  color:#222;
  line-height:1.6em;
}

p {
  margin-bottom:20px;
}
a {
  color:inherit;
  text-decoration: none;
  outline:0;
}
a:hover {
  text-decoration: underline;
}
sup, sub {
  font-size:8px;
}
b, strong {
  font-weight:bold;
}
i, em {
  font-style:italic;
}
h1 {
  font-size:20px;
  font-weight: bold;
  line-height:24px;
  margin-bottom:15px;
}
h2 {
  font-size:18px;
  font-weight: bold;
  line-height:24px;
  margin-bottom:15px;
}
h3 {
  font-size:12px;
  line-height:1.2em;
  text-transform: uppercase;
}
h4 {
  font-family: Arial, Helvetica, sans-serif;
  color:#919396;
  text-transform: uppercase;
  font-size:11px;
  line-height:12px;
  margin-bottom:5px;
}
/* Global Styles */
.clear:after {
  content:".";display:block;height:0;clear:both;visibility:hidden;
}
.clear { zoom:1; }
.highlight {
  background-color: yellow;
}

a.btn, a.btn i, button.btn, button.btn i {
  background-image: url(images/btn-bg.jpg);
  background-repeat: no-repeat;
  color:#FFF;
  text-decoration:none;
  text-transform: uppercase;
  padding-left:10px;
  height:25px;
  float:right;
}
a.btn i, button.btn i {
  background-color: #FFF;
  background-position: top right;
  padding: 0 10px 0 0;
  line-height:25px;
  font-style: normal;
}
a.btn:hover, button.btn:hover {
  background-position: bottom left;
}
a.btn:hover i, button.btn:hover i {
  background-position: bottom right;
}
div.center-btn {
  width:50%;
  height:25px;
  margin:20px 0;
}

/**
 * FORMATTING
 **/
#doc {
  width:950px;
  min-width:950px;
  background:#FFF url(images/doc-repeat-x.jpg) repeat-x;
}
/* Header Formatting and Font Styles */
#hd {
  padding:0 15px;
  color:#FFF;
}
#hd a {
  color:#FFF !important;
}
#hd-top-row {
  position:relative;
  height:106px;
}
#hd-links {
  position:absolute;
  bottom:8px;
  right:0;
  text-align: right;
}
#hd-phone {
  font-size:18px;
  font-weight:bold;
}
#hd-links ul {
  margin-top:10px;
}
#hd-links li {
  display: inline;
}
#hd-links li a {
  padding:0 10px;
  height:13px;
  border-right:1px solid #FFF;
  text-transform: uppercase;
}
#hd-links li a.last {
  padding-right:0;
  border-right:0;
}
#hd a.hd-icon {
  line-height: 29px;
  transition: all 0.2s ease-out 0s;
}
#hd a.hd-icon:hover {
  color:#EB5C20 !important;
}
.hd-icon i {
  font-size: 29px;
  line-height: 29px;
  margin-right: 6px;
}

#hd-btm-row {
  background: url(images/hd-btm-row-bg.jpg) no-repeat;
  padding:6px 0;
  height:35px;
}
#hd-btm-row .btn {
  float:right;
  margin-top:4px;
}
div.label {
  border-right:1px solid #6D6D6D;
  float:left;
  padding-right:15px;
  margin-right:15px;
  line-height: 31px;
}
#hd-search {
  padding:2px 25px 2px 15px;
  width:560px;
  height:31px;
  line-height: 31px;
  background: url(images/hd-btm-row-divider.jpg) no-repeat top right;
}
#hd-search-box {
  padding:1px;
  width:400px;
  height:29px;
  line-height:29px;
  background-color:transparent;
  border:0;
  color:#B4B4B4;
}
#hd-search-box.active {
  color:#FFF;
}
#hd-search-btn {
  font-size:11px;
}
#hd-cart {
  margin:0;
  padding:2px 10px 2px 10px;
  width:300px;
  line-height: 31px;
}
#hd-cart span {
  padding:0 7px;
}

/* Body Formating Styles */
#bd {
  margin:20px 15px 0;
  background:url(images/bd-nav-bg.jpg) repeat-y -480px 0;
}
#bd-nav {
  background:url(images/bd-nav-bg.jpg) no-repeat;
  margin:0;
  padding-top:15px;
  width:230px;
  font-weight: bold;
}
#bd-nav li {
  padding:10px 15px;
  border-top:1px solid #FFF;
}
#bd-nav li.first {
  padding-top:0;
  border-top:0;
}
#bd-nav a {
  background:url(images/nav-arrows.png) no-repeat 0 -35px;
  padding-left:20px;
  display:block;
}
#bd-nav a:hover,
#bd-nav li.hover a {
  background-position: 0 -14px;
  color:#2B65B4;
  text-decoration: none;
}
#bd-nav li.hover.last {
  border-bottom:1px solid #fff;
}
#bd-nav li.hit {
  background-color:#D3D3D1;
}
#bd-nav li.hit a {
  color:#2B65B4;
  background-position: 0 -14px;
  padding-left:15px;
}
#bd-nav li.hit.more a {
  background-position: 0 -54px;
}
#bd-nav li.hit li,
#bd-nav li.hover .menu li {
  border:0;
  padding:3px 15px;
}
#bd-nav li.hit ul.sub li a,
#bd-nav li.hover .menu a {
  background-position: 0 -35px;
  color:#222;
  padding-left:15px;
}
#bd-nav li.hit ul.sub li a:hover,
#bd-nav li.hit ul.sub li.hit a,
#bd-nav li.hover .menu a:hover {
  background-position: 0 -14px;
  color:#2B65B4;
}
#bd-nav li.hit ul.sub li.hit a {
  padding-left:15px;
}

#bd-nav li.has-menu {
  background-image:url(images/nav-arrows.png);
  background-repeat: no-repeat;
  background-position: 95% -95px;
}
#bd-nav li.popup {
  position:relative;
}
#bd-nav li.popup.hover {
  background-color:#D3D3D1;
  background-image:none;
}
#bd-nav .menu {
  background:#D3D3D1 url(images/white.gif) no-repeat 0 39px;
  border:1px solid #FFF;
  border-left:0;
  position:absolute;
  top:-1px;
  left:220px;
  min-width:200px;
  display:none;
  z-index: 99;
  padding:10px 15px;
}


#nav-btm {
  height:10px;
  width:230px;
  margin-left:15px;
  background:url(images/bd-nav-bg.jpg) no-repeat -240px 0;
}
#bd-main {
  margin:0;
  padding:12px;
  width:650px;
 }

/* Footer Formating and Font Styles */
#ft {
  color:#919396;
  margin:20px 15px;
  border-top:1px solid #BBB;
  padding:15px 0;
}
#ft-nav {
  float:right;
}
#ft-nav li {
  display: inline;
  padding:0 10px;
  border-right:1px solid;
}
#ft-nav li.last {
  padding-right:0;
  border-right:0;
}

/**
 * Text Formatting
 **/
#bd-main h1#headline {
  padding-bottom:10px;
  border-bottom:1px solid #C3C3C3;
  margin-bottom:25px;
}
#bd-main h1#headline a {
  background:url(images/nav-arrows.png) no-repeat 0 -32px;
  padding:0 11px 0 20px;
}
#bd-main h1#headline a.first {
  background:none;
  padding-left:0;
}
#main-image {
  display:block;
  margin-bottom:20px;
}

#bd-main ul, #bd-main ol {
  margin-bottom:20px;
}
#bd-main ul li {
  margin-left:15px;
  list-style:disc;
}
#bd-main ol li {
  margin-left:30px;
  list-style:decimal;
}

/**
 *  Form Styles
 **/
#bd-main input, #bd-main textarea { padding: 3px; }
.frm { width:280px; }
.frm .frm-item { text-align:right;padding:2px 0; }
.frm .frm-item label { padding-right:6px;margin-right:10px; }
.frm .frm-item label.req { background:url(images/req.gif) no-repeat right top; }
.frm p.req-text { background:url(images/req.gif) no-repeat;padding-left:8px;font-size:11px; }
.frm .frm-item input { width:200px; }
.frm .frm-btn { padding:4px 0 4px 100px; text-align:right; }

.form-table { margin-bottom:20px; }
.form-table td { padding-bottom:5px;vertical-align:top; }
.form-table td.label { width:100px;text-align:right;padding-right:6px; }
.form-table td.req { background:url(images/req.gif) no-repeat right top; }
.form-table td.input { width:350px;padding-left:10px; }
.form-table td.input input { width:350px; }

/**
 * Template Formatting
 **/
/* Home Page */
body.home #bd-main {
  padding-top:0;
  padding-bottom:0;
}
body.home #bd-main h1#headline {
  display:none;
}
body.home #bd-main div.carousel li {
  margin-left: 0;
  list-style: none;
}
body.home #bd-main div.carousel-controls {
  background:url(../images/home/home-main-image-btm.jpg) no-repeat;
  padding-top:5px;
  height:30px;
  margin-bottom:20px;
}
body.home #bd-main div.carousel-controls a {
  float:left;
  width:33%;
  color:#B4B3B4;
  text-transform: uppercase;
  line-height:15px;
  text-align:center;
  border-left:1px solid #D9D9D9;
  cursor: pointer;
}
body.home #bd-main div.carousel-controls a.first {
  border-left:0;
}
body.home #bd-main div.carousel-controls a.hit {
  color:#858486;
  font-weight: bold;
}
.home-pods {
  margin:0 -5px;
}
.home-pod {
  float:left;
  margin:5px;
  border-radius:14px;
  overflow:hidden;
}

/* Product List page */
#bd-main h1#headline {
  margin-bottom:10px;
}
div.page-text {
  padding:15px;
  border-top:1px solid #C3C3C3;
}
table#filter-tbl {
  width:100%;
  margin:0 0 10px;
}
a.product-summary {
  display:block;
  padding:20px 0;
  border-top:1px solid #C3C3C3;
}
a.product-summary:hover {
  text-decoration: none;
}
a.product-summary:hover h2 {
  color: #417DC0;
}
a.product-summary img {
  float:left;
  margin-right:20px;
  border:1px solid #DEDED9;
}
a.product-summary .pricing {
  padding-top:15px;
}
div.pgnum {
  border-top:1px solid #C3C3C3;
  padding-top:5px;
  text-align:center;
}
td.pgnum {
  text-align:right;
}
.pgnum a {
  padding:0 6px;
}
.pgnum a:hover {
  color:blue;
}
.pgnum a.hit {
  font-weight:bold;
  font-size:12px;
}
 /* Product Detail Page */
 body.product-detail #main-image {
   display: none;
 }
body.product-detail #order-details {
  width:370px;
  margin:0;
}
body.product-detail #pics {
  width:250px;
  margin:0 25px 10px 0;
}
body.product-detail div.photo {
}
body.product-detail div.photo img {
  display:block;
  border:1px solid #DEDED9;
}
body.product-detail div.photo .photo-action {
  font-size: 10px;
  color:#7C7C7C;
}
body.product-detail #photo-gallery {
  font-size: 10px;
  color:#7C7C7C;
  padding-top:5px;
  text-align:center;
}
body.product-detail #photo-gallery img {
  border:1px solid #F9F9F9;
}
body.product-detail table.product-info {
  margin:20px 0;
}
body.product-detail table.product-info th,
body.product-detail table.product-info td {
  padding:3px 40px 3px 0;
}
body.product-detail table.product-info th,
body.product-detail table.product-info td.pricing {
  padding:1px 40px 1px 0;
  font-weight:bold;
}
body.product-detail table.product-info td.price {
  text-align: right;
}

a.sio-add-btn {
  background:url(images/add_icon.gif) no-repeat;
  display:block;
  font-weight:normal;
  line-height: 16px;
  margin:5px 0 20px;
  padding-left:20px;
}

/* Cart/Checkout Pages */
#order-summary h3 {
  font-weight:bold;
  padding:10px 15px;
  border-bottom:1px solid #FFF;
  margin-bottom:10px;
}
#order-summary #cart-items { margin:0 15px 20px; width:200px; }
#order-summary #cart-items th { font-size:12px; font-weight:bold;color:#000;padding-top:10px;border-top:1px solid #B1B1B1; }
#order-summary #cart-items td { font-weight:normal; }
#order-summary #cart-items td.prod-name { font-weight:bold; }
#order-summary #cart-items td.prod-price { font-weight:bold; text-align: right;padding-right:4px; vertical-align:top; }
#order-summary #cart-items td.item-details { padding-left:15px;font-weight:normal;font-size:10px;line-height:13px;padding-bottom:10px; }
#order-summary #cart-items td.line { height:10px; }
#order-summary p { padding:0 15px; font-weight: normal; }
#order-summary a { display:block;margin-top:15px; }

#status { margin:-11px 0 20px; }
#status table { width:100%; }
#status table td { width:33%; padding:5px 10px; border:1px solid #CCC; }
#status table td.bdr { border-right:1px solid #EF5821; }
#status table td.sel, .error { border:1px solid #EF5821; }
#status table td.sel b { color: #EF5821; }

#the-cart table.cart-items {
  width:100%;
}
#the-cart table.cart-items th,
#the-cart table.cart-items td {
  padding:4px 10px;
  vertical-align: top;
  border-bottom:1px solid #E2E1DD;
}
#the-cart table.cart-items th {
  border-top:1px solid #E2E1DD;
  background-color: #F5F5F5;
  font-weight: bold;
}
#the-cart table.cart-items td.icon {
  padding:6px 0 0;
  width: 16px;
}
#the-cart table.cart-items td.item a {
  color:blue;
}
#the-cart table.cart-items td.item div.opts {
  padding:0 0 5px 0;
}
#the-cart table.cart-items th.q {
  width:50px;
}
/*
body.cart #the-cart table.cart-items th.q {
  width:140px;
}
*/
#the-cart table.cart-items td.q a {
  color:blue;
  font-size:11px;
}
#the-cart table.cart-items th.price {
  width:75px;
  text-align: center;
}
#the-cart table.cart-items td.price {
  text-align: center;
}
#the-cart input.q {
    float: left;
    margin: 5px 6px 3px 0;
    padding: 2px;
    text-align: center;
    width: 40px;
}

#the-cart div#sub-total {
  text-align:right;
  padding:20px 10px 30px;
  font-size:13px;
}
#the-cart div#sub-total table {
  padding-left:25px;
}
#the-cart div#sub-total table td {
  padding:0 20px 5px;
  text-align:right;
}

/* Hide nav for Login and Thanks page */
body#page-27 #bd,
body#page-26 #bd {
  background-image: none;
}
body#page-27 #bd-nav,
body#page-27 #nav-btm,
body#page-26 #bd-nav,
body#page-26 #nav-btm {
  display: none;
}
body#page-27 #bd-main {
  margin-right:123px;
}
body#page-26 #bd-main {
  width:895px;
}