/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@reaact.net
website:	http://www.damienvanholten.com
--------------------------------------------------------------------------------------------------

       .:.                                                                                          
  .  .=DDDD:.                                                                                       
    ?DO?I77DD=                                                                                      
 .DN++??II7$$ZDD. .     MM .. DMI        IMM    +MM                .7MMM, .       .MM               
DD++++??I77$$ZZZDD,     MMN ..MM8 .. .  ..OM.   MM. . .        . .NMM  ,MM  . ...  MM   ..  ..      
DZ++++??I77$$ZZO7O.     M7M..MMMM.MM . MM.OM.   MM...MMMM ~MM  MM.M$  .   . NMMM?. MM   MMMM~ IMM:MO
DZZ$Z+??I77$Z??I7O.     M NM7M.MM  MM MM  OMMMMMMM .M,  MM  MMM..=M..    . MM.. MM MM  M:.  MM OM~. 
D$$$$$7?I77????I7O.   .,M .MMO MM.  M:MZ  OM    MM  M .   ..=MM.  MM. . .. MZ  .MM MM.,M  ..MM OM   
D$$$7777777????I7O.  ..MM... . MM7..MMM   OM    MM .MMD=MN.7M.NM...MMMOMMM NM8~MM~ MMO MMZ~MM. OM   
D7777777I7I????I7O.   ..      .   ...M .       . ..   =?     .  .    ~I.  .  =I,. .   .  ~I .  .    
D777IIIII7II???I7O.               MMM$ .        ..     .  . ..... . .        .  ..    .   ...   ....
DD$IIIIII7II???7O7.              .   ...       .?:  =I: ?+.. I:.:I?,::?= +.:?I?::. ?:. ?I,,?~ ??    
 .OD8IIII7I??ZO?  .                            .?. ? = .  ? .~ :.=I=.?I  +  =I?= ,.:.  == .~.. .+ . 
   ..DD$I7IOO..                                           .                                         
  . ...ZDOZ. .                                            .                                         
       ..  

/* Globals Resets
--------------------------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

body
{
	background: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
}

:focus
{
	outline: none;
}

/* Helpers
--------------------------------------------------------------------------------------------------*/

.left
{
	float: left;
}

.right
{
	float: right;
}

.topright
{
	position: absolute;
	top: 15px;
	right: 0;
}

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

p
{
	padding: 0 0 15px 0;
	line-height: 19px;
}

p.introduction
{
	font-size: 18px;
	color: #1374ff;
	line-height: 26px;
}

p.hello
{
	display: block;
	height: 75px;
	width: 485px;
	background: url(../images/titles/hello.gif) 0 0 no-repeat;
	text-indent: -999em;
	position: relative;
	padding: 0 0 15px 0;
}

p.hello a:link,
p.hello a:visited
{
	position: absolute;
	bottom: 15px;
	right: 110px;
	height: 30px;
	width: 130px;
	border: none;
}

p.copyright
{
	padding: 0 0 15px 0;
	font-size: 11px;
	text-align: center;
	color: #fff;
}

p.contrast.copyright
{
	color: #000;
}

p.copyright a:link,
p.copyright a:visited
{
	color: #fff;
	border-bottom: 1px solid #fff;
}

#header h1
{
	float: left;
	display: block;
	height: 83px;
	width: 341px;
	text-indent: -999em;
	background: url(../images/logo-myhexcolor.png) 0 0 no-repeat;
	margin: 5px 0 20px 0;
}

#header h1 a:link,
#header h1 a:visited
{
	display: block;
	height: 77px;
	width: 371px;
	text-decoration: none;
	border: none;
}

h2,
h3
{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #e9e9e9;
}

h3 span
{
	font-family: georgia, times new roman, sans-serif;
	color: #888;
	font-style: italic;
	margin-left: 2px;
}

h4.personal
{
	font-weight: normal;
	font-size: 18px;
	color: #ff6113;
	padding: 3px 0 5px 0;
}

h4.miniheader
{
	background: url(../images/bg-miniheader.jpg) 0 0 no-repeat;
	height: 38px;
	width: 570px;
	display: block;
	text-indent: -999em;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

h6
{
	font-size: 16px;
	color: #54b217;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
}

ul li
{
	list-style: none;
}

small
{
	font-size: 11px;
	color: #555;
}

a:link,
a:visited
{
	color: #0e6db5;
	border-bottom: 1px solid #878787;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #014872;
}

a.home_link:link,
a.home_link:visited,
a.home_link:hover,
a.home_link:active
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 150px;
	text-indent: -999em;
	border: none;
	text-decoration: none;
	/* 	background: red; debug */
}

#color_wrapper a.home_link:link,
#color_wrapper a.home_link:visited,
#color_wrapper a.home_link:hover,
#color_wrapper a.home_link:active
{
	top: 20px;
	left: 20px;
}

a.twitter_button:link,
a.twitter_button:visited
{
	display: block;
	height: 52px;
	width: 245px;
	background: url(../images/bg-twitter-button.png) 0 0 no-repeat;
	text-indent: -999em;
	text-decoration: none;
	margin: 0 0 15px 0;
	border: none;
}

#bar a:link,
#bar a:visited
{
	color: #f5690c;
}

#bar a:hover,
#bar a:active
{
	color: #ff9000;
}

.clear
{
	clear: both;
}

hr
{
	display: none;
}

.color_sold p.contrast,
.color_sold small.contrast
{
	color: #000;
}

.color_sold small.contrast a:link,
.color_sold small.contrast a:visited,
p.contrast.copyright a:link,
p.contrast.copyright a:visited
{
	color: #333;
	border-bottom: 1px solid #333;
}

.color_sold small.contrast a:hover,
.color_sold small.contrast a:active,
p.contrast.copyright a:hover,
p.contrast.copyright a:active

{
	color: #000;
	border-bottom: 1px solid #000;
}


/* Lists
--------------------------------------------------------------------------------------------------*/

.color_list_group
{
	margin: 0 0 10px 0;
}

ul.color_list
{
	clear: both;
	margin: 0 0 15px 0;
}


ul.color_list li
{
	position: relative;
	float: left;
}

ul.color_list li a.color_small:link,
ul.color_list li a.color_small:visited
{
	display: block;
	height: 20px;
	width: 20px;
	border: 3px solid #eee;
	margin: 0 2px 4px 2px;
	text-indent: -999em;
	float: left;
}

ul.color_list li .info
{
	display: none;
	position: absolute;
	background: url(../images/color-popup-bg.png) 0 0 no-repeat;
	width: 140px;
	height: 54px;
	padding: 15px 0 0 0;
	top: 17px;
	left: -56px;
	z-index: 100;
	text-align: center;
	font-size: 11px;
}

ul.color_list li .info strong
{
	color: #5a5d5c;
}

ul.color_list li .info strong a:link,
ul.color_list li .info strong a:visited
{
	border: none;
	text-decoration: none;
	color: #5a5d5c;
}

ul.color_list li .info strong a:hover,
ul.color_list li .info strong a:active
{
	border: none;
	text-decoration: underline;
	color: #222;
}

ul.color_list li .info a:link,
ul.color_list li .info a:visited
{
	border: none;
	text-decoration: underline;
	color: #00b0e3;
	text-indent: 0;
}

ul.color_list li a.color_small.hoverstate:link,
ul.color_list li a.color_small.hoverstate:visited,
ul.color_list li a.color_small.hoverstate:hover,
ul.color_list li a.color_small.hoverstate:active
{
	border: 3px solid #ddd;
}

img#steps
{
	margin-top: 4px;
}

/* Send to a friend (trigger)
--------------------------------------------------------------------------------------------------*/

a#send_to_friend_trigger:link,
a#send_to_friend_trigger:visited,
a#send_to_friend_trigger:hover,
a#send_to_friend_trigger:active
{
	z-index: 10;
	border: none;
	text-indent: -999em;
	position: absolute;
	top: 0;
	right: 0;
	height: 106px;
	width: 106px;
	background: url(../images/tag-sendtoafriend.png) 0 0 no-repeat;
}

/* Send to a friend (box)
--------------------------------------------------------------------------------------------------*/

#send_to_friend
{
	display: none;
}

#send_to_friend input
{
	width: 326px;
}

#send_to_friend textarea
{
	border: 1px solid #c2c2c2;
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	padding: 4px;
	color: #222;
	width: 326px;
}

#send_to_friend textarea:focus
{
	border: 1px solid #9a9a9a;
}

/* Buttons
--------------------------------------------------------------------------------------------------*/

a.button
{
    background: url(../images/bg_button_a.gif) no-repeat scroll top right transparent;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin: 0 8px 8px 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	border: none;
	cursor: pointer;
}

a.button.set_width
{
	width: 250px;
	text-align: center;
}

.button.right
{
	float: right;
	margin-right: 0;
}

a.button span
{
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button span.wait_message
{
	color: #888;
}

a.button:hover,
a.button:active
{
    background-position: bottom right;
    color: #222;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span
{
    background-position: bottom left;
}

a.button:active span
{
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button.buybutton
{
	margin: 0 8px 10px 8px;
	width: 210px;
}

a.buy_button:link,
a.buy_button:visited
{
	border: none;
	display: block;
	height: 39px;
	width: 228px;
	background: url(../images/button-makethiscoloryours.gif) 0 0 no-repeat;
	text-indent: -999em;
	margin: 0 0 6px 8px;
}

a.buy_button:hover,
a.buy_button:active
{
	background: url(../images/button-makethiscoloryours.gif) 0 100% no-repeat;
}

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

ul#menu
{
	float: right;
}

ul#menu li
{
	float: left;
	margin: 22px 15px 0 0;
}

ul#menu li a:link,
ul#menu li a:visited
{
	color: #fff;
	text-decoration: none;
}

ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a.active:link,
ul#menu li a.active:visited,
ul#menu li a.active:hover,
ul#menu li a.active:active
{
	color: #ff9a04;
	text-decoration: none;
}

ul#menu li a.second:hover,
ul#menu li a.second:active,
ul#menu li a.second.active:link,
ul#menu li a.second.active:visited,
ul#menu li a.second.active:hover,
ul#menu li a.second.active:active
{
	color: #ff4000;
	text-decoration: none;
}

ul#menu li a.third:hover,
ul#menu li a.third:active,
ul#menu li a.third.active:link,
ul#menu li a.third.active:visited,
ul#menu li a.third.active:hover,
ul#menu li a.third.active:active
{
	color: #e50891;
	text-decoration: none;
}

ul#menu li a.fourth:hover,
ul#menu li a.fourth:active,
ul#menu li a.fourth.active:link,
ul#menu li a.fourth.active:visited,
ul#menu li a.fourth.active:hover,
ul#menu li a.fourth.active:active
{
	color: #0096ff;
	text-decoration: none;
}

ul#menu li a.fifth:hover,
ul#menu li a.fifth:active,
ul#menu li a.fifth.active:link,
ul#menu li a.fifth.active:visited,
ul#menu li a.fifth.active:hover,
ul#menu li a.fifth.active:active
{
	color: #00ffae;
	text-decoration: none;
}

/* Layout
--------------------------------------------------------------------------------------------------*/

#header
{
	background: url(http://www.myhexcolor.com/images/bg-header.jpg) 50% 100% no-repeat #000;
}

#bar
{
	padding: 15px 0 5px 0;
	background: #1a1a1a;
}

#bar p
{
	font-size: 13px;
	color: #dadada;
}

#bar h4,
#bar h5
{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #2b2b2b;
}

#header .inner_wrapper
{
	padding: 15px 0;
}

#introduction
{
	padding: 20px 0 0 0;
	background: url(http://www.myhexcolor.com/images/bg-body.gif) 50% 0 repeat #fff;
}

#introduction p
{
	color: #111;
	font-size: 19px;
	line-height: 26px;
}

#content
{
	padding: 15px 0 0 0;
	background: #fff;
}

.sub_content
{
	width: 440px;
	float: left;
}

.sub_content.alt
{
	float: right;
}

/* Layout/Content Footer
--------------------------------------------------------------------------------------------------*/

#footer
{
	border-top: 1px solid #1f1f1f;
	background: url(../images/bg-footer.jpg) 50% 0 no-repeat #000;
	padding: 20px 0 0 0;
	height: 160px;
}

#footer p
{
	font-size: 11px;
	line-height: 16px;
	color: #eee;
}

#footer p a:link,
#footer p a:visited
{
	color: #fff;
	text-decoration: underline;
	border: none;
}

#footer p a:hover,
#footer p a:active
{
	color: #ff9a04;
}

/* Content
--------------------------------------------------------------------------------------------------*/

.inner_wrapper,
.inner_wrapper_sub
{
	position: relative;
	margin: 0 auto;
	width: 920px;
}

.inner_wrapper_sub
{
	overflow: hidden;
}

.inner_wrapper_alt
{
	position: relative;
	margin: 0 auto;
	width: 920px;	
}

.inner_wrapper_alt p
{
	padding-right: 110px;
}

.main_content
{
	position: relative;
	padding: 15px 0 0 0;
	float: right;
	width: 630px;
}

.main_content img
{
	margin: 0 0 15px 0;
}

.sidebar
{
	padding: 15px 0 0 0;
	float: left;
	width: 245px;
}

.main_subcontent,
.sub_subcontent
{
	float: left;
	width: 450px;
}

.sub_subcontent
{
	float: right;
}

.profile_picture
{
	margin: 6px 0 16px 0;
}

/* Color detail page
--------------------------------------------------------------------------------------------------*/

#color_wrapper
{
	margin: 50px auto 10px auto;
	width: 570px;
	padding: 20px;
	background: url(../images/bg-colorwrapper.png) 0 0 repeat transparent;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#color_wrapper .content
{
	position: relative;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

span.badge_forsale
{
	z-index: 50;
	position: absolute;
	top: -6px;
	right: 35px;
	height: 80px;
	width: 76px;
	background: url(../images/badge-forsale.png) 0 0 no-repeat;
	display: block;
	text-indent: -999em;
}

span.badge_price
{
	position: absolute;
	right: 0;
	top: -30px;
	height: 104px;
	width: 99px;
	background: url(../images/badge-price.png) 0 0 no-repeat;
	display: block;
	text-indent: -999em;
}

.content
{
	padding: 15px 15px 0 15px;
	background: #fff;
}

.content p.intro,
.content .buy_options p,
.content .get_options p
{
	padding: 0;
}

.payment_information
{
	float: right;
	width: 170px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 0 10px;
}

.payment_information p
{
	padding-top: 4px;
	padding-bottom: 10px;
}

#paypal_form p.alt
{
	padding-bottom: 2px;
}

#paypal_form p.nospam
{
	padding-top: 0;
	width: 310px;
	line-height: 16px;
}

.payment_information h5
{
	text-align: left;
}

.checkout_options
{
	width: 540px;
	overflow: hidden;
	border-top: 1px solid #c6c6c6;
	margin: 8px 0 0 0;
	padding: 12px 0 5px 0;
	text-align: left;
}

.checkout_options h3
{
	border: none;
	color: #54ba0a;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	text-align: left;
}

.buy_options,
.get_options
{
	width: 540px;
	overflow: hidden;
	border-top: 1px solid #c6c6c6;
	margin: 8px 0 0 0;
	padding: 12px 0 5px 0;
}

#color_wrapper .buy_options p,
#color_wrapper .get_options p
{
	float: left;
	color: #777;
	line-height: 26px;
}

#color_wrapper p,
#color_wrapper h4
{
	text-align: left;
	color: #444;
	font-size: 11px;
}

#color_wrapper h1
{
	font-weight: normal;
	color: #000;
	text-align: left;
	font-size: 28px;
	border-bottom: 1px solid #c6c6c6;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

/* Form items
--------------------------------------------------------------------------------------------------*/

form p label
{
	display: block;
	font-size: 11px;
	color: #383838;
	font-weight: bold;
}

form p label span
{
	color: #898989;
	font-weight: normal;
}

form p input
{
	border: 1px solid #c2c2c2;
	font-size: 13px;
	padding: 4px;
	color: #222;
	width: 310px;
}

form p input:hover,
form p input:focus
{
	border: 1px solid #9a9a9a;
}

form p input.input_error
{
	border: 1px solid #c7131b;
}

form#paypal_form p.form_error
{
	padding: 8px;
	margin: 0 0 15px 0;
	color: #fff;
	background: #c7131b;
	width: 305px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Launching soon page
--------------------------------------------------------------------------------------------------*/

body#launch
{
	text-align: center;
	margin: 40px;
	background: #000;
	font-size: 11px;
	font-family: arial, helvetica, verdana, sans-serif;
}

#launch img
{
	margin-bottom: 10px;
}

#launch p,
#launch p a
{
	color: #fff;
}

#launch p.message
{
	font-size: 13px;
}

#launch p strong
{
	color: #2cc122;
}

#launch form
{
}

#launch label
{
	clear: left;
	float: left;
	margin-top: 7px;
	text-align: left;
	font-size: 11px;
	color: #bbb;
}

#launch label.error
{
	color: #ff0000;
}

#launch .signup
{
	border: 1px solid #222;
	background: #111;
	width: 300px;
	margin: 0 auto 15px auto;
	padding: 1em;
}

#launch .signup input
{
	float: left;
}

#launch .signup h3
{
	font-size: 13px;
	text-align: left;
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #222;
	color: #ccc;
}

#launch .signup input.text
{
	border: 1px solid #bbb;
	padding: 2px;
	width: 215px;
	margin: 0 10px 0 0;
}

/* FAQ
--------------------------------------------------------------------------------------------------*/

#hfaq
{
	float: left;
	width: 630px;
	padding: 15px 0;
}

#hfaq .faq_item
{
	margin: 0 0 15px 0;
}

#hfaq h3.faq_question
{
	font-size: 18px;
	font-weight: normal;
	padding: 5px 8px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: url(../images/bg-faq-header.jpg) 0 0 repeat-x #1a1a1a;
}

#hfaq p.faq_answer
{
	font-size: 13px;
}

img.faq_image
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
}

/* Color picker box
--------------------------------------------------------------------------------------------------*/

form#color_form
{
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #e9e9e9;
}

#color_picker_box
{
	position: relative;
	background: url(../images/bg-colorpickerbox.png) 0 0 repeat-x #fff;
	width: 245px;
	border: 1px solid #e9e9e9;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0 15px 0;
}

#color_picker_box.alt
{
	border: none;
	background: url(../images/microheader-colorpicker.jpg) 0 0 no-repeat transparent;
}

#color_picker_box h3,
#color_picker_box h1
{
	border-bottom: 1px solid #e9e9e9;
	padding: 8px;
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: normal;
}

#color_picker_box.alt h1
{
	margin-top: 40px;
	font-size: 11px;
	text-align: center;
	color: #777;
}

#color_picker_box .color_preview_holder
{
	margin: 0 8px 8px 8px;
	float: left;
	border: 1px solid #e9e9e9;
	background #fff;
	padding: 3px;
}

#color_picker_box .color_preview
{
	height: 50px;
	width: 50px;
}

#color_picker_box .color_information
{
	border: 1px solid #e9e9e9;
	padding: 5px;
	float: left;
	width: 150px;
}

#color_picker_box input.color_input
{
	font-size: 30px;
	padding: 3px 3px 4px 3px;
	margin: 0 0 0 0;
	border: 1px solid #aaa;
	width: 140px;
	background: url(../images/bg-input-normal.png) 0 0 repeat-x;
}

#color_picker_box input.color_input:focus
{
	border: 1px solid #888;
}

#color_picker_box .color_status
{
	margin: 6px 0;
	clear: both;
	text-align: center;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#color_picker_box .color_status span
{
	display: block;
	height: 20px;
	width: 245px;
}

#color_picker_box .color_status span.available
{
	color: #78cd39;
}

#color_picker_box .color_status span.sold
{
	color: #e10505;
}

#color_picker_box .color_status span.loading
{
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

#color_picker_box .color_status span.not_color
{
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

#colorpicker_holder
{
	width: 195px;
	margin: 0 auto;
}

/* Colors sold page
--------------------------------------------------------------------------------------------------*/

#pagination
{
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
}

#pagination ul
{
	height: 16px;
	padding: 0 0 25px 0;
}

#pagination ul li
{
	margin: 0 4px 0 0;
	float: left;
}

#pagination ul li a:link,
#pagination ul li a:visited
{
	text-align: center;
	width: 14px;
	display: block;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px;
	color: #777;
	background: #fff;
}

#pagination ul li a:hover,
#pagination ul li a:active
{
	background: #ddd;
}

/* Color page
--------------------------------------------------------------------------------------------------*/

.settings
{
	padding: 0 0 15px 0;
}

.settings label,
.settings select
{
	float: left;
	line-height: 19px;
}

.settings label
{
	color: #555;
	margin: 0 5px 0 0;
}

.settings select
{
	margin: 0 14px 0 0;
}

/* Color sold
--------------------------------------------------------------------------------------------------*/

.color_sold
{
	text-align: center;
}

.color_sold p
{
	color: #fff;
	padding: 0;
}

.color_sold small
{
	font-size: 11px;
	color: #fff;
}

.color_sold small a:link,
.color_sold small a:visited
{
	color: #fff;
	border-bottom: 1px solid #fff;
}

.color_sold small a:hover,
.color_sold small a:active
{
	color: #ddd;
}

.color_sold h1
{
	margin: 10px 0 20px 0;
}

.color_sold h1 a:link,
.color_sold h1 a:visited,
.color_sold h1 span
{
	font-size: 65px;
	padding: 8px 12px 14px 12px;
	color: #fff;
	text-decoration: underline;
	border: none;
	background: url(../images/bg-colorwrapper.png) 0 0 repeat transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.color_sold h1 span
{
	text-decoration: none;
}

.color_sold h1 a:hover,
.color_sold h1 a:active
{
	color: #ddd;
}

/* Dead center display
--------------------------------------------------------------------------------------------------*/

#horizon        
{
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#horizon_content
{
	margin-left: -122px;
	position: absolute;
	top: -181px;
	left: 50%;
	width: 245px;
	height: 362px;
	visibility: visible
}

#horizon_content.alt
{
	top: -75px;
	height: 170px;
	width: 900px;
	margin-left: -450px;
}

/* Tabs
--------------------------------------------------------------------------------------------------*/

#tabs
{
	overflow: hidden;
	width: 540px;
}

#tabs ul
{
	margin: 0 0 8px 0;
	border-top: 1px solid #bbb;
	float: left;
	width: 170px;
}

#tabs ul li
{
	border-bottom: 1px solid #bbb;
}

#tabs ul li a:link,
#tabs ul li a:visited
{
	font-size: 11px;
	padding: 6px 5px;
	display: block;
	border: none;
}

#tabs ul li.active a:link,
#tabs ul li.active a:visited
{
	background: url(../images/bg-faq-header.jpg) 0 50% repeat-x #1a1a1a;
	color: #fff;
}

#tabs .tab_content
{
	float: right;
	width: 350px;
	margin: 0 0 25px 0;
}

.img_content
{
	display: block;
	margin: 0 auto 15px auto;
	width: 220px;
}

.img_content_small
{
	display: block;
	margin: 0 auto 15px auto;
	width: 80px;
}

.tab_content textarea
{
	padding: 6px;
	width: 328px;
	height: 70px;
	margin: 0 0 15px 0;
	border: 1px solid #c2c2c2;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #444;
}

.tab_content textarea:focus
{
	border: 1px solid #9a9a9a;
}

#cancel
{
	margin: 100px auto 0 auto;
	width: 505px;
	text-align: center;
}

#cancel p
{
	padding: 20px 0;
	text-align: center;
	color: #222;
	font-size: 11px;
}