/**********   LAYOUT   **********/

html, body {
	height: 100%;
}

body {
	background-image: url('images/page_bg.gif');
	background-repeat: repeat-x;
	background-color: #cccccc;
	color: #555555;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0
}

#holderWrapper {
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	background-color: #ffffff;
}

#holder {
	float: left;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 0 20px;
}

#top, #header, #headerTopBar, #topMenu, #topMenuColorBar, #topMenuColorBar2,
#homeFlash, #newsBar, #content, #main {
	width: 100%;
	min-width: 100%;
}

#top {
	padding: 0 0 0 0;
	min-height: 100%;
}

#header {
	clear: both;
	height: 134px;
	width: 920px;/* safari hack */
	background-image: url('images/header_bg.gif');
}

#headerTopBar {
	float: left;
	height: 75px;
}

#logo {
	float: left;
	width: 210px;
	height: 31px;
	background-image: url('images/logo.gif');
	cursor: pointer;
	margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0
}

#quickSearch {
	float: right;
	width: 250px;
	margin-top: 20px;
}

#quickSearch * {
	margin-bottom: 0;
}

#topMenu {
	clear: both;
	float: left;
	height: 27px;
}

#topMenuColorBar {
	clear: both;
	float: left;
	height: 8px;
	line-height: 8px;
	background-color: #234082;
}

#topMenuColorBar2 {
	clear: both;
	float: left;
	margin-top: 1px;
	height: 23px;
	color: #FFFFFF;
}

#topMenuColorBar2 a {
	color: #FFFFFF;
	font-size: 11px;
	/*margin: 0 1px;*/
	line-height: 22px;
}

#topMenuColorBar2 a.first {
	margin-left: 13px;
}

#topMenuColorBar2 .right a {
	margin: 0 20px 0 0;
}

#homeFlash {
	clear: both;
	float: left;
	height: 215px;
	margin-top: 1px;
	/*background-image: url(/images/pic/home_flash_dummy.jpg);*/
}

#newsBar {
	clear: both;
	float: left;
	color: #DDDDDD;
	background-color: #888888;
	margin-top: 1px;
}

#content {
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}

#left {
	float: left;
	width: 220px;
	padding: 0 20px 20px 0;
	border-right: 1px solid #DDDDDD;
}

#right {
	float: right;
	width: 220px;
	padding: 0 0 20px 20px;
	border-left: 1px solid #DDDDDD;
}

#wrapper {
}

#main {
	float: left;
}

#bottom {
	clear: both;
	width: 960px;
	height: 45px;
	position: relative;
	margin: -57px auto 0 auto;
	background-color: #FFFFFF;
}

#footer {
	padding: 15px 20px 0 20px;
}

#footer p {
	float: left;
	color: #999999;
}

#footerMenu {
	float: right;
	color: #234082; 
}

.clear {
	clear: both;
	overflow: hidden;
}

.right {
	float: right;
}

.left {
	float: left;
}

.popDiv {
	position: absolute;
	width: 218px;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #227CA2;
	padding: 2px;
	z-index: 100;
}

.popDiv .header {
	padding: 2px 20px 2px 5px;
	background-color: #E3F1F7;
	color: #227CA2;
	font-size: 12px;
	font-weight: bold;
}

.popDiv .closer {
	float: right;
	padding: 1px 6px 3px 8px;
	cursor: pointer;
	background-color: #227CA2;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.popDiv .content {
	padding: 5px;
}

.windowCloser {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #EEEEEE url('images/close.gif') no-repeat 5px 5px;
	cursor:pointer; background-color:#EEEEEE
}

.gsc-ad-box {
	display: none;
}

/**********   TEXT   **********/

h1, h2, h3, legend	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h1 {
	clear: both;
	color: #373737;
	font-size: 22px;
	line-height: 1.2em;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

h2 {
	clear: both;
	color: #373737;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 20px 0 10px 0;
}

h3 {
	clear: both;
	color: #373737;
	font-size: 14px;
	line-height: 1.2em;
	margin: 20px 0 0 0;
}

p {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

code {
	color: #990000;
}

pre {
	color: #373737;
	background-color: #EEEEEE;
}

p strong, li strong, td strong, th strong, code strong, pre strong {
	color: #373737;
}

#left p, #right p, #left li, #right li {
	font-size: 11px;
}

.customList, .customListSign, ol {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-position: inside;
}

.customList {
	list-style-type: square;
	list-style-image: url('images/bullet.gif');
}

.customListSign {
	list-style-type: square;
	list-style-image: url('images/bullet_sign.gif');
}

.customList li, .customListSign li, ol li {
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}

ul.narrow, ul.narrow li, ul.narrow li ul {
	list-style-position: inside;
}

ul.narrow {
	margin: 0 0 20px 0;
	padding: 0;
}

ul.narrow li, ul.narrow li ul {
	margin: 0;
	padding: 0;
}

ul.narrow li ul li{
	list-style: circle inside;
	margin-left: 15px;
	padding: 0;
}

ul.narrow li.subChilds {
	list-style: disc inside;
	margin-left: 30px;
	padding: 0;
}

.small {
	font-size: 11px;
	color: #707070;
}

.strikeout {
	color: #999999;
	text-decoration: line-through;
}

.hsep {
	height: 0;
	line-height: 0;
	margin: 20px 0 20px 0;
	border-top: 1px solid #DDDDDD;
}

.hsepDot {
	clear: both;
	/*width: 100%;*/
	height: 0;
	line-height: 0;
	margin: 20px 0 20px 0;
	border-top: 1px dotted #DDDDDD;
}

.vsep {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #DDDDDD;
}

.nestedSep {
	float: right;
	border-right: 1px solid #EEEEEE;
	margin-right: 20px;
}

.headBar {
	background-color: #EEEEEE;
	color: #373737;
	padding: 1px 0;
	margin-top: 30px;
	font-weight: bold;
}

.clear {
	clear: both;
}

.dataRow {
	float: left;
	margin-bottom: 20px;
}

.dataRow .image {
	float: left;
	border: 1px solid #EEEEEE;
	width: 180px;
	text-align: center;
	padding: 10px 0;
	margin-right: 20px;
}

.dataRow .image img {
	margin: 0;
	padding: 0;
}

.dataRow .desc {
	float: left;
	width: 450px;
}
	
.dataRow .action {
	clear: both;
	float: left;
	width: auto;
}

/**********   LINKS    **********/

a:link, a:visited, a:active 
{
    border: none;
	text-decoration: none;
	color: #18517C;	
}

a:hover	{
	text-decoration: underline;
	color: #18517C;
	border: none;
}

#main a:link, #main a:visited, #main a:hover {
	/*color: #003399;*/
}

h3 a:link, h3 a:visited, h3 a:hover, .structureLinks a:link, .structureLinks a:visited, .structureLinks a:hover,
a.structureLink:link, a.structureLink:visited, a.structureLink:hover {
	background: url('images/h3_link_bg.gif') no-repeat 0 1px;
	padding-left: 12px;
	font-size: 14px;
	font-weight: bold;
	width: 100%
}

/*.structureLinks {
	margin-bottom: 20px;
}*/

.structureLinks, .structureLinks a, .structureLinks p, a.structureLink {
	clear: both;
	float: left;
}

.structureLinks p {
	width: 100%;
}

#left a:link, #left a:visited, #left a:active {
	color: #18517C;
}

#footerMenu a:link, #footerMenu a:visited, #footerMenu a:active {
	color: #18517C;
}

#sideMenu .header {
	color: #373737;
	font-weight: bold;
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #373737;
}

#sideMenu a:link, #sideMenu a:visited, #sideMenu a:active {
	display: block;
	padding: 3px 10px;
	border-bottom: 1px solid #EEEEEE;
	text-decoration: none;
}

#sideMenu a:hover {
	background-color: #EEEEEE;
}

#sideMenu .selected:link, #sideMenu .selected:visited, #sideMenu .selected:hover, #sideMenu .selected:active {
	color: #999999;
	background-color: #EEEEEE;
	cursor: default;
}

#sideMenu .header a:link, #sideMenu .header a:visited, #sideMenu .header a:hover {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	/*color: #373737;*/
}

.navHolder {
	float:right;
}

.navInfo {
	float: left;
	padding-top: 1px;
	font-size: 11px;
}

.navHolder a, .navHolder strong {
	float: left;
	display: block;
	margin-left: 2px;
	padding: 0 8px;
	font-size: 11px;
}

.navHolder a:link, .navHolder a:visited, .navHolder a:active {
	color: #18517C;
	text-decoration: none;
}

.navHolder a:hover {
	background-color: #18517C;
	color: #FFFFFF;
}

.navHolder .nav {
	font-size:16px;
}

.submenuChilds {
	font-size: 12px;
	line-height: 15px;
	padding-left: 20px;
	padding-right: 8px;
}

.submenu {
	font-size: 12px;
	line-height: 15px;
	padding-left: 8px;
	padding-right: 8px;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11, #menu12, #menu14, #menu15 {
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
}

/**********   FORMS    **********/

form {
	margin: 0 0 0 0;
}

form .section, .section {
	background-color: #EEEEEE;
	font-weight: bold;
	color: #373737;
	margin-bottom: 10px;
	padding: 3px 0 3px 0;
}

form .comment {
	font-weight: normal;
	color: #777777;
	font-style: italic;
}

.formRow {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}

.formRow * {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form label, label {
	float: left;
	width: 220px;
	text-align: right;
	margin: 4px 10px 0 0;
	color: #373737;
	font-weight: normal;
	/*font-weight: bold;*/
}

.error {
	clear: both;
	width: 100%;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	margin: 0 0 0 230px;
}

.error, .ferror, .required {
	color: #CC0000;
}

.nobr, .printbr {
	display: none;
}

form .display {
	float: left;
	width: 255px;
}

input, textarea, select {
	float: left;
	width: 247px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 4px 0;
	color: #555555;
	background-color: #F2F2F2;
}

input, textarea {
	padding-left: 3px;
}

select {
	width: 255px;
}

optgroup {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-style: normal;
	font-weight: bold;
	color: #373737;
	background-color: #EEEEEE;
}

optgroup option {
	margin-left: -10px;
	color: #555555;
}

.rsRow {
	float: left;
	margin: 4px 0;
}

.rsRow label {
	float: left;
	width: auto;
	font-weight: normal;
	margin: 0 20px 4px 0;
	font-size: 11px;
}

.rsRow input, .rs {
	float: left;
	width: 13px;
	height: 13px;
	margin: 4px 5px 4px 0;
	padding: 0;
	background-color: transparent;
}

.rnobr {
	clear: both;
	display: none;
}

.snobr {
	clear: both;
}

.buttHolder {
	float: left;
	width: 254px;
	padding: 0;
}

.butt, .cancel, .buttHover, .cancelHover {
	float: right;
	overflow: visible;
	height: 20px;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #DDDDDD;
	border: 0 none;
	background-image: url('images/butt_bg.gif');
	background-position:  right 50%;; padding-left:10px; padding-right:20px; padding-top:0; padding-bottom:2px
}

.cancel, .cancelHover {
	background-position: left;
	padding: 0 10px 2px 10px;
}

.buttHover, .cancelHover {
	color: #FFFFFF;
	background-image: url('images/butt_bg2.gif');
}

.display {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}

.focus, .focus option {
	color: #000000;
	background-color: #FFFFFF;
}

form .note, .note {
	clear: both;
	float: left;
	width: 247px;
	font-size: 11px;
	text-align: left;
	margin-left: 230px;
	margin-bottom: 4px;
	color: #999999;
	display: inline;
}

/**********   MODAL    **********/

#modalBlocker {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: .80;
}

#modalBox {
	display: none;
	position: fixed;
	background-color: #fff;
	float: left;
	width: 440px;
	top: 40%;
	left: 50%;
	margin-left: -220px;
	z-index: 999;
	border: 1px solid #373737;
}	

#modalBox h2, #modalBox h3 {
	padding: 0 !important;
	margin: 0 0 10px 0;
	display: block;
}

#modalBoxInner {
	float: left;
	display: inline;
	width: 410px;
	border: solid #EEEEEE;
	border-width: 26px 5px 5px 5px;
	padding: 10px;
}

#modalBoxInner .butt {
	margin: 0;
}

#modalBoxInner #offsiteUrl {
	overflow: hidden;
}

/**********   TABS    **********/

.tabs {
	clear: both;
	float: left;
	width: 100%;
	background-image: url('images/bg_cccccc.gif');
	background-repeat: repeat-x; background-position-y:50%
}

.tabs div {
	float: left;
	padding: 1px 10px;
	margin: 0 5px 0 0;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	background-color: #EEEEEE;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.tabs .selected {
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #373737;
	cursor: default;
}

/**********   TABLES    **********/

.dataTable {
	background-color: #EEEEEE;
}

.dataTable tr, .productTable tr {
	vertical-align: top;
	background-color: #FFFFFF;
}

.dataTable th {
	background-color: #999999;
	color: #FFFFFF;
}

.dataTable th a:link, .dataTable th a:visited, .dataTable th a:hover, .dataTable th a:active {
	color: #FFFFFF;
}

.smallHeader th {
	background-color: #CCCCCC;
	color: #373737;
	font-weight: normal;
}

.smallHeader th a:link, .smallHeader th a:visited, .smallHeader th a:hover, .smallHeader th a:active {
	color: #FFFFFF;
}

.dataTable ul {
	margin: 10px 0;
	padding: 0;
	list-style-position: inside;
}

.dataTable ul li {
	padding: 0 0 5px 0;
	margin: 0;
}

.dataTable strong {
	color: #373737;
}

.productTable {
	background-color: #CCCCCC;
}

.productTable th {
	background-color: #EEEEEE;
	color: #373737;
	font-weight: normal;
	text-align: left;
}

.softwareTable {
	background-color: #EEEEEE;
}

.softwareTable th, .softwareTable td {
	padding: 2px 5px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #EEEEEE;
	text-align: center;
}

.softwareTable tr {
	background-color: #FFFFFF;
}

.softwareTable th {
	color: #FFFFFF;
	background-color: #86A8CD;
	border-color: #777777;
	border-bottom: 0;
	vertical-align: bottom;
}

.softwareTable th .small {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -1px;
}

.softwareTable th.lastCell {
	border-right-color: #86A8CD;
}

.softwareTable .smallHeader th {
	color: #373737;
	background-color: #b2d0f1;
	border-color: #dddddd;
	width: 52px;
}

.softwareTable .break td {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AAAAAA;
	border-color: #AAAAAA;
	border-bottom: 0;
}

.softwareTable .blue td, .legend td.blue {
	background-color: #ddffff;
	border-color: #dddddd;
}

.softwareTable .green td, .softwareTable .greenLast td, .legend td.green {
	background-color: #ddffdd;
	border-color: #dddddd;
}

.softwareTable .last td, .softwareTable .greenLast td {
	border-bottom: 0;
}

.softwareTable .vsep, .softwareTable .smallHeader .vsep, .softwareTable .last .vsep, .softwareTable .blue .vsep, .softwareTable .green .vsep, .softwareTable .greenLast .vsep {
	border-right-color: #777777;
}

.legend td {
	padding-left: 10px;
	font-size: 11px;
}

.legend td.blue, .legend td.green {
	width: 40px;
	margin-right: 10px;
	border: 1px solid #999999;
}

/**********  DYNAMIC TABLES    **********/

.openerBar {
	color: #FFFFFF;
	background-color: #888888;
	font-weight: bold;
	cursor: pointer;
	margin-top: 1px;
}

.openerMark {
	float: left;
	margin: 5px 10px 0 0;
	width: 7px;
	height: 7px;
	line-height: 7px;
	color: #EEEEEE;
	border: 1px solid #AAAAAA;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.openerBar, .openerBody th, .openerBody td {
	padding: 2px 10px;
}

.openerBody table {
	border-right: 1px solid #CCCCCC;
}

.openerBody tr {
	background-color: #FFFFFF;
	vertical-align: top;
}

.openerBody th {
	font-weight: normal;
	text-align: left;
	color: #333333;
	background-color: #CCCCCC;
}

.openerBody td {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#email_gif {
	vertical-align: text-bottom;
}

.photos {
	margin-bottom: 10px;
}

.photos div {
	margin-left: 20px;
}

form #trigger_purchased_date {
	margin: 5px 0 0 5px;
}

.grad img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.box {
  float: left;
  margin: 1px;
  position: relative;
  padding: 5px;
  width:127px;
}
.box * {
  margin: 0px;
  position: relative;
  z-index: 1;
}
* html .grad {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='grad_white.png', sizingMethod='scale');
}
* html .grad img {
  display: none;
}
* html .box {
	position:static;
}
.gray { 
  background-color: #4F4F4F;
}
.blue { 
  background-color: #154775;  
}
.box2 {
  float: left;
  margin: 1px;
  position: relative;
  padding: 5px;
  width:410px;
}
.box2 * {
  margin: 0px;
  position: relative;
  z-index: 1;
}