* {
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	*/
  font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
	font-size:13px;
	color:#666;
}

body {
	background: #FBFBFB;
	margin:0;
	padding:0;

}
a {
	color: #4398D7;
}
a:hover {
	color: #E46709;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border:0;
}

#mainTable {
	width:900px;
	height:900px;
	background: #FFF;
	margin:0 auto 0 auto;
}
#mainTable .leftBorder {
	background:	transparent url(../img/leftBorder.gif) repeat-y scroll 0 0;
	width:15px;
}
#mainTable .rightBorder {
	background:	transparent url(../img/rightBorder.gif) repeat-y scroll 0 0;
	width:15px;
}
#mainTable #mainBody {
	vertical-align: top;
}
#mainTable #mainBody #footer {
	height: 60px;
	border-top: 1px solid #CCC;
	text-align: center;
	font-size:8pt;
}
#mainTable #mainBody #header {
	height: 90px;
	background: #FFF;
}

#mainTable #mainBody #header .areasBar {
	border-right: 1px solid #202458;
	border-left: 1px solid #202458;
	border-collapse: collapse;
}
#mainTable #mainBody #header .areasBar .areaButton a {
	color: #202458;	
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}
#mainTable #mainBody #header .areasBar .areaButtonSel a {
	color: #EFEFEF;	
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}
#mainTable #mainBody #header .areasBar .areaButtonOver a {
	color: #FFF;	
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}
#mainTable #mainBody #header .areaButton {	
	background: url(../img/header_button.gif) repeat-x;
	height: 24px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #202458;
	width: 120px;
	cursor: pointer;
	text-align: center;
}
#mainTable #mainBody #header .areaButtonOver {
	background:  url(../img/header_button_over.gif) repeat-x;
	height: 24px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #202458;
	width: 120px;
	cursor: pointer;
	text-align: center;
}
#mainTable #mainBody #header .areaButtonSel {
	background:  url(../img/header_button_sel.gif) repeat-x;
	height: 24px;
	padding: 0px 0px 0px 2px;
	border-right: 1px solid #202458;
	border-left: 1px solid #202458;
	border-top: 1px solid #202458;
	width: 120px;
	cursor: pointer;
	text-align: center;
}
#mainTable #mainBody #header .areaButtonLast {
	background: url(../img/header_button.gif) repeat-x;
	height: 24px;
	padding: 0px 0px 0px 2px;	
	/*border-top: 1px solid #202458;*/
	border: 1px solid #202458;
	width: 120px;
}
#mainTable #mainBody #header .contextualBar {
	background: url(../img/header_bk.gif) repeat-x;
	border-bottom: 1px solid #202458;
	border-top: 1px solid #202458;
	height: 24px;
}
#mainTable #mainBody #header .contextualBarSel {
	background: url(../img/header_bk.gif) repeat-x;
	border-bottom: 1px solid #202458;
	height: 24px;
}

#section {
	width:100%;
	height:100%;
}
#section #left {
	border-right:1px solid #CCC;
	width:160px;
	padding:3px;
	vertical-align: top;
}
#section #main {
	padding:3px;
	vertical-align: top;
}
#section #main * {
	line-height: 14pt;
}
#section #main h1 {
	font-weight:bold;
	font-size:21px;
	text-align:left;
	padding:10px;
  padding:0;
  margin: 10px 0;
	color:#4398D7;
	text-transform: uppercase;
  text-shadow: 1px 1px 1px #164769
}
#section #main p {
	margin:0 0 10px 0;
	padding:0;
}
#section #main h2 {
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding:5px 0 0 0;
	color:#E46709;
	margin:10px 0 0 0;
}
#section #main .datareport td {
  padding:3px 3px 3px 0;
}
#spotboxes {
	padding:0; margin:0px 5px 0 0; 
	list-style:none;
}
#spotboxes li {
	border-bottom:1px dotted #CCC;
	padding:10px 2px 10px 2px;
	line-height:14pt;
}

#spotboxes li img {
	border:0;
	margin:3px 0 3px 0;
}
#spotboxes li a {
	text-decoration: none;
	font-size:13px;
}

#menubar {
	list-style: none;
	padding:0;
	margin:0;
}
#menubar li {
	border-bottom:1px dotted #CCC;
	padding:10px 2px 10px 16px;
	line-height:12pt;
	background: url(../img/menubarItem.gif) no-repeat 0px 12px
}
#menubar li.sel {
	background: url(../img/menubarItem_sel.gif) no-repeat 0px 12px
}
#menubar li a {
	text-decoration: none;
    font-size:14px;
}
#menubar li a.sel {
	font-weight: bold;
}
#cart ul {
	padding:0;
	margin:0;
	list-style: none;
}
#cart #formfields {
	margin-top:10px;
}
#cart #formfields li {
	padding:2px;
	margin-bottom:3px;
}
#cart #formfields li label{
	width:130px;
	float:left;
	margin-right:8px;
	text-align:right;

}
#msgsended {
  font-weight: bold;
  background:#EFEFEF;
  padding:5px;
  border:1px solid #d5d5d5;
}
#msgerrorsend {
  font-weight: bold;
  background:#EFEFEF;
  padding:5px;
  border:1px solid #F60;
}
.required {
  border:1px solid #F60!important;
  background: #ffccaa;
}
.textBox {
	height: 20px;	
	width:250px;
  border:1px solid #CCC;
}
div#pricelist table {
	margin-top:10px;	
	width:100%;
}
div#pricelist table th {
	text-align: left;
	padding:3px;
	color:#666;
}
div#pricelist table td {	
	text-align: right;
	padding:3px;
}
div#pricelist table th, #pricelist table td {
	border-bottom:1px solid #CCC;
}
div#pricelist p {
	margin:10px 0 10px 0!important;
}
div#pricelist p.info {
	border:1px dotted #E46709;
	padding:5px!important;
	line-height:18pt!important;
}

div#pricelist p.infostar {
	border:1px dotted #E46709;
	font-size:11px;
	padding:5px!important;
	line-height:13pt!important;
}
#screenshots ul {
	list-style: none;
  padding:0;
}
#screenshots ul li {
	list-style: none;
  float:left;
  padding:10px 5px;
	border-bottom:1px solid #EEE;
}
#screenshots ul li div.image {
  	height: 100px;
  	overflow: hidden;
}
