﻿* { padding:0; margin: 0;}
body{font-family: Tahoma;text-align: center;    min-width: 1020px;font-size: 1em;}
a:link{ color: #39F}
a:visited{ color:#666;}
a:hover{ color:#0b5690; text-decoration: underline}
img { border: none;}
table {border:0;}
td {border:0}
tr {border:0}
th {font-size:12px; color:#fff; padding:6px; border:0; background-color:#CCC}
#wrapper {  width: 1000px;    margin: 0 auto;  text-align: left; }
#footer { border-top: dotted 1px #E8E8E8; border-bottom: dotted 1px #E8E8E8; padding: 1px;}
#footer-content {background-color: #E8E8E8; height: 46px; width:100%; }         #footer-content tr td { vertical-align: middle;}
#footer-content tr td img { margin-left: 20px;}
#footer-content tr td ul  { list-style-type: none; float: right; font-size: 0.9em;}
#footer-content tr td ul li { float: left;}
#footer-content tr td ul li a {color: #5E5D5D; font-weight: bold; font-size: 0.85em; text-decoration: none;}


#content-area { background-image: url(../images/client-area-bg.jpg); height: 38px; background-repeat: no-repeat; padding-top: 32px; padding-left:10px; }
#content-area table tr td input[type=text] {color: #9E9B9B;}
#content-area table tr td input[type=image]  { margin-left: 4px;}

#content-area-cp { background-image: url(../images/client-area-bg-cp.jpg); height: 38px; background-repeat: no-repeat; padding-top: 32px; padding-left:10px;}
#content-area-cp table tr td input[type=text] {color: #9E9B9B;}
#content-area-cp table tr td input[type=image]  { margin-left: 4px;}


#branding {background-image: url(../images/branding-bg.jpg); height: 292px; background-repeat: no-repeat;}
#branding-cp {background-image: url(../images/branding-bg-cp.jpg); height: 170px; background-repeat: no-repeat;}
#branding a { position: relative;  top:50px; left: 30px;}
#branding-cp a { position: relative;  top:40px; left: 30px;}

#content { width:801px; float: right; }
#content-left{float: left; width: 190px;  padding-left:9px; padding-bottom: 25px;  }
#content-left ul { list-style-type: none; width: 189px; margin-left:1px; }
#content-left ul li  {padding-top: 6px;height:35px;padding-left: 32px;    background-image: url(../images/menu-item.gif); background-position: 5px 8px; background-repeat: no-repeat; border-bottom: solid 1px #DFDFDF; border-top: solid 1px #F5F5F5;}
#content-left ul li:hover {background-image: url(../images/menu-sel-icon.jpg); border-top-color: #3383C4; border-bottom-color: #4EC4E3; color: #fff; background-position: left top; }  
#content-left ul li  {font-size:0.53em; color: #C0C0C0; text-transform: uppercase;}
#content-left ul li a { font-size:1.62em; color: #323232; text-decoration: none; }
#content-left ul li.sel_item a { font-size:1.62em; color: #fff; text-decoration: none; }
#content-left ul li span { font-size:1.62em;color: #fff; }
li.sel_item {background-image: url(../images/menu-sel-icon.jpg) !important; border-top-color: #3383C4 !important; border-bottom-color: #4EC4E3 !important; color: #fff !important; background-position: left top !important; }  
#content-left ul li:hover a {color: #fff;}
#content-main {float: left; margin-left:13px; margin-right: 12px;}
#content-secondary {float: left; width: 253px; padding-right: 10px;}
div.dv_copy { color: #5E5D5D; font-size: 0.70em; font-family: Tahoma;}
li.li_sep { padding-left: 4px; padding-right: 4px; font-size: 0.7em; padding-top: 2px; }
#adv1 { padding-left: 1px;}
#gold { background-image: url(../images/gold.jpg); width:189px; margin-left:1px; height:29px; background-repeat: no-repeat; margin-bottom: 10px; padding-top: 118px; text-align: center; }

#box-sign-up { margin-bottom: 10px;  background-image: url(../images/sign-up-bg.gif); background-repeat: no-repeat; width: 513px; background-position:bottom; background-color:#ECECE8;}
#box-welcome h1,#box-content h1,#box-content-portfolio h1,#box-sign-up h2,div.box-dark-top h2 { padding-top:15px; padding-left:12px; color: #7C2A2C; text-transform: uppercase; font-size: 1.1em; font-family: Arial;}
#box-sign-up p { padding: 25px 12px 0px 12px;font-size: 0.85em; font-family: Arial; color: #878787;}
#box-sign-up a { position: relative; left: 268px; bottom: 25px;}

#box-welcome { margin-bottom: 10px; background-color: #ECECE8; padding-left:12px; padding-right:12px;  width:489px; height: 199px; background-image: url(../images/box-sep-light.gif); background-repeat: no-repeat; background-position: left bottom;}
#box-welcome h1 { padding-left:0 !important;}

#box-content { margin-bottom: 10px; padding-left:12px; width:489px; padding-right:12px;}
#box-content h1 { padding-left:0 !important;}
#box-content p { padding-left:0 !important; font-size:14px; color:#666; padding-top:12px;}
#box-content .small {font-size:12px;}
#box-content td {	font-size:12px;	color:#666;	padding: 6px;}
#box-content .alt td { background-color:#ECECEC}
#box-content h2, .right-box h2 {	padding-left:0 !important;	padding-top:25px;	padding-left:12px;	color: #0b5690;	font-size: 18px;	font-family: Arial;}
#box-content .ourpeople_img { float:left; padding-right:12px;}
#box-content .ourpeople_txt  { font-size:12px; width:350px; float:left; padding-top:0;  color:#666;}
#box-content .ourpeople_txt p { font-size:12px;}
#box-content .ourpeople { padding-top:12px }
#box-content ul { list-style-position: outside;	list-style-type: square; margin-left:18px; color: #0b5690; float:left; padding-bottom:15px;}
#box-content li {	color: #666; padding-left: 12px; font-size:14px; padding-top:12px }
#box-content .line {  border-bottom:solid; border-bottom-width:1px; border-bottom-color:#CCC; padding-top:12px; clear:both;}

#box-content_portfolio { margin-bottom: 10px; padding-left:12px; padding-right:12px;}
#box-content_portfolio h1 { padding-left:0 !important;}
#box-content_portfolio p { padding-left:0 !important; font-size:14px; color:#666; padding-top:12px;}
#box-content_portfolio h2, .right-box h2 {	padding-left:0 !important;	padding-top:25px;	padding-left:12px;	color: #0b5690;	font-size: 18px;	font-family: Arial;}
#box-content_portfolio ul { list-style-position: outside;	list-style-type: square; margin-left:18px; color: #0b5690; float:left; padding-bottom:15px;}
#box-content_portfolio li {	color: #666; padding-left: 12px; font-size:14px; padding-top:12px }
#box-content_portfolio .line {  border-bottom:solid; border-bottom-width:1px; border-bottom-color:#CCC; padding-top:12px; clear:both;}

div.box-step, div.box-step-top { background-image: url(../images/box-sep-dark.gif); background-position: left bottom; background-repeat:no-repeat; background-color: #ECECE8; padding-left:12px; padding-top:12px; padding-right:12px; padding-bottom:35px; color:#666; font-size:14px }
div.box-step-bot {background-image: url(../images/box-sep-light.gif); background-position: left bottom; background-repeat:no-repeat; background-color: #ECECE8;  margin-bottom: 35px; padding-left:12px; padding-top:12px; padding-right:12px; padding-bottom:35px; color:#666; font-size:14px  }
div.box-step h2, div.box-step-bot h2 {	color: #0b5690;	font-size: 18px;	font-family: Arial; padding-bottom:12px}
div.box-step p, div.box-step-bot p { padding-bottom:12px}

div.box-light {background-image: url(../images/box-sep-light.gif); background-position: left bottom; background-repeat:no-repeat; width:513px; background-color: #ECECE8;  margin-bottom: 10px; padding-bottom:25px }
div.box-dark, div.box-dark-top { background-image: url(../images/box-sep-dark.gif); background-position: left bottom; background-repeat:no-repeat; width:513px; padding-bottom:25px; background-color: #ECECE8; }
div.box-dark,div.box-light { padding-top:15px;}
div.box-dark-top h2 { margin-bottom:15px;}
#box-welcome h3,div.box-dark-top h3,div.box-dark h3,div.box-light h3 { font-size: 0.75em; color: #13619F; text-transform: uppercase; font-family: Arial;}
#box-welcome h3 { margin-bottom: 8px;}
div.box-dark-top span,div.box-dark span,div.box-light span { font-size: 0.8em;color: #878787;  }
#box-welcome span{ font-size: 0.85em;color: #878787;  }

div.dv_read_more { text-align: right; padding-right:15px; padding-top:10px;}
div.row1 {float: left; width: 170px; }
div.row1 img { margin-left: 9px;} div.row2{ float: left; width:343px;}
h2.right, h2.right2{color: #7C2A2C; text-transform: uppercase; font-size: 0.9em; font-family: Arial;background-position: 5px center;  background-repeat: no-repeat; background-color: #ECECE8;line-height: 44px; height:44px; }
h2.right {padding-left:54px; background-image: url(../images/h2-bg.jpg); padding-bottom:5px; }
h2.right2{ padding-left:54px; background-image: url(../images/h22-bg.jpg); padding-bottom:5px;}

#divInvoices h2
{
    color: #7C2A2C;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 44px;
    height: 44px;
}

div.right-box-l, div.right-box-quote, div.right-box-d, div.right-box-quote-name{ background-color: #ECECE8;background-repeat: no-repeat; background-position: left bottom; padding-bottom: 9px;}

div.right-box-l{ background-image: url(../images/r-box-sep-light.gif);}
div.right-box-quote{	padding-left:32px;	padding-right:12px;	padding-top:28px;	background-image:url(../images/quote.gif);	background-position:left top;	background-repeat:no-repeat; padding-bottom:0px;
}
div.right-box-quote p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #14568a;}
div.right-box-quote-name{background-image: url(../images/r-box-sep-light.gif); text-align:right; color:#838383; font-size:12px; padding-left:12px; padding-right:12px; padding-top:0px}

div.right-box-d{ background-image: url(../images/r-box-sep-dark.gif);}

div.r-label { background-image: url(../images/range-label.gif); background-repeat: no-repeat; color: #fff; height:  21px; font-size:0.75em; font-weight: bold; font-family:Arial; padding-left:3px; line-height: 21px; }
p.bn-buy-now { }
.bn-next
{
    border: 1px solid #000080;
    background-color: #09F;
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
}
div.right-box {background-color: #ECECE8;   padding: 0 17px 0 17px; border: solid 1px #ECECE8;  }
div.right-box p {color:#838383; font-size:12px; padding-top:12px  }
div.right-box-w{background-color: #ECECE8;   padding: 0 8px 0 8px; border: solid 1px #ECECE8;}
a.right-a-buy { margin-left:2px;}
img.img-buy{ vertical-align: bottom;}
.top { padding-top:10px !important;}
td.td-label, td.td-label-r { color: #fff !important; text-transform: uppercase; font-weight:bold; width: 107px; height:22px; background-image: url(../images/item-label.gif); background-repeat: no-repeat; color: #fff;}
td.td-label-r {  background-position: right top ;}
table.tb_price {font-size: 0.75em; font-family:Arial; margin-top:10px; margin-bottom:10px; width:100%; }
table.tb_price tbody tr td { text-align: center;color: #585757; }
table.tb_price thead tr th { color: #585757; text-align: center; }
.calc { text-align: right; padding: 3px 9px 30px 0; height:35px; }
.al_right { text-align: right;}

#login-form { height: 28px; line-height: 25px; padding-top: 30px;}
.border-bot {border-bottom-style:solid; border-bottom-color:#CCC; border-bottom-width:1px}
.gold-bg {background-color:#FFE495;}
.red{color:Red;}

  /****************************/
 /******* Table Classes ******/
/****************************/
.Invoice td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}

.InvoiceTable td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}
.InvoiceTable thead th{
	border-bottom:1px solid #000;
	font-weight:bold;
	font-size: 12px;
	color:#000;
}
.InvoiceTable tfoot{
	border-bottom:1px solid #000;
}
  /****************************/
 /*******Data Grid Class******/
/****************************/
.Grid { border: solid 1px #fff;}
.Grid td
{
    border: solid 1px #fff;
    font-family:Verdana;
    padding: 4px;
    text-align: center;
    font-size: 0.8em;
}
.GridHeader
{
    font-weight: bold;
    color: #fff;
  /*background-color: #D2B48C;*/
}
.GridHeader th
{
    font-size: .9em;
    border: solid 1px #fff;
    padding:5px;
    background-color: #4682B4;
}
.GridHeader a:Visited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.GridHeader a:Link
{
    text-decoration: underline;
    color: #FFFFFF;
    text-align: center;
}
.GridHeader a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.GridItem, .GridAltItem
{
    /*font-family:Verdana;
    font-size:.7em;*/
}
.GridItem td
{
    /*background-color: #f0f0f0;*/
    background-color: #EEE8AF;
    font-family:Verdana;
    font-size:.8em;
}

.GridAltItem td
{
    /*background-color: #e8e8e8;*/
    background-color: #FAFAD2;
    font-family:Verdana;
    font-size:.8em;
}
.GridFooter
{
    font-weight: bold;
	padding: 1px 1px 1px 1px;
	font-size:.8em;
}
.gv_paginator span {
background-color:#4682B4;
color:#FFFFFF;
font-weight:bold;
margin:0 4px;
padding:2px 4px;
}


