
body {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(/images/steel_bg.gif);
	background-repeat: repeat-x;
	margin:0px;
	text-decoration: none;
	padding:0;
}
/*
div {border:1px solid black;}
*/
table,tr, td {font-size: 12px;font-family: "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;}

tr.linunder td {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	vertical-align: text-top;
	
}

tr.linunder2 td {
	border-bottom: 1px solid #CCC;
	margin:5px 0 5px 0;
padding:5px 0 5px 0;
}

.png {margin-bottom:4px;}

hr {color:#DDDDDD;margin: 0 0 10px 0;}
.gb-content {border-left:1px solid #DDDDDD;}
.gb-content {border-right:1px solid #DDDDDD;}
.gb-content .bottomborder td {border-bottom:1px solid #DDDDDD;}
.submenu ul {margin:0;padding:0;}
.submenu li {list-style:none;margin:0;padding:0;}

.red{color:red;}
.green{color:green;}
.orange{color:orange;}

.sortable {margin:5px 0 0 0;}
.daysheader td {padding-left:5px;color:#FFF;background:#2C2C2A;font-weight:bold; cursor:pointer;}
.sortable td {padding: 0 5px 0 5px;#FFEEE0;}


.bestdeal {font-size:10px; font-weight:bold; color:green;}
.totals {font-weight:bold;border-top:1px dotted black; padding-top:10px;}


#invoiceimages img {float:left; border:1px solid #666666;margin:5px;}

span a.red:hover {color:red; text-decoration:none;}
.green a {color:green;}
.orange a {color:orange;}

.paymentdetails h2 {font-size:13px; font-weight:bold;}
.blu a:link{color:blue;}
.blu a:visited {color:blue;}
.blu a:hover {color:#666666;}
.blu a:active {color:blue;}


.gb-top {background: url(images/gb-top-left.gif); height:37px; }
.gb-top span {display:block; background: url(images/gb-top-right.gif) no-repeat; background-position:top right;height:37px;padding:10px 8px 0px 8px;font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
.gb-bottom {background: url(images/gb-bottom-left.gif); height:10px;}
.gb-bottom span {display:block; background: url(images/gb-bottom-right.gif) no-repeat; background-position:top right;height:10px;}
.gb-sub {height:37px; background: url(images/gb-bg.gif)  repeat-x;padding:10px 8px 0px 8px;font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}

.gb-content ul {margin:0;padding:0 0 0 20px;}
.gb-content table {margin:0 8px 7px 8px;}

.bb-rightcontainer {width:173px;margin-bottom:10px;}
.bb-content {background:#FFEFDF;padding:5px 8px 5px 8px;}
.bb-top {background: url(images/bb-top-left.gif); height:26px;}
.bb-top span {display:block; background: url(images/bb-top-right.gif) no-repeat; background-position:top right;height:26px;padding:5px 8px 0px 8px;font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#E48C33;text-align:center;}
.bb-bottom {background: url(images/bb-bottom-left.gif); height:9px;}
.bb-bottom span {display:block; background: url(images/bb-bottom-right.gif) no-repeat; background-position:top right;height:9px;}

.gbt {background: url(/images/gbt-left.gif) red; height:29px; display:block; text-align:center;}
.gbt span {display:block; background: url(/images/gbt-right.gif) no-repeat; background-position:top right;height:29px;padding:1px 9px 0 9px;margin:5px 0 0 0;*margin:0;font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a.gbt {text-decoration:none;}
a.gbt:hover {text-decoration:underline;color:black; cursor:pointer;}

#exportoptions {width:145px;}

.daterange {float:right;margin:0 0 20px 0;}
/* DATEPICKER DEMO CSS */

.daterange form
        {
        width:172px;
        background:#fcfcfc;

        text-align:left;
        padding:0;
        margin:0;
        }
.daterange fieldset
        {
        display:block;
        margin:0;
        padding:1em 1em 1.5em 1em;
        }
.daterange form > fieldset
        {
        border:1px solid #ccc;
        margin:0 0 1.6em 0;
        }
.daterange legend
        {
        color:#545454;
        font-weight:bold;
        _margin-bottom:1em;
        }
.daterange label
        {
        line-height:1em;
        margin:0;
        font-weight:bold;
        color:#545454;
        }
.daterange input
        {
        margin:0;
        padding:0;
        border:1px solid #ccc;
        border-top-color:#aaa;
        border-left-color:#aaa;
        /*position:relative;*/
        height:1.2em;
        }
.daterange select
        {
        margin:0;
        border:1px solid #ccc;
        border-top-color:#aaa;
        border-left-color:#aaa;
        position:relative;
        }
.daterange option.alt
        {
        background:#eee;
        }
.w2em
        {
        width:2em;
        }
.w3em
        {
        width:3em;
        }
.w4em
        {
        width:4em;
        }
.w8em
        {
        width:8em;
        }

.firstup
        {
        padding-right:2em;
        }
.lastup
        {
        margin-bottom:0;
        }
.al-center
        {
        text-align:center;
        }
#infotable
        {
        width:100%;
        margin-bottom:1.6em;
        }
#infotable th, #infotable td
        {
        padding:0.6em 0;
        border-bottom:1px solid #ccc;
        vertical-align:top;
        text-align:left;
        }
#infotable th
        {
        border-top:1px solid #ccc;
        }
table.split-date-wrap
        {
        width:auto;
        margin-bottom:0;
        }
table.split-date-wrap td
        {
        padding:0 0.2em 0.4em 0;
        border-bottom:0 none;
        }
table.split-date-wrap td input
        {
        margin-right:0.3em;
        }
table.split-date-wrap td label
        {
        font-size:12px;
        font-weight:normal;
        display:block;
        }



.more {text-align:right;}
div a.more {background: url(images/arrow.gif) top left no-repeat; background-position:0 5px; color:#0142FF;padding: 0 0 0 5px;}
div a.more:hover {color: #F6972B;}

.moregrey {text-align:right;}
li span.moregrey {background: url(images/arrow-grey.gif) top left no-repeat; background-position:0 5px; color:#BCBCBC;padding: 0 0 0 5px;}


div a#early {background: url(images/orange-arrow.gif) top left no-repeat; background-position:0 5px; color:#0142FF;padding: 8px 0 0 38px; font-size:12px; font-weight:bold; height:36px; display:block;margin:0 0 0 5px;}
div a#early:hover {color: #F6972B;}

#roadnews {height:220px; width:655px;background: url(images/roadnews-bg.gif) no-repeat; background-position: 375px 10px;margin: -25px 20px 20px 15px;padding: 70px 0 0 0; border-top:1px solid #DDDDDD;}
#roadnews div {border-left:4px solid #DA6F03; font-size:24px; font-family:"Times New Roman", Times, serif; color:#565656; font-weight:bold;padding: 10px 0 0 0; }
#roadnews div span {font-size:15px; color:#DA6F03;font-weight:bold; line-height:30px;}
#roadnews p {width:370px;font-size:14px; font-weight:normal; line-height:25px;margin-left:15px;}
#footerlogos {float:right;width:270px;}
input {border:1px solid #666666; cursor:pointer;}



a:link {
	color: #333333;

}
a:visited {
	color: #333333;
}
a:hover {
	color: #F6972B;
}

h3 a:hover {
	color: #333333;
	text-decoration:none;
}


a:active {
	color: #333333;

}


.chart {margin: -12px 0 0 -9px;}

h1 {font-size:16px;margin:0 0 15px 0;padding:0 0 3px 0; border-bottom:1px dotted black}
h5 {font-size:12px;margin:0 0 15px 0;padding:0 0 3px 0; border-bottom:1px dashed black}
h3 {font-size:12px;margin:0;padding:0 0 0 5px;}

table td {padding-bottom:10px;}
table td  {padding:0;}

.alertmsg {margin:3px;padding:0;color:red;font-weight:bold;}


.logintxt {width:160px;}

.textdata {font-size:12px;margin-left:5px;}
.textdata table {padding:0 15px 0 0;}
.textdata h3 {font-size:12px;margin:0;padding:0 0 0 0px; border-bottom:1px solid #DDDDDD;margin:0 0 5px 0;}
.textdata h2 {margin:0 0 3px 0;}
a#phone {
	border:0;
	margin:50px 15px 0 0;
	background: url(/images/phone.gif);
	width:208px;
	display:block;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	}

a:hover#phone {
	background-position: -208px 0;
}

a#chat {
	border:0;
	margin:50px 0 0 0;
	background: url(/images/live-chat.gif);
	width:94px;
	display:block;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	}

a:hover#chat {
	background-position: -94px 0;
}


#logout {
	width:889px;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -560px;
	font-weight:bold;
	text-align:right;
}

#logout a {color:#000;}

#main {
	width:889px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	/*min-height:700px;height:auto !important;height:700px;*/
}



#menu{
	width:670px;
	padding:0 0 0 15px;
	margin:0;
	background:#FFF;
	

	height:70px;

}


#menu ul{
margin:0;padding:0;
}



#menu li {
	list-style:none;
	padding:0 0px 0 0;
	float:left;
	width:134px;
	margin:0;
	font-weight:bold;

}

#menu li ul li {
	width:auto;
	height:auto;
	padding:0;
	float:none;
	}


#menu a:hover {
	color:#FFF;
}

li#realtools {
	background: url(/images/real-tools.gif) no-repeat top left; 
	width:159px;
	height:59px;
	margin:11px 0 0 5px;
	overflow:hidden;
	text-indent:-9999px;
}

li#realtools a{
	width:130px;
	height:59px;
	margin:5px 0 0 0;
}


	
#footer {
	background:#DA6F03;

	width:871px;
	margin: 0 auto;   /* align for good browsers */
	padding:9px 18px 9px 0;
	text-align:right;
	font-size:12px;
	color:#FFF;
}

#footerbanner {
	background:#FFFFFF;

	width:889px;
	height:50px;
	background:url(/images/footer-banner.gif) no-repeat;
	background-position:520px 10px;
	margin: 0 auto;   /* align for good browsers */
	text-indent:-99999px;
	overflow:hidden;
}

#footer a {color:#FFF;}

#head {
	height:114px;
	width:889px;
}

#container {
	width:889px; 
	border:1px solid #DA6F03;

	background:#FFF;

}

#contentcon {
	width:697px;float:left;
}

#content{
	float:left;
	width:672px;
	padding-left:10px;
	padding-right:10px;
	background:#FFF;

	}

#rightside {float:left;width:180px; margin: 0 0 0 5px; OVERFLOW:hidden;}



#rightmenu {
	
	padding: 10px 0 0 8px;
	margin:20px 0 0 0;
	width:175px; 
	height:635px;
	float:left;
	background: url(/images/right-bg.gif) #ffffff no-repeat top left;
}
#rightmenu ul {margin:0;padding:10px 0 0 0;}

#rightmenu img {border:0;margin:0;padding:0;}

#rightmenu li {
	list-style:none;
	margin-top:-4px;
	padding:0;
}

#logo {
	float:left; 
	margin: 13px 0 0 1px;
	border:0;
}

#armor {

	margin: 10px 0 0 15px;
	border:0;
	position:absolute;
	bottom:1px;
	left:190px;
}

#invoicetable {margin:20px 0 0 0;border-top:1px solid #F09B18;border-right:1px solid #F09B18;}
#invoicetable td {border-left:1px solid #F09B18;border-bottom:1px solid #F09B18;}
#invoicetable td td {border:none;}

.contact_table{margin-left:30px;margin-top:20px;}
.contact_bold {font-weight:bold;color:#DA6F03;}
.line {border:1px solid #666666;}


/* Image Thumb */

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

.rating_bar {
  width: 80px;
  display:block;
  height: 20px;
  background: url(/images/star2.gif) 0 0 repeat-x;
}

.rating_bar span {
  height: 20px;
  display:block;
  background: url(/images/star.gif) 0 0 repeat-x;
}

.formatmoney {
	text-align:right;
}
.formatnumber {
	text-align:center;
}

#HelpContent {
Width:90%;
margin-left:20px;
}
#helpcontent table {border:1px solid black;}
#helpcontent table tr td {border:1px solid black;}
#helpcontent table tr {border:1px solid black;}
 

