/***********************************************/
/* HTML Element Styles                         */
/***********************************************/ 
* {
	margin: 0;
	padding: 0;
}
html {
	background: #d7d7d7 url(/images/body_bg.jpg) fixed repeat-x left top;
}
body {
	margin: auto;
	margin-top: 25px;
	width: 738px;
	background: transparent url(/images/middle.gif) repeat-y;
	font: normal .65em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	/*behavior: url("core/styles/csshover.htc");*/
}
.popUpBody {
	background: #fff;
	width: auto;
}
body * {
	font-size: 100%;
}
/* Links ***************************************/
a {
	text-decoration: underline;
	color: #ff6600;
}
a:hover {
	text-decoration: none;
	color: #ff8737;
}
a img {
	border: none;
}
/* Headers *************************************/
h2, h3, h4, h5, h6 {
	padding: 4px 0;
}
h1 {
	font-size: x-large;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
	text-transform: uppercase;
}
h4 {
	font-size: 1.1em;
}
/* Text ****************************************/
p {
	margin: 0;
	padding: 6px 0;
}
/* Lists ***************************************/
dt {
	font-weight: bold;
}
ol, ul {
	list-style-position: inside;
}
/* Rules ***************************************/
hr {
	clear: both;
	background: transparent;
	border-top: 1px solid #ebebeb !important;
	border-top: 0px solid;
	border-bottom: none;
	color: #ebebeb;
}
/***********************************************/
/* Layout                                      */
/***********************************************/
/* By ID ***************************************/
#main {
	background: transparent url(../../images/bottom.gif) no-repeat left bottom;
	padding-bottom: 115px;
}
#left-column {
	float: left;
	width: 125px;
}
#main-column {
	float: right;
	width: 612px;
}
#content {
	padding: 0px 6px 9px;
}
/* By Class ************************************/
.bucket {
	margin-bottom: 10px;
	padding: .25%;
	border: 1px solid #ccc;
	background: #fafafa;
}
/***********************************************/
/* Layout Table                                */
/***********************************************/ 
.layoutTable {
	width: 100%;
}
.layoutTable td {
	padding: 2px 1px;
	background: #D1E6EF;
	border: 1px solid #C3D6DF;
	text-align: center;
}
.layoutTable .row td {
	background: #E0EBF3;
	border: 1px solid #D1E6EF;
}
.layoutTable .altRow td {
	background: #F1F6FA;
	border: 1px solid #DDE8ED;
}
.layoutTable img {
	vertical-align: middle;
	padding: 1px;
}
.layoutTable .row:hover td {
	background: #F9FBFD;
	border: 1px solid #E0EAEF;
}
.layoutTable .altRow:hover td {
	background: #F9FBFD;
	border: 1px solid #E0EAEF;
}
/***********************************************/
/* Logo                                        */
/***********************************************/ 
h1#logo {
	margin-left: -59px;
	float: left;
	height: 168px;
	width: 184px;
	padding: 0px;
	background: transparent url(../../images/logo.gif) no-repeat left top;
}
h1#logo a {
	display: block;
	height: 100%;
	text-decoration: none;
	text-indent: -9999px;
	background: transparent url(../../images/logo.gif) no-repeat left top;
}
h1#logo a:hover {
	background-position: left bottom;
}
/***********************************************/
/* Master Navigation                           */
/***********************************************/ 
#mastnav {
	width: 125px;
	padding: 0px;
	list-style: none;
	clear: left;
	float: left;
	margin-top: 5px;
	margin-bottom: 80px;
	border-bottom: 1px solid #f16726;
}
#mastnav li {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	list-style: none;
	background: #ccc url(/images/mastnav_bg.gif) repeat-y -15px top;
}
#mastnav a {
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #333;
	border-left: 0px solid #f16726;
	border-top: 1px solid #f16726;
	border-bottom: 1px solid #f16726;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#mastnav a:hover {
	background: #ebebeb;
	color: #000;
	background: #ff732f url(/images/mastnav-over_bg.gif) repeat-y -15px top;
}
/*#mastnav a#nav-mens {
	text-indent: -9999px;
	background: url(../../images/nav/males.gif) no-repeat left bottom;
	height: 27px;
}
#mastnav a#nav-mens:hover {
	background-position: left top;
}
#mastnav a#nav-females {
	text-indent: -9999px;
	background: url(../../images/nav/females.gif) no-repeat left bottom;
	height: 27px;
}
#mastnav a#nav-females:hover {
	background-position: left top;
}
#mastnav a#nav-accessories {
	text-indent: -9999px;
	background: url(../../images/nav/accessories.gif) no-repeat left bottom;
	height: 27px;
}
#mastnav a#nav-accessories:hover {
	background-position: left top;
}*/
#mastnav ul a {
	margin: 0px;
	padding: 3px 10px;
	background: #ff8f45;
	border: none;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	color: #fff;
}
#mastnav ul a:hover {
	background: #ff732f;
	caption-side: #fff;
}
/***********************************************/
/* Utility Navigation                          */
/***********************************************/ 
#utilnav {
	background: #ebebeb url(/images/body_bg.jpg) fixed repeat-x left -25px;
	height: 16px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 5px 0px;
	position: relative;
	z-index: 10;
}
#utilnav li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
#utilnav li a {
	color: #000;
	padding-left: 28px;
}
#utilnav li a:hover {
	color: #ff8737;
}
#utilnav li.cart {
	background: transparent url(/images/cart-icon.gif) no-repeat left center;
}
#utilnav li.account {
	background: transparent url(/images/account-icon.gif) no-repeat left center;
}
/***********************************************/
/* Global Navigation                           */
/***********************************************/ 
ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li {
	list-style: none;
}
.nav li a {
	display: block;
	padding: 3px;
	background: #eee;
	border-top: 1px solid #ccc;
	border-right: 10px solid #ccc;
	font-size: 1.1em;
	text-decoration: none;
	color: #000;
}
.nav li a:hover {
	border-color: #69c;
	background: #fefefe;
	color: #69c;
}
/***********************************************/
/* Options                                     */
/***********************************************/
.options {
	list-style: none;
	margin: 6px 0px;
}
.options li {
	clear: both;
	display: inline;
}
.options a {
	color: #666;
	display: block;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
}
.options .email a {
	padding-left: 20px;
	background: transparent url(../../images/email-icon.gif) no-repeat left center;
}
.options .wishlist a {
	padding-left: 20px;
	background: transparent url(../../images/wishlist-icon.gif) no-repeat left center;
}
.options a:hover {
	text-decoration: underline;
}
/***********************************************/
/* Footer                                      */
/***********************************************/ 
#footer-nav {
	background: #ebebeb url(/images/body_bg.jpg) fixed repeat-x left bottom;
	text-align: right;
	list-style: none;
	padding: 3px 0px;
}
#footer-nav li {
	display: inline;
	margin: 0px 5px;
}
#footer-nav li a {
	text-transform: uppercase;
}
#footer {
	clear: both;
	padding: 10px 0px 20px;
	background: #d7d7d7/* url(/images/body_bg.jpg) fixed repeat-x left bottom*/;
	font-size: .9em;
	color: #666;
}
#footer img {
	vertical-align: middle;
}
#footer strong {
	font-weight: normal;
	text-transform: uppercase;
}
#footer p {
	float: left;
	padding: 0px;
}
#footer ul {
	float: right;
	list-style: none;
}
#footer li {
	display: inline;
	margin-right: 5px;
	padding-left: 9px;
	border-left: 1px solid #666;
}
#footer li.first {
	border-left: none;
}
#footer li a {
	color: #666;
}
#footer .clear {
	background: #fff;
}
/***********************************************/
/* Products                                    */
/***********************************************/
.main-product {
	float: left;
	width: 290px;
	text-align: center;
}
.main-product .pic {
	margin: 25px auto;
	width: 300px;
}
.product {
	float: left;
	text-align: center;
	width: 145px;
}
.product-info {
	float: right;
	width: 200px;
	margin-right: 10px;
}
.related-products {
	float: left;
	width: 105px;
	text-align: center;
}
.main-price {
	font-size: 1.3em;
}
.product-info fieldset {
	padding: 0px;
}
.product-info label {
	display: block;
	margin: 15px 0px;
}
.product-info label input {
	width: 75px;
}
/***********************************************/
/* Individual Components                       */
/***********************************************/ 

/* Search Form *********************************/
#searchForm {
	height: 26px;
	margin: 0px;
	background: #ebebeb url(/images/body_bg.jpg) fixed repeat-x left -25px;
}
#searchForm fieldset {
	border: none;
	background: transparent;
	padding: 0px;
	margin: 0px;
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
}
#searchForm legend {
	font-size: 1em;
}
#searchForm label {
	margin-top: 5px;
	float: left;
	vertical-align: bottom;
}
#searchForm input {
	position: static;
}
#searchForm input.text {
	left: auto;
	top: auto;
	margin-left: 50px;
}
#searchForm input.submit {
	left: auto;
	top: auto;
}
/* Breadcrumbs *********************************/
#breadcrumbs {
	clear: right;
	background: transparent url(../../images/top.gif) no-repeat right top;
	padding: 9px;
}
/* Button **************************************/
a.button {
	clear: both;
	background: #ebebeb;
	border: none;
	color: #333;
	padding: 6px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}
/* Date ****************************************/
.date {
	font-size: x-small;
	color: #666;
}
/***********************************************/
/* Buckets                                     */
/***********************************************/
.promo-bucket {
	float: left;
	width: 161px;
	height: 193px;
	margin-top: 5px;
	padding-right: 35px;
	border: 1px solid #ff8738;
	margin-left: 3px;
	text-align: center;
}
.promo-bucket dt {
	height: 110px;
	width: 158px;
	overflow: hidden;
}
.promo-bucket dd {
	width: 130px;
	margin-left: 20px;
	height: 51px;
}

.promo-bucket dd.name a {
	color: #000;
	text-decoration: none;
}
.first-promo {
	margin-left: 0px;
}
.first-promo dt {
	margin-left: 18px;
	width: 140px;
}
.first-promo dl {
	background: transparent url(../../images/featured-bucket.gif) no-repeat left top;
}
#jackets-promo {
	background: #fff url(../../images/jackets-bucket.gif) no-repeat right bottom;
}
#fleece-promo {
	background: #fff url(../../images/fleece-bucket.gif) no-repeat right bottom;
}
#lighters-promo {
	background: #fff url(../../images/lighters-bucket.gif) no-repeat right bottom;
}
/***********************************************/
/* Miscelaneous Styles                         */
/***********************************************/ 

/* Display *************************************/
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.inline {
	display: inline;
}
/* Floats **************************************/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.noFloat {
	float: none;
}
/* Dimensions **********************************/
.fullWidth, 
.whole {
	width: 100%;
}
.halfWidth, 
.half {
	width: 49%;
}
/* Spacing *************************************/
.padding {
	padding: 5px;
}
.margins {
	margin: 5px;
}
/* Images **************************************/
.pic {
	width: 282px;
}
.thumb {
	width: 100px;
	margin: 4px;
	background: transparent;
}
a:hover .thumb {
}
/* Fonts ***************************************/
.smaller {
	font-size: .9em;
}
.larger {
	font-size: 1.1em;
}
.important {
	color: #a00;
}
/* Alignment ***********************************/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.margin {
	margin: auto;
}
/* Borders *************************************/
.noBorder {
	border: none;
}
/***********************************************/
/* Forms                                       */
/***********************************************/

form {
	margin-bottom: .5em;
}

fieldset {
	padding: .5em;
	background: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
}

legend {
	font-size: 1.2em;
	color: #666;
}

label {
	font-weight: bold;
	cursor: pointer;
}

input, select, textarea {
	margin: 2px;
}

input[type=checkbox] {
	margin: 4px 2px;
}

label, input, select {
	vertical-align: middle;
}

/* Class Specific ******************************/

.formWrapper div {
	clear: both;
	text-align: left;
}

.formWrapper label {
	display: block;
	float: left;
	width: 48%;
	padding: .4em .4em 0 0;
	text-align: right;
}

.label {
	display: block;
	float: left;
	width: 48.5%;
	padding: .2em 0;
	text-align: right;
}

.staticField {
	display: block;
	float: right;
	width: 48.5%;
	padding: .2em;
	text-align: left;
}

.formWrapper .inputDesc {
	margin-left: 49%;
}

/***********************************************/
/* Checkout Steps                              */
/***********************************************/ 

.steps {
	position: relative;
		top: 0;
		left: 0;
	height: 30px;
}

.steps span {
	float: left;
	display: block;
	width: auto !important;
	width: 50px;
	min-width: 50px;
	padding: 3px 30px;
	background: url(/images/checkout2_bg.gif) transparent no-repeat right center;
	text-align: center;
	white-space: nowrap;
}

.steps span.past {
	background: url(/images/checkout1_bg.gif) transparent no-repeat right center;
	color: #fff;
}

.steps .step1 {
	z-index: 5;
	position: relative;
	margin-left: 0;
}

.steps .step2 {
	z-index: 4;
	position: relative;
	margin-left: -10px;
}

.steps .step3 {
	z-index: 3;
	position: relative;
	margin-left: -10px;
}

.steps .step4 {
	z-index: 2;
	position: relative;
	margin-left: -10px;
}

.curStep {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

/** Clean Up *
#cvvOption2, #cvvOption3 {
	margin-left: 49.6%;
}

#CheckoutStep3 #Country, #CheckoutStep3 #Select1 {
	width: 146px;
}
#CheckoutStep3 #ex_month, #CheckoutStep3 #ex_year {
	width: 71px;
}
.checkOutSteps {
	margin-top: 10px;
}
.prod dd.floatLeft .thumb {
	margin-top: 5px;
	margin-right: 7px;
}
.searchBox .txtField {
	width: 128px;
}*/
	/* IE Fixes 
	* html #cvvOption2, * html #cvvOption3 {
		margin-left: 49%;
	}
	* html dl.prod dd.floatLeft a {
		display: block;
	}
	* html dl.prod dd.floatLeft a:hover img {
		background: #C5E4FB;
		border: 1px solid #0B6ABF;
	}	*/
#Cart #content form {
	display: inline;
}
#Cart #content form input.submit, 
#Cart #content form input.button {
	margin-top: 5px;
	float: left;
}

.layoutTable td.cartSubTitle, .layoutTable td.cartTotalTitle {
	text-align: right;
}



/* Last minutes classes */
.logonBuckets {
	width: 47%;
	float: left;
	margin: 5px;
}