/*-------------------------------------------------------------------
Hoopla Skateboards Main Stylesheet

Version: 			5.0
Last edited by: 		John Lytle
On:				2011.04.01
Framework: 		The Plant System
For:				Hoopla Skateboards
Site Design by:		JL Productions

---------------------------------------------------------------------*/


/* =General Styles
---------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

body {
	background: #fff url(/app/css/images/global/bg-body.gif) no-repeat;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: lowercase;
}

@font-face {
	font-family: "Rockwell";
	src: url("/app/css/rockwell.ttf") format("truetype");
}


/* =Structure
---------------------------------------------------------------------*/

#nav-access {
	position: absolute;
	top: -9999px;
}

#branding {
	margin: 0 auto;
	width: 750px;
	height: 120px;
}


/* =Logo
---------------------------------------------------------------------*/

#logo h1 {
	float: left;
	display: inline;
	width: 121px;
	height: 99px;
	margin: 10px 10px 0 0;
	text-indent: -9000px;
}

	#logo h1 a {
		background: url(/app/css/images/logos/hoopla-skateboards-logo.gif) no-repeat;
		display: block;
		width:121px;
		height: 99px;
		text-decoration: none !important;
	}
	
	#logo h1 a:hover {background-position: 0 -99px;}
	
	#logo h1 span {display: none;}
	

/* =Navigation
---------------------------------------------------------------------*/

ul#navigation {
	position: relative;
	top: 0px;
	left: 70px;
	margin: 0;
	height: 30px;
	float: left;
	display: inline;
}

ul#navigation li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
	overflow: hidden;
}

ul#navigation li a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: 9999px;
	background: url(/app/css/images/global/navigation.gif) 0 0 no-repeat;
}

ul#navigation li#nav-home, ul#navigation li#nav-home a {width: 85px;height: 30px;background-position: 0 0}
ul#navigation li#nav-home a:hover {background-position: 0 -30px}
ul#navigation li#nav-home.active a {background-position: 0 -60px}

ul#navigation li#nav-team, ul#navigation li#nav-team a {width: 85px;height: 30px;background-position: -85px 0}
ul#navigation li#nav-team a:hover {background-position: -85px -30px}
ul#navigation li#nav-team.active a {background-position: -85px -60px}

ul#navigation li#nav-product, ul#navigation li#nav-product a {width: 85px;height: 30px;background-position: -170px 0}
ul#navigation li#nav-product a:hover {background-position: -170px -30px}
ul#navigation li#nav-product.active a {background-position: -170px -60px}

ul#navigation li#nav-blog, ul#navigation li#nav-blog a {width: 85px;height: 30px;background-position: -255px 0}
ul#navigation li#nav-blog a:hover {background-position: -255px -30px}
ul#navigation li#nav-blog.active a {background-position: -255px -60px}

ul#navigation li#nav-contact, ul#navigation li#nav-contact a {width: 85px;height: 30px;background-position: -340px 0}
ul#navigation li#nav-contact a:hover {background-position: -340px -30px}
ul#navigation li#nav-contact.active a {background-position: -340px -60px}

ul#navigation li#nav-contest, ul#navigation li#nav-contest a {width: 85px;height: 30px;background-position: -425px 0}
ul#navigation li#nav-contest a:hover {background-position: -425px -30px}
ul#navigation li#nav-contest.active a {background-position: -425px -60px}



/* =Subnavigation
---------------------------------------------------------------------*/

/*
#subnavigation li li a {
	display: block;
	padding: 0 5px 0 10px;
	text-decoration: none;
}

#subnavigation li li a:link, #subnavigation li li a:visited {
	background: transparent url(/app/css/images/assets/list-off.gif) no-repeat scroll left 50%;
}
#subnavigation li li a:hover, #subnavigation li ul .active a {
	background-color: inherit;
	background: transparent url(/app/css/images/assets/list-on.gif) no-repeat scroll left 50%;
}
		
#subnavigation h4 a {
	text-decoration: none !important;
}

h4.active a {
	background-color: inherit;
}

#subnavigation li ul {
	margin: 0px 0 10px 0;
}
*/


/* =Main Body
---------------------------------------------------------------------*/
	
#main-body {
	margin: 10px 20px;
	padding: 0;
}

#main-body-container {
	position: relative;
	line-height: 1.5em;
	margin: 0 auto;
	padding: 20px 0 20px 20px;
	text-align: left;
	width: 750px;
	min-height: 350px;
	background: #fff;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;	
}
	.home.main #main-body-container {
		padding: 10px 0 20px 20px;
	}
	
	.post #main-body-container {
		width: 840px;
	}


#primary-content {
	float: left;
	display: inline;
	width: 500px;
	min-height: 450px;
	margin: 0;
}
	.home.main #primary-content, .tou #primary-content, .privacy #primary-content, .specs.main #primary-content {
		width: 750px;
		border: none;
		}
		
	.post #primary-content {
		position: relative;
		width: 600px;
		padding: 0 20px 0 0;
		border-right: 1px #eee solid;
		}
		
	.team.main #primary-content {
		width: 750px;
	}
		
	.contact #primary-content, .testimonials #primary-content {
		width: 350px;
	}

	.product #primary-content, .specs #primary-content {
		position: relative;
		width: 620px;
		border-right: 1px #eee solid;
	}
	
	.product.archive #primary-content, .product.archived #primary-content {
		width: 940px;
		float: left;
	}
	
#secondary-content {
	float: right;
	display: inline;
	width: 200px;
	margin: 0 0 10px 0;
}
	.home #secondary-content {display: none}
	.error #secondary-content {text-align: center}

	 
	.contact.main #secondary-content, .testimonials.main #secondary-content {
		width: 360px;
		padding: 0 0 0 20px;
		border-left: 1px #eee solid;
	}

	.product #secondary-content,
	.testimonials #secondary-content {
		width: 140px;
		padding: 0 0 0 20px;
	}

	.product #secondary-content, .specs #secondary-content{
		width: 110px;
		padding: 0;
	}
	
.col1, .col2, .col3 {
	width: 150px;
	height: 100%;
	float: left;
	display: inline;
	margin-bottom: 20px;
 }
	 .col1 {clear: both; }

.contest .col1 {
	width: 290px;
	height: 100%;
	float: left;
	display: inline;
	margin-bottom: 20px;
 }
 
.contest .col2 {
	width: 210px;
	height: 100%;
	float: left;
	display: inline;
	margin-bottom: 20px;
 }

#title {
	margin-bottom: 10px;
}

#site-info {
	/*background: #fff url(/app/css/images/global/bg-supp.gif) repeat-x 0 top;*/
	line-height: 1.5em;
	margin: 0 auto;
	text-align: left;
	width: 700px;
}
			
.specs {
	float: left;
	display: inline;
	width: 200px;
	min-height: 200px;
}

.specs ul {
	padding-left: 5px;
}

#media {
	height: 530px;
	overflow: auto;
}


/* =Typography
---------------------------------------------------------------------*/

h2, h3, h4, h5, h6 {
	font-family: "Rockwell", sans-serif;
	margin: 0 0 4px 0;
	color: #000;
	line-height: 1em;	
	font-weight: normal;
}

h2 {

	font-size: 26px;
	margin: 0 20px 10px 0;
}


.archive h2 {
	margin: 10px 0 20px 0;
	padding-top: 20px;
	color: #fff;
}

.product h2 {
	display: block;
	margin: 0 0 20px 0;
}

	#product-details h2, .archived h2 {margin: 10px 0 10px 0;}

h3 {	
	font-size: 22px;
}

.product.archive #primary-content h3 {
	display: block;
	margin: 0 0 10px 0 !important;
}

h4 {
	font-weight: normal;
	font-size: 16px;
}
	.specs h4 {margin: 0 0 10px 5px;}

p + h3, ul + h3 {margin: 1em 0 0 0;}

/*h2 + h3 {margin-top: -.3em;}*/

#primary-content p {margin: 0 0 6px 0;}

p {
	margin-bottom: 6px;
	line-height: 1.3em;
}


p.prevnext {
	z-index: 200
}


.home #secondary-content p {
	margin-bottom: 20px;
	}
	
.home #secondary-content blockquote p {
	margin-bottom: 0;
	line-height: 1.3em;
	}
	
p.small {font-size: 90%;}
p.post-author {
	margin-left: 10px !important;
}

p span {font-weight: bold;}

blockquote {
	padding: 0 0 5px 35px;
	background: transparent url(/app/css/images/assets/quote.gif) top left no-repeat;
}

blockquote p {margin: 5px 0 5px 0}

blockquote cite {
	margin: 0 0 10px 15px;
	color: #999;
	font-style: normal;
	font-size: 110%;
	text-transform: lowercase;
	}
	
.specs p {width: 300px;clear: none;}

strong {
	color: #000;
	font-weight: bold;
}


/* =Images 
---------------------------------------------------------------------*/

img.noborder {
	padding: 0;
	border: none;
}

img.right, .alignright {
	float: right;
	margin: 0 0 10px 20px;
}

img.left {
	float: left;
	margin: 0 20px 20px 0;
}


/* =Links 
---------------------------------------------------------------------*/

a:link, a:visited  {
	color: #f96;
	font-weight: normal;
	text-decoration: none;
}

a:hover, a:active {
	color: #9cf;
	font-weight: normal;
}

a:link img, a:visited img {border-width: 0;}

.buy #primary-content a:link img, .buy #primary-content a:visited img {
	border: 1px solid #ccc;
}
.buy #primary-content a:link img:hover, .buy #primary-content a:visited img:hover {
	border: 1px solid #999;
}

a.current {color: #999;font-weight: bold;}
li.active > a {color: #999;font-weight: bold;}
li.current-cat a {color: #999 !important;font-weight: bold;}
	
a, object {outline: none}

abbr[title]  {border-bottom: 1px dotted #999}
abbr[title]:hover  {cursor: help}

.product #secondary-content li.active > a {font-weight: bold;}


/* --:TODO: External Links ---------------------------------- */


/*
a[href^="http:"] {
	background: url(/app/css/images/assets/link-external.gif) no-repeat right 3px;
	padding-right: 10px;
}

a[href^="http://boneswheels.com"], a[href^="http://powelldecks.com"], a[href^="http://www.hooplaskateboards.com"], a[href^="http://hooplaskateboards.com"], a[href^="http://www.b4bc.org/"], a[href^="http://twitter.com/"], a[href^="http://facebook.com/"], a[href^="http://skateone.com/"] {
	background-image: none;
	padding-right: 0;
}
*/

/* --:TODO: Downloadable Docs ---------------------------------- */

a[href$=".pdf"] {
	background: url(/app/css/images/assets/link-pdf.gif) no-repeat left top;
	padding-left: 12px;
}


/* =List Styles
---------------------------------------------------------------------*/

ul, dl {
	margin-bottom: 10px;
	list-style-type: none;
	text-align: left;
}

li#linkcat-2 {
	list-style-type: none;
}

ol {
	margin: 0 0 10px 30px;
	text-align: left;
}

.blog.main #secondary-content ul li h2 {background: none;}
.blog.main #secondary-content ul li h2:hover {background: none;}
  
ul.bullet li, p.bullet  {
	background: transparent url(/app/css/images/assets/list-off.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	margin: 0;
	text-align: left !important;
}

ul.bullet li a {
	font-weight: normal;
	margin: 0;
}
  
ul.bullet li:hover,
#supp ul li:hover,
p.bullet a:hover {
	background: transparent url(/app/css/images/assets/list-on.gif) no-repeat 0 4px;
}

ul.team li {
	background: none;
	padding: 0 0 0 28px;
	margin: 0;
	line-height: 28px;
	text-align: left !important;
}

ul.team li.active {
	background: transparent url(/app/css/images/assets/bug-off.gif) no-repeat 0 50%;
	padding: 0 0 0 28px;
	font-size: 120%;
}

ul.team li:hover {
	background: transparent url(/app/css/images/assets/bug-off.gif) no-repeat 0 50%;
}

ul.inline li {
	display: inline;
	float: left;
	margin: 10px 0;
}


ul.sequence li {
	display: inline;
	float: left;
	margin: 0 8px 10px 0;
}

dt  {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 0;
}

dd {
	text-align: left;
	margin-bottom: 10px;
}

dd strong  {font-weight: bold;}

dd span {
	font-weight: normal;
}


/*
ul.product-intro li {
	float: left;
	display: inline;
	width: 170px;
	height: 200px;
	text-align: center !important;
	font-weight: bold;
	background: none !important;
	margin: 10px 20px;
	border: 1px solid #eee;
}

ul.product-intro li:hover {
	border: 1px solid #eee;
}
*/


.clear {
	clear: both;
}

.checkbox {
	float: left;
	margin-right: 5px;
}


/* =Buy
---------------------------------------------------------------------*/

.buy #primary-content p {
	margin: 0 24px 14pt 0;
	width: 120px;
	height: 44px;
	float: left;
	display: inline;

}

.buy #primary-content p img {
	width: 120px;
	height: 44px;
	padding: 0;
}


/* =Team
---------------------------------------------------------------------*/

#flashcontent {
	margin: 0 0 20px 0;
}

.teamcol1 {
	clear: both;
	float: left;
	display: inline;
	width: 350px;
	margin: 0 25px 20px 0; 
}

.teamcol2 {
	float: right;
	display: inline;
	width: 350px;
	margin: 0 0 20px 25px; 
}

/* =Classes
---------------------------------------------------------------------*/

.error, .status {
	color: #C00;
	font-style: italic;
}
	body.error {font-style: normal; color: #999;}
	
.explanation {
	color: #ccc;
	text-transform: none;
}

.hide, .type, legend, hr {display: none}

.action hr, hr.show {
	display: block;
	clear: both;
	margin: 10px 0;
	border: none;
	height: 1px;
	background-color: #eee;
	color: #eee;
}

.connect {
	color: #900 !important;
	font-weight: bold;
	font-size: 120%;
	}

blockquote cite {
	margin: 0 0 5px 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	text-transform: lowercase;
}

.right, .plant {
	text-align: right;
}
	.plant {color: #ccc;}
	.plant strong {color: #ccc;}
	.center {text-align: center;}


/* =Micro Formats
---------------------------------------------------------------------*/

div.vcard {
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

.sponsor-me div.vcard {
	text-align: left;
}

	.vcard .org {
		width: 121px;
		height: 99px;
		margin: 0 0 10px 0;
		background: url(/app/css/images/logos/hoopla-skateboards-logo.gif) no-repeat;
		display: block;
		text-indent: -9999px;
	}
	
	.vcard span.organization-unit {
		font-weight: normal;
		display: block;
		text-transform: none;
	}
	

/* =Forms 
---------------------------------------------------------------------*/

fieldset {
	clear: both;
	border: none;
	margin-bottom: 10px;
	padding: 0;
}	
	.unit fieldset {padding: 0;}
	
fieldset.float {
	clear: none;
	float: left;
	margin-right: 40px;
}


#site-info form div {
	float: left;
	display: inline;	
	margin: 0 10px 0 0;
	}
	
	#site-info form div {
	float: left;
	display: inline;	
	margin: 0 10px 0 0;
	}
	
label {
	display: block;
	margin: 0 0 0 8px;
	}
	
	#search_query_container label {
		display: none;
	}

select {
	border: 1px solid #ccc;
	background: #eee;
	margin-bottom: 10px;
	padding: .2em;
	}

input.text, input[type="text"], input[type="password"], select, textarea, input.inlinetext {
	display: block;
	background: #eee;
	border: 1px solid #ccc;
	margin: 0 0 6px 0;
	padding: 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}
	.contact #secondary-content input.text {
		clear: both;
		display: inline;
	}
	
	 input.inlinetext {
		float: left;
		display: inline;
		margin-right: 5px;
	}

	input:focus {
		background: #eee;
		border: 1px solid #999;
		}
		
	textarea:focus {
		background: #ccc;
		border: 1px solid #999;
		}
		
	input:hover, select:hover, textarea:hover {
		background: #ccc;
		color: #000;
		}
		
	select:focus {
		background: #eee;
		color: #000;
		}

textarea {
	height: 5em;
	width: 100%;
	}
		.blog textarea {height: 6em;}
	
	
input.submit, input.inlinesubmit, a.button {
	background: #f9a451;
	color: #fff;
	font-size: 90%;
	border: none;
	margin: 10px 2px 10px 0;
	padding: 3px 6px;
	width: auto;
	overflow: visible;
	text-transform: lowercase;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

#secondary-content input.submit {
	margin: 0 0 10px 0;
}

 a.button {
	margin: 5px 0;
	padding: 3px 6px;
}
	
	input.inlinesubmit {
		display: inline;
		float: left;
	}
	
	input.submit:hover, input.inlinesubmit:hover, a.button:hover {
		background: #bde6f1;
		color: #000;
		}

#searchform {
	position: relative;
	top: 0;
	left: 0;
	width: 240px;
	_width: 250px;
	display:block;
}

input#search_query {
	float: left;
	width: 80px;
	height: 12px;
	margin-right: 0;
	padding: 4px 7px;
	border: none;
	font-size: 11px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: searchform;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: searchform;
	-webkit-border-bottom-left-radius: searchform;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;	
}

input#search_submit {
	position: relative;
	top: 0;
	right: 0;
	height: 20px;
	width: 45px;
	border: none;
	margin: 0;
	padding: 2px 5px 3px 2px;
	color: #fff;
	font-size: 10px !important;
	font-weight: bold;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: searchform;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: searchform;
	-webkit-border-bottom-right-radius: searchform;
}


ul#navigation :after, #main-body:after, #main-body-container:after, #supp:after, #site-info:after, .section:after, .section p:after, .group:after, ul.sequence:after, #twitter_m:after, div#archives:after  {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}			

/* =Blog Styles
---------------------------------------------------------------------*/

p.alt {
	color: #999;
	font-size: 90%;
	letter-spacing: .2em;
	margin: 0;
}



/* -- IMAGES ------------------------------------- */

div.imageframe.alignleft {
	float: left;
	display: inline;
	margin: 0 20px 20px 10px;
}

div.imageframe.alignright {
	float: right !important;
	width: 450px;
	display: inline;
	margin: 0 0 20px 20px;
}

.imagecaption {
	display: inline;
	font-size: 90%;
}

.bfbc {
	margin: 30px 0 0 100px
}

/* =Tables
---------------------------------------------*/
table {
	width: 100%;
	border: solid 1px #eee;
	border-collapse: collapse;
	margin: 5px 0 10px 0;
}
	
th {
	margin: 0;
	padding: 2px 4px;
	text-align: left;
	background: #fff;
	color: #666;
	font-weight: bold;
	border-left: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
	th.name {
		width: 30%;
	}
	th.prize {
		width: 30%;
	}
	th.location {
		width: 40%;
	}
	
	th:first-child {border-left: 0;}
	th:last-child {border-right: 0;}

tr {background: #fff}
tr.alt {background: #eee}

td {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 2px 4px;
}
	td:first-child {border-left: 0;}
	td:last-child {border-right: 0;}	
	td a {display: block}
	


/* =Product Sidebar Navigation
---------------------------------------------------------------------*/
f
#secondary-content li ul {
	margin: 6px 0 10px 0;
}

/* Hides all the inactive lists*/
#secondary-content ul ul li {
	display: none;
}

#secondary-content ul li.active ul li {
	display: block !important;
}


/* =Product Landing/Category
---------------------------------------------------------------------*/

span.breadcrumb {
	text-align: left;
	display: block;
	margin: 0 5px 20px 0;
	font-size: 12px;
}

.landing #primary-content ul li,
.category #primary-content ul li {
	float: left;
	display: inline;
	width: 200px !important;
	margin: 0 0 60px 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
	
.landing #primary-content a span,
.category #primary-content a span,
.archive #primary-content a span {
	display: block;
	clear: both;
	margin: 4px 0 0 0;
	text-align: center;
	font-family: "Rockwell", sans-serif;
	font-size: 18px;
}



/* =Product Detail
---------------------------------------------------------------------*/

ul#prevnext, .archived ul#prevnext {
	position: absolute;
	top: 7px;
	right: 0;
	width: 100px;
}
	ul#prevnext li a.prev, ul#prevnext li a.next {
		float: left;
		margin: 0 10px 0 0;
		padding: 0 8px;
	}
	

#product-display {
	float: left;
	width: 420px;
	margin: 0 0 10px 0;
}

#product-display img#hero {
	float: left;
	margin: 0 10px 0 0;
}

#product-details {
	float: right;
	width: 200px;
}

.archived #product-details {
	float: left;
	width: 420px;
}

#product-details ul {
	margin: 4px 0 20px 0;
}

#product-details li {
	margin: 0;
	padding-left: 10px !important;
	background: transparent url(/app/css/images/assets/list-off.gif) no-repeat scroll left 4px;
	text-align: left !important;
	font-size: 11px;
	color: #666;
}

#product-details p {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 0 0 10px 4px;
}

ul#variations {
	display: inline;
	float: left;
	width: 500px;
	border-top: #eee solid 1px;
}

.archived ul#variations {
	width: 760px;
}

ul#variations li {
	float: left;
	display: inline;
	width: 125px;
	margin: 10px 25px 20px 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

ul#variations li img {
	width: 125px;
	height: 125px;
	border: none;
}



/* =Product Archive
---------------------------------------------------------------------*/

.archive #primary-content ul li h3 {	
	margin: 20px 0 30px 0;
}

.archive #primary-content ul li ul li h3 {	
	margin: 0;
	border-bottom: none;
	font-size: 20px !important;
}

.archive #primary-content li {
	margin: 0 30px 50px 0;
	padding: 0 !important;
	background: none;
	display: inline;
	float: left;
}

.archive #primary-content ul li ul li ul li {
	float: left;
	display: inline;
	width: 125px !important;
	margin: 0 17px 25px 0;
	padding: 0 !important;
	text-align: center !important;
}

.archive #primary-content h3 {
	clear: both;
}


#nav:after, #content:after, #home-content:after, #header:after, #navigation ul:after, #features:after, #site-info:after, .post:after, .home.main #primary-content ol li:after, #comments li:after, a.rss:after, ul#sns:after, #primary-content ol li:after, .post:after, #main-body-container:after {
	display: block;
	content: '';
	clear: both;
}

.archive #primary-content h3 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

	
/* =THICKBOX specific link and font settings 
---------------------------------------------------------------------*/

#TB_window {
  font: 12px arial, helvetica, sans-serif;
  color: #999;
}
#TB_secondLine {
  font: 10px arial, helvetica, sans-serif;
  color: #999;
}
#TB_window a:link {color: #f9a451;}
#TB_window a:visited {color: #f9a451;}
#TB_window a:hover {color: #999;}
#TB_window a:active {color: #999;}
#TB_window a:focus{color: #999;}


/* =THICKBOX settings 
---------------------------------------------------------------------*/

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 102;
	color: #ccc;
	display:none;
	border: 10px solid #f9a451;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #fff;
}
#TB_caption{
	height: 25px;
	margin-bottom: 4px;
	padding: 7px 30px 10px 25px;
	float: left;
	color: #000;
}
#TB_secondLine{
	padding: 2px 0;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#000;
  height:23px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}