/* UNDO HTML */
/* http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss */

ul,ol { list-style: none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select
{ margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }


/* GLOBAL TEMPLATE STYLES */

body {
	background-color: #e51837;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

div#container {
	width: 1002px;
	margin: 0 auto;
	background: #ffffff url('../images/layout/bg-main.gif') repeat-y top left;
	text-align: left;
}

div#header {
	position: relative;
	text-align: right;
	padding: 3px 22px 0px 22px;
	background: url('../images/layout/stats-bg.gif') no-repeat 462px 4px;
}

div#wrapper {
	float: left;
	width: 100%;
}

div#content {
	margin: 0px 582px 0px 20px;
	padding: 6px 3px 6px 4px;
	background: #ffffff url('../images/layout/content-bg.gif') no-repeat top left;
}

#scroll-div {
	width:390px; 
	height:474px; 
	margin-bottom: 3px;
	overflow: auto;
}

#scroll-inner-div {
	padding: 3px 8px 4px 5px;
}

div#boxes {
	float: left;
	width: 232px;
	margin-left: -572px;
}

div#promos {	
	float: left;
	width: 310px;
	margin-left: -331px;
}

div#footer {
	clear: left;
	width: 100%;
	background: url('../images/layout/bg-footer.gif') no-repeat bottom left;
}

/* HEADER STYLES */

#logo {
	float: left;
	margin: 2px 0px 10px 0px;
}

#menu {
	margin: 51px 0px 0px 250px;
	height: 49px;
	background-color: #ff0000;
	background: url('../images/layout/tab-shadow.gif') repeat-x bottom left;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
	background: url('../images/layout/tab-left.gif') no-repeat top left;
	padding-left: 5px;
	margin-right: 1px;
	background-color: #FF0000;
}

#menu ul li a {
	color: #ffffff; 
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
		
	float: left;
	display: block;
	
	background: url('../images/layout/tab-right.gif') no-repeat top right;
	
	padding: 8px 11px 7px 6px;
}

#menu ul li a { color: #ffffff; } 
#menu ul li a:hover { text-decoration: underline; }
#menu ul li.selected a { color: #f2f037; } 
#menu ul li.selected a:hover { color: #f2f037; text-decoration: none; } 


/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu > ul a { width:auto; }

/* TEXT STYLES */

h1 {
	font-size: 1.4em;
	color: #e51837;
	margin-bottom: 7px;
	margin-top: 2px;
}

p {
	font-size: 0.9em;
	color: #652d8a;
	line-height: 135%;
	margin-bottom: 10px;
}

a { text-decoration: underline; font-weight: bold; }

p a:link { color: #e51837; }
p a:active { color: #e51837; }
p a:hover { color: #652d8a !important; }
p a:visited { color: #e51837; }

a.purple:link { color: #652d8a; }
a.purple:active { color: #652d8a; }
a.purple:hover { color: #e51837 !important; }
a.purple:visited { color: #652d8a; }

p.bigger-text {
	font-size: 1.1em;
}

p.smaller-spacing {
	margin-bottom: 2px;
}

/* PROMO CONTENT */

#large-promo-top {
	background: #e51837 url('../images/boxes/bg-top-one-two-free-top.gif') no-repeat top left;
}

#large-promo-top /*h3*/ {
	font-size: 1.15em;
	font-weight: bold;
	/*color: #ffffff;*/
	padding: 10px 0px 5px 15px;
	height: 1em;
	background: #e51837 e51837 url('../images/boxes/bg-top-one-two-free-top.gif') no-repeat top left
}

#large-promo-bottom {

}

.free-trial-promo {
	margin-top: 4px;
}


/* BOXES CONTENT */

#faq-box { height:181px; margin-bottom:0px; }
#client-box { height:223px; }

.box-top {
	background: #5e2680 url('../images/boxes/bg-top.gif') no-repeat top left;
}

.box-top /*h3*/ {
	font-size: 1.15em;
	font-weight: bold;
	/*color: #ffffff;*/
	height: 1em;
	padding: 10px 0px 8px 15px;
}
.box-top-clients {
	background: #5e2680 url('../images/boxes/bg-top-myruby_clients.gif') no-repeat top left;
}

.box-top-clients /*h3*/ {
	font-size: 1.15em;
	font-weight: bold;
	/*color: #ffffff;*/
	height: 1em;
	padding: 10px 0px 8px 15px;
}
.box-top-faq {
	background: #5e2680 url('../images/boxes/bg-top-faq.gif') no-repeat top left;
}

.box-top-faq /*h3*/ {
	font-size: 1.15em;
	font-weight: bold;
	/*color: #ffffff;*/
	height: 1em;
	padding: 10px 0px 8px 15px;
}

.box-bottom {
	background: url('../images/boxes/bg-bottom.gif') no-repeat bottom left;
	margin-bottom: 8px;
	padding: 1px 10px 0px 13px;
}

.box-bottom .box-intro {
	color: #e51837;
	margin-bottom: 1px;
}

.box-client-div {
	clear: both; 
	padding-top: 7px;
	font-size: 0.8em;
	font-weight: bold;
	color: #e51837;
}

.box-client-div img {
	float: left;
	margin-right: 6px;
}

.box-client-div .name {
	color: #666666;
	padding-top: 4px;
	font-weight: normal;
}

.box-bottom ul {
	font-size: 0.85em;
}

.box-bottom ul li {
	line-height: 1.1em;
	padding-bottom: 4px;
	padding-left: 10px;
	background: url('../images/layout/bullet.gif') no-repeat 0em 0.6em;
}

.box-bottom ul li a { font-weight: normal !important; padding: 0px !important; }

.box-bottom ul li a:link { color: #e51837; }
.box-bottom ul li a:active { color: #e51837; }
.box-bottom ul li a:hover { color: #652d8a !important; }
.box-bottom ul li a:visited { color: #e51837; }



/* FOOTER CONTENT */

#footer #links {
	text-align: right;
	padding: 6px 30px 20px 0px;
	color: #e51837;
}

#footer #links ul {
	font-size: 0.8em;
	color: #e51837;
}

#footer #links ul li {
	padding-left: 5px;
	display: inline;
	color: #e51837;
}

#footer #links ul li a { 
	padding: 2px; 
	text-decoration: none; 
	font-weight: normal;
	color: #e51837;
}

/*#footer #links ul li a:link { color: #939598; }
#footer #links ul li a:active { color: #939598; }
#footer #links ul li a:hover { color: #4a4b4d !important; }
#footer #links ul li a:visited { color: #e51837; }*/

#footer #links ul li a:link { color: #e51837 !important; }
/*#footer #links ul li a:active { color: #000000;}*/
#footer #links ul li a:hover { color: #000000 !important; }
/*#footer #links ul li a:visited { color: #000000; }*/


/* MISC */

.top-space {
 	margin-top: 12px;
}
.bottom-space {
	margin-bottom: 5px;
}
.red {
	color: #e51837;
}


.mainboxgreytext {
	font-size: 0.9em;
	color: #666666;
}

.mainboxgreytext a:link { color: #652d8a; }
.mainboxgreytext a:active { color: #652d8a; }
.mainboxgreytext a:hover { color: #e51837 !important; }
.mainboxgreytext a:visited { color: #652d8a; }


/*
Added this to allow bullet lists to be drawn properly in main content pane.
*/
.maintext ul { font-size: 0.9em; color: #652d8a; }
.maintext ul li { padding-left: 10px; background: url('../images/layout/bullet.gif') no-repeat 0em 0.6em; }
.maintext a:link { color: #652d8a; }
.maintext a:active { color: #652d8a; }
.maintext a:hover { color: #e51837 !important; }
.maintext a:visited { color: #652d8a; }