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

body {
	/*background:url('http://www.afflictionclothing.com/images/afc_back_new.jpg') repeat-x scroll 0 0 transparent;*/
	background:url('http://cdn.afflictionclothing.com/images/backflag.jpg') no-repeat fixed #000;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	background-color:#000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#mainWrapper {
	width:960px;/*SMB changed from 900 oct 28 2010*/
	margin:0px auto;
	border-left:1px solid #191919;
	border-right:1px solid #191919;
	padding:0px 0px 20px 0px;
	text-align:left;
	background-color:#000;
}
/* -- Navigation -- */

#navigation {
	background:url(/images/nav_back.png) top left no-repeat;
	position:relative;
	width:846px;
	height:43px;
	margin:14px 0px 8px 57px;
	float:left;
}
#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:8px 57px 12px 57px;
	padding:5px 0px;
	text-align:center;
	text-transform:uppercase;
	color:#cc0000;
	font-size:16px;
	float:left;
	clear:both;
	text-decoration: none;
}
#navPromo a {
	color:#cc0000;
	text-decoration: none;
}
#navPromo a:hover {
	color:#fff;
	text-decoration: none;
}

/* -- Content -- */

#contentWrapper {
	margin:20px auto;
	width:846px;
	clear:both;
}
#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:none;/*url(http://cdn.afflictionclothing.com/images/boxBack_Lg.png) top left no-repeat;*//*smb*/
	width:850px;/*405px;*//*smb*/
	height:540px;/*522px;*//*smb*/
	float:left;
	/*left:8px;*//*smb*/
}
#homeBoxLg2 {/*smb*/
	position:relative;
	background:none;/*url(http://cdn.afflictionclothing.com/images/boxBack_Lg.png) top left no-repeat;*//*smb*/
	width:850px;/*405px;*//*smb*/
	height:220px;/*522px;*//*smb*/
	float:left;
	left:8px;/*smb*/
	/*border:1px solid #3c3c3c;*/
}
#homeBoxLg h1 {
	position:absolute;
	left:8px;
	top:8px;
	color:#CC0000;
	font-weight:normal;
	font-size:26px;
	text-transform:uppercase;
	margin:0px;
}
#homeBoxLg2 h1 {/*smb*/
	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;
}
.randycontest a {
	color:#FFF;
	text-decoration:none;
}
.randycontest a:hover {
	color:#CC0000;
}
.randycontest h3 {
	margin:0px;
	font-weight:normal;
	font-size:14px;
	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{/*smb, div#top-glider2 div.scroller {*/
	/* modify width and height of scrolling section if necessary	*/		
	width: 850px;/*390px;*//*smb*/
	height: 540px;/*484px;*//*smb*/
	overflow: hidden;
	position:absolute;
	bottom:8px;
	/*right:8px;*//*smb*/
}
div#top-glider2 div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 850px;/*390px;*//*smb*/
	height: 220px;/*484px;*//*smb*/
	overflow: hidden;
	position:absolute;
	bottom:8px;
	/*right:8px;*//*smb*/
}
#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: 850px;/*390px;*//*smb*/
	height: 540px;/*484px;*//*smb*/
	overflow:hidden;
	float:left;
}
div#homeBoxLg2 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: 170px;/*390px;*//*smb*/
	height: 220px;/*484px;*//*smb*/
	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-glider3 div.scroller div.content {
	width: 10000px;
}
div#top-glider2 div.scroller div.content {/*smb*/
	width:850px;
}
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;
	/*margin-top:-16px;*//*smb*/
	border:1px solid #3c3c3c;/*smb*/
	height:537px;/*smb*/
	width:847px;/*smb*/
}
#homeBoxLg2 .photobox img {/*smb*/
	border:0px;
	margin-top:-16px;/*smb*/
	border:1px solid #3c3c3c;/*smb*/
	height:217px;/*smb*/
	width:167px;/*smb*/
}
#tg-next {/*smb*/
	float:right;
	position:relative;
	left:20px;
	top:75px;
}
#tg-previous {/*smb*/
	float:left;
	position:relative;
	right:40px;
	top:75px;
}
.eventNav {
	width:405px;
	height:28px;
	z-index:998;
	position:absolute;
	top:14px;
	left:0px;
	display:none;/*smb*/
}
/* -- 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;
}

/* Video Gallery Styles */
#videoGallery {
	float:left;
	width:810px;
}
#videoGalleryThumb {
	width:255px;
	height:230px;
	float:left;
	background-color:#000;
	margin:6px;
	text-align:center;
}
#videoGalleryThumb p {
	margin:0px 5px 0px 5px;
	font-size:11px;
	line-height:15px;
	z-index:999;
}
#videoGalleryThumb img {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
#videoGalleryThumb img:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}


/*homepage slider*/

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygallery2 {
	width:850px;
	height:221px;
	border:1px solid #444;
	margin-left:-1px;
	/*text-align:center;*/
	background-image:url("../images/front/affBG.jpg");
}

#mygallery2 .panel {
	width:888px;/*170px;*/
	height:221px;
	margin:-1px 0px 0px -17px;
	background-color:#000;
}

#mygallery2 .panel img {
	width:170px;
	margin:0px;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
#mygallery2 .panel img:hover {
	width:170px;
	margin:0px;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}

/*  _______________________________________

	01 MENU BAR
    _______________________________________  */



.menu {
	list-style:none;
	width:846px;
	margin:0px 0px 0px 57px;
	height:29px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:9999;
	background-color: #5b5b5b;
	float:left;
}

.menu li {
	float:left;
	position:relative;
	padding:4px 1px;
	margin-right:2px;
}
.menu li:hover {
	z-index:2;
	background:#990000;
}
.menu li a {
	color: #FFF;
	outline:0;
	text-decoration:none;
}
.menu li:hover a {
	color:#FFF;
}
.menu li .drop {
	padding:0px 11px;
	font-size:12px;
}
.menu li:hover .drop {
}
.menu li:hover div a {
	color:#FFF;
}
.menu li:hover div a:hover {
	color:#999;
}
.menu li ul li a:hover {
	color:#999;
}



/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */



/* Left & right aligned common styles */

.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns {
	margin:4px auto;
	position:absolute;
	background:#1b1b1b;
	border-top:none;
	padding:10px;
	text-align:left;
	visibility:hidden;
	left:0px;
	top:25px;
}


/* Drop Downs Sizes */

.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 296px;}
.menu .dropdown_3columns {width: 405px;}
.menu .dropdown_4columns {width: 530px;}
.menu .dropdown_5columns {width: 765px;}


/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	visibility:visible;
}


/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
}
.menu .col_1 {width:125px;}
.menu .col_2 {width:300px;}
.menu .col_3 {width:405px;}
.menu .col_4 {width:530px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0px; /* Clearing margin & left */
	clear: left;
}



/*  _______________________________________

	03 CONTENT STYLINGS
    _______________________________________  */



.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}
.menu p {
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}
.menu .strong {
	font-weight:bold;
}
.menu .italic {
	font-style:italic;
}
.menu h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:21px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#CC0000;
}
.menu h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:21px;
	margin-top:7px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}


/* Standard lists styles */

.menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.menu li ul li {
	font-size:12px;
	line-height:20px;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:130px;
}
.menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}


/* Other lists styles */

.menu li .plus li {
	background: url("img/plus.png") left 6px no-repeat;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 21px;
	width:109px;
}
.menu li .plus li:hover {
	background: url("img/plus.png") left 6px no-repeat;
	padding:0px 0px 0px 21px;
	margin:0px 0px 4px 0px;
}