@charset "utf-8";
/* CSS Document */

body {
 font-family: Helvetica,Arial,sans-serif;
 font-size:12px;
 color:#333333;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px; 
 background-image:url(http://www.scarlettblue.com/images/top_bg.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 background-color:#bbb9bd;
 background-attachment:fixed;
 }
 
.header{
background-image:url(images/banner_995-150.jpg);
background-repeat:no-repeat;
width:975px;
height:130px;
padding:10px 10px 10px 10px;
text-align:right;
}
 
h1 {
font-size:20px;
color:#0d018b;
}

h2 {
font-size:18px;
color:#0d018b;
}

h3 {
padding:0px 0px 2px 0px;
margin:2px 2px 2px 5px;
}

hr {
height: 0;
border: 0;
border-top: 1px dotted #cccccc;
padding:0px;
margin:0px; 
}

.menu_area{
background-color:#cccccc;
height:26px;
}

.indentmenu{
font: bold 14px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
color: #0d018b; /*text color*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border-width: 1px 0;
background-color:#cccccc;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #0d018b; /*text color*/
padding: 5px 8px;
text-decoration: none;
border-right: 2px ridge #BCBCBC; /*dark purple divider between menu items*/
width:122px;
text-align:center;
font-weight:bold;
}

.indentmenu ul li a:visited{
color: #0d018b;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background-color:#8a0109;
}



.main_content {
text-align:center;
}

.main_content p{
font-size:18px;
margin:0px 20px 7px 20px;
}

.content_pages{
text-align:center; 
font-size:12px; 
padding:0px 15px 10px 15px;
}

.content_pages a:link {
	color: #8a0109;
	font-weight:bold;
	text-decoration: none;
}
.content_pages a:visited {
	text-decoration: none;
	font-weight:bold;	
	color: #8a0109;
}
.content_pages a:hover {
	text-decoration: underline;
	font-weight:bold;	
	color: #0d018b;
}
.content_pages a:active {
	text-decoration: none;
	font-weight:bold;	
	color: #0d018b;
}


.footer{
background-image:url(http://www.scarlettblue.com/images/footer_bg.jpg);
background-repeat:no-repeat;
background-position:center;
width:975px;
height:80px;
text-align:center;
padding:10px 10px 10px 10px;
font-size:9px;
}

.footer_links{
font-size:14px;
color:#FFFFFF;
}

.footer_links a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_links a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer_links a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.footer_links a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.footer_links2{
font-size:9px;
color:#FFFFFF;
}

.footer_links2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_links2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer_links2 a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.footer_links2 a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.headline_txt{
font-size:18px;
font-weight:bold;
color:#0d018b;
padding:10px;
border:1px dotted #cccccc;
margin:0px;
}


#creditCard
{
  display: block;
  width: 220px;
  height: 77px;
  background: url("images/pay_credit.gif") no-repeat 0 0;
}

#creditCard:hover
{ 
  background-position: 0 -77px;
}

#creditCard span
{
  display: none;
}


#cheque
{
  display: block;
  width: 220px;
  height: 77px;
  background: url("images/pay_cheque.gif") no-repeat 0 0;
}

#cheque:hover
{ 
  background-position: 0 -77px;
}

#cheque span
{
  display: none;
}


#telephone
{
  display: block;
  width: 220px;
  height: 77px;
  background: url("images/pay_telephone.gif") no-repeat 0 0;
}

#telephone:hover
{ 
  background-position: 0 -77px;
}

#telephone span
{
  display: none;
}


#euro
{
  display: block;
  width: 220px;
  height: 77px;
  background: url("images/pay_euro.gif") no-repeat 0 0;
}

#euro:hover
{ 
  background-position: 0 -77px;
}

#euro span
{
  display: none;
}


#preview
{
  display: block;
  width: 200px;
  height: 60px;
  background: url("images/btn_preview.jpg") no-repeat 0 0;
}

#preview:hover
{ 
  background-position: 0 -120px;
}

#preview:active
{ 
  background-position: 0 -60px;
}

#preview span
{
  display: none;
}

#join
{
  display: block;
  width: 200px;
  height: 60px;
  background: url("images/btn_join.jpg") no-repeat 0 0;
}

#join:hover
{ 
  background-position: 0 -120px;
}

#join:active
{ 
  background-position: 0 -60px;
}

#join span
{
  display: none;
}

#login
{
  display: block;
  width: 200px;
  height: 60px;
  background: url("images/btn_login.jpg") no-repeat 0 0;
}

#login:hover
{ 
  background-position: 0 -120px;
}

#login:active
{ 
  background-position: 0 -60px;
}

#login span
{
  display: none;
}


#join_now
{
  display: block;
  width: 995px;
  height: 49px;
  background: url("images/join_banner.jpg") no-repeat 0 0;
  background-position: 0 0px;
  background-repeat:no-repeat;
}

#join_now:hover
{ 
  background-position: 0 -49px;
}


#join_now span
{
  display: none;
}

.blog_widget{
margin:5px 0px 5px 0px;
text-align:left;
width:188px;
border:1px solid #333333;
padding:0px 5px 5px 5px;
}

.feedburnerFeedBlock{
margin-top:0px;
}
.feedburnerFeedBlock ul li{
margin-left:-25px;
margin-right:10px;
}

.feedburnerFeedBlock ul {
margin-left:-5px;
margin-right:10px;
list-style-type: none;
}

.feedTitle{
background-image:url(images/widget_top.jpg);
background-repeat:no-repeat;
color:#FFFFFF!important;
padding:5px;
margin-left:-6px;
margin-top:-1px;
font-size:14px;
width:195px;
height:28px;
}
.feedTitle a:link {
	color:#FFFFFF!important;
	text-decoration: bold;
}
.feedTitle a:visited {
	text-decoration: bold;
	color: #FFFFFF;
}

.date{
font-size:10px;
font-style:italic;
margin-top:-3px;
}

#creditfooter{
display:none;
}

.coming_soon_widget{
margin:5px 0px 5px 0px;
text-align:left;
width:188px;
border:1px solid #333333;
padding:0px 5px 5px 5px;
}

.wid_foot{
background-image:url(images/widget_bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:200px;
height:20px;
margin-left:-6px;
margin-bottom:-6px;
}

.wid_foot_blog{
background-image:url(images/widget_bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:200px;
height:20px;
margin-top:-14px;
margin-left:0px;
margin-bottom:5px;
}

.coming_soon_widget h4{
background-image:url(images/widget_top.jpg);
background-repeat:no-repeat;
color:#FFFFFF!important;
padding:5px 5px 5px 5px;
margin-left:-6px;
margin-top:-1px;
margin-bottom:5px;
font-size:14px;
width:200px;
height:28px;
}

.coming_soon_widget p{
margin:5px 0px 5px 0px;
}

.show_stills img{
	background-color:#e6e6e6;
	border:solid #CCC 1px;
	padding:6px;
}

.show_stills a:link {
	color: #CCC;
}
.show_stills a:visited {
	color: #CCC;
}
.show_stills a:hover {
	color:#0d018b;
}
.show_stills a:active {

	color: #0d018b;
}

.indentmenu2{
font: bold 14px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
color: #0d018b; /*text color*/
}

.indentmenu2 ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border-width: 1px 0;
background-color:#cccccc;
}

.indentmenu2 ul li{
display: inline;
}

.indentmenu2 ul li a{
float: left;
color: #0d018b; /*text color*/
padding: 5px 8px;
text-decoration: none;
border-right: 2px ridge #BCBCBC; /*dark purple divider between menu items*/
width:144px;
text-align:center;
font-weight:bold;
}

.indentmenu2 ul li a:visited{
color: #0d018b;
}

.indentmenu2 ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background-color:#8a0109;
}




	#menu_container {height:0px; background-color:#cccccc; margin:0px;}
	#menu_inner {padding:0; margin:0px;}
	/* set up the base level horizontal nav */
	#menu_inner ul,#menu_inner li {list-style:none;position:relative;margin:0; padding:0;}
	#menu_inner > ul li {float:left;margin:0; padding:0;}
	#menu_inner a {text-decoration:none;font-weight:bold; font-size:14px; display:block;color:#0d018b;padding:5px 35px 4px 35px; margin:0px; border-right: 2px ridge #BCBCBC;}
	#menu_inner a:hover {background:#8a0109;color:#ffffff;}
	/* the second tier - to default to no display */
	#menu_inner li > ul,#menu_inner li > ul li {display:none;}
	#menu_inner li > ul {border:1px solid #333;border-top:1px solid #333; width:160px;}
	/* pseudo selector of li makes it visible */
	#menu_inner li:hover > ul {display:block;position:absolute;}
	#menu_inner li > ul li {background:#ccc;color:#0d018b;position:relative;display:block;}
	#menu_inner li > ul li a {color:#0d018b;border-bottom:1px dotted #333;width:150px;padding:5px;}
	#menu_inner li > ul li a:hover {background:#8a0109;}
	/* After the second tier, the rest need to pop out of the side - as a default I have chosen to slide to the right */
	#menu_inner li > ul li > ul {position:absolute;left:160px;top:-1px;display:none;}/* left = width of children */
	#menu_inner li > ul li:hover > ul {position:absolute;left:160px;top:-1px;display:block;}/* this should inherit BUT if you take out redundant styles there are glitches */