﻿/* HEADINGS */
h1 {color:#666666}
h2 {color:#666666}
h3 {color:#666666}
h4 {color:#666666}
h5 {color:#666666}
h6 {color:#666666}

/*  Ordered List */
ol { margin-bottom: 6pt; font-size: medium}
ol li {list-style-type: decimal; list-style-position: inside;}
ol ol {}
ol ol li {list-style:lower-alpha inside none;}
	ol ol ol {}
	ol ol ol li {list-style:circle inside none}
		ol ol ol ol {}
		ol ol ol ol li {list-style:square inside none}


/* Main settings */
body {
	background-position: 0px 0px;
	background: url('images_/bg-blue-blk-blur.jpg') 0px 0px repeat-x;
	font-family: arial,helvetica,sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	overflow: overflow-x: hidden;
	width: 965px;
}

/* Header section */
#main {
	border: thin #FFFFFF none;
	width: 761px;
	margin: 0px auto;
	font-size: medium;
}


/* Top menu 
#main #top {
	background-position: 120px 35px;
	background: url('images_/logos/DoubleImageTop.png') no-repeat 120px 35px;
	height: 108px;
	width: 740px;
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px 20px 0px 0px;
	margin-bottom: 60px;
}
*/
#main #top {
	background-position: 120px 35px;
	background: url('images_/logos/DoubleImageTop.png') no-repeat 120px 35px;
	height: 84px;
	width: 740px;
	text-align: right;
	font-size: 12px;
	color: #FF0000;
	padding: 30px 20px 0px 0px;
	margin-bottom: 54px;
}
#main #top ul {margin:0px; padding:0px; list-style:none;}
#main #top li {margin:0px; padding:0px; display:inline;}
#main #top li a {color:#7D7D7D; text-decoration:none; background:transparent url("images_/arrow-gray.gif") 6px 5px no-repeat; padding:0px 15px;}
#main #top li a:hover {color:#BA0D17; text-decoration:underline; background:transparent url("images_/arrow-gray.gif") 6px 5px no-repeat; padding:0px 15px;}
#main #top p.whatwedo {background: 140px 45px; text-align: right; font-size: 11pt; color: #444444;}


/* Title */
#main #title {
	border: medium outset #CCCCCC;
	font-size: large;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	height: 40px;
	width: 752px;
	padding-top: 20px;
	background-color: #0101FF;
	white-space: normal;
	vertical-align: middle;
	background-repeat: no-repeat;
}
#main #title #firstTitle {
	width: 214px;
	border-right: #F4F4F4 2px solid;
	float: left;
	padding: 0px 20px 0px 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
	color: #ffffff;
	border-right-width: 1px;
}
#main #title #firstTitle span {
	font-size: small;
	text-align: center;
	color: #ffffff;
}

/* Horizontal Navigation */
#main #mainMenu {width: 760px; height: 82px; text-align: right;}
#main #mainMenu ul {margin:0px; padding:0px; list-style:none; float:right;}
#main #mainMenu ul li {margin: 0px; padding: 0px; float: left;}
#main #mainMenu ul li a {font-size: 14px; color:#F5F5F5; font-weight: bold; text-decoration: none; text-align: center; background: transparent url("images_/bg-tab.jpg") no-repeat; width: 140px; height: 27px; display: block; line-height: 27px; overflow: hidden; text-transform: capitalize; cursor: pointer;}
#main #mainMenu ul li a:hover { background: transparent url("images_/bg-tab-over.jpg") no-repeat;   text-transform: capitalize;}
#main #mainMenu .sub-menu {padding:15px 0px 15px 0px; width:760px; position: absolute; top:20px; left:0px; text-align:center !important; color:#F5F5F5 }
#main #mainMenu .sub-menu ul {margin:0px; padding:0px; list-style:none; float:none !important;}
#main #mainMenu .sub-menu li {margin:0px; padding:0px;    display:inline; float:none !important;}
#main #mainMenu .sub-menu a {background:none !important; font-weight:normal !important; width:auto !important; height:auto !important; display:inline !important; text-transform:capitalize !important; padding:0px 20px 0px 20px;}
#main #mainMenu .sub-menu a:hover{text-decoration:underline;}
#main #mainMenu .sub-menu {display: none;}
#main #mainMenu .active_over .sub-menu {display: block;}

/* Header image */

#main #header  {background-image: url("images_/2drive.jpg");height: 150px;width: 760px;}


/* Body content  -- #main #mainBlog */
#main #mainBlog {width: 758px; padding: 10px 0px 0px 0px; border: #C7C7C7 1px solid; border-width: 0px 1px 1px 1px;}

/*   #main #mainBlog #left   */
#main #mainBlog #left {
	width: 214px;
	border-right: #C7C7C7 2px solid;
	float: left;
	padding: 0px 20px 0px 20px;
	border-right-width: 1px;
	border-right-color: #f2f2f2;
	border-right-style: none;
}
#main #mainBlog #left a {   font-family: arial, helvetica, sans-serif;  color: #FFFFFF; text-decoration: none;}
#main #mainBlog #left a:hover {text-decoration:none;}
#main #mainBlog #left a.more {color:#BA0D17; text-decoration:underline; font-size:12px; font-weight:bold; 
							  background:transparent url("images_/arrow-gray.gif") 6px 5px no-repeat; padding:0px 0px 15px 15px; display:block;}
#main #mainBlog #left a.more:hover {text-decoration:none;}
#main #mainBlog #left img.securelock {border-width: 0px; margin: 0px 0px 0px 10px; }


/* ----------------------------------- */
/* Navigation RED - Vertical #ED9F9F   */
/* ----------------------------------- */
#main #mainBlog #left #nav_red_vertical    			{	display: block; width: 210px; vertical-align: baseline;}
#main #mainBlog #left #nav_red_vertical ul 			{	display: block; list-style: none; margin: 0; padding: 0;}
#main #mainBlog #left #nav_red_vertical li 			{
	display: block;
	border-top: 1px #ED9F9F solid;
	border-top-color: #000000;
}
#main #mainBlog #left #nav_red_vertical li.nolink  	{
	width: 190px;
	padding: 10px 3px 10px 5px;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #01009A;
	color: #FFFFFF;
	font-size: small;
	border-right-color: #8888E8;
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 12px;
	border-top-color: #808080;
}
												 		
#main #mainBlog #left #nav_red_vertical li a:visited { 	padding: 1px 3px 1px 5px;
														border-left: 12px solid #711515; border-right: 1px solid #711515;
													  	background-color: #CC0000; color: #FFFFFF;}
													   		
#main #mainBlog #left #nav_red_vertical li a:link  	{
	display: block;
	padding: 1px 3px 1px 5px;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #0101FF;
	color: #FFFFFF;
	border-left-color: #C0C0C0;
	border-right-style: none;
	border-left-style: solid;
	border-right-color: #213D9A;
	border-left-width: 12px;
}
#main #mainBlog #left #nav_red_vertical li a:hover 			{
	background-color: #191834;
	color: #FFFFFF;
}
#main #mainBlog #left #nav_red_vertical ul ul      			{	margin-left: 0px;}
#main #mainBlog #left #nav_red_vertical ul ul li      		{
	border-bottom: 1px solid #711515;
	margin: 0;
	border-bottom-color: #333333;
}
#main #mainBlog #left #nav_red_vertical ul ul a:visited 	{
	background-color: #0101FF;
	color: #FFFFFF;
}
#main #mainBlog #left #nav_red_vertical ul ul a:link 		{
	background-color: #213D9A;
	color: #FFFFFF;
}
#main #mainBlog #left #nav_red_vertical ul ul a:hover 		{
	background-color: #F10000;
	color: #FFFFFF;
}

#main #mainBlog #left #nonav {
	border: 1px none #888888;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
#main #mainBlog #left #nonav ul {margin: 6px 6px 6px 6px; list-style-image: url('images_/arrow-gray.gif'); font-size: 10pt; color:#444444;  font-weight:bold; float: left;}
#main #mainBlog #left #nonav ul li {
	font-weight: normal;
	margin: 6px 0px 6px 6px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
}
/* IE6 */
#main #mainBlog #left * html #nonav ul li {font-weight:normal; margin: 6px 0px 0px 6px;}
#main #mainBlog #left #nonav ul ul {border-color: #0000000;}
#main #mainBlog #left #nonav ul ul li {}

#main #mainBlog #left p {
	font-size: small;
	color: #000000;
	clear: left;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#main #mainBlog #left span {
	font-size: small;
	color: #090909;
	font-weight: normal;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#main #mainBlog #left .greybold12pt {color: #757575; font-weight: bold;}
#main #mainBlog #left .greysmallcenter {font-size:small; color: #757575; font-weight: bold; text-align:center}



/*   #main #mainBlog #right   */
#main #mainBlog #right {
	width: 460px;
	float: left;
	color: #333333;
	padding-left: 20px;
	font-size: medium;
}
#main #mainBlog #right a {background-attachment: scroll; background-repeat: repeat;
	text-align: right;
}
#main #mainBlog #right a.download{color: #3333FF; text-decoration: none; font-size: 14px; 
							  background: transparent url("images_/arrow-gray.gif") 6px 5px no-repeat; padding: 0px 0px 0px 15px;}
#main #mainBlog #right a.download:hover {text-decoration:underline;}
#main #mainBlog #right a.more    {
	background-position: 2px 2px;
	color: #BA0D17;
	text-decoration: none;
	font-size: medium;
	background: transparent url("images_/arrow-gray.gif") 6px 5px no-repeat;
	padding: 0px 0px 0px 16px;
	font-weight: normal;
}
#main #mainBlog #right a.morelink     {
	color: #BA0D17;
	text-decoration: none;
	font-size: small;
	background: transparent url("images_/arrow-gray.gif") no-repeat 6px 5px;
	padding-left: 20px;
	text-align: right;
	vertical-align: middle;
	line-height: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}
#main #mainBlog #right a.morelink:hover {text-decoration: underline;}
#main #mainBlog #right a.purchaselink {
	background-position: left top;
	color: #BA0D17;
	text-decoration: none;
	font-size: medium;
	background: transparent url('images_/extras/secure.gif') no-repeat 6px 5px;
	padding-left: 20px;
	margin-bottom: 8pt;/*white-space: nowrap;*/;
	line-height: 30px;
	padding-bottom: 10px;
	position: relative;
	font-weight: normal;
}
#main #mainBlog #right a.purchaselink:hover {text-decoration: underline;}
#main #mainBlog #right .boxMore     {text-align: right; height: 20px; padding: 0px 0px 20px 0px;}
#main #mainBlog #right .boxPurchase {text-align: right; height: 20px; padding: 0px 0px 20px 0px; background-image: url('images_/extras/secure.gif'); background-repeat: no-repeat;}
#main #mainBlog #right .boxMoreLeft {text-align: left; height: 20px; padding: 0px; margin-top: 30pt;}
#main #mainBlog #right .boxDownload {text-align:right; height:20px; padding:0px 0px 20px 0px;}

#main #mainBlog #right img {float:none; margin: 10px 20px 10px 20px; }
#main #mainBlog #right img.noborder {border-style:none; border-color:white; border-width: 0px; margin: 0px 0px 0px 10px;}
// ??    -size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; text-align: center;}
#main #mainBlog #right p.arrow-gray {list-style-image: url('images_/arrow-gray.gif');}
#main #mainBlog #right p.blue {font-size: medium; font-weight: normal; color: blue;}
#main #mainBlog #right p.center {font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; text-align: center;}
#main #mainBlog #right p.arrow-gray {list-style-image: url('images_/arrow-gray.gif');}
#main #mainBlog #right p.blue {font-size: medium; font-weight: normal; color: blue;}
#main #mainBlog #right p.blueboldmedium {font-size: medium; text-align: center; color: #3333FF; margin-bottom: 6px; margin-top: 8px; font-weight: bold;}
#main #mainBlog #right .greybold10pt {font-size: 10pt; font-weight:bold; color:#666666;}
#main #mainBlog #right .greybold12pt {
	font-size: medium;
	font-weight: normal;
	color: #444444;
	text-transform: none;
}
#main #mainBlog #right span {font-size: medium; color: #000000;}
#main #mainBlog #right span.black12 {font-size: medium; color: #000000; font-weight: normal;}
#main #mainBlog #right span.blackbold {font-size: small;    color: #000000; margin-bottom: 6px;}
#main #mainBlog #right span.blue     {font-size:medium; font-weight:normal; color:blue;}
#main #mainBlog #right span.bluebold {
font-size: medium;
font-weight: normal;
color: blue;
margin-bottom: 6px;
}

#main #mainBlog #right span.computer {font-size: medium; color: #000000; margin-bottom: 6px; font-family: "Courier New", Courier, monospace;}

#main #mainBlog #right span.price {font-size: 9pt; color: #444444;  margin-left: 5px; margin-right: 5px; font-weight: normal;
background-position: relative;
}
#main #mainBlog #right span.proddesc {
	text-align: left;
	color: #333333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
#main #mainBlog #right td.borderTopBottom1px { border-width: 1px; border-color: #C0C0C0; padding: 1px 1px 1px 1px; font-size: 14px;
border-bottom:thin;border-top:thin;border-right:thin; background-color: #F2F2F2; width: 1px;
}
#main #mainBlog #right td.borderTopRightBottom1px {
 text-align: left; border-width: 1px; border-color: #C0C0C0; padding: 4px; font-size: 14px; color: #000000;
 border-bottom:thin;border-top:thin;border-right:thin; background-color: #F2F2F2;
}
 
#main #mainBlog #right td.borderLeftTopBottom1px { text-align: center; border-width: 1px; border-color: #C0C0C0; padding: 4px; font-size: 14px;
border-bottom:thin;border-top:thin;border-right:thin; background-color: #F2F2F2; font-weight: bolder;}

#main #mainBlog #right ul    {margin-bottom:4pt; list-style-image : url('images_/arrow-gray.gif'); font-size: medium;}
#main #mainBlog #right ul li {
	margin-bottom: 4pt;
}
#main #mainBlog #right ul ul {margin-top:4pt;}
#main #mainBlog #right ul ul li {margin-bottom:0pt;}
	#main #mainBlog #right ul ul ul {}
	#main #mainBlog #right ul ul ul li {margin-top:0pt; margin-bottom:0pt;}
		#main #mainBlog #right ul ul ul ul {}
		#main #mainBlog #right ul ul ul ul li {}


#theFormDiv {
display: none;
position: absolute;
top: 4em;
left: 4em;
background-color: #F4F4F4;
border: 1px solid #000;
padding: 1em;
margin: 3em;
width: 20em;
}
hr  {
color: #CCCCCC;
line-height: 2px;
width: 65%;
text-align: center;
}


/* Copyright Footer */
#main #copy {
	border-top: medium #000080 solid;
	border-width: 1px 0px 0px 0px;
	height: auto;
	width: 758px;
	text-align: center;
	font-size: small;
	color: #000000;
	background-color: #FFFFFF;
	padding: 8px 0px 8px 0px;
	clear: both;
}

/* CLASSES */
.computer {font-family: "Courier New", Courier, monospace; margin-left: 40px;}
.grayH4 {color:gray; font-size: medium; font-weight: bold;}
.indentlightgrey {
	background-color: #213D9A;
	border-color: #FFFFFF #E2E2E2 #FFFFCC #FFFFFF;
	border-width: thin;
	border-style: outset;
	padding: 4px 4px 4px 4px;
	margin-right: 60px;
	margin-left: 60px;
	color: #FFFFFF;
}
.italic {font-style: italic;}
.nocss {  display:none;}
.quotetext {font-style: italic; font-size: small; font-family: verdana,helvetica,sans-serif; margin: 5px; font-weight: normal;}






/* Navigation RED - Horizontal */
#nav_red_horizontal {font-family: verdana,helvetica,sans-serif; vertical-align: middle; width: auto; position: relative; z-index: inherit;}
#nav_red_horizontal ul {list-style: none; margin: auto; padding: 0;}
#nav_red_horizontal li {display: inline;}
#nav_red_horizontal li a:visited {padding: 1px 3px 1px 5px; border-left: 6px solid #711515; border-right: 1px solid #711515; background-color: #CC0000; color: #FFFFFF; text-decoration: none;}
#nav_red_horizontal li a:link {padding: 1px 3px 1px 5px; border-left: 6px solid #711515; border-right: 1px solid #711515; background-color: #CC0000; color: #FFFFFF; text-decoration: none;}
#nav_red_horizontal li a:hover                                 {padding: 1px 3px 1px 5px; border-left: 6px solid #711515; border-right: 1px solid #711515; background-color: #721515; color: #FFFFFF; text-decoration: none;}

/* Navigation blue - Horizontal */
#nav_blue_horizontal {font-family: verdana,helvetica,sans-serif; vertical-align: middle; width: auto; position: relative; z-index: inherit;}
#nav_blue_horizontal ul {list-style: none; margin:auto 0; padding: 0;}
#nav_blue_horizontal li {display: inline;}
#nav_blue_horizontal li a:visited {padding: 1px 3px 1px 5px; border-left: 6px solid #080889; border-right: 1px solid #711515; background-color: #1010FF; color: #FFFFFF; text-decoration: none;}
#nav_blue_horizontal li a:link {padding: 1px 3px 1px 5px; border-left: 6px solid #080889; border-right: 1px solid #711515; background-color: #1010FF; color: #FFFFFF; text-decoration: none;}
#nav_blue_horizontal li a:hover                                  {padding: 1px 3px 1px 5px; border-left: 6px solid #080889; border-right: 1px solid #711515; background-color: #0000B0; color: #FFFFFF; text-decoration: none;}

