/* CSS Document */

* {
	margin:0;
	padding:0
}
/* Universal*/
.clear {
	clear:both;
	height:0;
	overflow:hidden;
	width:100%;
}
.normal {
	font-weight:normal;
}
/* Main containers*/

a:link, a:visited{
	color:#888888;	
} 
a:hover, a:active {
	color:#555555;
}

body {
	background-color:black;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	/*
	 * font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
	 */	
	font-size:0.91em;
}
form{
	margin:0;
	padding:0;
}
p {
	margin:0 0 10px 0;
}
select.mediaselect {
	width:191px;
}
#fader{
/*
	background-color:#444;
	border:1px #ffffff dashed;
*/
}
#outershell {
	position:absolute;
	width:100%;
	height:100%;
}
#innershell {
	min-height:100%;
	width:912px;
	margin:0 auto;
	background-color:#333333;
	position:relative;
}
/* Min-Height hack for IE6 */
* html .innershell {
	height:100%;
}
.header {
	padding:25px 15px;
	width:882px;
	float:left;
}
.logo {
	float:left;
	height:44px;
}
/* Search box*/
.search {
	float:right;
	position:relative;
	right:5px;
}
.searchbox {
	background-color:#c2c2c2;
	background-image:none;
	border:0;
	height:18px;
}
/*
 * no longer using btn_search
 */
.btn_search {
	background-color:#445662;
	height:18px;
	padding:0 1px 2px 0;
	color:#9ea1a6;
	font-weight:bold;
	letter-spacing:-1px;
	border:0;
	vertical-align:top;
	margin-left:3px;
}
#jumpmenu {
	float:left;
	width:140px;
	color:#fff;
	background-color:#333;
	border:0;
	width:auto;
	padding:0;
	margin:0 10px 0 0;
	text-transform:uppercase;
	font-weight:bold;
}
.imageinput{
	border:0;
	width:22px;
	height:18px;
	vertical-align:bottom;	
	display:inline;
	padding:0;
	margin:0 0 0 7px;
}
.search label {
	color:#9fa1a4;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 5px 0 0px;
	position:relative;
	top:1px;
}
/* Main menu */
.menu-main {
	float:left;
	width:100%;
	clear:both;
	height:30px;
	position:relative;
	z-index:10;
}
.menu-main-flash {
	width:715px;
	float:left;
	position:absolute;
	left:15px;
	height:100px;
	z-index:10;
}
.menu-main img {
	display:block;
	overflow:hidden;
	float:left;
}

/* Left menu */
.menu-left {
	float:left;
	width:147px;
	margin:25px 0 0 0;	
  	display:block;
	color:#666666;
	position:relative;
	z-index:100;
}
.menu-left ul {
	float:left;
	display:block;
	list-style-type:none;
	margin:0 0 6px 15px;
	padding:0;
	font-family: 'Trebuchet MS', Geneva, sans-serif;
	z-index:100;
}
.menu-left ul li {
	padding:0px 9px 5px 0;
	display:block;
	font-size: 14px;
	letter-spacing:0.2px;
	line-height:17px;
	font-weight:400;
	text-transform:capitalize;
	z-index:100;
}
html .menu-left ul li {
	padding-left:0;
	z-index:100;
}
.menu-left ul li a {
	text-decoration:none;
	z-index:1000;
}
.menu-left ul li a:link,.menu-left ul li a:visited{
	color:#888888;	
	z-index:1000;
} 
.menu-left ul li a:hover, .menu-left ul li.selected a, a:hover.shopforsocks {
	color:#555555;
	z-index:1000;
}
.shopforsocks {
	text-align:right;
	float:right;
	width:200px;
	padding:0;
	position:relative;
	top:2px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:-1px;
}
.shopforsocks img {
	display:inline;
	border:0;
}
/* Page title*/
.pagetitle {
	height:46px;
	width:100%;
	background-image:url(../images/goldbar.jpg);
	background-repeat:no-repeat;
	clear:both;
	float:left;
}
.pagetitle span.normal {
	vertical-align:text-bottom;
	font-weight:100;
	float:left;
	text-transform:uppercase;
	font-size:25px;
	margin:0 20px 0 15px;
	position:relative;
	top:7px;
	color:white;
	display:block;
	letter-spacing:-1px;
	font-family: 'Trebuchet MS', Geneva, sans-serif;
}
.pagetitle span.bold {
	vertical-align:text-bottom;
	font-weight:bold;
	text-transform:uppercase;
	font-size:26px;
	margin:0 20px 0 15px;
	position:relative;
	top:7px;
	color:white;
	display:block;
	float:left;
	font-family: 'Trebuchet MS', Geneva, sans-serif;
}
.pagetitle span.thin {
	vertical-align:text-bottom;
	font-weight:lighter;
	text-transform:uppercase;
	font-size:26px;
	margin:0 0 0 15px;
	position:relative;
	top:7px;
	color:white;
	display:inline;
	font-family: 'Trebuchet MS', Geneva, sans-serif;
}
/* Footer */
.footer {
	clear:both;
	vertical-align:text-top;
	width:882px;
	height:40px;
	padding:10px 20px 0 20px;
	color:#9fa1a4;
	font-size:75%;
	/*
	position:absolute;
	bottom:0;
	*/
}
.footer a {
	color:#9fa1a4;
	text-decoration:none;
}
.footer a:hover {
	color:#666666;
}
.footerNav{
	float:left;
	width:600px;
}
.sitecredit {
	/*
	position:absolute;
	right:22px;
	top:20px;
	*/
	width:71px;
	display:inline;
	float:right;
	
}
/* Home */
.header-home img {
	overflow:hidden;
	display:block;
}
.announcements {
	background-color:#222222;
	width:520px;
	padding:12px 20px 0 20px;
	margin:4px 0 0 0;
	float:left;
}
.announcements h1 {
	color:#455560;
	font-size:135%;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}
.announcements p {
	width:410px;
/*
	color:#aaaaaa;
*/
	font-size:85%;
	margin:0 0 15px 0;
	line-height:130%;
}
.announcements a {
	color:#f0b310;
	text-decoration:none;
}
.announcements a:hover {
	text-decoration:underline;
}
.announcements a img {
	display:block;
	overflow:hidden;
	margin-right:5px;
	vertical-align:middle;
	border:0;
	float:left;
}
.menu-home {
	float:left;
	position:relative;
	top:-118px;
}
.menu-home ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu-home li {
	display:block;
	float:left;
	clear:both;
	width:275px;
	height:39px;
	border-left:1px solid #f0b310;
	margin-bottom:1px;
	background-color:#222222;
}
.menu-home li a {
	font-weight:normal;
	color:#ffffff;
	font-size:160%;
	display:block;
	float:left;
	width:270px;
	height:31px;
	text-transform:uppercase;
	padding:8px 0 0 5px;
	text-decoration:none;
	background-image:url(../images/home-link-up.jpg);
	background-repeat:no-repeat;
}
.menu-home li a:hover {
	background-color:#f0b310;
	background-image:url(../images/home-link-over.jpg);
	background-repeat:no-repeat;
}
/* Content */
.contentshell {
	width:100%;
	padding:0 0 40px 0;
	clear:both;
	position:relative;
	right:0;
}
.content {
	width:765px;
	background-color:#222222;
	min-height:500px;
	position:relative;
	float:right;
	padding-top:2px;
}
/* IE6 hack */
* html .content {
	height:500px;
}
.content-text {
	padding:20px;
	float:left;
	width:710px;
}
.content-text .copy {
	width:410px;
	float:left;
	color:#cccccc;
	padding:10px 30px;
}

.content-text .copy.extrawide {
	width:715px;
	float:left;
	color:#cccccc;
	padding:10px 0 10px 5px;
}

.copy.extrawide a {
	color:white;
	text-decoration:none;
}
/*
.content-text .copy h1 {
	font-size:135%;
	margin:0 0 15px 0;
	line-height:130%;
	color:#ffffff;
}*/

.content-text .copy p {
	font-size:95%;
	margin:0 0 15px 0;
	line-height:130%;
}
.content-text .pullquote {
	color:#50626f;
	width:210px;
	float:right;
	padding-right:20px;
	letter-spacing:1px;
}

.content-text .pullquote h2 {
	line-height:150%;
	font-size:165%;
	/*
	 * 	line-height:160%;
	font-size:175%;

	 */
	font-weight:normal;
}
/* Brands */
.boxes {
	padding:30px 0 0 46px;
	float:left;
	width:704px;
	color:#cccccc;
}
.box {
	float:left;
	margin:10px 10px 10px 0;
	/*
	width:217px;
	height:163px;
	*/
	width:217px;
	height:163px;
	background-color:#000000;
	display:block;
}
.box.disabled {
	border:3px solid #333333;
	/*
	width:211px;
	height:157px;
	*/
	width:217px;
	height:163px;
}
.box a {
	border:3px solid #333333;
	display:block;
	/*
	width:211px;
	height:157px;
	*/
}
.box a:hover {
	border:3px solid #f0b310;
}
.box img {
	display:block;
	/*
	overflow:hidden;
	*/
	border:none;
	
}
/* Media */
#mediaplayer {
	width:423px;
	float:left;
	/*
	overflow:hidden;
	position:relative;
	left:-5px;
	margin:50px 0 30px 0;
	*/
	background-color:#222222;
	margin:0 0 30px 0;
}
#mediaplayer .brand {
	float:left;
	margin:0 18px 30px 5px;
	width:191px;
}
#mediaplayer .brand form, #mediaplayer .broadcast form {
	position:relative;
	z-index:1000;
}
#mediaplayer .broadcast {
	float:left;
	margin:0 0px 30px 10px;
	width:191px;
	/*
	 * 	height:200px;
	 * border:1px dashed white;
	 */
}
div#mediaplayer > div#broadcast{
	float:none;
	display:inline;
}
#mediaplayer #flashvideo{
	margin:0;
	padding:0;
	background-color:#ffcc00;
	width:423px;
	height:342px;
	display:block;
	/*
	display:block;
	overflow:auto;
	clear:both;
	*/
}
.media {
	position:relative;
	top:-50px;
}
.thumbnails {
	margin:60px 0 10px 0;
	float:left;
	width:210px;
}
.marginleft10{
	margin-left:10px;
}
.marginright10{
	margin-right:10px;
}
.margin-top-big {
	margin-top:53px;
}
.minithumb {
	display:block;
	float:left;
	width:60px;
	height:45px;
	margin:0 5px 5px 0;
	background:#181818;
}
.minithumb a {
	float:left;
	display:block;
}
.minithumb a:hover {
	border:2px solid #f0b310;
	margin:-2px;
}
.minithumb img {
	display:block;
	overflow:hidden;
	border:0;
	width:60px;
	height:45px;
}
/* News */
.news h1 {
	color:#dfa60f;
	font-size:100%;
	margin: 0 0 10px 0;
}
.news h2 {
	color:#dfa60f;
	font-size:150%;
	margin: 0 0 20px 0;
	font-weight:normal;
}
.news p {
	color:#9fa1a4;
	font-size:95% !important;
}
.news a {
	color:white;
	text-decoration:none;
}
.news a:hover {
	text-decoration:underline;
}
.pullquote.sidemenu a {
	color:#cccccc;
	text-decoration:none;
}
.pullquote.sidemenu a:hover {
	text-decoration:underline;
}
.pullquote.sidemenu p {
	margin:15px 0 15px 0;
	display:block;
}
/* Information Request */
.contactform {
	color:#9fa1a4;
}
.column-left {
	color:#9fa1a4;
	width:475px;
	float:left;
}
.column-right {
	width:220px;
	color:#9fa1a4;
	float:left;
	margin-left:10px;
}
.formrow {
	margin:0 0 10px 0;
	clear:both;
}
.formrow input, .formrow select, textarea {
	border:1px solid #87878c;
	border-bottom:1px solid #4a4d4e;
	padding:3px;
	background-color:#272727;
	color:#cccccc;
}
.formrow #state {
	position:relative;
}
.formrow textarea {
	float:left;
	display:block;
	width:300px;
}
.formrow label {
	width:85px;
	display:block;
	font-size:90%;
	margin:4px 0;
}
.formrow .submit {
	background-color:#5d5e60;
	color:#cccccc;
	text-transform:uppercase;
	font-size:105%;
	margin-top:10px;
	padding-left:12px;
	padding-right:12px;
	float:left;
}
.submit:hover {
	cursor:pointer;
	cursor:hand;
}
.tiny {
	float:left;
	font-size:85%;
	position:relative;
	left:30px;
	top:15px;
	font-weight:bold;
}
html .tiny {
	left:20px;
}
.contact-info {
	font-size:90%;
	font-weight:bold;
}
.yellow {
	color:#ca970d;
}
.floatleft {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	display:block;
}
.gallery{
	clear:both;
}
.galleryItem {
	font-size:.8em;
	float:left;
	width:24%;
	margin:0 0 12px 0;
}

/*search Results */
.searchresults {
	margin-bottom:20px;
}
.searchresults td {
	color:#c2c2c2;
	font-size:85%;
	padding:1px 7px;
	height:20px;
}
.searchresults th {
	text-align:left;
	font-size:90%;
	font-weight:bold;
	padding:0px 7px;
	color:#ffffff;
	height:35px;
}
.searchresults tr.even {
	background-color:#454543;
}
a.pagination {
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	color:#ffffff;
}
a:hover.pagination {
	text-decoration:underline;
}

.required {
	color:#e20a16;	
}


