@import url('reset.css');

/* File Download Icons */
ul#downloads li, ul.downloads li {list-style:none !important;}
ul#downloads li a,ul.downloads li a {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat !important; padding-left: 20px;}
a.doc, a.docx {background: url('../images/icon-word.gif') 0 0 no-repeat !important; padding-left: 20px;}

body {
  background: #1e2f49 url('../images/core/body.png') 0 0 repeat-x;
  font: 12px/18px Arial, Verdana, Tahoma, sans-serif;
}

#wrap {
  width: 100%;
  background: url('../images/core/wrap.jpg') top center no-repeat;
}

#container {
  width: 920px;
  margin: 0 auto;
}

#content {
  margin: 20px 0 0;
  color: #ccc;
}

.white { font-size: 1.6em; color: #70CAD7; }


/*  =header
******************************************************/
#header {
  width: 900px;
  height: 165px;
  display: block;
  background: url('../images/core/header-background.jpg');
  position: relative;
}

#header div#logo {
  width: 415px;
  float: left;
  display: inline;
  margin: 31px 0 0 10px;
  font: 10px/20px Verdana, Arial, Tahoma, sans-serif;
  color: #9f9e9e;
}

#header div#logo p {margin: 1px 0 0;line-height:16px;} 

#header div#cart_info {
  position: absolute;
  width: 200px;
  height: 29px;
  top: 0;
  right: 0;
  color: #2a536d;
  text-align: right;
  line-height: 29px;
}

#header div#cart_info a {color: #29518e; margin: 0 7px 0 7px;}
#header div#cart_info a:hover {text-decoration: none;}




/*  =navigation
******************************************************/
#navigation {
  float: right;
  display: inline;
  margin-top: 120px;
  width: 463px;
  height: 45px;
}

#navigation li {display: inline; float: left;}

#navigation li a {
  display: block;
  height: 45px;
  text-indent: -999em;
}

#navigation li a#nav-home {background: url('../images/nav/nav-home.png') 0 0 no-repeat; width: 62px;}
#navigation li a#nav-about {background: url('../images/nav/nav-about.png') 0 0 no-repeat; width: 78px;}
#navigation li a#nav-products {background: url('../images/nav/nav-products.png') 0 0 no-repeat; width: 146px;}
#navigation li a#nav-retailer {background: url('../images/nav/nav-retailer.png') 0 0 no-repeat; width: 67px;}
#navigation li a#nav-contact {background: url('../images/nav/nav-contact.png') 0 0 no-repeat; width: 91px;}

#navigation li a:hover {background-position: 0 -45px !important;}


/*  =banner
******************************************************/
#banner {
  width: 919px;
  height: 260px;
  margin: 20px 0;
  background: url('../images/core/index-banner-background.jpg');
}

#banner div#pics {
  width: 348px;
  height: 246px;
  float: left;
  display: inline;
  margin: 8px;
  overflow: hidden;
}

#banner div.featured {
  width: 150px;
  padding: 0 10px;
  height: 240px;
  background: url('../images/core/featured-background.png') 0 0 no-repeat;
  float: left;
  display: inline;
  margin: 10px 8px 0 0;
  text-align: center;
  position: relative;
}

#banner div.featured a.image {
  width: 150px;
  height: 110px;
  line-height: 110px;
  margin: 10px auto 5px;
  overflow: hidden;
  font-size: 12px;
  display: block;
}

#banner div.featured a.image img {
  vertical-align: middle;
  border: 5px solid #545e6d;
}

#banner div.featured h2.name {
  color: #fff;
  font: 14px/20px Arial, Verdana, Tahoma sans-serif;
  font-weight: bold;
}

#banner div.featured p.description {
  font: 11px/17px Verdana, Arial, Tahoma sans-serif;
  color: #ddd;
  text-align: left;
  display: block;
  height: 52px;
  overflow: hidden;
}

#banner div.featured div.actions {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 150px;
  height: 38px;
  line-height: 38px;
  text-align: left;
}

#banner div.featured div.actions a {
  display: block;
  float: left;
  height: 38px;
  width: 75px;
  font: 13px/38px Georgia, Garamond, "Times New Roman", serif;
  color: #43838c;
  text-decoration: none;
  text-align: center;
}


#banner div.featured div.actions a:hover {text-decoration: underline;}


/*  =primary
******************************************************/
#primary {
  width: 695px;
  float: left;
  display: inline;
}

#primary h1 {
  color: #fff;
  font: 20px/26px Georgia, Garamond, "Times New Roman", serif;
  text-shadow: 1px 1px 1px #000;
}

#primary h1 span.subhead {
  font: 14px/20px Arial, Verdana, Tahoma, sans-serif;
  vertical-align: top;
  color: #87cdd7;
  padding-left: 40px;
  display: block;
}

#primary h2 {
  color: #fff;
  font: 16px/20px Georgia, Garamond, "Times New Roman", serif;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
}

#primary p {
  margin: 15px 0;
}

#primary ul, #primary ol {margin: 15px;}
#primary ul li {list-style: square;}
#primary ol li {list-style: decimal;}

#primary a {color: #87cdd7;}
#primary a:hover {text-decoration: none;}

#primary input.button {
  background: url('../images/core/button-background.png') 0 0 repeat-x;
  color: #fff;
  font: 14px/20px Arial, Verdana, Tahoma, sans-serif;
  text-decoration: none;
  width: 90px;
  height: 20px;
  display: inline-block;
  text-align: center;
  border:none;
}

#primary input.button:hover {background: url('../images/core/button-background-hover.png') 0 0 repeat-x; cursor:pointer;}




/*  =secondary
******************************************************/
#secondary {
  width: 180px;
  float: right;
  display: inline;
  margin: 0 20px 0 0;
}

#secondary h2 {
  display: block;
  width: 180px;
  height: 30px;
  background: url('../images/core/catalogue-h2.png') 0 0 no-repeat;
  text-indent: -999em;
}

#secondary ul li a {
  display: block;
  height: 25px;
  line-height: 25px;
  width: 160px;
  margin: 1px 0 0;
  background: #54697b;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 20px;
}

#secondary ul li a:hover {background: #7796AF;}

#secondary ul li a.alt {background: #6f8793;}

#secondary ul li a.alt:hover {background: #809CAA;}


/*  =footer
******************************************************/
#footer {
  width: 100%;
  background: url('../images/core/footer-background.png') 0 0 repeat-x;
}

#footer div.content {
  width: 920px;
  margin: 0 auto;
  padding: 10px 0 0;
  color: #fff;
  font-size: 10px;
}

#footer div.content p {
  float: left;
  display: inline;
}

#footer div.content p.logo {
  padding: 4px 0 0 150px;
}

#footer div.content img {
  float: right;
  display: inline;
  margin: 5px 10px;
}

#footer div.content a {color: #44838c;}
#footer div.content a:hover {text-decoration: none;}


/*  =listing stuff
******************************************************/
div.image {
  float: left;
  display: inline;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 0 10px 0 0;
  text-align: center;
}

div.image img {vertical-align: middle;}

div.info {
  float: left;
  display: inline;
  width: 580px;
}

div.info li {margin: 2px 0;}
div.info ul.downloads li a {padding: 2px 0 2px 20px;}

div.info .price {
  color: #fff;
  font: 16px/20px Georgia, Garamond, "Times New Roman", serif;
  text-shadow: 1px 1px 1px #000;
}

div.info p a {
	color: #87CDD7;
	text-decoration: none;
}

div.info p a:hover {
	color: #87CDD7;
	text-decoration: underline;
}

ul#items {margin: 0;}

ul#items li.item {
  list-style: none;
  display: block;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #18263C;
}

ul#items.squared li.item {
  list-style: none;
  display: inline;
  float: left;
  margin: 10px 5px;
  border-bottom: none;
  width: 100px;
  height: 150px;
  padding: 10px;
  text-align: center;
}

ul#items.squared li.item h2 {
  font: 12px/20px Arial, Verdana, Tahoma sans-serif;
}

ul#gallery {margin: 0;}

ul#gallery li {
  list-style: none;
  display: inline;
  float: left;
  margin: 10px 5px;
  border-bottom: none;
  width: 100px;
  height: 150px;
  padding: 10px;
  text-align: center;
  cursor: pointer;}
ul#gallery li.selected {
  background: #1C4C80 !important;
  color: #fff;
}

fieldset.sling_selector {
  border-left: 1px solid #18263C;
  display:inline;
  float:right;
  margin-left:10px;
  padding-left:20px;
  width:200px;
}

fieldset.sling_selector label {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  display: inline-block;
}

fieldset.sling_selector div.formControl {
  clear:both;
  display:block;
  padding: 20px 0;
  width:100%;
}

fieldset.sling_selector input#submit {
/*  margin: 20px 0;*/
}


/*  =sticky footer
******************************************************/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap {padding-bottom: 55px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 55px;
	clear:both;} 


/* =cart
******************************************************/
table#shoppingcart {
  width: 700px;
  color: #fff;
}

table#shoppingcart th, table#shoppingcart td {
  border-bottom: 1px dashed #18263C;
  vertical-align: middle;
  padding: 5px;
}

table#shoppingcart th {
  font-size: 9px;
  border-bottom: 2px solid #fff;
  text-align: left;
  color: #fff;
  font-weight: normal;
}

table#shoppingcart td.product_name {font-weight: bold; width: 300px;}
table#shoppingcart td.product_name p {font-size: 11px; font-weight: normal; margin: 0; color: #688C99;}

table#shoppingcart td.shipping {border-top: 1px solid #E1E1E1; border-bottom: none;}

table#shoppingcart input.update {margin: 3px 0 0 5px;}

table#shoppingcart td.terms {text-align: right;}
table#shoppingcart td.cart_buttons {text-align: right;}

table#shoppingcart tfoot td {
  padding-top: 20px;
  border: none;
}

table#shoppingcart td.totalprice {font-weight: bold; font-size: 12px; text-align: right;}
table#shoppingcart td.totalprice small {font-size: 9px; font-weight: normal; color: #688C99;}

form#order-form div.cardNums input {
  margin: 0 0 10px 0;
  width: 40px;
}

form fieldset legend {
  color: #fff;
  font: 16px/20px Georgia, Garamond, "Times New Roman", serif;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
  padding: 20px 0 0;
}

.qty-input {width:30px;}