/* Standard Reset CSS */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}
/*End Reset */

/* Default font settings. The font-size percentage is of 16px. (1 * 16px ~ 16px) */
body {font-size: 100%; background:#572600; color:#494949; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

/* Headings -------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #572600;}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 {font-size: 2em; margin-bottom: 0.2em;}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: .5em;}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: .2em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom:.2em;}
h6 {font-size: 1em; font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* Text elements -------------------------------------------------------------- */
p {margin: 0 0 1.5em; line-height:1.25em;}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color: #5c8727;}
a {color: #5c8727; text-decoration: underline;}
blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em; font-style: italic;}
del {color: #666;}
pre {margin: 1.5em 0; white-space: pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}

/* Lists -------------------------------------------------------------- */
li ul, li ol {margin: 0 1.5em;}
li{
	margin: 0.2em;
}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin:0 0 1em 1.5em;}

/* Tables -------------------------------------------------------------- */
table {margin: 1.4em 0; width: 100%; text-align:center;}
th {font-weight: bold;}
thead th {background: #deefd0;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #f1f2f1;}
tfoot {font-style: italic;}
caption {background: #eee;}

/* Misc classes -------------------------------------------------------------- */
.small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em;}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
.hide {display: none;}
.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #ff0;}
.added {background: #060; color: #fff;}
.removed {background: #900; color: #fff;}
.first {margin-left: 0; padding-left: 0;}
.last {margin-right: 0; padding-right: 0;}
.top {margin-top: 0; padding-top: 0;}
.bottom {margin-bottom: 0; padding-bottom: 0;}

/*Global Structure
-------------------------------------------------------------- */
.content{width:924px; margin: 0 auto; padding:1em 0; overflow:hidden;}
.left-column{width:500px; float: left; display: block; margin:0 2em 0 0;}
.right-column{width:374px; float: left; display: block; border-left:1px solid #A0A0A0; padding: 0 0 0 1em;}
.compass{ background: url(/assets/images/compass.jpg) no-repeat top center; height: 210px; padding: 7.4em 0 0 0; }
.left-column-sub{width:155px; float: left; display: block; margin:0 0.1em 0 0;}
.right-column-sub{width:750px; float: left; display: block; margin:0; border-left:1px solid #A0A0A0; padding: 0 0 0 1em;}
div.row em.error{
	margin:0 0 0 0.3em;
}
iframe{border:none;}
#sizes{
	display: block;
}
div.row{clear: both; display: block; margin: 0.5em 0 0.5em 0; overflow:hidden; padding:0.15em 0;}
div.required label {
	font-weight: bold;
}
div.row input[type=text] {
	border: 1px solid #A0A0A0; padding: 0.3em;
}
div.row label{float:left; display: block;  width:120px; text-align:right; margin:0 0.5em 0 0;}
div.row label.long{
	width: 500px;
}
div.row input.sm {
	width: 50px;
}
div.row input.med {
	width: 100px;
}
div.row input.lrg {
	width: 150px;
}
div.row input.xlrg {
	width: 250px;
}
#ctl00_ctl00_appHeader_brandingHeaderHtml{display:none;}
/*Heading 
-------------------------------------------------------------- */
.header{background: #fff; width: 100%; border-bottom:1px solid #f0f0f0; margin:25px 0 0 0;}


/*Featured 
-------------------------------------------------------------- */
.featured{background: url(/assets/images/featured_bg.jpg) repeat-x; width: 100%; border-bottom:1px solid #f7f7f7;}
.featured div.content a{display: block; width:272px; margin:0 1.9em;}
.featured div.content a.publishers{ float: left; }
.featured div.content a.advertisers{ float: right; }
#home-featured {height: 329px;}

/* Navigation
-------------------------------------------------------------- */
.navigation {float:left; padding:0; display:block; margin:3.3em 0 0 0;}
.navigation ul {list-style: none; margin:0; padding:0;}
.navigation ul li {display: block; float: left; margin: 0 0.5em;}
.logo{float:left; margin:0 11em 0 0;}
.navigation ul li a,.navigation ul li a:visited{color:#a0a0a0; text-decoration:none;}
.navigation ul li a:hover,.navigation ul li a.active{color:#5c8727; text-decoration:none;}
.navigation ul li a.active{font-weight: bold;}

/* Sub Navigation
-------------------------------------------------------------- */
.side-nav {margin:0;}
.side-nav ul {list-style: none; margin:0; padding:0;}
.side-nav ul li {display: block; margin:0 0 0.5em 0;}

.side-nav ul li a,.side-nav ul li a:visited{color:#a0a0a0; text-decoration:none;}
.side-nav ul li a:hover,.side-nav ul li a.active{color:#5c8727; text-decoration:none;}
.side-nav ul li a.active{font-weight: bold; text-decoration:none;}

/* Body Content
-------------------------------------------------------------- */
.bodycontent{background: #fff; width: 100%;}
ul.channels, ul.sizes, ul.home-channels {list-style: none; margin:0;}
ul.channels li{margin:0.8em 0.5em; float:left; width:232px;}
ul.sizes li{margin:0.8em 0.7em; width:150px; float:left; }
ul.channels li img, ul.sizes li img{float:left;}
ul.channels li  h5, ul.sizes li p{margin:0.5em 0; float:left;}
ul.sizes li p{font-size:0.9em;}
ul.channels li  h5{text-align: center;}
ul.sizes li p {float: left;}

ul.home-channels li { width: 145px; margin: 0 0.15em; float: left; }
ul.home-channels li  h5 { text-align: center; line-height: 1.1em; }

/* Footer Content
-------------------------------------------------------------- */
div.top{width: 100%; background:url(/assets/images/footer_bg_rep.jpg) repeat-x;}
div.top img.image {margin: 0 auto; display: block;}
.footer div.content{text-align: center; font-size:0.85em; color: #fff;}

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error  {color: #8a1f11;}
.error input[type=text], .error input[type=password] , .error select.select{ background: #FBE3E4 !important; color: #8a1f11 !important; border-color: #FBC2C4 !important; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    {color: #264409;}
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Pop Ups
-------------------------------------------------------------- */
div#nyroModalFull {font-size: 12px; color: #777;}

div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(/assets/images/ajaxLoader.gif) no-repeat; background-position: center;}

div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}

div#nyroModalWrapper {background: #fff; border: 4px solid #777;}

a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 30px; height: 30px; text-indent: -9999em; background: url(/assets/images/closebox.png) no-repeat; outline: 0;}

h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd;}

div.wrapper div#nyroModalContent {padding: 5px;}

div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}

div.wrapperImg img {vertical-align: baseline;}

div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}

div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}

a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}

a.nyroModalPrev {left: 0;}

a.nyroModalPrev:hover {background: url(/assets/images/prev.gif) left 20% no-repeat;}

a.nyroModalNext {right: 0;}

a.nyroModalNext:hover {background: url(/assets/images/next.gif) right 20% no-repeat;}


.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}