item/*
|| LEGAL ||
=====================================================================================================
Copyright: Zocoloco Studios 2008, http://www.zocoloco.com | All Rights Reserved | Southwest Creations Collaborative
=====================================================================================================

|| VERSION CONTROL ||

	Name: 							main.css 
	Author: 						Elaine Montoya - Zocoloco Studios
	Created: 						05/15/2008
	Last Updated: 			N/A
	Path: 							/var/www/vhosts/atfunion.org/httpdocs/farcry/projects/atfunion/www/css/main.css
	Revision:						1.0 
	History:						: what was done (author | date) 
										: what was done (author | date) 
											
|| DESCRIPTION || 
	Description: 		main stylesheet
	
	
|| SCC COLORS ||
RED: #ff0000
DARK RED: #930b29
YELLOW: #ebb700
ORANGE: #ff6000
DARK GREEN: #727717
DARKEST GREEN: #50531d
BLACK: #000000
WHITE: #ffffff


GREEN: #95a123
DARK GRAY: #1e1e1e

|| SCC FONTS ||
	primary: Helvetica, Arial, sans-serif;
	secondary: Verdana, sans-serif;

=====================================================================================================
*/

/* main HTML====================================================================================== */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100.1%;
	font-family: inherit;
}
html, body {
	height:100%;
	width:100%;
	background-color:#1e1e1e
}
th, td {
	padding: .13em;
}
img {
	border: 0;
}
hr {
	margin: 1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both
}
:focus {
	outline: 0;
}
body {
	line-height: 1em;
	color: #fbfafa;
	font: normal .8em  Helvetica, Arial, sans-serif;
	min-height:720px;		/* for good browsers*/
	min-width:775px;		/* for good browsers*/
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight:bold;
}
pre, code {
	font-family: Courier, Arial, sans-serif;
	background: #f2f2f2;
	padding: 5px;
}
em {
	font-style: italic;
}
p, ul, ol {
	margin: 0 0 1.5em
}
h1 {
	font-size: 1.5em;
	font-weight:bold;
	color:#ffffff;
}
h2 {
	font-size: 1.4em;
	color:#ff8311;
	font-weight:bold;
}
h3 {
	font-size: 1.25em;
	color:#ff8311;
	font-weight:bold;
}
h4 {
	font-size: 1.2em;
	line-height: 1.5em;
	color:#696452;
	font-weight:bold;
}
h5 {
	font-size: .8em;
	color:#ff0000;
	font-weight:bold;
	background: #000000;
	border-top: 4px solid #000000;
	border-bottom: 1px solid #564c66;
	padding:1px;
}
h5 a:link {
	color:#ff0000;
}
h6 {
	font-size: .7em;
	color:#ff8311;
	font-weight:bold;
}
small {font-size:11px}
select {
	color: #7c7c8a;
	margin: 2px 0;
  	background-color: #1e1e1e;
	border: 1px solid threedshadow;
	border-color:#252528;
	padding: 0;
}		

/* links ========================================================================================= */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer; color:#ff8311} 
a:link {color:#ff8311}  
a:visited {color:#ff8311; text-decoration:underline;} 
a:hover,a:active {color:#ff0000} 

/* content start ========================================================================================= */
#wrap {
	min-width:775px;
	width:1000px;
	margin: 0 auto;
	position:relative
}

	/* sidebar ======================================================================================= */
	#sidebar {
		position:absolute;
		top:0px;
		left:0px;
		z-index:5;
	}
		#sideBarBackground {
			position:absolute;
			top:0px;
			left:0px;
			z-index0;
		}
		/* main nav >>>>>>>>>>>>>>>>> */	
		#sidebar #nav {
			position:absolute;
			top:75px;
			left:10px;
			font: bold 12px Helvetica, Arial, sans-serif;
			margin: 0;
			padding: 0;
			list-style:none;
		}		
			#sidebar #nav ul {
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#nav li {
				position:relative;
				background: url("images/navBackground.png") no-repeat bottom left;
				float: left;
				width: 280px;
				opacity:0.8;
				filter:alpha(opacity=80);
				display:block;
				margin: 5px;
			}
			#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
				text-decoration:none;
				text-align:left;
				text-indent:95px;
				cursor:pointer;
				color:#f2f2f2;
				font-size:12px;
				display: block;
				line-height:72px;
				height:72px;
			}
			#nav a:hover {color:#33ff00}
			#nav li:hover ul, #topNav li.sfhover ul {z-index:99999}
			#nav li.active {
				background: url("images/navBackground.png") no-repeat bottom left;
			}
			#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#ffc05d}
			#nav li.active a:hover {color:#33ff00}


	/* topNav ======================================================================================== */
	#header {
		margin:0;
		padding: 0;
	}
		#header #navBar {
			position:relative;
			top:80px;
			background: #95a123 url("images/bg_menu_green.gif") repeat-x 0 100%;
			margin:0;
			padding: 0;
			margin-left:40px;
			height:24px;
			z-index:10;
		}	
		#header #breadcrumb {
			position:absolute;
			top:10px;
			left:280px;
			font:10px Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			z-index:10;
		}
		#header #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
		#header #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
		
		/* search >>>>>>>>>>>>>>>>> */
		#header #search {
			color:#f2f2f2;
			font-weight:bold;
			position:absolute;
			top:7px;
			right:25px;
			left:auto;
			height:23px;
			padding-left:10px;
			width:150px;
			border:none;
		}
			#header #search form {
				padding:0px 0px;
			}
			#header #search input {
				width:80px;
				height:14px;
				color: #252528;
				background-color:#ffffff;
				border: 1px solid #564c66;
				vertical-align: middle;
			}
			#header #search input.f-submit {
				background-color:#000000;
				color:#f2f2f2;
				font-size: 9px;
				font-weight:bold;
				margin-left: .5em;	
				padding:0px 2px 0px 1px;;
				width:24px;
			}
			
			.bodycopy {
			color:#FFFFFF;
			}
			
		/* top nav >>>>>>>>>>>>>>>>> */	
		#topNav {
			position:absolute;
			top:0px;
			right:80px;
			width:424px;
			font: bold 12px Helvetica, Arial, sans-serif;
			height:26px;
			margin: 0;
			padding: 0;
			list-style:none;
		}
			#topNav ul {
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#topNav li {
				position:relative;
				background: #252528;
				float: left;
				width: 140px;
				border: 1px solid #564c66;
				border-width: 1px 0;
				border-left: 1px solid #564c66;
				display:block;
				opacity:0.9;
				filter:alpha(opacity=90);
				margin: 0;
				padding:0;
				height:24px;
			}
			#topNav a, #topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active {
				text-decoration:none;
				text-align:center;
				cursor:pointer;
				color:#f2f2f2;
				display: block;
				padding: 6px 10px 4px;
			}
			#topNav a:hover {color:#f26628}
			#topNav li:hover ul, #topNav li.sfhover ul {z-index:99999}
			#topNav li.active {
				background: #252528;
				border: 1px solid #564c66; 
				border-width: 1px 0;
				border-left: 1px solid #564c66;
			}
			#topNav li.active a:link, #topNav li.active a:visited, #topNav li.active a:hover, #topNav li.active a:active {color:#ff0000}
			#topNav li.active a:hover {color:#F26628}

	/* logos ======================================================================================== */
	#companyLogo {
		position:absolute;
		top:40px;
		left:80px;
		width:225px;
		cursor:pointer;
		z-index:15;
	}
	#secondLogo {
		position:absolute;
		top:110px;
		right:-63px;
		width:225px;
		z-index:25;
	}
	#secondLogoHome {
		position:absolute;
		top:150px;
		left:825px;
		width:110px;
		height:50px;
		z-index:15;
		background-color:#000000;
	}


	/* main body ===================================================================================== */
	#content {
		position:absolute;
		top:33px;
		left:240px;
		height:630px;
		width:700px;
		border: 1px solid #564c66; /*dark purple border*/
		border-width: 1px 0;
		background:#95a123;
		z-index:0;
	}
		#slideShow {
			position:absolute;
			top:102px;
			left:80px;
			width: 620px !important;
			height: 370px !important;
			z-index:5;
		}
		#contentCenter {
			position:absolute;
			top:100px;
			left:80px;
			height:472px;
			width:580px;
			padding:0px 0px 0px 0px;
			z-index:0;
		}		
			#contentCenter p {
				font: normal 12px Helvetica, Arial, sans-serif;
				line-height:24px;
				color:#857F68;
			}
			#contentCenter h4 {
				line-height:36px;
				margin: 0 0 1em
			}
			#contentCenter h1 {
				width:580px;
			}
			#contentCenter p.blogComment {
				font: normal 13px Helvetica, Arial, sans-serif;
				line-height:20px;
				color:#c8c8ce;
			}
			#contentCenter h1.message {
				line-height:300px;
				vertical-align:middle;
				text-align:center;
				color:#c8c8ce;
			}
			#contentBackgroundOLD {
				padding:10px 0px 10px 10px;
				width:550px;
				background-color:#252528;
				opacity:0.7;
				filter:alpha(opacity=70);				
			}
			#contentBackground {
				padding:10px 0px 10px 10px;
				background-color:#FFFFFF;
				opacity:0.7;
				filter:alpha(opacity=70);				
			}
				.mainBackground {
					position:absolute;
					left:0px;
					top:35px;
					height:300px;
					width:490px;
					border: 2px solid #000000;
				}


				.newsBackground {
					position:absolute;
					left:0px;
					top:105px;
					height:258px;
				}
				.largeBackground {
					position:absolute;
					left:0px;
					top:60px;
					height:400px;
					width:550px;
					background-color:#FFFFFF;
				}
				
			#contentText {
				padding:35px 0px 10px 10px; /* position of scroll bars ====== */
				width:500px;
				height:300px;
			}
			/* scroll bars ====== */
			#contentScrollWrapper {
				position:absolute;
				left:15px;
				overflow:hidden;
				font-size: .9em;
				line-height: 2em;
				color:#ffc05d;
				font-weight:bold;
				font: Helvetica, Arial, sans-serif;
				color:#f2f2f2;
			}
				.contentScrollMain {
					top:45px;
					width:460px;
					height:270px;
				}
				.contentScrollNews {
					top:120px;
					width:460px;
					height:250px;
				}
				.contentScrollForms {
					top:85px;
					width:440px;
					height:280px;
				}
				.contentScrollRegister {
					top:85px;
					width:460px;
					height:290px;
				}

			#scrollbarContent {
				height:285px;
				border-left: 1px solid #564c66;
				border-width: 0px 1px;
			}
			#scrollbarContentNews {
					height:250px;
					border-left: 1px solid #564c66;
					border-width: 0px 1px;
					margin-top: 20px;
			}
				#handleScroll {
					position:relative;
					right: 9px;
				}
					/* scroll class ====== */
					.scrollbar-vert {
						width: 18px;
						height: 100%;
						float:right;
					}
					.handle-vert {
						height: 20px;
						width: 18px;
						margin-right:10px;
						background: url("images/scrollHandleVertical.gif") no-repeat; 
					}
					.scrollbar-hor {
						height: 22px;
						height: 100%;
						float:left;
					}
					.handle-hor{
						height: 20px;
						width: 42px;
						background: url("images/scrollHandle.gif") no-repeat; 
					}
			
	/* zoco items ===================================================================================== */
	#itemOne {
		position:absolute;
		top:460px;
		right:15px;
		height:233px;
		width:325px;
		background: url("images/itemBackgroundOne.png") no-repeat top left;
		z-index:100;
	}
	#itemTwo {
		position:absolute;
		top:520px;
		left:475px;
		height:140px;
		width:239px;
		z-index:20;
	}
	#itemThree {
		position:absolute;
		top:520px;
		left:210px;
		height:139px;
		width:280px;
		background: url("images/itemBackgroundThree.png") no-repeat top left;
		z-index:20;
	}
	#itemPhoto {
		position:absolute;
		top:460px;
		right:15px;
		height:233px;
		width:325px;
		background: url("images/itemBackgroundOne.png") no-repeat top left;
		z-index:100;
	}
		#itemTeaser {
			position:absolute;
			top:104px;
			left:72px;
			width:190px;
		}
		#itemHeader {
			padding:10px;
			color:#ffc05d;
			font: bold 14px Helvetica, Arial, sans-serif;
		}		
		#itemTeaserText {
			position:absolute;
			top:30px; 
			left:0px;
			font: bold 10px Helvetica, Arial, sans-serif;
			color: #c8c8ce;
			line-height:14px;
			padding:10px;
			width:180px;
		}
		#itemTeaser img {
			position:absolute;
			bottom:10px;
			padding-left:10px;
		}
		a.itemLink:link, a.itemLink:visited, a.itemLink:hover, a.itemLink:active {
			text-decoration:none; 
		}

		
	/* widgets ===================================================================================== */
	#tickerBackground {
		position:absolute;
		top:0px;
		left:0px;
		width: 239px;
		height:140px;
		background: url("images/tickerBackground.png") no-repeat top left;
		z-index:150;
	}
		#tickerWrapper {
			position:relative;
			top:20px;
			left:60px;
			width:175px;
		}
		#tickerWrapper a {
			font: bold 12px Helvetica, Arial, sans-serif;
			color:#FFFFFF;
		}

	#countdownTimer {
		position:absolute;
		top:675px;
		left:515px;
		width: 435px;
		height: 33px;
		float:right;
		text-align:right;
		vertical-align:bottom;
		background: url("images/conferenceDate.png") no-repeat bottom left;
		z-index:15;
	}
	#sponsorLogo {
		position:absolute;
		top:2px;
		left:10px;
		width: 165px !important;
		height: 135px !important;
		z-index:10;
	}
			
			
	/* content items ===================================================================================== */
	#linkBar {
		margin-top:-15px;
		z-index:30;
	}
		#linkBar a:link a:visited {
			font-size:9px;
		}
		#linkBar a:hover {
			color:#33ff00;
		}
	#viewAllArticles {
		position:absolute;
		left:320px;
		top:495px;
		z-index:50;
	}
	#viewAllArticles a:link, #viewAllArticles a:visited {
		font: bold 11px Helvetica, Arial, sans-serif;
		color:#ffffff;
		text-decoration:none;
	}
	#viewAllArticles a:hover {
		color:#ffc05d;
	}
	#viewAll {
		position:absolute;
		right:15px;
		bottom:4px;
		z-index:50;
	}
	#viewAll a:link, a:visited {
		font: bold 11px Helvetica, Arial, sans-serif;
		color:#ff8311;
		text-decoration:none;
	}
	#viewAll a:hover {
		color:#ffc05d;
	}
	
	#buildLinksClass a:link a:visited{
	text-decoration:none;
	}

	
	/* lists ====================== */
	#newsList div.tableRowEffect p {
		padding: 1px 0;
	}
		#newsList table {
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}
		#newsList td {
			border-bottom: 1px solid #252528;
			border-top: 1px solid #252528;
			vertical-align: middle;
			padding: 3px 6px;
		}
		#newsList td.check div.check {
		}
		#newsList td.checkPad div.checkPad {
			padding-top:3px;
			padding-bottom: 0px;
		}
		#newsList td.check div.selected {
			padding: 0;
			border: 0;
		}
		#newsList tr.option {
			cursor: pointer;
			color: #7c7c8a;
		}
		#newsList p {
			font-size:11px;
			line-height:16px;
			font-weight:normal; 
		}
		#newsList a:link, #newsList a:visited, #newsList a:hover, #newsList a:active {
			text-decoration:none;
			font: normal 10px Helvetica, Arial, sans-serif;
			color: #7c7c8a;
			padding-right:0px;
		}
		#newsList a:hover, #newsList a:active {
			color: #c8c8ce;
		}
		#newsList td.check div.check {
			height: 14px;
			line-height:10px;
		}	
		
	/* event page ============ */
	#eventList {
		position:absolute;
		top:225px;
		width:400px;
	}
	#eventListBackground {
		position:absolute;
		top:300px;
		width:399px;
		height:88px;
		background:#6B202B;
		border-left: 1px solid #6B202B;
	}
		.sessionHeader {
			font: bold 11px Helvetica, Arial, sans-serif;
			color:#f2f2f2;
		}
			.sessionText {
			font: bold 11px Helvetica, Arial, sans-serif;
			color:#7c7c8a;
		}
	#eventCalendar {
		position:absolute;
		top:240px;
		left: 410px;
		width:200px;
		height:148px;
		background:#6B202B;
		border-left: 1px solid #6B202B;
	}
	
	#directoryImage {
		position:absolute;
		top:80px;
		left: 480px;
		width:200px;
		height:148px;
	}
	
	#productImage {
		position:absolute;
		top:90px;
		left: 400px;
		width:200px;
		height:148px;
	}

	
	
	
	/* tables ======================================================================================== */
	.table1 {border: px solid #252528;border-collapse:collapse;width:100%}
	.table1 td {background: #252528 ;border: 1px solid #252528;}
	.table1 th {text-align:left;border: 1px solid #252528}
	.table1 thead th {color:#ff8311;font-size:125%;background: #252528;padding: 10px 6px; height:24px; letter-spacing:1px;}
	.table1 tbody th {color:#7c7c8a;font-size:100%;background: #252528;padding: 6px}
	.table1 tbody th.sub {font-size:100%;color:#ff0000;background: #f2f2f2 url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
	.table1 a {color:#FF0000;}

		/* table - calendar */
		.calendar {width:200px;font-size:11px; line-height:14px;}
		.calendar td {text-align:center;border: 1px solid #252528; color:#7c7c8a; font-weight:bold;}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px;font-size:11px; font-weight:bold;}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}

		/* days with events */
		td.calevent a {color:#ff0000;}
		td.caltoday a {color:#ff0000;}
		
		
		/* events ==================================================== */
		
		
		/* contact info section */	
#pricing a:link {
	color:#ffc05d;
}


				

	/* video of the month ============================================================================= */
	#videoBackground {
		padding:10px 0px 10px 10px;
		width:200px;
		height:170px;
		background-color:#252528;
		opacity:0.7;
		filter:alpha(opacity=70);				
	}
	#videoWrapper {
		position:absolute;
		right:35px;
		top:10px;
		width:158px;
		height:150px;
        overflow:hidden;
		font: bold 10px/22px Helvetica, Arial, sans-serif;
		color:#f2f2f2;
	}
		.videoBackgroundOne {
			position:absolute;
			right:25px;
			top:65px;
		}
		#scrollbarVideo {
			height:155px;
			border-left: 1px solid #564c66; /*dark purple border*/
			border-width: 0px 1px;
			margin-top: 10px;
		}
	#videoDescription {
		position:absolute;
		top:-2px;
		right:0px;
	}
	#videoWinner {
		position:absolute;
		left:555px;
		top:280px;
		font-weight:bold;
		font-size:9px;
	}
	#enterYourVideo { 
		position:absolute;
		right:35px;
		top:300px;
		width:172px;
	}
		#enterYourVideo h5 {
			width:165px;
			line-height:24px;
			padding:10px;
		}
	#viewAllVideos {
		position:absolute;
		right:20px;
		top:450px;
	}
	#videoContestInf {
		position:absolute;
		right:20px;
		top:450px;
	}
	

					
/* forms ========================================================================================= */
/* form */
form.zocoForm {
	width: 100%;
	font: normal 95%  Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
form.zocoForm fieldset {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px;
	background: url("images/formFieldset.gif") left bottom repeat-x
}
form.zocoForm legend {
	padding: 0;
	color: #000000;
}
/* wrappers and labels */
form.zocoForm div.formWrapper {
	margin: 0 -1%;
	padding: 0;
}
form.zocoForm span.wrapper {
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 1%; /* firefox */
}
form.zocoForm label {
	margin: 0 1%;
	padding: 0;
	border: 0;
	float: left;
	display: table;
	width: 1%;
	font: normal 11px  Helvetica, Arial, sans-serif;
	color:#252528;
}
form.zocoForm label input.file {
    position: relative;
    height: 100%;
    width: auto;
  	background-color: #252528;
	border: 0px solid threedshadow;
	border-color:#252528;
	border-style:solid;
}
	/* type */
	form.zocoForm p,
	form.zocoForm h3 {
		margin: 0 1% 10px 1%;
	}
	/* titles and examples */
	form.zocoForm label span.title {
	}
	form.zocoForm label span.example {
		color: #ff0000;
		font-style: italic;	
	}
	form.zocoForm label span.title:hover,
	form.zocoForm label span.title:focus {
		color: #252528;
		cursor: pointer;
	}
	form.zocoForm label br {
		margin: 0 0 2px 0;
		clear:left	;
	}
	/* label widths */
	form.zocoForm label.w100 {
		width: 98%;
		display: block;
	}
	form.zocoForm label.w75 {
		width: 73%;
		display: block;
	}
	form.zocoForm label.w50 {
		width: 48%;
		display: block;
	}
	form.zocoForm label.w33 {
		width: 31%;
		display: block;
	}
	form.zocoForm label.w25 {
		width: 23%;
		display: block;
	}
	form.zocoForm label.wauto {
		width: auto;
		margin-right: 15px;
	}
	form.zocoForm label.wauto span.wrapper {
		display: inline;
	}
	/* label positions */
	form.zocoForm label.p0 {
		margin-left: 0%;
	}
	form.zocoForm label.p25 {
		margin-left: 26%;
	}
	form.zocoForm label.p33 {
		margin-left: 34%;
	}
	form.zocoForm label.p50 {
		margin-left: 51%;
	}
	form.zocoForm label.p75 {
		margin-left: 76%;
	}
/* input , select, textarea file */
form.zocoForm label input.field,
form.zocoForm label select.field,
form.zocoForm label textarea.field {
	width: 100%;
	display: block;
	border: 1px solid #564c66;
	border-left: 3px solid #564c66;
	background: #f2f2f2;
	padding: 4px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 1em;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
}
form.zocoForm label select.field {
	padding: 4px 1px 1px 1px; 
}
form.zocoForm label input.field:focus,
form.zocoForm label select.field:focus,
form.zocoForm label textarea.field:focus {
	border: 1px solid #ff0000;
	border-left: 3px solid #ff0000;
	background: #f2f2f2;
}
/* errors */
form.zocoForm label.error input.field,
form.zocoForm label.error select.field,
form.zocoForm label.error textarea.field {
	border-color: #564c66;
}
form.zocoForm label.error span.title {
	color: #564c66;
}
	div.errors {
		display: none; /* JS toggle */
		margin: 0;
		padding: 2px;
		background: #ff0000;
	}
	div.errors p {
		color: #564c66;
		margin: 0 0 0 0;
	}
	div.errors ul {
		margin: 0 0 0 1.6em;
		padding: 0;
	}
	div.errors ul li {
		margin: 0;
		padding: 0;
		color: #fff;
		list-style-type: square;
	}
/* mandatory fields */
form.zocoForm label.mandatory input.field,
form.zocoForm label.mandatory select.field,
form.zocoForm label.mandatory textarea.field {
	border: 1px solid #564c66;
	border-left: 8px solid #564c66;
}
form.zocoForm label.mandatory input.field:focus,
form.zocoForm label.mandatory select.field:focus,
form.zocoForm label.mandatory textarea.field:focus {
	border: 1px solid #ff0000;
	border-left: 8px solid #ff0000;
	background: #f2f2f2;
}

/* calendar fields */
form.zocoForm label.calendar input.field {
	padding-right: 25px;
}
	/* calender icon */
	form.zocoForm a.calendar {
		float: right;
		position: relative; top: 3px; left: -20px;
		z-index: 1000;
	}
	form.zocoForm a.calendar img {
		border: 0;
		position: absolute; top: 0; left: 0;
	}
/* submit button */
form.zocoForm input.submit {
	width: 100%;
	background: #252528;
	color: #f2f2f2;
	padding: 2px 0;
	font-size: 1em;
	filter:alpha(opacity=90);
	border: 1px solid #564c66;
	cursor:pointer;
}
form.zocoForm input.submit:hover,
form.zocoForm input.submit:focus {
	background: #ff0000;
}
/* additional styles: input, select */
form.zocoForm label.inputselect span.title {
	margin: 0 0 2px 0;
	display: table; /* act as inline-block */
}
/* additional styles: checkbox, radio */
form.zocoForm label.radiocheck {
	margin-bottom: 10px;
}
form.zocoForm label.radiocheck span.wrapper {
	padding-right: 0;
}
form.zocoForm label.radiocheck span.title {
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
}
/* cart total */
#cartTotal {
	position:absolute;
	top:16px;
	left:155px;
	z-index:5;
	width:170px;
	z-index:20;
}

#contentElement, ,#contentElement2{
	height:0px;
	font-size:10px;
	margin:0 auto;
	overflow:hidden;
}
#contentWrapper{
	margin:0px auto;
	padding:5px 40px;
	background:#d3e4a5;
	overflow:hidden;
}
#button1, #button2{
	display:block;
	height:14px;
	width:129px;
	float:left;
	margin-left:2px;
	background:#d3e4a5;
	cursor:pointer;
	text-align:center;
}
.button1_,.button2_{
	font-weight:bold;
}
#button1{
	margin-left:40px;
}




/* video upload form ==================================== */
#uploadVideo {
	margin-bottom:100px;
	width: 650px;
 }
	#uploadVideo form.zocoForm	div.clear {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
		margin-bottom:2px;
		background: url("images/formDivider.gif") left bottom repeat-x;
	}
	#uploadVideo form.zocoForm	div.clearLast {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
	}
	#uploadVideo form.zocoForm em {
		font-weight: bold;
		font-style: normal;
		color: #ff0000;
	}
#uploadVideo form.zocoForm input.submit {
	margin-bottom:0px;
}
#videoSubmit {
	position:relative;
	top:-30px;
	padding-right:7px;
}
#uploadVideo form.zocoForm fieldset {
	padding-bottom: 0px;
	height:170px;
}

/* contact form ==================================== */
#contactForm {
	position:absolute;
	top:175px;
	left:-10px;
	z-index:100;
}
#contactResponse {
	position:absolute;
	top:30px;
	left:30px;
	width:320px;
	z-index:0;
}
/* contact info section */	
#contactInfo a:link {
	color:#ffc05d;
}
	
/* subscribe form ==================================== */
#subscribeForm {
	position:absolute;
	top:100px;
	left:0px;
	z-index:100;
}

	#contentLogin {
		position:absolute;
		top:200px;
		left:240px;
		height:435px;
		width:700px;
		border: 1px solid #564c66; /*dark purple border*/
		border-width: 1px 0;
		background:#95a123;
		z-index:0;
	}

#loginForm {
	position:relative;
	top:10px;
	left:100px;
	z-index:100;
	width:300px;
}

/* registration form ==================================== */
#contentCenter #cart p {
	font: normal 10px Helvetica, Arial, sans-serif;
	line-height:14px;
	color:#c8c8ce;
	margin: 0;
}

/*shoppingCart*/
#contentCenter #cart table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
#contentCenter #cart th, #contentCenter #cart td {
	padding: 10px 6px;
}
#cart th {
	text-align: left;
	background: #18181b;
	color: #faec8f;
	border-top: 4px solid #1d1d20;
	border-bottom: 1px solid #564c66;
}
#cart th h3 {
	font-size: 12px;
	line-height:4px;
	padding:0px;
	padding-left:4px;
	margin:0px;
}

#cart td {
	border-bottom: 1px solid #252528;
	border-top: 1px solid #252528;
	vertical-align: middle;
}
#cart tr.borderTop {
	border-top: 1px solid #564c66;
}

#cart td.check div.check {
	border: 2px solid #18181b;
	background-repeat: no-repeat;
	background-position: center center;
	height: 13px;
	width: 14px;
}
#cart td.check div.selected {
	background-image: url("images/check.png") !important;
	padding: 2px;
	border: 0;
}
#cart td.name {
	font-size: 12px;
	white-space: nowrap;
}
#cart td.description {
	font-size: 9px;
	width: 100%;
	text-align: left;
}
#cart tr.option {
	cursor: pointer;
	background: #1d1d20;
	color: #595965;
}
#cart th.borderTop {
	border-top: 1px solid #564c66;
}

#cart h2.section, #cart h2.options {
	font-size: 15px;
	color: #faec8f;
	padding-left: 15px;
	background: url(../images/arrow.gif) no-repeat left center;
}
#cart h2.section a, #cart h2.options a {
	display: block;
	text-decoration: none;
	color: #faec8f;
}
#cart h2.section a:hover, #cart h2.options a:hover {
	color: #faf3c7;
}

#advanced, {
	padding-bottom: 20px;
}

h2.compression-options {
	margin-top: 10px;
}

table#compression-options div.check {
	width: 13px;
	height: 13px;
}

table#compression-options div.selected {
	background-image: url(../images/radio.png) !important;
	background-image: url(../images/radio.gif);
	padding: 2px;
}


ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
.details em { width: 290px; position: relative; top:7px; cursor: pointer; 	}
.details em a{ text-decoration: none;  font-style:normal; font-size:12px; font-weight:bold;}	
div.collapse{ width: 290px;  padding-top:10px;}	







/* pagination ==================================== */
.pagination {
	position:absolute;
	bottom:125px;
	right:0px;
	z-index:100;
	padding: 4px 7px 4px 7px;
	margin: 0 0 1.5em;
	background:#1e1e1e;
	border-bottom: 1px solid #252528;
	border-top: 1px solid #252528;
	height:14px;
}
	.pagination p {
		position:relative;
		text-align:right;
	}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
		text-decoration:none;
		padding:2px 5px;
	}
	.pagination p a:hover {color:#7c7c8a}
	.pagination p span {
		text-decoration:none;
		padding:2px 5px;
		color:#c8c8ce;
	}
	.pagination * {margin:0}
	.pagination h4 {
		margin-top:-3.45em;
		padding:0;
		border:none;
		font-size:10px;
		text-align:right;
		visibility:hidden;
	}


/* text classes ================================================================================== */
.pipes {
	color:#ff0000;
}
/* clear */
.clear {
	clear: both;
	display: block;
	padding: 0;
}
.mb0 {
	margin-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}

/* footer ======================================================================================== */
#footer {
	position:relative;
	top:660px;
	clear:both;
	border-top: 0px solid #564c66;
	border-width: 0px 0;
	padding: 10px 0 30px;
	font-size:86%;color:#f2f2f2;
	text-align:center;
	letter-spacing:1px;
	z-index:0;
}
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
		color:#f2f2f2;
		text-decoration:none;
	}