@charset "UTF-8";
/* CSS Document */

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Body */
/* ///////////////////////////////////////////////////////////////////////////////// */

/* Reduced Copy of Base Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	}

q:before,q:after{content:'';}

ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;  vertical-align: top; }


:focus {
	outline: 0;
	}

* {
	margin: 0;
	padding: 0; 
	font: normal 13px/1.4  "Trebuchet MS", Arial, Helvetica, sans-serif;  
	color: #6b6b6b;
	}

h1, h2, h5, h5 a, h6 {
	margin: 5px 0;
	padding: 0;
	display: block;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5em;
}

h2 {
	color: #d8d8d8;
	font-size: 1.2em;
	line-height: 1em;
	border-bottom: 1px solid white;
	padding-bottom: 3px;
	}

h5 {
	border-top:  1px solid silver;
	font-size: 15px;
	padding: 10px 0;
	margin-top: 15px;
	color: silver;
}
h5 a {
	font-size: 15px;
	display: inline;
	color: silver;
}
h5 a:hover {
	color: white;
}

h6 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

.allCaps {
	text-transform: uppercase;
}

.clear {
	clear: both;
	}

img {
	border: none;
	border-collapse: collapse;
	border-style: none;
	outline: none;
	}
	
/* <http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/> */
li a {_display:inline-block;}
li a {_display:block;}

html, 
body {
	height: 100%;
	text-align: center;
	}

body {
	background: #000505 url(../_gfx/bg.body.jpg) top center no-repeat fixed;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	}
	* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	color: #6b6b6b;
	}

div.page {
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
	min-width: 900px;
	}

center,
div.top table,
table.content {
	display: block;
	width: 900px;
	margin: 0 auto;
	}
	

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Rounded Boxes */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.roundedBox,
div.boxMiddle,
div.boxTop,
div.boxBottom {
	clear: both;
	display: block;
	padding: 0;
	margin: 0;
}

/* Gray Box ********************* */
.roundedBoxGray {
	background: #ece9e2 url(../_gfx/box.rounded.gray.png);
}
.roundedBoxGray span.boxBottom,
.roundedBoxGray span.boxTop {
	background: transparent url(../_gfx/box.rounded.gray.png);
}

/* Gray Stroked Box ********************* */
.roundedBoxGraystroked {
	background: #f0ede8 url(../_gfx/box.rounded.graystroked.png);
}
.roundedBoxGraystroked span.boxMiddle {
	margin: 0 4px;
	display: block;
	border-left: 1px solid #6c6c6c;
	border-right: 1px solid #6c6c6c;
}
.roundedBoxGraystroked span.boxBottom,
.roundedBoxGraystroked span.boxTop {
	background: transparent url(../_gfx/box.rounded.graystroked.png);
}

/* White Box ********************* */
.roundedBoxWhite {
	background: #fff url(../_gfx/box.rounded.white.png);
}
.roundedBoxWhite span.boxBottom,
.roundedBoxWhite span.boxTop {
	background: transparent url(../_gfx/box.rounded.white.png);
}

/* White Stroked Box ********************* */
.roundedBoxWhitestroked {
	background: #949393 url(../_gfx/box.rounded.whitestroked.png);
}
.roundedBoxWhitestroked span.boxMiddle {
	margin: 0 4px;
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: white;
}
.roundedBoxWhitestroked span.boxBottom,
.roundedBoxWhitestroked span.boxTop {
	background: transparent url(../_gfx/box.rounded.whitestroked.png);
}

/* Dark Box ********************* */
.roundedBoxDark {
	background: #414141 url(../_gfx/box.rounded.dark.png);
}
div.runner .roundedBoxDark .boxMiddle {
	display:block;
}
div.runner .roundedBoxDark span.boxMiddle {
	margin: 0 5px;
	
}
	
.roundedBoxDark span.boxBottom,
.roundedBoxDark span.boxTop {
	background: transparent url(../_gfx/box.rounded.dark.png);
}

/* Dark Stroked Box ********************* */
.roundedBoxDarkstroked {
	background: #4b4847 url(../_gfx/box.rounded.darkstroked.png);
}
.roundedBoxDarkstroked span.boxMiddle {
	margin: 0 4px;
	display: block;
	border-left: 1px solid #6f6d6c;
	border-right: 1px solid #6f6d6c;
	background-color: #323232;
}
.roundedBoxDarkstroked span.boxBottom,
.roundedBoxDarkstroked span.boxTop {
	background: transparent url(../_gfx/box.rounded.darkstroked.png);
}


/* Rounded Box Setting ********************* */

.boxMiddle {
	background-image: none;
	padding: 0;
	overflow: inherit;
}

div.boxTop,
div.boxBottom {
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	display: block;
	padding-left: 10px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
div.boxBottom {
	background-position: bottom left;
	margin-bottom: 10px;
}

div.boxTop span.boxTop,
div.boxBottom span.boxBottom {
	background-position: top right;
	background-repeat: no-repeat;
	height: 10px;
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
div.boxBottom span.boxBottom {
	background-position: bottom right;
}

.boxTop,
.boxBottom {
	background-color:transparent;
}




/* ///////////////////////////////////////////////////////////////////////////////// */
/* icons */
/* ///////////////////////////////////////////////////////////////////////////////// */

img.icon {
	width: 22px;
	height: 22px;
	background-position: top center;
	background-repeat: no-repeat;
	border-style: none;
}

a:hover img.icon,
img.icon:hover {
	background-position: center center;
}

a:active img.icon,
a:focus img.icon {
	background-position: bottom center;
}

.search {
	background-image: url(../_gfx/icon.sm.search.gif);
}

.pushpin {
	background-image: url(../_gfx/icon.sm.pushpin.gif);
}


.cart {
	background-image: url(../_gfx/icon.sm.cart.gif);
}

.incart {
	background-image: url(../_gfx/icon.sm.incart.gif);
}

.enlarge {
	background-image: url(../_gfx/icon.sm.enlarge.png);
}

.trash {
	background-image: url(../_gfx/icon.sm.trash.gif);
	height: 15px;
	width: 15px;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* buttons */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.buttonContainer {
	padding: 15px 0;
	clear: both;
	display: block;
}

.buttonContainer a,
.buttonContainer a span,
.buttonContainer a:link,
.buttonContainer a:link span,
.buttonContainer a:visited,
.buttonContainer a:visited span {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 9px;
	height: 25px;
	background-position: top left;
	background-image: url(../_gfx/button.overblack.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

.quickCart .buttonContainer a,
.quickCart .buttonContainer a span,
.quickCart .buttonContainer a:link,
.quickCart .buttonContainer a:link span,
.quickCart .buttonContainer a:visited,
.quickCart .buttonContainer a:visited span {
	background-image: url(../_gfx/button.overgray.gif);
}

.buttonContainer a span,
.buttonContainer a:link span,
.buttonContainer a:visited span {
	padding: 0 9px 0 0;
	margin: 0;
	background-position: top right;
}

.buttonContainer a:active,
.buttonContainer a:hover,
.buttonContainer a:focus {
	background-position: bottom left;
}

.buttonContainer a:active span,
.buttonContainer a:hover span,
.buttonContainer a:focus span {
	background-position: bottom right;
}

.buttonContainer a span b {
	float: left;
	text-decoration: none;
	line-height: 25px;
	padding: 0 2px 0 1px;
	text-transform:uppercase;
	color: white;
}

.quickCart .buttonContainer a span b {
	color: gray;
}

.buttonContainer a:hover span b,
.buttonContainer a:active span b,
.buttonContainer a:focus span b {
	color: #b8f0f2;
}

.quickCart .buttonContainer a:hover span b,
.quickCart .buttonContainer a:active span b,
.quickCart .buttonContainer a:focus span b {
	color: white;
}

.buttonContainer a span img.icon {
	float: left;
	margin: 2px 0 3px 0;
}
	
.quickCart small {
	font-size: .8em;
}

.quickCart a.clearCart {
	clear: left;
	float: right;
	text-align: right;
	text-decoration: none;	
	color: #911515;
	padding: 1px 3px;
}

.quickCart a.clearCart small {
	text-decoration: none;	
	color: #911515;
	float: right;
}

.quickCart a:hover.clearCart small {
	text-decoration: underline;
}



/* ///////////////////////////////////////////////////////////////////////////////// */
/* Big Cart */
/* ///////////////////////////////////////////////////////////////////////////////// */

.bigCart,
.cartTotalRow {
	border-top: 1px solid #e9e9e9;
	width: 647px;
	display: block;
}

.seoDetails {
	border-top-style: none;
	padding: 0 10px;
}

.cartItem {
	display: block;
}

.cartItem table,
.cartTotalRow table {
	width: 647px;
	border-bottom: 1px solid #6B6B6B;
}

.seoDetails .cartItem table,
.seoDetails .cartTotalRow table,
.cartTotalRow table {
	border-style: none;
}

.cartItemImage {
	padding: 9px;
	width: 120px;
	height: 120px;
	vertical-align: top;
	text-align: center;
}

.cartItemImage img {
	border: 4px solid #D1D1D1
}

.seoDetails .cartItemImage {
	width: 275px;
	height: 275px;
	border: 1px dotted #6B6B6B;
}
.seoDetails .cartItemInfo {
	padding-left: 15px;
}

.cartItemTitleRow,
.cartItemDescriptionRow {
	display: block;
	padding: 5px 0;
	padding-right: 5px;
}

.cartItemTitleRow h3 {
	text-align: right;
	float: right;
	font-size: 1.4em;
	padding-top: 6px;
	font-weight: bold;
	color: #fff1f1;
}

.seoDetails .cartItemTitleRow h3 {
	font-size: 1.6em;
}
	
.cartItemTitleRow h1 {
	width: 350px;
	float: left;
	line-height: 25px;
}

.cartItemTitleRow h1 a {
	font-size: 1em;
	text-decoration: none;
	font-family: "Garamond", aramond Book SSi, Georgia, Times New Roman, Times, serif;
}

.seoDetails h1 {
	margin: 0 0 5px;
	padding-top: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
	border-top-style: none;
}

.seoDetails h1 a {
	line-height: 2.5em;
}

.cartItemTitleRow h1 a:hover {
	text-decoration: underline;
}

.cartItemDescriptionRow {
	clear: both;
	border-top: 1px dotted #5e2a2a;
}

.cartItemDescriptionRow span {
	clear: left;
	width: 350px;
	float: left;
	line-height: 1.5em;
}

.seoDetails .cartItemTitleRow h1,
.seoDetails .cartItemDescriptionRow span {
	width: 195px;
}

.seoDetails .cartItemDescriptionRow .addToCart,
.seoDetails .cartItemDescriptionRow .addedToCart,
.seoDetails .cartItemDescriptionRow .addToCart span,
.seoDetails .cartItemDescriptionRow .addedToCart span,
.seoDetails .cartItemDescriptionRow .addToCart span b,
.seoDetails .cartItemDescriptionRow .addedToCart span b {
	float: right;
	width: 110px;
}
.seoDetails .cartItemDescriptionRow .addToCart span b,
.seoDetails .cartItemDescriptionRow .addedToCart span b {
	width: 80px;
}

.seoDetails .cartItemDescriptionRow .addToCart img.icon,
.seoDetails .cartItemDescriptionRow .addedToCart img.icon {
	float: right;
	height: 15px;
	width: 15px;
	margin-left: 3px;
	padding: 0;
	border-style: none;
	border-collapse: collapse;
}

.cartItemDescriptionRow span label {
	font-weight: 600;
}

.cartItemOptions {
	float: right;
	text-align: right;
	width: 120px;
}

.cartItemOptions a {
	font-size: .85em;
	text-decoration: none;
	color: silver;
}

.cartItemOptions a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.cartItemOptions a.addToCart {
	display: inline;
	width: 100px;
	float: right;
	text-align: right;
	margin-top: 0;
	border-style: none;
}

.cartItemOptions a.addToCart:hover {
	text-decoration: none;
}

.cartItemOptions a.addToCart span {
	text-align: right;
	display: inline;
	float: right;
	width: 100px;
	padding-right: 0;
}

.cartItemOptions a.addToCart span b,
.cartItemOptions a.addToCart img.cart {
	float: none;
	vertical-align: text-bottom;
}
	

.cartItemShippingInfo {
	clear: none;
	color: white;
}

.cartItemShippingInfo label {
	color: silver;
}

.cartItemSKU,
.cartItemSKU label {
	color: white;
}
.cartItemSKU label {
	color: silver;
}

.cartTotalRow {
	background-color: #f1f1f1;
	padding: 5px 0;
	padding-bottom: 15px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

.shippingOptions {
	width: 240px;
	vertical-align: top;
}

.shippingOptions .formRow {
	width: 240px;
}

.shippingOptions .formRow label {
	width: 100px;
	padding-left: 5px;
}

.shippingOptions .formRow label.required {
	color: #6B6B6B;
	padding-left: 10px;
	margin-left: 5px;
}

.shippingOptions .formRow select {
	width: 110px;
	border: 1px solid gray;
}

.shippingOptions .formRow input {
	width: 70px;
}

.cartTotals {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

.cartTotals span {
	clear: right;
	float: right;
	text-align: right;
	width: 180px;
}

.cartTotals span label {
	float: left;
	text-align: right;
	font-size: .9em;
}

.cartTotals span b {
	text-align: right;
	width: 130px;
	font-size: 1em;
	padding-top: 9px;
}

.cartTotalShipping,
.cartTotalShipping label,
.cartTotalShipping b {
	color: gray;
}

.cartTotals span.cartTotalTotal {
	margin-top: 5px;
	border-top: 2px solid #666;
	padding: 5px 0;
}

.cartTotals span.cartTotalTotal label {
	font-size: 1em;
	color: #666;
	line-height: 25px;
}

.cartTotals span.cartTotalTotal b {
	font-size: 1.2em;
	line-height: 25px;
	color: #dd6d6d;
}
	




/* ///////////////////////////////////////////////////////////////////////////////// */
/* Forms */
/* ///////////////////////////////////////////////////////////////////////////////// */

.formRow {
	clear: both;
	display: block;
	padding: 6px 2px;
}

form {
	margin: 0;
	padding: 20px;
}

form#aspnetForm {
	padding: 0;
}

.formRow label {
	float: left;
	font-size: 12px;
	padding: 0 5px;
	width: 100px;
	margin-right: 5px;
	padding-left: 0;
	border-bottom: 1px solid #3d3d3d;
	width: 180px;
	line-height: 18px;
	color: #c7c7c7;
	text-align: left;
	padding-right: 9px;
}

.formRow label .icon,
.formRow label :link.icon,
.formRow label :hover.icon,
.formRow label :active.icon,
.formRow label :visited.icon,
.formRow label :focus.icon {
	float: none;
	height: 18px;
	width: 14px;
	background-position: center center;
	margin-top: -2px;
}

.formRow span {
	line-height: 20px;
	float: left;
	padding-right: 5px;
	color: #CCC;
}

.formRow span.inputError {
	color: #c9311c;
	line-height: 20px;
	display: none;
}

.formRow .required {
	color: #CCC;
	padding-left: 9px;
	padding-right: 0;
	background: url(../_gfx/gfx.required.gif) top left no-repeat;
}

.formRow input,
.formRow select,
.formRow textarea {
	float: left;
	border: 1px solid #e4e4e4;
	width: 110px;
	line-height: 18px;
	height: 20px;
	font-size: 12px;
	margin-right: 5px;
}

.formRow select {
	border-style: none;
}
.formRow input,
.formRow select,
.formRow textarea {
	width: 180px;
}

.formRow select.dayInput {
	width: 50px;
}

.formRow select.monthInput {
	width: 80px;
}

.formRow select.yearInput {
	width: 65px;
}

.formRow input.zipInput {
	width: 65px;
}

.formRow textarea {
	height:auto;
}

input.ieFix {
	position: absolute;
	left: -1000px;
	top: -1000px;
}	

.formRow input[type="checkbox"],
.formRow input.checkbox {
	width: auto;
	border-style: none;
	font-size: 1.1em;
}

.formRow input[type="text"],
.formRow input[type="password"],
.formRow textarea {
	background: #fff url(../images/bg.input.text.gif) top left repeat-x;
	padding: 0 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.formRow input.priceInput {
	background: #fff url(../_gfx/bg.input.text.price.gif) top left no-repeat;
	padding-left: 9px;
	width: 174px;
}

.formRow .shortNumber {
	width: 90px;
}	

.formRow input.checkbox {
	width: auto;
	border-style: none;
	vertical-align: middle;
	line-height: 22px;
}

.formRow small {
	float: left;
	line-height: 22px;
	font-size: .9em;
	margin-left: 5px;
}
.formRow small a {
	font-size: 1em;
}

.buttonContainer {
	clear: both;
	text-align: right;
	display: block;
	margin: 3px 0;
	padding: 5px 0;
	padding-top: 10px;
}

.buttonContainer .button {
	float: right;
	margin-left: 5px;
}

table.agreementTable {
	border: 2px solid #666;
}

table.agreementTable td {
	color: #CCC;
	font-size: .9em;
	padding: 5px;
	border-right: 1px solid #666;
	vertical-align: middle;
	text-align: center;
}

table.agreementTable thead td {
	font-size: 1em;
	border-bottom: 2px solid #666;
	background-color: #070707;
}

table.agreementTable td small {
	color: #CCC;
	font-size: .8em;
	display: block;
	text-align: left;
}

form p {
	color: #CCC;
	line-height: 1em;
	line-height: 1.4em;
	margin-top: .5em;
	text-align: justify;
}

form p strong {
	color: #ccc;
	font-weight: bold;
}

form p b {
	font-size: 1.2em;
	color: white;
}

form div.dateDisplay {
  float: left;
  margin-right: 10px;
}

.inputRequired {
  color: red;
  font-weight: bold;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Quick Cart */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.quickCart {
	display: block;
	width: 227px;
	margin: 9px;

	
}

div.quickCart h1 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1em;
	padding-bottom: 5px;
	padding-left: 9px;
	color: #333;
	border-bottom: 1px solid gray;
}


table.quickCart td {
	padding: 2px 3px;
}

table.quickCart thead td {
	border-bottom: 1px solid gray;
	font-size: .8em;
	padding: 1px 3px;
	background-color: gray;
	color: white;
	}


table.quickCart tfoot td {
	border-top: 2px solid gray;
	padding: 1px 3px;
	color: black;
	}
	
table.quickCart tfoot td small {
	font-size: .8em;
}

table.quickCart tbody td {
	background-color: #f6f6f6;
}

.quickCartTrash {
	width: 15px;
}

.quickCartTrash .icon {
	width: 15px;
	height: 15px;
}

.quickCartQty {
	text-align: center;
	width: 30px;
}

.quickCartAmount {
	text-align: right;
}

.quickCart .buttonContainer {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	text-align: right;
	float: right;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Top */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.top {
	height: 98px;
	min-width: 900px;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	background: #28231f url(../_gfx/bg.top.jpg) repeat-x top center;
}

div.top table {
	margin: 0;
	padding: 0;
	display: table;
}

td.logo {
	vertical-align: top;
	text-align: left;
	width: 245px;
	margin: 0;
	padding: 0;
}

td.logo img {
	border-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

td.mainLinks {
	padding-right: 25px;
	text-align: right;
	vertical-align: middle;
}

td.mainLinks a,
td.mainLinks a:link,
td.mainLinks a:active,
td.mainLinks a:hover,
td.mainLinks a:visited,
td.mainLinks a:focus {
	float: right;
	text-decoration: none;
	margin-left: 0;
	white-space: pre;
	text-align: left;
	margin-top: 12px;
}

td.mainLinks a span,
td.mainLinks a:link span,
td.mainLinks a:active span,
td.mainLinks a:hover span,
td.mainLinks a:visited span,
td.mainLinks a:focus span {
	font-size: 18px;
	color: #ece9e2;
	cursor: pointer;
	line-height: 18px;
}

td.mainLinks a small,
td.mainLinks a:link small,
td.mainLinks a:active small,
td.mainLinks a:hover small,
td.mainLinks a:visited small,
td.mainLinks a:focus small {
	font-size: 12px;
	color: #bfbfbf;
	line-height: 12px;
	cursor: pointer;
}

td.mainLinks a:active span,
td.mainLinks a:hover span,
td.mainLinks a:focus span,
td.mainLinks a.selected span,
td.mainLinks a:link.selected span,
td.mainLinks a:visited.selected span,
td.mainLinks a:active.selected span,
td.mainLinks a:hover.selected span,
td.mainLinks a:focus.selected span {
	color: #b9efff;
}

td.mainLinks a:active small,
td.mainLinks a:hover small,
td.mainLinks a:focus small {
	color: #9cd4e5;
}
	

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Runner */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.runner {
	width: 883px;
	height: 162px;
	padding: 0;
	margin: 0 auto;
	padding-top: 15px;
	display: block;
	position: relative;
}

@media print {
	div.runner {
		display: none;
	}
}

div.runner span.runner {
	height: 162px;
	width: 883px;
	text-align: center;
	background-color: #d0d0d0;
	position: relative;
	display: block;
	padding-top: 10px;
	position: absolute;
	display: block;
	overflow: hidden;
	text-align: center;
}

.runner div.slide {
	display: block;
	width: 861px;
	height: 150px;
	border-top: 1px solid #5f5f5f;
	border-left: 1px solid #5f5f5f;
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
}

div.bannerTop {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	border-top: 1px solid #5f5f5f;
	border-left: 1px solid #5f5f5f;
}

div.runner ul li {
	list-style: none;
}


/* ///////////////////////////////////////////////////////////////////////////////// */
/* Content */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.content {
	clear: both;
	display: block;
	position: relative;
	padding-top: 15px;
}
table.content {
	display: table;
}
td.content {
	text-align: left;
}

td.content h2 {
	width: 647px;
}

	

/* ////// Item //////// */

div.productItem {
	float: left;
	width: 210px;
	height: 310px;
	padding: 10px 8px 0 0;
	margin: 0;
	text-align: center;
	position: relative;
}
div.productItem a {
	display: block;
}

div.productItem a.findShop {
	clear: both;
	background: url(../_gfx/icon.sm.cart.gif) 5px 0 no-repeat;
	padding-left: 23px;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	float: left;
	margin-top: 3px;
}

div.productItem a.findShop strong {
	text-decoration: underline;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
}

div.productItem a:hover.findShop strong {
	color: silver;
}

.productItem table {
	position: relative;
	overflow: hidden;
	display: block;
	background-color: #d1d1d1;
	margin-bottom: 10px;
	border: 11px solid #d1d1d1;
	border-left-width: 10px;
	border-top-width: 10px;
}

div.productItem table td {
	height: 130px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
	border-collapse: collapse;	
	background-color: white;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;

}
	


div.productItem img {
	margin: 0 auto;
	padding: 0;
}

div.productItem label,
div.productItem p,
div.productItem i {
	clear: both;
	display: block;
	text-align:left;
	padding: 1px 8px 1px 5px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
div.productItem label {
	color: silver;
	height:32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
div.productItem p {
	font-size: 1.32em;
	line-height: 16px;
	font-weight: bold;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-align: right;
	color: #fff;
	padding-top: 10px;
	
}
div.productItem p del {
	text-decoration: line-through;
	font-size: .7em;
	margin-right: 8px;
	color: #c62c19;
}
div.productItem i,
div.productItem i em {
	font-size: 11px;
	color: #999;
	font-weight: normal;
	text-align: left;
}
div.productItem i em {
	font-weight: bold;
	text-decoration: none;
}
div.productItem label em {
	font-weight: bold;
	color: #c62c19;
	margin-right: 3px;
	float: left;
	text-decoration: none;
}
div.productItem a,
div.productItem a label,
div.productItem a label em,
div.productItem a p,
div.productItem a i,
div.productItem a i em {
	text-decoration: none;
	cursor: pointer;
}

div.percentTag {
	position: absolute;
	display: block;
	float: left;
	z-index: 9;
	top: 261px;
	left: 5px;
	background: url(../_gfx/bg.tag.png) center right no-repeat;
	height: 20px;
	padding-right: 22px;
	padding-left: 5px;
	line-height: 20px;
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
}

.enlargeTag {
	position: absolute;
	display: block;
	float: left;
	left: 0;
	bottom: 0;
	width: 22px;
	height: 22px;
	margin: 0 0 5px 5px;
	padding: 0;
	z-index: 9;
}

.addToCart, .addedToCart {
	margin-top: 5px;
	border: 1px solid #fff;
	border-radius: 5px;	
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f0ede8;
}

.addToCart,
.addToCart span,
.addedToCart,
.addedToCart span {
	float: right;
	text-decoration: none;
	color: #911515;
}

.addToCart span,
.addedToCart span {
	padding: 2px 4px;
	padding-left: 1px;
	margin-top: 0;
}

.addedToCart {
	background-color: transparent;
	border: 1px solid transparent;
}

.addToCart span b,
.addedToCart span b {
	float: left;
	color: #911515;
	text-decoration: none;
	font-size: .85em;
}

.addedToCart span b {
	color: #fff;
}

a:hover.addToCart span b,
a:hover.addedToCart span b {
	text-decoration: underline;
}

.addToCart span img.icon,
.addedToCart span img.icon {
	height: 15px;
	width: 15px;
	margin-right: 3px;
	padding: 0;
	float: left;
	border-style: none;
}
	
	
/* ////// Item Detial //////// */
	

td.content .itemDetail h1,
td.content .itemDetail h2,
td.content .itemDetail p,
td.content .itemDetail small {
	clear: none;
	float: left;
	width: 420px;
}

td.content .itemDetail h1 {
	line-height: 1.2em;
}

td.content .itemDetail h2 {
	padding-bottom: 15px;
	margin-bottom: 25px;
	font-size: 1em;
	line-height: 1.2em;
}

td.content .itemDetail p {
	line-height: 1.5em;
}

td.content .itemDetail small {
	line-height: 2.5em;
	color: #a5a5a5;
	font-size: 1em;
}

.detailText {
	float: right;
	width: 420px;
	margin-right: 15px;
}

.detailImage {
	float: left;
	width: 210px;
	margin-top: 3px;
}

.detailImage table {
	position: relative;
	overflow: hidden;
	height: 120px;
	display: block;
	background-color: #d1d1d1;
	margin-bottom: 10px;
	border: 11px solid #d1d1d1;
	border-left-width: 10px;
	border-top-width: 10px;
}

div.detailImage table td {
	height: 120px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
	border-collapse: collapse;	
	background-color: white;
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
}
	

	

/* ////// General Text //////// */

div.genText {
	padding: 15px;
}

div.columns {
	column-count: 2;
	column-gap: 20px;       
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	margin-bottom: 15px;
}

div.columns h1 {
	column-span: all;
	-webkit-column-span: all;
	-moz-column-span: all;
}

div.genText h1 {
	border-bottom: 1px solid gray;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

div.genText p {
	color: #999;
	padding-bottom: 10px;
}



/* ////// Addresses //////// */

div.address {
	float: left;
	width: 29%;
	height: 115px;
	margin: 0 0 15px 15px;
	padding: 0;
}

div.addressDetail {
	display: block;
	border-bottom: 1px solid #333;
	padding: 10px 0;
}
div.addressDetail span {
	float: left;
	width: 275px;
}

div.addressDetail iframe {
	float: right;
}


/* ///////////////////////////////////////////////////////////////////////////////// */
/* sidebar */
/* ///////////////////////////////////////////////////////////////////////////////// */

td.sidebar {
	width: 245px;
}

	


/* ///////////////////////////////////////////////////////////////////////////////// */
/* subLinks */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.subLinks {
	width: 227px;
	display: block;
	margin: 9px;
}

span.subLinks {
	display: block;
}

div.subLinks label {
	display: block;
	padding: 0;
	padding-left: 2px;
	margin: 0 0 8px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: silver;
}

div.subLinks ul,
div.subLinks ul li {
	margin: 0;
	padding: 0;
}

div.subLinks ul {
	padding: 0;
}

div.subLinks ul a,
div.subLinks ul a span {
	text-decoration: none;
	display: block;
	color: silver;
}

div.subLinks ul a.continueShopping {
	background-image: url(../_gfx/icon.sm.cart.continue.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

div.subLinks ul a span {
	padding: 4px 3px;
}

div.subLinks li a:hover,
div.subLinks li a:active,
div.subLinks li a:focus,
div.subLinks li a:hover span,
div.subLinks li a:active span,
div.subLinks li a:focus span {
	display: block;
	color: white;
}

div.subLinks li a.selected span,
div.subLinks li a.selected:hover span,
div.subLinks li a.selected:active span,
div.subLinks li a.selected:focus span,
div.subLinks li a.selected:link span,
div.subLinks li a.selected:visited span {
	color: white;
	font-weight: bold;
	background-image: url(../_gfx/bg.subLink.active.gif);
	background-color: #ac1c0f;
	background-position: left center;
	background-repeat: no-repeat;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* Side Banner */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.sideBanner {
	width: 227px;
	display: block;
	margin: 9px;
	padding-top: 6px;
}

span.sideBanner {
	display: block;
	text-align: center;
}

div.sideBanner img {
	margin: auto;
}


/* ///////////////////////////////////////////////////////////////////////////////// */
/* Footer */
/* ///////////////////////////////////////////////////////////////////////////////// */

/* Sticky Footer by Ryan Fait */
div.footer, 
div.push {
	height: 100px; /* .push must be the same height as .footer */
	}
	
div.footer {
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
	background: #131313 url(../_gfx/bg.footer.jpg) top center repeat-x;
	line-height: 10px;
	}

div.footer small,
div.footer small a {
	font-size: 10px;
	line-height: 10px;
	color: #6d7073;
	text-decoration: none;
}


div.footer small a {
	display: inline;
	z-index: 9999;
}

div.footer small a:hover {
	color: #CCC;
	cursor: pointer;
}

div.footerLogos img {
	margin: 7px 5px 0 5px;
	}



/* ///////////////////////////////////////////////////////////////////////////////// */
/* Loading */
/* ///////////////////////////////////////////////////////////////////////////////// */

div.AddEditLoadingContainer {
	margin: auto;
	width: 40px;
	height: 40px;
	padding: 0;
	display: inline;
}

div.AddEditLoadingContainer img {
	display: none;
}



/* ///////////////////////////////////////////////////////////////////////////////// */
/* Receipt Container */
/* ///////////////////////////////////////////////////////////////////////////////// */	

.receiptContainer {
	background: #fff;
	padding: 30px 20px;
	border: 10px solid #666;
	float: left;
	width: 800px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -400px;
	z-index: 9999;
	height: 500px;
	overflow-y: auto;
}

.receiptContainer label {
	font-size: .9em;
	color: #333;
	margin-right: 10px;	
}

@media print {
	.receiptContainer {
		clear: both;
		position: relative;
		top: 0;
		left: 50%;
		width: 555pt;
		border-color: white;
		margin: 0 auto;
		margin-left: -277.5pt;
		height: auto;
		overflow: auto;	
	}
	.mainLinks, .footerLogos, .content, .sidebar {
		display: none;
	}
	.logo {
		left: 1in;
		top: .5in;
		position: absolute;
	}
}

.receiptInfo,
.receiptItems,
.receiptTotals {
	width: 100%;
	position: relative;
	left: 0;
	margin-left: 0;
}

.receiptInfo {
	margin-bottom: 25px;
}

.receiptInfo td,
.receiptItems td {
	padding-bottom: 20px;
	border-bottom: #999 solid 1px;
}

.receiptItems td {
	border-style: none;
}

.receiptTotals {
	border-top: #999 solid 3px;
	height: 200px;
}

.receiptItemDescription p {
	font-size: 1.1em;
	line-height: 1.6em;
}

.receiptCustomerInfo {
	width: 80%;
	text-align: left;
	vertical-align: top;
}

.receiptDetails {
	width: 20%;
	text-align: right;
	vertical-align: top;
}

.receiptDetails h1 {
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	color: #333;
}

.receiptContainer h2 {
	color: gray;
}

.receiptItemPrice,
.receiptTotalPrices,
.receiptTotalTitles {
	vertical-align: top;
	text-align: right;
	width: 20%;
}

.receiptPaymentInfo {
	width: 60%;
}

.receiptTotalTitles {
	text-align: left;
}

.receiptItemPrice h1,
.receiptTotals h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1.3em;
}

.receiptContainerControls {
	height: 25px;
	line-height: 25px;
	text-align: left;
	display: block;
	margin-top: -25px;
	border-bottom: 1px solid #666;
	margin-bottom: 25px;
}

@media print {
	.receiptContainerControls {
		display: none;
	}
}

.receiptContainerControls a {
	padding-right: 20px;
	padding-left: 18px;
}

.receiptContainerControls a:hover,
.receiptContainerControls a:active,
.receiptContainerControls a:focus {
	color: #000;
}

.receiptContainerControls a.receiptContainerControlsPrint {
	background: url(../_gfx/icon.sm.printer.gif) center left no-repeat;
}

.receiptContainerControls a.receiptContainerControlsContinue {
	background: url(../_gfx/icon.sm.cart.gif) center left no-repeat;
}
	
	
@media print {
	body {
		zoom: 90%;
		margin: 0 auto;
	}
	.receiptTotals {
		width: 555pt;
		border: 1px solid white;
		border-top: #999 solid 3px;
	}
	.receiptTotals .receiptPaymentInfo {
		width: auto !important;
	}
}



/* ///////////////////////////////////////////////////////////////////////////////// */
/* Error DIV */
/* ///////////////////////////////////////////////////////////////////////////////// */	

#ErrorDiv,
#ProgressDiv {
	background: #faffcd;
	padding: 10px 20px;
	border: 5px solid #7f7f65;
	float: left;
	width: 200px;
	position: fixed;
	top: 0;
	left: 50%;
	margin: 0 0 0 -100px;
	z-index: 100;
	text-align: center;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-top: none;
}
@media print {
	#ErrorDiv,
	#ProgressDiv {
		display: none;
	}
}


#ProgressDiv {
	background: #faffcd url(../_gfx/loading.sprite.gif) no-repeat 25% 5px;
	padding-left: 40px;
}

#ErrorDiv div,
#ErrorDiv div div,
#ProgressDiv span {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-shadow: 0 -1px 0 #fff;
}

#ProgressDiv small {
	display: block;
	font-size: .9em;
	padding-top: 5px;
	margin-left: -20px;
}
