
html {
	height: 100%;
}

body {
	
	background-color: #fff;
	
	/*	background: url("../img/960x600.png") no-repeat;*/
	/*font-family: "Myriad Pro", myriad, tahoma, arial, helvetica, sans-serif;*/
	/*font-family: tahoma, arial, helvetica, sans-serif;*/
	/*font-family: "Lucida Sans," "Lucida Grande", arial, helvetica, sans-serif;*/
	
	
	font-family: verdana, arial, helvetica, sans-serif;	
	font-size: small;
	height: 100%;
}

th {
	padding-bottom: 0.5em;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

input {
	/*font-size: 14px;*/
}

hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 0 20px;
  height: 0;
}

div.clear {
	clear: both;
}

div.half {
	float: left;
	width: 50%;
}

div.header,
div#tray,
div#footer {
	
}

div.wrapper {
	
	/*background-position: 0 95px;*/ 
	background-repeat: repeat-x;
	position:relative;
}

div.header { 
	clear: both;
	/*margin-bottom: 60px;*/ padding-bottom: 20px;
	overflow:hidden;
}

div.header table {
	width: 100%;
}

div.header a {
	color: #5f5f5f;
	text-decoration: none;
	text-transform: capitalize;
}

div.header ul li a:hover {
	color: #7c86b7;
}

div.header td ul {
	list-style: none;
}

div.header td#logo { /*background: green;*/
	padding-left: 15px;
	padding-top: 2px;
	padding-right: 25px;
}

div.header td#logo h1 a {
	background: url("../img/logo.png") no-repeat;
	display: block;
	/*height: 47px;*/
	height: 47px;
	text-indent: -999em;	
	width: 247px;
}

div#breadcrumbs {
	padding-left: 15px;
	background-image: url('../img/bg-breadcrumb.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 50px;
}

div#breadcrumbs ul li {
	display: inline;
	font-size: 0.75em;
	color: #8595C6;
}
div#breadcrumbs ul li a {
	text-decoration: none;
	color: #8595C6;
}
div#breadcrumbs ul li a.current {
	color: black;
} 

td#nav-top,
td#nav-side {
	text-align: center;
	text-transform: capitalize;
}

td#nav-top a,
td#nav-side a {
	text-decoration: none;
}

td#nav-top { /*background: red;*/
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	width: 442px;
}

td#nav-top td {
	text-align: center;
}

td#nav-top ul { 
	background: url("../img/bg-top-nav.png");
	display: block;
	height: 48px;
	margin: 0 auto;
	width: 439px;
}

td#nav-top ul li {
	display: inline;
	float: left;
	/*width: 50px;*/
}

td#nav-top ul li#nav-search {
	display: inline;
	float: right;
}

td#nav-top ul li#nav-search div#form-container {
	display: block;
	width: 200px;
}

td#nav-top ul li#nav-search input#search {
	border: 1px solid #989898; 
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
}

td#nav-top ul li#nav-search input#btn-search {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}


td#nav-top a {
	text-align: center;
}

td#nav-top a:hover,
td#nav-side a:hover {
	color: #000;
}

td#nav-top table {
	background: url("../img/bg-top-nav.png");
	margin: 0 auto;
	vertical-align: middle;
	width: 439px;
}

td#nav-top table tr td {
	height: 48px;
}

td#nav-top td.spacer {
	color: #fff;
	
}

td#nav-top table tr td#nav-learn {
	padding-left: 10px;
}

td#nav-top td#search-container {
	width: 210px;
}

td#nav-top input#search,
div#footer input.newsletter-text { 
	border-top: 1px solid #989898;
	border-right: 1px solid #788bc0;
	border-bottom: 1px solid #989898;
	border-left: 1px solid #989898;
	display: inline;
	float: left;
	/*height: 28px;*/
	height: 18px;
	margin: 0;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 112px;
}

td#nav-top input#search {
	background: url("../img/input-bg.png") repeat-x;
	color: #666;
	height: 18px;
}

td#nav-top input#btn-search { 
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

td#nav-side table {
	/*display: inline;*/
	float: right;
	/*width: 255px;*/
	width: 280px;
}

td#nav-side table tr {
	
}

td#nav-side {
	/*display: inline;*/
	vertical-align:top;
	padding-top:15px;
	font-size: 12px;
	padding-right: 15px;
}

td#nav-side td {
	/*height: 60px;*/
	
	/*font-size: 12px;*/
	font-size: 9px;
	
	text-align: center;
}

td#nav-side td#nav-log-in {
	padding-right: 15px;
}

td#nav-side td.spacer {
	color: #5f5f5f;
	width: 10px;
}

.search-autocomplete {
  border: none;
  background: #f9f5f0;
  position: absolute;
  left: 40px;
  top: 22px;
  width: 216px !important;
}

.search-autocomplete li { 
	border-bottom: 1px solid #f4eee7; 
	padding: 2px 8px 1px 8px; 
}

.search-autocomplete li.odd { 
	background:#fffefb; 
}

.search-autocomplete li.selected { 
	background:#f7e8dd; 
}


div#trayer {
	height: 150px;
	margin:0;
	padding:0;
}

div#tray {
	background: url("../img/bg-tray.png");
	color: #fff;
	height: 150px;
	/*width: 960px;*/
	width:60%;
	/*width: auto;*/
	position: absolute;
	z-index: 0;
	/*margin-top: 18px;*/ 
	/*top: 155px;*/ 
	/*top: 94px;*/
}

div#tray h2 {
	float: left;
	display: block;
	font-size: 21px;
	line-height: 30px;
	/*margin-top: 29px;*/
	margin-top: 15px;
	
	margin-right: 40px;
	position: relative;
	width: 350px;
}

div#tray h2.open {
	font-size: 17px;
}

div#tray dl.categories {
	border-left: 1px solid #e3e3e3;
	display: inline;
	float: left;
	font-size: 11px;/*12px;14px;*/
	height: 122px;
	line-height: 17px;/*20px;*/
	list-style: none;
	margin-top: 15px;
	padding-left: 5px;/*15px;*/
	/*width: 175px;*/
	width:132px;/*122px;*/
}

div#tray dl.categories dt {
	clear: both;
	display: inline;
	float: left;
	margin-bottom: 5px;
	/*margin-right: 5px;*/
}
div#tray dl.categories span {
	color: #000;
	padding-left: 5px;
}
div#tray dl.categories dd {
	/*clear: both;*/
	color: #000;
	display: inline;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-left: 5px;
}

div#tray dl.categories a {
	text-decoration: none;
/*	display: block;*/
}

div#tray dl.categories a dt {
	color: #fff;
	text-decoration: none;
}

div#tray dl.categories a:hover dt {
	/*color: #000;*/
	color: #788bc0;
}



div#tray-outer { display: none;
	background: #ff0;
	clear: both;
	width: 350px;
}

div#tray2 { /*background: #f00;*/
	position: relative;
}

div#tray-inner { /*background: #0f0;*/
	height: 150px;
	margin-top: -75px;
	top: 50%;
	position: absolute;
}

div#content { 
	/*background: url('../img/bg-products-gradient-top.png');*/
}

body.cms-home div#content {
	/*height: 100%;*/
	/*position: inherit;*/
	position: static;
}

div.footer-container { /*display: none;*/
	clear: both;
	color: #5F5F5F;
	font-size: 12px;
	height: 30px;
	margin: 20px 15px 15px 15px;
}

div.footer-container div.footer p {
	border-top: 1px solid #989898;
	padding-top: 5px;
}

body.catalogsearch-result-index div.footer p {
	/*border: none;*/
	padding-bottom: 15px;
}

div.promo-block {
	/*border-right: 1px solid #989898;*/
	display: inline;
	float: left;
	width: 33%;
}

div.middle-block {
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
}

div.promo-block-last {
	border: none;
}

div.promo-block * {
	margin-left: 15px;
	margin-right: 15px;
}

div.promo-block p {
	color: #000;
	font-size: 0.9em;
}

div#footer-promo {
	
}

div#footer-promo h3 {
	color: #788bc0;
	/*font-size: 21px;*/ font-size: 15px; padding-bottom: 5px;
}

div#footer-static {
	clear: both;
	font-size: 12px;
	padding: 15px;
}

body.cms-home div#footer-static {
	/*padding: 10px 15px;*/
	padding: 5px 15px 25px;
}


div#footer form {
	/*margin: 20px 0 0 0;*/
	margin: 0;
	padding: 0;
}

div#footer form input {
	margin: 0;
	padding: 0;
}

div#footer input.newsletter-text {
	width: 185px;
}

div.hug-bottom {
	/*padding-top: 15px;*/ padding-top: 10px;
	height: 30px;
}

div.hug-bottom * {
	margin: 0;
	padding: 0;
}

div.hug-bottom h4 img {
	margin-right: 7px;
	vertical-align: middle;
}

div.hug-bottom h4 a {
	color: #788BC0;
	text-decoration: none;
	
}

div.hug-bottom h4 a:hover {
	color: #000;
}

.shrinky,
.shrinky label {
	font-size: 12px !important;
}

ul.shrinky li {
	line-height: 18px;
}

.price {
	text-transform: uppercase;
}


/* --------------- HOME SPECIFIC --------------- */

body.cms-home div.wrapper {
	/*background: url("../img/bg-home-temp.jpg") center top no-repeat;*/
	/*background: url("../img/DSC_2313_resized.jpg") center center no-repeat;*/
	/*background: url("../img/Telamon5_resized.jpg") left center no-repeat;*/
	
	/*background: url("../img/test_image_01.jpg") left top no-repeat;*/
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
	
	height: 100%;
}

body.cms-home div.header {
	/*background: url("../img/bg-home-top.png") repeat-x;*/
	/*height: 77px;*/
}

/*body.cms-home div#tray {
	padding-left: 15px;
}
*/

div#tray {
	/*width: 100%;*/
}

body.cms-home div#tray {
	/*margin-left: -90%;*/
	/* ***** width: 225px;*/
	width: auto;
	/*width: 825px;*/
}

body.cms-home div#tray dl.categories {
	display: none;
}

body.cms-home div#tray h2.closed {
	/* ***** float: right;*/
	margin: 55px 15px 0 15px;
	width: auto;
}

body.cms-home div#tray h2.closed a {
	color: #fff;
	text-decoration: none;
}

body.cms-home div#tray h2.closed a:hover {
	color: #000;
}

body.cms-home div#tray h2.closed span {
	margin: 0;
	padding: 0 0.5em 0 0;
}

body.cms-home div#tray h2.closed img {
	margin: 3px 0 0 0;
	padding: 0;
	vertical-align: text-bottom;
}

body.cms-home div#tray h2.open {
	display: none;
	padding-left: 15px;
}


body.cms-home div#content {
	/*height: auto;*/
	margin: 0;
	padding: 0;
}

body.cms-home div#footer { 
	background: url("../img/bg-footer.png");
	bottom: 0;
	clear: both;
	color: #5f5f5f;
	left: 0;
	padding: 15px 0 0 0;
	position: absolute;
	width: 100%;/* min-width: 960px;*/
}

body.cms-home div#footer-static {
	border-top: 1px solid #989898;
}

.cms-home .middle-block {
	margin-bottom: 10px;
}

body.cms-home div#footer-static p {
	/*border-top: 1px solid #989898;*/
	/*padding-top: 15px;*/ /*padding-top: 5px;*/ font-size: 0.9em;
}

body.cms-home div#footer-static a.privacy-link,
body.cms-home div#footer-static a.terms-link {
	color: #5F5F5F !important;
	display: inline;
	float: none;
	line-height: 16px;
	padding-left: 0;
	text-decoration: none;
}

body.cms-home div#footer-static a.privacy-link:hover,
body.cms-home div#footer-static a.terms-link:hover {
	color: #000 !important;
}


/* --------------- BREADCRUMBS --------------- */

ul.breadcrumbs {
	list-style: none;
	/*margin: 15px;*/
	margin: 0 0 0 0px;
	/*float: right;*/
	padding:15px 0 0 15px;
}

body.catalog-category-view ul.breadcrumbs,
body.cms-collect ul.breadcrumbs,
body.catalogsearch-result-index ul.breadcrumbs {
	display: none;
}

ul.breadcrumbs li {
	color: #8595C6;
	display: inline;
	/*font-size: 14px;*/
	font-size: 12px;
}

ul.breadcrumbs li a {
	color: #8595C6;
	text-decoration: none;
}

ul.breadcrumbs li a:hover {
	color: #000;
}

ul.breadcrumbs li span.current {
	color: #000;
}

h4.no-display {
	display: none;
}





/* --------------- MESSAGES --------------- */

div.messages-container ul.messages {
	padding: 15px;
}

ul.messages,
ul.messages ul,
ul.messages ol {
	list-style: none;
}

ul.messages {
	/*margin-left: 15px;*/
}

.validation-advice {
	color: #b62b01;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 1em;
	margin-top: -0.5em;
}



div.sold {
	text-transform: uppercase;
}



/* -------- 404 ------- */
body.cms-no-route {
	color: #333;
}
body.cms-no-route .col-main {
	padding-left: 15px;
}
body.cms-no-route h3 {
	font-size: 2em;
}
body.cms-no-route h4 {
	font-size: 1.2em;
	color: #475c9d;
}
body.cms-no-route p {
	margin: 50px 0 30px 0;
}
body.cms-no-route ul {
	margin-left: 15px;
}


/* fixes Safari horizontal scrollbar issue, on login page */
div.button-set {
	display: inline;
}

div.button-set button.btn-submit-full {
	clear: both;
	display: inline !important;
	/*float: left;*/
	/*display: none !important;*/
}

div.button-set button span { display: none !important;
	/*display: inline !important;*/
	/*text-indent: 0;*/
	/*visibility: hidden;*/
}

div.button-set p.required {
	line-height: 3em;
}

div#footer-static span,
div#footer-static a {
	float: left;
	/*line-height: 40px;*/
	line-height: 22px;
}

div#footer-static a {
	padding-left: 1em;
}

div#footer-static img {
	float: right;
	/*margin: -15px 0;*/
	padding: -15px 0 15px 0;
}

body.catalogsearch-result-index div#tray dl.categories dd {
	display: none;
}



body.sales-order-view a {
	color: #788BC0;
}

body.sales-order-view div.page-head h3 {
	margin: 0 !important;
}

body.sales-order-view div#main {
	padding: 15px; 
}

body.sales-order-view div#main div.order-access {
	padding: 15px 0;
}

body.sales-order-view div#main ul {
	list-style-type: none;
}

body.sales-order-view div#main h4 {
	font-size: 16px;
	padding: 15px 0 5px;
}

body.sales-order-view div.col2-set {
	clear: both;
}

body.sales-order-view div.col-1 {
	float: left;
	width: 350px;
}

body.sales-order-view table#my-orders-table td {
	padding-right: 15px;
}

body.sales-order-view table#my-orders-table h5.title {
	width: 250px;
}

body.sales-order-view table#my-orders-table th.a-sku {
	/*width: 100px;*/
}

body.sales-order-view table#my-orders-table th.a-right,
body.sales-order-vieww table#my-orders-table th.a-center {
	width: 125px;
}

.tax-collapse {
	background-image: url("../img/plus.png");
	background-position: 578px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.show-details .tax-collapse {
	background: none !important;
}

#footer-static ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer-static ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer-static ul li a {
	display: block;
	height: 57px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -999em;
}

#footer-bbb a {
	background-image: url("/skin/frontend/default/default/img/footer-bbb.gif");
	width: 49px;
}

#footer-entrust a {
	background-image: url("/skin/frontend/default/default/img/footer-entrust.gif");
	width: 72px;
}

#footer-ups a {
	background-image: url("/skin/frontend/default/default/img/footer-ups.gif");
	width: 47px;
}

#footer-paypal a {
	background-image: url("/skin/frontend/default/default/img/footer-paypal.gif");
	width: 74px;
}

#footer-mastercard a {
	background-image: url("/skin/frontend/default/default/img/footer-mastercard.gif");
	width: 45px;
}

#footer-discover a {
	background-image: url("/skin/frontend/default/default/img/footer-discover.gif");
	width: 45px;
}

#footer-amex a {
	background-image: url("/skin/frontend/default/default/img/footer-amex.gif");
	width: 34px;
}

#footer-visa a {
	background-image: url("/skin/frontend/default/default/img/footer-visa.gif");
	width: 47px;
}

div.header td#nav-top td#search-container div#search_autocomplete {
	display: none;
}

#clearance-link dt {
	/*margin-top: 24px;*/
	color: #000 !important;
}

#clearance-link a:hover dt {
	color: #788bc0 !important;
}

.note-msg {
	margin: 15px !important;
}

