/*
Orange: ec9a3a
Green:  e9ff56
e9ff56
*/

.orange { color:#ec9a3a; }
.green  { color:#e9ff56; }

.grey   { color:#777777; }
body {
	padding:10px;
  color: #FFFFFF;
  background-color: #1A1A1A;
  line-height:150%;
}

a {
	color:#e9ff56;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img { border-width:0px; }

/*td { line-height:150%; }*/

hr {
	border: none 0; 
	border-top: 1px solid #333333;
	height: 1px;
}

p { margin-bottom:20px; line-height:1.5 }

h1, h2, h3, h4 {
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-weight: bold;
	line-height:1.5;
  margin-bottom: 20px;
}

h1 {
  margin-top: 3px;
  font-size: 197%;
  color: #ec9a3a;
  margin-bottom: 25px;
  text-shadow: 1px 1px 0px #000;
}

h2 {
  font-size: 122%;
  margin-bottom: 20px;
  text-shadow: 1px 1px 0px #000;
}

h3 {
  font-size: 107%;
  color: #e9ff56;
  margin-bottom: 15px;
  text-shadow: 1px 1px 0px #000;
}

h4 {
  font-size: 100%;
  margin-bottom: 10px;
}

.round_box h2 {
  color: #e9ff56;
}

.round_box a {
  color: #999;
}

/* GLOBAL CLASSES */
.clearer {
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.small { font-size:85%;}


.bullet-list    { margin:10px 0px 20px 0px; }
.bullet-list li { margin:10px 0px 10px 20px; }

/* LAYOUT */
#header,
#footer,
#body { clear: both; }

#container {
  text-align: left;
  margin: auto 20px;
  min-width:600px;  
}

#header { padding:10px 0px 0px 0px; }
#logo   { float:left; margin:0px 0px 20px 0px;}

#top_nav {
  color:#e9ff56;
  margin-top:20px;
  float: right;
  text-align: right;
}

#top_nav a {
  color:#ffffff;
}

#middle {
	background-color: red;
	float: none;
}

#footer_container { margin:-20px 0px 250px 0px;}

#copyright {
  float: left;
  color: #FFFFFF;
  padding:0px;
  text-align:left;
  _margin-left:-0px;
}

#copyright li {
	display: inline;
	list-style-type: none;	
}

#bottom_nav {
	float: right; 
}

#bottom_nav a { 
	color:#ec9a3a;
	text-decoration:none;
}

#bottom_nav a:hover { 
	text-decoration:underline;
}


#bottom_nav li {
	display: inline;
	list-style-type: none;
	padding-left: 15px;
}

#view { display:inline; color:#999999; font-size:92%; margin-bottom:10px; }


/* CLASSES */


#price_select_form {  margin:0px auto;}



.instructions { color:#acacac; background-color:242424; padding:20px; border:1px dotted #666666; margin-bottom:20px; }

.instructions h1, 
.instructions h2, 
.instructions h3, 
.instructions h4 { color:#ec9a3a; padding:0px; margin:0px; margin-bottom:20px; }

.faq dt { font-weight:bold; color:#ec9a3a; line-height:1.5 }
.faq dd { margin:0px; margin-bottom:20px; line-height:1.5 }





.table    { margin:10px 0px 10px 0px; width:100%;}
.table th { padding:10px;  vertical-align:middle; text-align:left; background-color:#1a1a1a; font-weight:bold;}
.table td { padding:2px 10px 2px 10px;  vertical-align:top; font-size:92%; white-space:nowrap;}
.table td.rowEven { background-color:#333; }
.table td.rowOdd  { background-color:#222; }

.contactTable    { border:0px solid #000000; margin-bottom:20px;}
.contactTable td { padding: 0px; vertical-align:top; font-size:92%;}
.contactTable h3 { color:#ffffff; }

.headshot { border:1px solid #666666; margin-right:20px; margin-bottom:10px;}

.user_image {border:1px solid #666666; vertical-align:text-bottom; margin-right:5px;}


/* BOXES */
.error { 
	color:#333333;
	border-top: 1px solid #ff4090; 
	border-bottom: 1px solid #ff4090	; 
	background-color: #fedfec; 
	padding: 5px 15px; 
	margin: 10px 0px 30px 0px;
	vertical-align: middle;
}

.success { 
	color:#000000;
	border-top: 1px solid #7c8e00; 
	border-bottom: 1px solid #7c8e00; 
	background-color: #eafa7f; 
	padding: 5px 15px; 
	margin: 10px 0px 30px 0px; 
	vertical-align: middle 
}

.note { 
	color:#ffffff;
	border-top: 1px solid #666666; 
	border-bottom: 1px solid #666666; 
	background-color: #1a1a1a; 
	padding: 5px 15px; 
	margin: 10px 0px 30px 0px; 
	vertical-align: middle 
}

.warning { 
	color:#000000;
	border-top: 1px solid #FF9900; 
	border-bottom: 1px solid #FF9900; 
	background-color: #FFFFDD; 
	padding: 5px 15px; 
	margin: 10px 0px 30px 0px; 
	vertical-align: middle 
}

.info  { 
	color:#000000;
	border-top: 1px solid #3366FF; 
	border-bottom: 1px solid #3366FF; 
	background-color: #EEFFFF; 
	padding: 5px 15px; 
	margin: 10px 0px 30px 0px; 
	vertical-align: middle 
}

.email { 
	color:#000000;
	border-top: 1px dotted #009900; 
	border-bottom: 1px dotted #009900; 
	background-color: #F9F9F9; 
	padding: 20px; 
	margin-bottom: 30px; 
	white-space: pre; 
}
.email p { 
	font-size: 197%; 
	font-weight: bold; 
	margin-bottom: 10px; 
	white-space: normal; 
}


.bookmarklet {
	display:block;
	text-align:center;
	width:30%;
	background-color: #242424;
	padding: 15px 50px;
	font-size: 197%;
	border: 1px solid #666666;
	margin: 30px auto;
	text-decoration:none;
	white-space:nowrap;
}

.bookmarklet:hover {
  text-decoration:none;
  background-color:#e9ff56;	
  color: black;
	border: 1px solid #000;
}

#iframe {
  height:300px;
  width:100%;
  _width:90%
}





/*HOMEPAGE*/

#wishradar-intro     { position: absolute; width:800px; height:400px; top:185px; left:50%; margin-left: -400px; z-index: 100; }
#wishradar-intro2    { position: absolute; width:800px; height:400px; top:185px; left:50%; margin-left: -400px; z-index: 100; }
#wishradar-intro-png { position: absolute; width:800px; height:400px; top:185px; left:50%; margin-left: -400px; z-index: 1; } 


.hp_cover_container {
  float:left;
  width:180px;
  height:180px; 
  margin:10px 10px 30px 10px;
  padding:0px;
  background-color:#1d1d1d;
  border: 1px solid #666666;
  text-align:center;
  display: table; 
  overflow: hidden;
   _margin:0px 8px 30px 8px;
   _position: relative;
}

.hp_dummy {
  padding:0px;
  margin:0px;
  display: table-cell; 
  vertical-align: middle;
  _position:absolute; 
  _top:50%;
}

.hp_cover {
  padding:0px;
  margin;0px;
  height:160px;
  background-color:#999999;
  border: 1px solid #666666;
  max-width:160px; 
}






















/* FORMS */


form {
  margin :0px;
}
.form {
  margin :0px;
}

.title {
  font-size: 107%;
  font-weight: bold;
	padding-bottom: 20px;
}

.required {
  font-weight: bold;
}

.label {
  vertical-align:top;
  margin-bottom:10px;
  padding-right:10px;
}

.input {
  vertical-align:top;
	text-align: left;
	padding-bottom: 10px;
  clear: both;
}

.checkbox {
	text-align: right;
	padding-left: 10px;
	padding-bottom: 10px;
  margin-right:5px;
}

.radio {
  margin-right:5px;
}

.submit_center { text-align: center; }

.errorExplanation {
	color:#333333;
	border-top: 1px solid #ff4090; 
	border-bottom: 1px solid #ff4090	; 
	background-color: #fedfec; 
	padding: 20px; 
	margin: 10px 0px 30px 0px;
	vertical-align: middle;
}

.errorExplanation h1,
.errorExplanation h2,
.errorExplanation h3,
.errorExplanation h4,
.errorExplanation h5 {
	color: #333333;
	font-size: 122%; 
	font-weight: bold; 
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

.errorExplanation ul {
	margin: 0px;
	padding: 0px;	
}

.errorExplanation p {
  display: none;
}








/* BUTTONS */



/* Button*/
a.button {
    color: #1a1a1a;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 27px;
    margin:2px 6px 2px 0px;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 30px;
}

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

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 30px; /* push text down 1px */
}


a.button_small {
    color: #1a1a1a;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 18px;
    margin:2px 6px 2px 0px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button_small span {
    display: block;
    line-height: 12px;
    padding: 3px 0 3px 15px;
}

a.button_small:active {
    background-position: bottom right;
    color: #1a1a1a;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_small:active span {
    background-position: bottom left;
    padding: 4px 0 2px 15px; /* push text down 1px */
}

a.button_large {
    font: bold 24px helvetica, sans-serif;
    height: 54px;
    margin:4px 0px 4px 0px;
    padding-right: 30px; /* sliding doors padding */
}


a.button_large span {
    line-height: 34px;
    padding: 10px 0 10px 30px;
}

a.button_large:active span {
    padding: 12px 0 8px 30px; /* push text down 1px */
}

a.button_centered { float:none; text-align:center; }













/* BOX */

.round_box_content h4 {
  color: #acacac;
}


.round_box {
  display: block;
  clear: both;
}
.round_box div {
  display: block;
  height: 1px;
  overflow: hidden;
  background-color: #1a1a1a;
}
.round_box0 {
  margin: 0px 10px;
  border-left: 3px solid #212121;
  border-right: 3px solid #212121;
}
.round_box1 {
  margin: 0px 7px;
  border-left: 2px solid #1e1e1e;
  border-right: 2px solid #1e1e1e;
}
.round_box2 {
  margin: 0px 5px;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}
.round_box3 {
  margin: 0px 4px;
  border-left: 1px solid #232323;
  border-right: 1px solid #232323;
}
.round_box4 {
  margin: 0px 3px;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
}
.round_box5 {
  margin: 0px 2px;
  border-left: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
}
.round_box6 {
  margin: 0px 1px;
  border-left: 1px solid #272727;
  border-right: 1px solid #272727;
}
.round_box7 {
  margin: 0px 1px;
  border-left: 1px solid #212121;
  border-right: 1px solid #212121;
}
.round_box8 {
  margin: 0px 1px;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
}
.round_box9 {
  margin: 0px 1px;
  border-left: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
}
.round_box_content {
  padding: 10px 20px;
  background-color: #1a1a1a;
  font-size: 107%;
  line-height: 1.5;
}




.round_boxb {
  display: block;
  clear: both;
}
.round_boxb div {
  display: block;
  height: 1px;
  overflow: hidden;
  background-color: #2e2e2e;
}
.round_boxb0 {
  margin: 0px 10px;
  border-left: 3px solid #202020;
  border-right: 3px solid #202020;
}
.round_boxb1 {
  margin: 0px 7px;
  border-left: 2px solid #2a2a2a;
  border-right: 2px solid #2a2a2a;
}
.round_boxb2 {
  margin: 0px 5px;
  border-left: 1px solid #232323;
  border-right: 1px solid #232323;
}
.round_boxb3 {
  margin: 0px 4px;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}
.round_boxb4 {
  margin: 0px 3px;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}
.round_boxb5 {
  margin: 0px 2px;
  border-left: 1px solid #212121;
  border-right: 1px solid #212121;
}
.round_boxb6 {
  margin: 0px 1px;
  border-left: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
}
.round_boxb7 {
  margin: 0px 1px;
  border-left: 1px solid #212121;
  border-right: 1px solid #212121;
}
.round_boxb8 {
  margin: 0px 1px;
  border-left: 1px solid #272727;
  border-right: 1px solid #272727;
}
.round_boxb9 {
  margin: 0px 1px;
  border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
}
.round_boxb_content {
  padding: 10px 20px 1px 20px;
  background-color: #2e2e2e;
  line-height: 1.5;
}
* html .round_boxb_content { margin-bottom:-2px; } 



/* POPUP_IMAGE */



.cover_container2 {
	height:100%;
	position:relative;	
	float:left;
}

.large_cover_image {
	position:absolute;
	float:left;
	z-index:190;
	top:0px;
	margin-top:-150px;
	left:162px;
}
.floating_div {
  height:540px; 
  width:540px; 
  z-index:200; 
}

.image_container { 
  background-color:#101010; 
  height:500px; 
  width:500px; 
  padding:0px; 
  border:1px solid #666666;
}

.floating_image { 
  display:block;  
  margin-left:auto;
  margin-right:auto;
  vertical-align:middle;
}


.close_box {
  float:left;
  position:absolute;
  z-index:210; 
  margin:-12px 0px 0px -14px;
}





/* PAGINATOR */


.paginator { padding:0px; margin:20px 0; font-weight:normal; }

.paginator a.page {
	font-weight:normal; 
  text-decoration:none;
  background-color:#1d1d1d;
  border:1px solid #666;
  padding:2px 6px; 
  margin:0px; 
  margin-right:6px; 
}

.paginator a.page:hover{
  border:1px solid #000;
  background-color: #e9ff56;
  color: #000;
}
