@import "forms.css";

/* 
	Title:	MARCS screen styles
	Author: chris.pearce@bluearcgroup.com
*/

/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html, body, fieldset, img {border: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Back to my CSS */
body {
	color: #000;
	background-color: #fff;
	font: 62.5%/1.3 Arial, Helvetica, sans-serif; /* 10px */
	margin-bottom: 15px;
}
a:link, a:visited {color: #000;}
a:hover {color: #7b7b79;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 0.40em;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {margin: 0 12px;} 
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.50em;
}
h1 {
	font-size: 2.09em; /* 25px */
	margin-bottom: 0.80em;
}
div.main-content h1 {
	position: relative;
	padding-right: 355px;
}
h2 {font-size: 1.5em;} /* 18px */
h3, h4, h5, h6 {
	font-size: 1.05em;
	margin-bottom: 0.20em;
}
/* Over-ride those pesky font tags */
font {
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 100% !important;
	color: #3f3f3f !important;
}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Set font size to 11px if required */
div.main-content {font-size: 1.2em;}
/* Spacing */
div.main-content p, div.main-content ul,
div.main-content ol, div.main-content dl,
div.main-content table {margin-bottom: 1.2em;}
div.main-content table table {margin: 0;}
div.main-content p + ul,
div.main-content p + ol {margin-top: -1em;}
/* Lists */
div.main-content ul {margin-left: 2px;}
div.main-content ul li {
	padding-left: 18px;
	background: url("../images/template/bullet.gif") no-repeat 0 6px;
}
div.main-content ol {list-style: lower-alpha;}
div.main-content ol li {margin-left: 24px;}
div.main-content ul ul, 
div.main-content ol ol {margin: 0.4em 0;}

/****************************************************************************************
	[SITE STRUCTURE] main divisions
*****************************************************************************************/

/* [BG IMAGE]
-------------------------------------------------------
img#bg {
	display: block;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: fixed; 
	top: 0; 
	left: 0;
}*/

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 950px;
	margin: 0 auto 30px;
	position: relative;
	z-index: 5;
}

/* [LOGO]
-------------------------------------------------------*/
h1#logo {
	float: left;
	margin: 47px 0 15px;
	width: 191px;
}
	h1#logo a {
		display: block;
		text-indent: -999em;
		width: 191px;
		height: 31px;
		background: url("../images/template/logo.gif") no-repeat 0 0;
		overflow: hidden;
	}
	
/* [MAIN NAV + SUB NAV + SHOP/ACCOUNT LINKS]
-------------------------------------------------------*/
#nav-search {
    background: url("../images/template/bg-border.png") repeat-x 0 100%;
	float: right;
	width: 714px;
	margin-bottom: 32px;
}
#account-tools {
	float: right;
	font-size: 1.1em; /* 11px */
	margin-bottom: 8px;
}
#subnav {
	float: right;
	clear: right;
	font: bold 1.3em Arial, Helvetica, sans-serif; /* 13px */
	margin-bottom: 32px;
	text-transform: uppercase;
}
#subnav.steps {
	padding: 0 8px 0 222px;
	width: 728px;
	color: #7b7b79;
}
	#subnav.steps a {color: #3f3f3f;}
	#subnav ul {float: right;}
	#subnav ol {float: left;}
	    /* Main Nav Items */
		#nav-search ul li {
		    float: left;
		    position: relative;
		    line-height: 0;
		}
		    #nav-search ul li a {
		        position: absolute;
		        top: 0;
		        left: 0;
		        height: 55px;
		        overflow: hidden;
		        text-indent: -9999em;
		        display: block;
		    }
		    li#mens a {
		        background: url("../images/template/bg-nav-mens-o.png") no-repeat -9999em 0;
		        width: 138px;
		    }
		    li#womens a {
		        background: url("../images/template/bg-nav-womens-o.png") no-repeat -9999em 0;
		        width: 171px;
		    }
		    li#looks a {
		        background: url("../images/template/bg-nav-looks-o.png") no-repeat -9999em 0;
		        width: 101px;
		    }
		    li#stores a {
		        background: url("../images/template/bg-nav-stores-o.png") no-repeat -9999em 0;
		        width: 111px;
		    }
		    #nav-search ul li a:hover,
		    #nav-search ul li a:active,
		    #nav-search ul li a.active {
		        background-position: 0 0;
		        background-color: #414141;
		        padding-left: 1px;
		        margin-left: -1px;
		    }
		    #nav-search ul li a:active {background-color: #2b2b2b;}
		    #nav-search ul li a.active {background-color: #000;}
		        #nav-search ul li a img {display: block;}
		
				
		#subnav ul li,
		#subnav ol li {
			float: left;
			margin-left: 30px;
		}
		/*Payment steps*/
		#subnav ol li {
			background: url("../images/template/steps-div-incomplete.png") no-repeat -50px 50%;
			padding: 8px 0 8px 30px;
			margin-left: 30px;
		}
		/*Highlight completed Payment steps*/
		#subnav ol li.complete {background-image: url("../images/template/steps-div.png");}
		
		/*Highlight active Payment step*/
		#subnav ol li.active {background-image: url("../images/template/steps-div-active.png");}
		
		/*Acount Tools Items */		
		#account-tools li {
		    background: url("../images/template/bg-border-v.png") no-repeat 0 50%;
			padding: 9px 10px;
			float: left;
		}
		#account-tools li.first-item {background: none;}
		#account-tools li#checkout {margin-left: 1px;}
		#account-tools li#checkout,
		#account-tools li#cart {padding: 0;}
		    #account-tools li#checkout a,
		    #account-tools li#cart a {
		        background: #000;
		        color: #fff;
		        padding: 9px 10px;
		    }
		    #account-tools li#checkout a {
		        background: #000 url("../images/template/bg-ancillary.png") no-repeat 5.4em 50%;
		        padding-right: 24px;
		    }
		    #account-tools li#checkout a:hover,
		    #account-tools li#cart a:hover {background-color: #414141;}
		    #account-tools li#checkout a:active,
		    #account-tools li#cart a:active {background-color: #2b2b2b;}
		    
		    
		#subnav ul li.first-item {margin-left: 0;}
		#subnav.steps ol li.first-item {margin-left: 10px;}
			#nav-search ul li a,
			#account-tools li a,
			#subnav ul li a {
				display: block;
				float: left;
				text-decoration: none;
			}
			#account-tools li a:hover,
			#account-tools li a.active,
			#subnav ul li a:hover,
			#subnav ul li a.active {color: #7B7B79;}
			/* Highlight Cart on Submit */
			#account-tools li a em.focus {
				background-color: #484637;
				color: #fff;
				font-style: normal;
			}
			
/* [ANCILLARY NAV]
-------------------------------------------------------*/
#ancillary-nav {
	float: left;
	width: 222px;
	margin-left: -10px;
}
	#ancillary-nav a {text-decoration: none;}
	#ancillary-nav li a {
		background: #fff url("../images/template/bg-ancillary.png") no-repeat 150% 50%;
		font-size: 1.4em; /* 14px */
		padding: 5px 10px;
		margin-bottom: 2px;
		display: block;
		font-weight: bold;
		text-transform: uppercase;
	}
	#ancillary-nav li a:hover,
	#ancillary-nav li a.active {
	    color: #fff;
	    background-color: #000;
	    background-position: 202px 50%;
	}
			
/* [CONTENT AREA]
-------------------------------------------------------*/
#cnt-wrapper {
	width: 950px;
	float: left;
}
	
	/* [MAIN PAGE COPY]
	-------------------------------------------------------*/
	div.main-content {
		float: left;
		width: 950px;
		min-height: 422px;
		margin-bottom: 15px;
	}
	/* With Optional Side Panel */
	body.panel div.main-content {width: 608px;}
	/* With Ancillary Nav - Shop pages */
	body.ancillary-nav div.main-content {
		float: right;
		width: 714px;
	}
	/* Thickbox iFrame */
	body.thickbox {margin: 0;}
		body.thickbox h1#TB_Header {
			font-size: 1.7em;
			margin: 0;
			padding: 16px 18px;
		}
		body.thickbox div.main-content {
			height: 312px;
			min-height: 312px;
			overflow: auto;
			padding: 0 18px;
			float: none;
			width: auto;
			margin: 0;
		}
			body.thickbox div.main-content div.col {
				float: left;
				width: 268px;
				padding-top: 16px;
			}
			body.thickbox div.main-content div.col.right {float: right;}
	
	/* [OPTIONAL SIDE PANEL]
	-------------------------------------------------------*/
	div.panel {
		float: right;
		width: 298px;
	}
		div.panel img {
			max-width: 298px;
			max-height: 422px;
		}
		div.panel p {margin: 0;}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
    background: url("../images/template/bg-border.png") repeat-x 0 0;
	clear: both;
	width: 950px;
	text-transform: uppercase;
	font-size: .9em; /* 9px */
	position: relative;
}
	#footer a:link,
	#footer a:visited {text-decoration: none;}
	#footer a:hover {color: #7b7b79;}	
	#footer ul {padding-top: 14px;}
		#footer ul li {
			display: inline; 
			margin-right: 16px;
		}
		#footer ul li img {vertical-align: middle;}	
	#footer p {
	    color: #606060;
		position: absolute;
		right: 0;
		top: 15px;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [STANDARD DATA TABLE]
-------------------------------------------------------*/
.main-content table.grid {
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
.main-content table.grid.clear {clear: both;}
	.main-content table.grid thead th {		
		font-weight: bold;
		background: #e5e5e5;
		padding: 0.80em;
		vertical-align: top;
		border-bottom: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		text-align: left;
	}
	.main-content table.grid thead th.alt {text-align: center;}
	.main-content table.grid tbody td {
		padding: 0.65em 0.80em;
		vertical-align: middle;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ededed;
	}
	.main-content table.grid tbody td.subset-wrapper {
		padding: 0;
		border: none;
	}
		.main-content table.grid tbody td strong {display: block;}
		.main-content table.grid tbody td input.delete {
			padding-left: 5px;
			vertical-align: middle;
		}
	.main-content table.grid tbody td.alt {text-align: center;}
	.main-content table.grid tr.free-gift td {background-color: #F2F6E7;}
	.main-content table.grid tr.free-gift td.alt.img {background-color: #fff;}
		.main-content table.grid tr.free-gift td em {
			font-weight: bold;
			font-style: normal;
			font-size: 1.05em;
			display: block;
			text-transform: uppercase;
			padding-top: 4px;
			color: #EA2F31;
		}
	.main-content table.grid tbody td.alt.img {padding: 0.65em 0;}	
	.main-content table.grid tfoot th {		
		text-align: right;
		font-weight: bold;		
		padding: 0.3em 0.8em;
		vertical-align: top;
		text-transform: uppercase;
	}
	.main-content table.grid tfoot td {
		padding: 0.3em 0.8em;
		font-size: 0.916666em;
	}
	.main-content table.grid tfoot td.alt {
		text-align: right;
		padding: 0.65em 0.8em;
	}
	.main-content table.grid tfoot tr.promo th {
		text-transform: none;
		color: #6F6F6F;
	}
		.main-content table.grid tfoot tr.promo th em {
			text-transform: uppercase;
			font-style: normal;
			color: #3F3F3F;
		}
	.main-content table.grid tfoot tr.promo td {
		font-weight: bold;
		background-color: #84AA0F;
		color: #fff; 
	}	
	/* Inner Tables */
	.main-content table.grid tbody td div.subset {padding: 10px;}
	.main-content table.grid table {border: 1px solid #d9d9d9;}
		.main-content table.grid table thead th {padding: 0.45em;}
		.main-content table.grid table tbody td {
			padding: 0.3em 0.45em;
			border: 0;
		}
		.main-content table.grid table tfoot th {text-align: right;}
		.main-content table.grid table tfoot td {border: 0;}

/* [CATEGORIES]
-------------------------------------------------------*/
div.main-content ul#img-caption {
	float: left;
	width: 950px;
	margin: 0;
}
/* Sub category pages */
div.main-content ul#img-caption.sub-categories {
    margin-left: -25px;
    width: 975px;
}
	div.main-content ul#img-caption li {
		padding: 0;
		background: none;
		float: left;
		width: 266px;
		margin-left: 34px;
	}
	div.main-content ul#img-caption.sub-categories li {
		width: 170px;
		margin: 0 0 34px 25px;
	}
		div.main-content ul#img-caption li img {
			display: block;
			width: 266px;
			height: 276px;
			margin-bottom: 1em;
		}
		div.main-content ul#img-caption.sub-categories li img {
			width: 170px;
			height: 180px;
			margin-bottom: 1em;
		}
		/*div.main-content ul#img-caption li a:hover img {background-position: 0 -286px;}*/
		div.main-content ul#img-caption li p {margin: 0;}
			div.main-content ul#img-caption li p a {
				background: #000 url("../images/template/bg-ancillary.png") no-repeat 100% 50%;
				color: #fff;
				border: solid #000;
				border-width: 2px 4px;
				padding-right: 14px;
				text-decoration: none;
				font-weight: bold;
			}
			div.main-content ul#img-caption.sub-categories li p a {
				background: #000 url("../images/template/bg-ancillary.png") no-repeat 100% 50%;
				color: #fff;
				border: solid #000;
				border-width: 2px 4px;
				padding-right: 14px;
				text-decoration: none;
				font-weight: bold;
			}
			div.main-content ul#img-caption li p a:hover {
				text-decoration: none;
				/*background-position: -266px 0;*/
			}
			div.main-content ul#img-caption.sub-categories li p a:hover {background-color: #414141; border-color: #414141;}
			div.main-content ul#img-caption.sub-categories li p a:active {background-color: #2b2b2b; border-color: #2b2b2b;}
				/*div.main-content ul#img-caption li p a span {
					display: block;
					background: url("../images/template/caption-bg-btm.gif") no-repeat 0 100%;
					padding: 0 0.60em 9px 0.60em;
				}
				div.main-content ul#img-caption.sub-categories li p a span {background-image: url("../images/template/caption-bg-btm-sub.gif");}
				div.main-content ul#img-caption li p a:hover span {background-position: -266px 100%;}
				div.main-content ul#img-caption.sub-categories li p a:hover span {background-position: -180px 100%;}*/

/* PRODUCT LISTINGS]
-------------------------------------------------------*/
/* Standard listing */
div.main-content ul#products {
	float: right;
	width: 736px;
	margin: 0;
}
/* 5-col products listing */
div.main-content ul#products.wide {
	width: 935px;
	margin-left: 0;
	float: none;
}
/* Related products listing */
div.main-content ul#products.alt {
    margin-left: -99px;
    width: 807px;
}    
	div.main-content ul#products li {
		padding: 0;
		background: none;
		float: left;
		width: 160px;
		margin: 0 0 34px 24px;
	}
	div.main-content ul#products.alt li {
	    margin: 0 0 0 99px;
	    width: 170px;
    }
    /* Divider - clears a row */
	div.main-content ul#products li.divider {
		width: 714px;
		height: 1px;
		clear: both;
		display: block;
		float: none;
		line-height: 0;
		font-size: 0;
		overflow: hidden;
		text-indent: -9999em;
		margin: 0;
	}
	div.main-content ul#products.wide li.divider {width: 935px;}
	div.main-content ul#products.alt li.divider {width: 708px;}
        div.main-content ul#products.alt li p {text-transform: uppercase;}
        div.main-content ul#products a {text-decoration: none;}
        div.main-content ul#products a:hover {text-decoration: underline;}
		div.main-content ul#products li img {
			display: block;
			width: 160px;
			height: 170px;
			margin-bottom: 5px;
		}
		div.main-content ul#products.alt li img {
            width: 170px;
			height: 180px;
        }

/* PRODUCT DETAIL]
-------------------------------------------------------*/
/* Left column */
.main-content div.product-detail-swf {
	float: left;
	width: 350px;
	background: url("../images/template/bg-border.png") repeat-x 0 100%;
	padding-bottom: 10px;
}
/* Right column */
.main-content #prod-details {
	float: right;
	width: 335px;
}
    .main-content #prod-details #desc {
        background: url("../images/template/bg-border.png") repeat-x 0 100%;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
	.main-content #prod-details h1 {
		margin-bottom: 0.25em;
		padding: 0;
	}
	/* Product info */
	.main-content p.detail {
	    color: #3f3f3f;
	    text-transform: uppercase;
    }
    .main-content #prod-details p.detail {
        text-transform: none;
        font-size: .92em; /* 11px */
        color: #787878;
    }
    .main-content #prod-details strong.price {
        display: block;
        font-size: 1.5em; /* 18px */
        margin-bottom: 1em;
    }
	    .main-content p.detail span {
		    display: block;
		    margin-bottom: 1em;
	    }	
	    .main-content #prod-details p.detail strong {font-size: 1.25em;}
	    .main-content p.detail strong span,
	    .main-content ul#products li p span,
	    .main-content #desc strong.price span {
	        text-decoration: line-through;
	        display: inline;
	        color: #999;
	        padding-right: 0.25em;
	        margin-bottom: 0;
	    }	
	/* Sizing link */
	.main-content #prod-details a.size {margin-left: 5px;}
	/* Adjust form layout */
	.main-content #prod-details fieldset {
		width: 335px;
		padding: 0;
		float: left;
	}
	.main-content #prod-details fieldset div.form-row label {width: 5em;}
	.main-content #prod-details .submit {margin-bottom: 1.25em;}
	.main-content #prod-details .submit.alt {        
		border-top: 1px solid #efefef;
		text-align: right;
		float: none;
		margin: 0;
	}
		.main-content #prod-details .submit.alt a {
			float: none;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			padding-right: 0.5em;
		}
		.main-content #prod-details .submit.alt a.last {padding-left: 0.5em;}
		.main-content #prod-details .submit.alt a:hover,
		.main-content #prod-details .submit.alt a:focus {text-decoration: underline;}
		/* Email a Friend */
		.main-content #prod-details a#email {
			background: url("../images/template/plus.gif") no-repeat 0 52%;
			padding-left: 9px;
		}
	/* Add to Cart Notification */
	.main-content #prod-details div.success {
		margin: 0 0 8px;
		padding-top: 10px;
		padding-bottom: 16px;
	}
		.main-content #prod-details div.success p.first {
			margin-bottom: 14px;
			font-size: 1em;
			text-transform: uppercase;
			line-height: 1.5;
		}
		.main-content #prod-details div.success p a {
			padding: 2px 3px;
			background-color: #84AA0F;
			color: #fff;
			text-decoration: none;
			margin-right: 2px;
			/* Rounded Corners */
			border-radius: 4px;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;
		}
		.main-content #prod-details div.success p a:hover,
		.main-content #prod-details div.success p a:focus {background-color: #50670A;}
		/* Loader */
		.main-content #prod-details div.submit div.loader-sml {
			text-align: center;
			padding: 10px 0;
		}
			
/* PRODUCT TABS]
-------------------------------------------------------*/
.main-content #panel-tabs {
	float: left;
	width: 335px;
	margin: 0.75em 0 1.5em;
}
	/* Tabs Nav */
	.main-content #panel-tabs ul#tabs {
		margin: 0;
		list-style: none;
		background: url("../images/template/tabs-bg.gif") no-repeat 0 100%;
		float: left;
		width: 335px;
		padding-bottom: 1px;
	}
		.main-content #panel-tabs ul#tabs li {border-bottom: 1px solid #d5e0e6;}
		.main-content #panel-tabs ul#tabs li.ui-tabs-selected {
			border: none;
			padding-bottom: 1px;
			background: #efefef url("../images/template/tabs-fix.gif") repeat-y 0 0;
		}
		.main-content #panel-tabs ul#tabs li,
		.main-content #panel-tabs ul#tabs li a,
		.main-content #panel-tabs ul#tabs li a strong {
			float: left;
			display: block;
			background: none;
			padding: 0;
		}
			.main-content #panel-tabs ul#tabs li a {
				background: url("../images/template/tabs-l.png") no-repeat 0 0;
				padding-left: 2px;
				text-decoration: none;
			}
			.main-content #panel-tabs ul#tabs li a:hover,
			.main-content #panel-tabs ul#tabs li a:focus,
			.main-content #panel-tabs ul#tabs li.ui-tabs-selected a {background-position: -2px 0;}
				.main-content #panel-tabs ul#tabs li a strong {
					padding: 0.60em 1.181818em 0.50em 0.909090em;
					background: url("../images/template/tabs-r.png") no-repeat 100% 0;
					cursor: pointer;
				}
				.main-content #panel-tabs ul#tabs li a:hover strong,
				.main-content #panel-tabs ul#tabs li a:focus strong,
				.main-content #panel-tabs ul#tabs li.ui-tabs-selected a strong {background-position: 100% -100px;}
	/* Tab Panels */
	.main-content #panel-tabs div.tabs-panel {
		float: left;
		width: 305px;
		background: #efefef;
		padding: 10px 14px;
		min-height: 100px;
		border: 1px solid #d4dfe5;
		border-top: none;
	}
	.main-content #panel-tabs .ui-tabs-hide {display: none;}
	
/* Complete the look products */
.main-content #wear-with {
    clear: both;
    padding-top: 2.6em;
    width: 100%;
}
    .main-content #wear-with h2 {margin-bottom: 1em;}

/* [MY ACCOUNT]
-------------------------------------------------------*/		
ul#account {
	margin-left: -34px;
	float: left;	
}
	ul#account li {
		float: left;
		padding: 0;
		background: none;
		margin-bottom: 2em;
		width: 337px;
		margin-left: 34px;
	}
		ul#account li h3 {			
			border-bottom: 2px solid #ccc;	
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.05em;
		}
		ul#account li a {text-decoration: none;}
		ul#account li a:hover,
		ul#account li a:focus {text-decoration: underline;}	
		
/* Privilege Points */
h3 em {
	font-size: 1.25em;
	font-style: normal;
	color: #000;
	padding-left: 0.25em;	
}

/* [PROMOTIONAL CODE]
-------------------------------------------------------*/
#promo {
	margin-bottom: 1em;
	background: #f2f2f2 url("../images/icons/info.png") no-repeat 10px 10px;
	padding: 6px 20px 8px 52px;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
	#promo h2 {margin-bottom: 0;}
	#promo p {margin-bottom: 0.4em;}
	#promo input {vertical-align: middle;}
	.main-content #promo input.txt-input-sml {width: 7.8em;}

/* [NOTIFICATION GRAPHIC]
-------------------------------------------------------*/
img#notification {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;	
	z-index: 99;
}

/* [COLLECTION GRID]
-------------------------------------------------------*/
div.main-content ul#collection-grid {
	float: left;
	margin: 1.1em auto 0 auto;
}
	div.main-content ul#collection-grid li {
		float: left;
		background: none;
		padding: 0;
		width: 185px;
		margin-left: 16px;
		margin-bottom: 16px;
	}
	div.main-content ul#collection-grid li.first-item {margin-left: 0;}

/* [STORE LISTINGS]
-------------------------------------------------------*/
div.main-content #stores {
	float: left;
	width: 935px;
	background: url("../images/template/divider.gif") repeat-y 339px 0;
	min-height: 360px;
}
	div.main-content #stores #store-states {
		float: left;
		width: 312px;
		margin-right: 55px;
	}
	div.main-content #stores #store-listings {
		float: left;
		width: 568px;
	}
		div.main-content #stores #store-listings h3 {margin-bottom: 0.60em;}
		div.main-content #stores #store-listings table {width: 568px;}
			div.main-content #stores #store-listings table th {
				vertical-align: top;
				padding: 4px;
				line-height: 1.2;
				text-align: left;
				background-color: #676767;
				color: #fff;
			}
			div.main-content #stores #store-listings table td {
				vertical-align: top;
				padding: 4px 15px 9px 4px;
				line-height: 1.2;
			}
			div.main-content #stores #store-listings table td.col1 {width: 120px;}
			div.main-content #stores #store-listings table td.col2 {width: 353px;}
			div.main-content #stores #store-listings table td.col3 {width: 95px;}

/* [SIGN IN]
-------------------------------------------------------*/
#account-wrapper {
	width: 635px;
	margin: 0 auto;
}
	div#account {
		float: left;
		width: 635px;
	}
		.acc-col {
			float: left;
			width: 279px;
			margin-left: 17px;		
			padding: 11px 15px 15px;
			
		}
		.acc-col.first {
		    background: url("../images/template/bg-border-v.png") repeat-y 100% 0;
		    margin: 0;
		}
			.acc-col h3 {margin-bottom: 1em;}
			.acc-col label {font-weight: bold;}

div.main-content div.payment {
	background: #fff url("../images/template/bg-border.png") repeat-x 0 0;
	padding: 10px 0;
	margin-top: 26px;
	float: left;
	width: 100%;
}
	div.main-content p + ul {margin-top: 0.5em;}
	div.main-content div.payment li {
		float: left;
		background: none;
	}
	div.main-content div.payment li.first-item {padding: 0;}
	
/* [CONFIRM & PAY]
-------------------------------------------------------*/
.main-content ul.addresses {
	float: left;
	width: 100%;
	margin-left: 0;
	background: url("../images/template/addr-btm.gif") no-repeat 0 100%;
}
	.main-content ul.addresses li {
		float: left;
		width: 326px;
		padding: 10px;
		margin-right: 16px;
		background: url("../images/template/addr-top.gif") no-repeat 0 0;
	}
	.main-content ul.addresses li.alt {margin-right: 0;}
		.main-content ul.addresses li p.no-margin {margin-bottom: 0.15em;}

/* [LOADER]
-------------------------------------------------------*/
div.main-content div.loader {
	text-align: center;
	padding-top: 25px;
}
	div.main-content #stores #store-states div.loader {padding-top: 112px;}
	div.main-content #stores #store-listings div.loader {padding-top: 165px;}
	div.main-content #two-col-gallery div.loader {
		height: 360px;
		padding: 0;
		position: relative;
		text-align: left;
		float: right;
	}
		div.main-content #two-col-gallery div.loader img {
			position: absolute;
			top: 50%;
			left: 40%;
			margin: -20px 0 0 -10px;
		}

/* [PAGINATION]
-------------------------------------------------------*/
div.main-content ul.pagination,
div.main-content div.divider {
	margin: 0 0 26px -5px;
	background: #fff url("../images/template/bg-border.png") repeat-x 0 100%;
	padding-bottom: 26px;
	text-align: right;
}
div.main-content div.divider {
	margin-left: 0;
	background-position: 0 100%;
	padding-bottom: 10px;
}
	div.main-content ul.pagination li {
		padding: 0 0 0 1em;
		background: none;
		display: inline;
	}
		div.main-content ul.pagination li a {
			font-weight: bold; 
			margin: 0;
		}

/* [TWO COL GALLERY]
-------------------------------------------------------*/
div.main-content #two-col-gallery {
	float: left;
	width: 935px;
}
	div.main-content #two-col-gallery #left-col {
		float: left;
		width: 516px;
	}
	div.main-content #two-col-gallery #right-col {
		float: right;
		width: 368px;
		position: relative;
	}
		div.main-content #two-col-gallery #right-col a.next,
		div.main-content #two-col-gallery #right-col a.prev {
			display: block;
			position: absolute;
			top: 170px;
			top: 50%;
			width: 21px;
			height: 20px;
			overflow: hidden;
			text-indent: -999em;
			background-repeat: no-repeat;
			background-position: 0 0; 
		}
		div.main-content #two-col-gallery #right-col a.prev {
			left: 0;
			background-image: url("../images/template/prev.gif");
		}
		div.main-content #two-col-gallery #right-col a.next {
			right: 0;
			background-image: url("../images/template/nxt.gif");
		}
		div.main-content #two-col-gallery #right-col a.next:hover,
		div.main-content #two-col-gallery #right-col a.prev:hover {background-position: 0 -20px;}
		
		div.main-content #two-col-gallery #right-col p,
		div.main-content #two-col-gallery div.loader {
			display: block;
			margin: 0 auto;
			width: 309px;
		}
		div.main-content #two-col-gallery #right-col img.main-img {
			max-width: 309px;
			display: block;
			margin: 0 auto;
		}
		div.main-content #two-col-gallery #right-col p {
			margin: 10px auto 0 auto;
			color: #A3A3A3;
		}

/* [PDF LIST]
-------------------------------------------------------*/
div.main-content ul.news {padding-top: 1.5em;}
	div.main-content ul.news li {
		background: none;
		padding: 0 0 0 24px;
		margin-bottom: 0.80em;
	}
	div.main-content ul.news li.pdf {
		background: url("../images/icons/pdf.gif") no-repeat 0 50%;
	}
		div.main-content ul.news li a {font-weight: bold;}

/* [IMAGE GALLERY]
-------------------------------------------------------*/
div.main-content ul#img-gallery {
	margin: 0 auto;
	width: 775px;
	padding-top: 20px;
}
	div.main-content ul#img-gallery li {
		float: left;
		margin: 0;
		padding: 0 0 20px 0;
		width: 155px;
		text-align: center;
		background: none;
	}
	div.main-content ul#img-gallery li.divider {
		width: 775px;
		height: 0;
		clear: both;
		display: block;
		padding: 0;
		float: none;
		line-height: 0;
		font-size: 0;
	}
		div.main-content ul#img-gallery li p {
			padding: 5px 10px 0 10px;
			text-transform: uppercase;
			line-height: 1.1em;
			margin: 0 auto;
		}
		div.main-content ul#img-gallery li a.thickbox img {
			border: 6px solid #ccc;
			width: 88px;
			height: 63px;
			display: block;
			margin: 0 auto;
		}
		div.main-content ul#img-gallery li a.thickbox:hover img {border-color: #333;}

/* [SITEMAP]
-------------------------------------------------------*/
div.main-content ul#sitemap {
	float: left;
	margin: 0;
	width: 608px;
}
	/* Columns */
	div.main-content ul#sitemap li.sitemap-col {
		padding: 0;
		float: left;
		width: 304px;
		background: none;
	}
	div.main-content ul#sitemap li.sitemap-col.right {float: right;}
		/* Top Level */
		div.main-content ul#sitemap li.sitemap-col ul {margin: 0;}
		div.main-content ul#sitemap li.sitemap-col ul li {
			background: none;
			padding: 0;
			margin-bottom: 0.80em;
		}
		div.main-content ul#sitemap li.sitemap-col ul li a {
			font-weight: bold;
			font-size: 1.05em;
			text-transform: uppercase;
		}
			/* Sub Level */
			div.main-content ul#sitemap li.sitemap-col ul li ul {margin: 0.20em 0 0.60em 10px;}
			div.main-content ul#sitemap li.sitemap-col ul li ul li {
				margin: 0;
				padding-left: 11px;
				background: url("../images/template/bullet.gif") no-repeat 0 7px;
			}
				div.main-content ul#sitemap li.sitemap-col ul li ul li a {
					font-size: 0.95em;
					font-weight: normal;
					text-transform: none;
				}
				div.main-content ul#sitemap li.sitemap-col ul li ul li ul {margin-left: 10px;}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [HIDE]
-------------------------------------------------------*/
.hide, legend span, label span {
	position: absolute;
	left: -9999em;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
}
.hide-fully {display: none;}
/* hide .NET junk */
div.hide-dotnet {
	height: 0;
	font-size: 0;
}
	
/* [EASY CLEARING]
-------------------------------------------------------*/
.clearfix:after,
#header:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */

/* [DOWNLOADS]
-------------------------------------------------------*/
div.main-content a.dnld {}

/* Multiple Errors/Confirmations */
div.errors,
div.success {
	padding: 16px 20px 16px 62px; 
	margin-bottom: 1.2em; 
	border-top: 2px solid #BF0000;
	border-bottom: 2px solid #BF0000;
	color: #AE0000;
	min-height: 24px;
	clear: both;
}
	div.errors {background: #F7D9D9 url("../images/icons/error-lrge.gif") no-repeat 16px 50%;}
	div.success {
		background: #F3F8E6 url("../images/icons/success-lrge.gif") no-repeat 16px 50%; 
		color: #66840D; 
		border-color: #84AA0F;
		font-weight: bold;
	}
	.main-content div.errors p,
	.main-content div.success p {margin: 0;}
	.main-content div.errors ul,
	.main-content div.success ul {
		margin: 0.60em 0 0 15px;
		list-style: disc;
	}
		.main-content div.errors ul li,
		.main-content div.success ul li {
			padding-left: 0;
			background-image: none;
		}
	.main-content div.errors a:link,
	.main-content div.errors a:visited {
		color: #AE0000;
		text-decoration: underline;
	}
	.main-content div.errors a:hover,
	.main-content div.errors a:focus {text-decoration: none;}
	.main-content div.success a:link,
	.main-content div.success a:visited {color: #66840D;}

/* Simple Error Msg */
div.main-content p.error {
	color: #D12F19;
	background: url("../images/icons/error2.gif") no-repeat 0 40%;
	padding-left: 20px; 
}
	div.main-content p.error a:link,
	div.main-content p.error a:visited {color: #D12F19;}
/* Simple Alert Msg */
div.main-content p.alert {
	color: #9d6101;
	background: url("../images/icons/error.gif") no-repeat 0 40%;
	padding-left: 20px; 
}
	div.main-content p.alert a:link,
	div.main-content p.alert a:visited {color: #9d6101;}
/* Simple Info Msg */
div.main-content p.info {
	color: #0958a2;
	background: url("../images/icons/info.gif") no-repeat 0 40%;
	padding-left: 20px; 
}
	div.main-content p.info a:link,
	div.main-content p.info a:visited {color: #0958a2;}

/* [PROGRESS UPDATER]
-------------------------------------------------------*/
div.progess-updater {
	float: right;
	position: fixed;
	z-index: 100;
	width: 98%;
	padding: 10px;
	color: #fff;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
div.progess-updater em {font-weight: bold;}