/* ==============================================================
 *  LAYOUT
 */
body
{
	background:url(../images/bg.gif) repeat-x #2a2a2a;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	font: normal 14px Tahoma,Arial,Helvetica,sans-serif;
	line-height: 140%;
}

.container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	margin-bottom: 20px;
	margin-top:0;
}

.flash-banner {
	height: 300px;
	width: 900px;
	background-image: url("/flash/imgFlashReplacement.jpg");
	background-repeat: no-repeat;
}

.flash-banner img.order-now {
	float: right;
	margin-right: -30px;
}

.content {
	padding-left: 10px;
	padding-top:20px;
	width:880px;
}

.footer {
	padding-left: 20px;
	padding-top:150px;
	padding-bottom:50px;
	background:url(../images/bgbottom.gif) repeat-x #8d8d8d;
}

.half-width {
	width: 220px;
	margin-right: 10px;
	float: left;
}
.last {
	margin-right: 0;
}
.clear {clear:both;}

img {
	border: none;
}

/* ==============================================================
 *  YII STANDARD STYLES
 */

div.error, div.notice, .success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #AE1819;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}

.actions li a:hover, .actions li a.active
{
	background: #8A0F0A;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

/* ============= NEW ====================================== */

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

h1 {
	color: #555555;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: -1px;
	font-family: "Georgia","Garamond",Times,serif;
	line-height: 100%;
}


h2 {
	color:#660202;
}
h3 {
	font-size:16px;
	color:#660202;
}
h4 {
	font-size:12px;
	color:#660202;
}

th {
	text-align: left;
}

.price-table {
	text-align:left;
	width:100%;
}
.price-table td {
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	vertical-align: top;
}
.price-table td.price {
	width: 100px;
}

.red-list{
	list-style-image:url(../images/bullet.jpg);
}

/* ==============================================================
 *  MAIN MENU
 */
ul#main-menu {
	width: 100%;
	height: 43px;
	background: #FFF url("../images/bgMenu.gif") top left repeat-x;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#main-menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
ul#main-menu li a {
	height: 43px;
	color: #444444;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 11px 10px 0;
}
ul#main-menu li a:hover {
	color: #000000;
}
ul#main-menu li a.active {
	color: #FFF;
	background: #FFF url("../images/bgMenuActive.gif") top left repeat-x;
	padding: 10px 15px 0;
}


/* =====================================================================
 * PRICING
 */
.pricing-table {
	width: 100%;
}
.pricing-table td,.pricing-table th {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #aaaaaa;
}
.pricing-table th {
	text-align: left;
}
.pricing-table th span {
	font-weight: normal;
	display: block;
	font-size: 90%;
}
.pricing-table td.image {
	width: 100px;
}


/* =====================================================================
 * Comparison table
 */
table.comparison {
	border: 1px solid #ffffff;
}
table.comparison td,table.comparison th {
	text-align: center;
	padding: 8px;
	font-size: 20px;
}
table.comparison th{
	font-weight: normal;
}
table.comparison .grey-bg {
	background-color: #D9D9D9;
}
table.comparison .green-bg {
	background-color: #C3D49D;
	font-weight: bold;
}
table.comparison .red-bg {
	background-color: #E5B7B7;
}


.side-buttons img {
	margin-bottom: 10px;
}

a.create-account {
	text-align: center;
	display: block;
	font-size: 22px;
	letter-spacing: -1px;
	font-family: "Georgia","Garamond",Times,serif;
	line-height: 100%;
	background: #eeeeee;
	border: 1px solid #666666;
	padding: 5px;
	margin-bottom: 10px;
}



/* =====================================================================
 * GRID LAYOUT - Inspired by Blueprint CSS
 */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8  {float:left;margin-right:10px;}
.span-1 {width:100px;}
.span-2 {width:210px;}
.span-3 {width:320px;}
.span-4 {width:430px;}
.span-5 {width:540px;}
.span-6 {width:650px;}
.span-7 {width:760px;}
.span-8 {width:880px;margin-right: 0}
.last, div.last {margin-right:0;}

.large {
	font-size: 16px;
}

.top-menu {

	width:900px;
	margin-left:auto;
	margin-right:auto;
	background: transparent;
}
.top-menu ul {
	clear: both;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
}
.top-menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 12px;
	border-right: 1px solid #cccccc;
}
.top-menu ul li:last-child {
	border-right: none;
}
.top-menu ul li a {
	color: #ffffff;
	font-weight: bold;
}