@charset "UTF-8";
/* CSS Document */

body {
	background:url(http://cdn.afflictionclothing.com/images/afc_fall_back.jpg) center top #000 no-repeat fixed;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
}
.new {
	background:url(http://cdn.afflictionclothing.com/images/afc_fall_back.jpg) center top #000 no-repeat fixed;
}
#mainWrapper {
	width:900px;
	margin:0px auto;
	border-left:1px solid #333;
	border-right:1px solid #333;
	padding:0px 0px 20px 0px;
	text-align:left;
}
/* -- Navigation -- */

#navigation {
	background:url(http://cdn.afflictionclothing.com/images/nav_back.png) top left no-repeat;
	position:relative;
	width:846px;
	height:43px;
	margin:0px auto;
}
#navigation a {
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	padding:0px 8px;
	text-transform:uppercase;
}
#navigation a:hover {
	color:#666;
}
#signup {
	position:absolute;
	top:10px;
	right:56px;
}
#signup input {
	position:absolute;
	top:0px;
	right:36px;
	width:110px;
	height:18px;
	font-size:12px;
	border:1px solid #333;
	color:#333;
	background:url(http://cdn.afflictionclothing.com/images/field_back.png) top left repeat-x;
}
#signup #Submit {
	cursor:pointer;
}
#signup p {
	margin:4px auto;
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
}
#navigation .red {
	color:#cc0000;
}
#navigation #logo {
	position:absolute;
	top:6px;
	left:10px;
}
#navigation #icon {
	position:absolute;
	top:4px;
	right:10px;
}
#navigation #links {
	position:absolute;
	top:12px;
	left:292px;
}
#subNav {
	width:846px;
	height:30px;
	position:relative;
	margin:2px auto;
}
#subNav a {
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	padding:0px 10px;
	border-right:1px solid #666;
}
#subNav a:hover {
	color:#666;
}
#subNav .noborder {
	border:none;
}
#subNav #logo {
	position:absolute;
	top:0px;
	left:10px;
}
#subNav #links {
	position:absolute;
	top:6px;
	right:0px;
	width:846px;
	text-align:center;
}
#navPromo {
	width:846px;
	position:relative;
	margin:2px auto 2px auto;
	padding:5px 0px;
	text-align:center;
	text-transform:uppercase;
	color:#cc0000;
	font-size:12px;
}
/* -- Content -- */

#contentWrapper {
	margin:20px auto;
	width:846px;
}
#homeText {
	margin:0px auto;
	padding:10px 0px 10px 0px;
	width:846px;
	height:10px;
	font-size:14px;
	line-height:20px;
	color:#666;
	clear:both;
	visibility:hidden;
}
#homeBoxLg {
	position:relative;
	background:url(http://cdn.afflictionclothing.com/images/boxBack_Lg.png) top left no-repeat;
	width:405px;
	height:522px;
	float:left;
}
#homeBoxLg h1 {
	position:absolute;
	left:8px;
	top:8px;
	color:#CC0000;
	font-weight:normal;
	font-size:26px;
	text-transform:uppercase;
	margin:0px;
}
#homeBoxSm {
	position:relative;
	background:url(http://cdn.afflictionclothing.com/images/boxBack_Sm.png) top left no-repeat;
	width:405px;
	height:298px;
	float:left;
}
#homeBoxSm h1 {
	position:absolute;
	left:8px;
	top:10px;
	color:#CC0000;
	font-weight:normal;
	font-size:26px;
	text-transform:uppercase;
	margin:0px;
}
#homeBoxSm h2 {
	position:absolute;
	right:8px;
	top:26px;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	margin:0px;
	z-index:999;
}
#homeBoxSm h2 a {
	color:#999;
	text-decoration:none;
}
#homeBoxSm h2 a:hover {
	color:#666;
}
#homeBoxSm h3 {
	position:absolute;
	left:8px;
	bottom:8px;
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	margin:0px;
}
#homeBoxSm #FlashID {
	position:absolute;
	left:7px;
	bottom:30px;
	margin:0px;
	z-index:0;
}
#homeBoxSm #FlashID:hover, #homeBoxSm #videoLink {
	cursor:pointer;
}
#homeBoxSm #videoLink {
	position:absolute;
	left:7px;
	bottom:30px;
	margin:0px;
	width:388px;
	height:218px;
	z-index:998;
	border:1px solid #2e2e2e;
}
#homeBoxSm #videoLink img {
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:999;
}
#boxSpacer {
	width:36px;
	height:298px;
	float:left;
}
/* -- Interior Styles -- */
.interior {
	background:url(http://cdn.afflictionclothing.com/images/boxBack_Full.png) top left no-repeat;
}
#interiorWrapper {
	float:left;
	margin:20px;
	width:806px;
}
#interiorWrapper h1, #fullWrapper h1 {
	color:#CC0000;
	font-weight:normal;
	font-size:22px;
	text-transform:uppercase;
	margin:0px 0px 14px 0px;
}
#interiorWrapper h5 {
	color:#CC0000;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}
#interiorWrapper p {
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	margin:0px 0px 14px 0px;
}
#interiorWrapper li {
	list-style:none;
	font-size:14px;
}
#interiorWrapper li a {
	color:#CCC;
	text-decoration:none;
}
#interiorWrapper li a:hover {
	color:#CC0000;
	text-decoration:none;
}
#interiorWrapper form {
	font-size:14px;
}
.floatLeft {
	float:left;
	margin:0px 20px 0px 0px;
}
#interiorWrapper .smallText p {
	font-size:12px;
	line-height:16px;
}
#interiorWrapper a {
	color:#CCC;
	text-decoration:none;
}
#interiorWrapper a:hover {
	color:#CC0000;
	text-decoration:none;
}

.collectionsNav {
	margin:10px 0px 20px 0px;
	font-size:14px;
}
.collectionsNav a {
	color:#999;
	text-decoration:none;
}
.collectionsNav a:hover {
	color:#cc0000;
	text-decoration:none;
}
/* -- News Styles -- */

#newsWrapper {
	position:relative;
	margin:0px auto 20px auto;
	padding:30px 0px 30px 0px;
	width:846px;
	font-size:11px;
	clear:both;
	float:left;
	border-bottom:1px solid #666;
}
#newsWrapper h2 {
	color:#CC0000;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}
#newsWrapper h3 {
	position:absolute;
	top:30px;
	right:0px;
	font-weight:normal;
	width:200px;
	height:20px;
	font-size:12px;
	text-transform:uppercase;
	margin:0px;
	text-align:right;
}
#newsWrapper h3 a {
	color:#666;
	text-decoration:none;
	margin:0px 0px 0px 10px;
}
#newsWrapper h3 a:hover {
	color:#FFF;
}
#newsWrapper h4 {
	color:#FFF;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	margin:0px;
}
#news {
	float:left;
	width:210px;
}
#news a {
	color:#666;
	text-decoration:none;
}
#news a:hover, #news h4 a {
	color:#FFF;
}
.newsContent {
	font-size:12px;
	border-bottom:1px solid #666;
	padding:30px 0px;
}
#interiorWrapper .newsContent p {
	font-size:12px;
	line-height:18px;
}
.newsContent a {
	color:#FFF;
	text-decoration:none;
}
.newsContent a:hover {
	color:#CC0000;
}
.newsContent h3 {
	margin:0px;
	font-weight:normal;
	font-size:11px;
	color:#CC0000;
}
#newsPurchase {
	float:right;
	width:180px;
	background:#494949;
	color:#FFFFFF;
	padding:5px;
	margin:0px 0px 20px 20px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#newsPurchase h2 {
	font-size:11px;
	margin:0px;
}
#newsPurchase p {
	font-size:11px;
	line-height:14px;
	margin:0px;
}
.imageborder {
	clear:both;
}
#paging {
	font-size:11px;
	color:#FFF;
	width:806px;
	height:28px;
	position:relative;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
#paging a {
	color:#666;
	text-decoration:none;
}
#paging a:hover {
	color:#FFF;
}
#paging select {
	font-family:Arial, Helvetica, Sans-Serifl;
	border:1px solid #333;
	background-color:#000;
	color:#FFF;
}
.pagingLeft {
	text-align:right;
	position:absolute;
	top:5px;
	left:0px;
}
.pagingRight {
	text-align:right;
	position:absolute;
	top:5px;
	right:0px;
}
#linklist {
	clear:both;
	padding:20px 0px 0px 0px;
}
#linklist li {
	display: inline;
	list-style-type: none;
	padding:5px;
	background:#000;
	text-align: left;
	list-style-position: outside;
}
#linklist li a {
	color:#CCC;
	text-decoration:none;
}
#linklist li a:hover {
	color:#666666;
	text-decoration:none;
	padding-bottom:inherit
}
/* -- Media Styles -- */

#demo-wrapper1, #demo-wrapper2 {
	width:806px; /* this is the width of the what's seen */
	height:135px;
	position: relative;
	overflow:hidden;
	text-decoration:none;
	padding:0px 0px 30px 0px;
	border-bottom:1px solid #333;
}
#demo-inner1, #demo-inner2 {
	/*width:260px; /* this is the width of the contents seen */
	height:160px;
	position: absolute;
}
#demo-inner1 .spot img, #demo-inner2 .spot img {
	opacity: 1.0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* For IE 8 */
}
#demo-inner1 .spot img:hover, #demo-inner2 .spot img:hover {
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);/* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* For IE 8 */
}
#demo-inner1 .spot, #demo-inner2 .spot {
	width:140px;
	margin-right:22px;
	float:left;
	text-align:left;
	font:8pt arial;
	color:#000000;
}
.spot a {
	text-decoration:none;
}
#wallWrapper {
	clear:both;
	border-bottom:1px solid #333;
	padding-top:10px;
}
#wallWrapper h6 {
	clear:both;
	color:#CC0000;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
#wallWrapper p {
	font-size:12px;
	line-height:16px;
}
#wallWrapper a {
	color:#CCC;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
#wallWrapper a:hover {
	color:#666;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
.wallColumn {
	float:left;
	margin:0px 22px 0px 0px;
}
.newsmain {
	font-size: 10px;
	color: #CCC;
}
a .newsmain {
	color: #CCC;
	text-decoration: none;
}
a .newsmain:hover {
	color: #666;
}
.arrows {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration: none;
	font-weight: bold;
	float: right;
	margin-top: 5px;
}
.arrows a {
	color:#666666;
	text-decoration:none;
}
.arrows a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.arrows a span{
	color:#FFFFFF;
	text-decoration:none;
}
.arrows a:hover span {
	color:#666666;
	text-decoration:none;
}
/* -- Signature Styles -- */
.signaturelink img {
	border:1px solid #666;
	margin:15px 0px 10px 0px;
}
.signaturelink img:hover {
	border:1px solid #CC0000;
}
.signaturegallery {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:#FFF;
	background-color:#660000;
	display:table-cell;
	text-align:center;
	padding:6px 10px;
	text-decoration:none;
	text-transform:uppercase;
}
.signaturegallery:hover {
	color:#660000;
	background-color:#FFF;
}
/* -- Store Locator -- */

.storeLocation {
	float:left;
	width:220px;
	text-align:center;
}
.storeLocation a {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.storeLocation a img {
	margin:2px 0;
	border-style:none;
	clear:both;
}
.storeLocation a:hover {
	filter:none;
	opacity:1;
}
.storeRow {
	clear:both;
	text-align:center;
	margin:5px auto;
	height:200px;
	width:660px;
}



/* -- Contact Styles -- */

#contactWrapper {
	float:left;
	width:440px;
	font-size:11px;
	line-height:16px;
}
#contactWrapper p {
	font-size:12px;
	line-height:16px;
	margin:0px 0px 0px 0px;
}
#contactWrapper h2 {
	font-size:15px;
	margin:20px 0px 0px 0px;
	border-top:1px solid #333;
	padding:20px 0px 0px 0px;
}
#contactWrapper h3 {
	color:#CC0000;
	font-size:12px;
	margin:0px 0px 0px 0px;
}
#contactWrapper a {
	color:#CCC;
	font-weight:normal;
}
#contactWrapper a:hover {
	color:#FFF;
}
#contactWrapper .contactColumns p {
	font-size:11px;
	line-height:14px;
}
#contactWrapper .contactColumns h3 {
	margin:10px 0px 0px 0px;
}
/* -- Glider Styles -- */

div#top-glider div.scroller, div#top-glider2 div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 390px;
	height: 484px;
	overflow: hidden;
	position:absolute;
	bottom:8px;
	right:8px;
}
#homeBoxSm div#top-glider3 div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 390px;
	height: 258px;
	overflow: hidden;
	position:absolute;
	bottom:8px;
	right:8px;
}
div#top-glider div.scroller div.section, div#top-glider2 div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 390px;
	height: 484px;
	overflow:hidden;
	float:left;
}
#homeBoxSm div#top-glider3 div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 390px;
	height: 258px;
	overflow:hidden;
	float:left;
}
div#top-glider div.scroller div.content, div#top-glider2 div.scroller div.content, div#top-glider3 div.scroller div.content {
	width: 10000px;
}
div#top-glider div.scroller div.content dt, div#top-glider div.scroller div.content dt a, div#top-glider div.scroller div.content dt a:link, div#top-glider div.scroller div.content dt a:visited {
	font-size: 110%;
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
div#top-glider div.scroller div.content dd .extras, div#top-glider2 div.scroller div.content dd .extras, div#top-glider3 div.scroller div.content dd .extras {
	font-weight: bold;
	font-size: 85%;
	padding: 0 5px 0 0;
}
div#top-glider div.scroller div.section dd, div#top-glider2 div.scroller div.section dd, div#top-glider3 div.scroller div.section dd {
	padding: 0 0 5px 0;
}
div#top-glider div.scroller div.section div.morenews, div#top-glider2 div.scroller div.section div.morenews, div#top-glider3 div.scroller div.section div.morenews {
	font-size: 75%;
	padding: 3px 0 0 10px;
	text-align:right;
	z-index:999;
	position:absolute;
	bottom:5px;
	overflow:hidden;
}
.moreBack {
	position:absolute;
	bottom:0px;
	left:0px;
	width:860px;
	height:40px;
	visibility:hidden;
	background-color:#FFF;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75); /* IE's opacity*/
}
div#top-glider div.scroller div.section div.morenews a, div#top-glider div.scroller div.section div.morenews a:link, div#top-glider div.scroller div.section div.morenews a:visited {
	text-decoration: none;
	color: #000;
}
div#top-glider div.controls, div#top-glider2 div.controls, div#top-glider3 div.controls {
	position:absolute;
	right:0px;
	top:6px;
	float:left;
	width:110px;
	white-space:nowrap;
}
#homeBoxSm div#top-glider3 div.controls {
	top:-8px;
}
div#top-glider div.controls a, div#top-glider div.controls a:link, div#top-glider div.controls a:visited {
	color: #666;
	background:url(http://cdn.afflictionclothing.com/images/boxNav_back.png) top left no-repeat;
	font-size: 11px;
	padding: 0 0px 0 4px;
	margin: 0 7px 0 0;
	text-decoration:none;
	float:left;
	width:10px;
}
div#top-glider2 div.controls a, div#top-glider2 div.controls a:link, div#top-glider2 div.controls a:visited {
	color: #666;
	background:url(http://cdn.afflictionclothing.com/images/boxNav_back.png) top left no-repeat;
	font-size: 11px;
	padding: 0 0px 0 4px;
	margin: 0 7px 0 0;
	text-decoration:none;
	float:left;
	width:10px;
}
div#top-glider3 div.controls a, div#top-glider3 div.controls a:link, div#top-glider3 div.controls a:visited {
	color: #666;
	background:url(http://cdn.afflictionclothing.com/images/boxNav_back.png) top left no-repeat;
	font-size: 11px;
	padding: 0 0px 0 4px;
	margin: 0 7px 0 0;
	text-decoration:none;
	float:left;
	width:10px;
}
div#top-glider div.controls a:hover, div#top-glider2 div.controls a:hover, div#top-glider3 div.controls a:hover {
	text-decoration: none;
	color: #fff;
}
div#top-glider div.controls a.active, div#top-glider2 div.controls a.active, div#top-glider3 div.controls a.active {
	text-decoration: none;
	font-weight:normal;
	color:#FFF;
}
.photobox img {
	border:0px;
}
.eventNav {
	width:405px;
	height:28px;
	z-index:998;
	position:absolute;
	top:14px;
	left:0px;
}
/* -- Footer --*/

#footer {
	margin:0px auto;
	width:846px;
	text-align:center;
	font-size:9px;
	clear:both;
	color:#FFFFFF;
}
#footer p {
	margin:0px;
	line-height:22px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 6px;
	border-right:1px solid #666;
}
#footer a:hover {
	color:#666666;
	text-decoration:none;
}
#footer .noborder {
	border:none;
}
#footer .social-icons {
	text-align:center;
	margin:20px auto;
}
#footer .social-icons a {
	margin:0px 16px;
	border:none;
}
#footer .copyright {
	margin:20px 0px;
}
.bottomSpace {
	padding-bottom:18px;
}