@charset "UTF-8";
/* CSS Document created by Walter Matyas, theMMEdia.com, matyasmedia.com Jan 2009 */



body {color:#333; font:90% normal "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; text-align:center; margin:0; padding:0; background:#b7b7b0 url(images/bg_main.jpg) center top repeat-x}

.style #wrapper {width:989px; padding:0; margin:0 auto; background:transparent url(images/bg_mainWindow.jpg) repeat-y; text-align:left}

.style  #wrapper #content {background: transparent url(images/header.jpg) no-repeat 0 -2px}


/************** Left Column ***************/
.style  #wrapper #content #leftCol {
	float:left;
	width:225px;
	margin-top:30px
} 

.style  #wrapper #content #rightCol {
	margin:0 30px 0 240px;
	padding-top: 60px;
}

.style  #wrapper #content #leftCol img {border:none}

.style #wrapper #content #leftCol p {
	margin-right: 23px;
	margin-left: 20px;
	font-size: 90%;
	color: #888;
}
.style #wrapper #content #leftCol h1 {
	font-size: 100%;
	font-weight: bold;
	color: #920;
	margin-right: 20px;
	margin-left: 20px;
}

.style  #wrapper #content #leftCol #nav {background: #939389; margin:0; margin-bottom:10px; padding:0; font:normal 105%/.9em Helvetica, Arial, sans-serif; }
.style  #wrapper #content #leftCol #nav img {padding:0!important; border:0px!important}
.style  #wrapper #content #leftCol #nav  ul {margin:0; padding:0; list-style:none; text-transform:uppercase; border-right:1px solid #707065}
.style   #wrapper #content  #leftCol #nav  li a:link, .style  #wrapper #content  #leftCol #nav  li a:visited {display:block; color:#FFF; text-decoration:none; background:#939389; padding:5px 4px; padding-left:15px; border-bottom:1px solid #808075; text-shadow:0px 1px 3px #777}
.style  #wrapper #content  #leftCol #nav  li a:hover {color:#CF7; background:#707066}
.style  #wrapper #content  #leftCol #nav  li a:active {color:#ff7; padding-left:19px}

.style  #wrapper #content  #leftCol #nav .linkDistinct li  a:link, .style  #wrapper #content  #leftCol #nav .linkDistinct li  a:visited {border-bottom:1px solid #757570; background:#838378; color:#BBB}
.style  #wrapper #content  #leftCol #nav .linkDistinct li  a:hover {color:#EED; background:#808075}


.style  #wrapper #content #leftCol a:link, .style  #wrapper #content #leftCol a:visited {color:#700; text-decoration:none; padding: 1px 3px}
.style  #wrapper #content #leftCol a:hover {color:#C00; text-decoration:none}
.style  #wrapper #content #leftCol .secondMenu {margin:0!important; padding-left:16px}
.style  #wrapper #content #leftCol .secondMenu ul {margin:0; padding:0}
.style  #wrapper #content #leftCol .secondMenu li {margin:0; list-style-image:url(images/gr_arrow2.jpg); margin-left:23px /*border-bottom:1px solid #CFCFCF*/}
.style  #wrapper #content #leftCol .secondMenu li a {display:block; margin:0; padding:5px 0 5px 0px; line-height:.85em; text-decoration:none; color:#900; background:transparent; font:normal 80% Helvetica, Arial, sans-serif; text-transform:uppercase /*url(images/arrowLeft.png) left bottom no-repeat*/}
.style  #wrapper #content #leftCol .secondMenu li a:hover {color:#8B0; /*text-shadow:0px 0px 2px #000*/}

.style  #wrapper #content #leftCol ul.indentLess {padding:0 0 0 20px}
.style  #wrapper #content #leftCol ul.indentLess li {margin-bottom:15px; line-height:1.1em}

.style  #wrapper #content #leftCol .box1 {margin:10px 0px 10px 23px; padding:7px; background:#dfe7d0;  border:5px solid #EFD}
.style  #wrapper #content #leftCol .box1 h1 {/*color:#330;*/ font:normal 120%/.9em Helvetica, Arial, sans-serif; margin:0 3px 10px 0; padding:0}
.style  #wrapper #content #leftCol .box1 p, .style  #wrapper #content #leftCol .box3 p {margin:10px 0}

.style  #wrapper #content #leftCol .box1 p {color:#565;  /*font-size:110%; font-weight:bold;*/ line-height:1.1em}
.style  #wrapper #content #leftCol .box3 {margin:10px 3px 10px 23px; padding:10px; background:#FFF url(images/bg_frameCorner.png) top right no-repeat;  border:5px solid #dfe7d0;}
.style  #wrapper #content #leftCol .box3 h1 {color:#787; font:normal 120%/.9em Helvetica, Arial, sans-serif; margin:0; padding:0}

/************* Right Column **********/
.style  #wrapper #content #rightCol {font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; /* Helvetica, Arial, sans-serif*/}
.style  #wrapper #content #rightCol h2, .style  #wrapper #content #rightCol h3, .style  #wrapper #content #rightCol p,  .style  #wrapper #content #rightCol ol {padding-left:10px; padding-right:30px}
.style  #wrapper #content #rightCol h1 {color:#BBB; font:normal 180%/0.8em Helvetica, Arial, "Trebuchet MS", sans-serif;  text-transform:lowercase; border-bottom:1px dotted #C66; margin-left:10px; margin-right:30px}
.style  #wrapper #content #rightCol h2 {font-size:150%; color:#BB6; font-weight:normal; text-transform:lowercase; padding: 5px 10px 5px 10px; background:#EED; border-bottom:1px solid #DDC}
.style  #wrapper #content #rightCol h3 {font-size:110%;  text-transform:none}
.style  #wrapper #content #rightCol a:link, .style  #wrapper #content #rightCol a:visited {color:#933; text-decoration:none}
.style  #wrapper #content #rightCol a:hover {color:#8AC520}
.style  #wrapper #content #rightCol a:active {color:#000}

.style  #wrapper #content #rightCol .title {font-size:140%; font-weight:normal; color:#ce9; text-align:right; text-transform:none; border:none; margin:0 30px 5px 0} 

.style  #wrapper #content #rightCol .testimonials {margin:20px 70px 20px 20px; padding:0; background:transparent url(images/quotationRight.jpg) bottom right no-repeat; font:normal 110%/1em  Helvetica, Arial, sans-serif; color:#AAA}
.style  #wrapper #content #rightCol .testimonials p {background:transparent url(images/quotationLeft.jpg) no-repeat top left; padding-left:60px; padding-top:10px} 
.style  #wrapper #content #rightCol .testimonials em {font-size:70%; font-style:italic; float:right; width:250px; line-height:15px; margin-bottom:10px}
.style  #wrapper #content #rightCol .testimonials a:link, .style  #wrapper #content #rightCol .testimonials a:visited {text-decoration:none; color:#8FC541}
.style  #wrapper #content #rightCol .testimonials a:hover {color:#A65}

.style  #wrapper #content #rightCol img {border:none}
.style  #wrapper #content #rightCol ol {/*list-style-type:upper-alpha;*/ margin-left:20px}
.style  #wrapper #content #rightCol li {margin-bottom:10px}
.style  #wrapper #content #rightCol ul {list-style-image:url(images/gr_arrow2.jpg); margin-right:20px}
.style  #wrapper #content #rightCol .box {border:5px solid #EEE;  background-image:url(images/bg_screen1.jpg); padding:10px; color:black; margin-right:15px; display:table; font-size:110%}
.style  #wrapper #content #rightCol .box2 {background:url(images/gr_arrow.jpg) left center no-repeat; padding-left:40px; text-transform:uppercase; letter-spacing:8px; color:#999; font-weight:normal; font-family:Helvetica, Arial, sans-serif}

.style  #wrapper #content #rightCol .displayBox {border:1px solid #BBB; padding:10px; margin:10px 30px 10px 10px; text-align:center}
.style  #wrapper #content #rightCol .displayBox p {text-align:left; margin:0}

.style  #wrapper #content #rightCol .displayBox2 {border:5px solid #DDB; background:#800 url(images/bg_cellred.jpg); padding:10px; margin:10px 30px 10px 10px; text-align:center; color:#EEC}
.style  #wrapper #content #rightCol .displayBox2 p {text-align:left; margin:0}
.style  #wrapper #content #rightCol .displayBox2 a:link, .style  #wrapper #content #rightCol .displayBox2 a:visited {color:#FFFF66}
.style  #wrapper #content #rightCol .displayBox2 a:hover {color:#FFFFFF}

.style  #wrapper #content #footer {background:#b7b7b0 url(images/bg_footer.jpg) no-repeat; height:190px; padding:10px 50px 0px 25px}
.style  #wrapper #content #footer .leftFlash {/*float:left; width:440px;*/ font-size:80%; color:#995; margin-bottom:55px; border-top:1px dotted #DED; padding-top:15px}
.style  #wrapper #content #footer .leftFlash span {font-size:90%; /*color:#bfd980*/ color:#BB9}
.style  #wrapper #content #footer .rightFlash {float:right; /*width:470px; padding-top:100px;*/ text-align:right; color:#CF9; font-size:90%}
.style  #wrapper #content #footer .rightFlash a:link, .style #footer .rightFlash a:visited {color:#CF9; text-decoration:none; text-transform:uppercase; font-size:80%}
.style  #wrapper #content #footer .rightFlash a:hover {color:#FFB}
.style  #wrapper #content #footer .rightFlash a:active {color:#FFF}

.rightFlash {width:100%; float:right; text-align:right}
.clearBoth {clear:both; font-size:1px; height:1px}
.clearRight {clear:right; font-size:1px; height:1px}


.goback {text-align:right}
.goback a:link, .goback a:visited {font-size:70%; border:1px solid #EEE; background:#FFE; padding:3px}
.goback a:hover {background:#800; color:#FFE!important; border-color:#FFF}

table.frame {border:8px solid #EEE; background:#FFFFF5; margin:0 auto }
table.frame th, table.frame td {padding:10px}

.hr {border-top:1px dotted #8fc65c; height:1px; margin:10px 30px 10px 25px}

.red {color:#C30}
.green {color:#669900}
.table1 {border:1px solid #EEE;  border-collapse:collapse; width:95%; margin-left:10px}
.table1 col.distinct {background:#F6F6F4}
.table1 td {padding:4px; vertical-align:top; padding:10px; border:1px solid #EEE;font-size:95%; color:#555; text-align:left }
.table1 th {padding:3px; text-align:center; text-transform:uppercase; font:normal 110% "Lucida Grande", "Lucida Sans", Arial, "Trebuchet MS", sans-serif; color:white; background:#EEE url(images/bg_cell.jpg); border:1px solid white}
.table1 table td {border:none}
.table1 a {color:#7A0!important}
.table1 a:hover {color:#A00!important}

.table2 {margin:0 25px 0 1em; border-collapse:collapse}
.table2 td {padding:5px 8px;  border-bottom:1px solid #ddd; vertical-align:top}
.table2 th {background:#DFE7D0; border-right:1px solid white; border-top:1px solid #FFF; padding:5px 5px 5px 10px}
.table2 caption {font-size:120%; color:#993300; padding-bottom:5px}

td.invert {color:#FFD; background:#700 url(images/bg_cellred.jpg) repeat-x center}
table.bordered {border:5px solid #DDD}


textarea, input, option {background:#FFE}
input.button {border:inherit}
input:focus, textarea:focus {background-color:#FFFF66}
form.orderForm input.fullSize {width:100%}
form.orderForm input {margin:2px 0}
form.orderForm fieldset {padding-bottom:10px; background:#F8F8F8}
form em {font-size:80%; color:#666}
.inputNormal input {border:none!important; background:none!important}
fieldset {border:1px solid #ddd; margin-right:30px}
legend {font:normal 100% Helvetica, sans-serif; color:#900; text-transform: uppercase; padding:0 10px}

.unique {text-transform:uppercase; font-size:90%}
.unique td {border-bottom:1px dotted #999}
.unique caption {padding:0 0 10px 0; color:#900; font-size:110%}

ul.listNormal {list-style-type:square!important; list-style-image:none!important; text-transform:none!important}


/*************** Tolltip *******************/

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #999;
padding: 10px;
background-color: lightyellow;
font:normal 110# Geneva, Arial, Helvetica, sans-serif;
text-align:justify;

visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.inputValue, .inputText {width:95%}
.inputButton {border:1px solid gray; font-weight:bold}


ul.listSpecial {list-style:none; padding:0!important; margin-top:0!important; margin-left: 10px!important; margin-right:1px!important; list-style-image:none!important; list-style-position:outside; text-transform:none!important}
ul.listSpecial li {padding:6px 5px 6px 50px; color:#030!important; background:#8dc73f url(images/bullet-checkmark.jpg) no-repeat 10px 50%; color:black; font:normal 120% Helvetica, Arial, sans-serif; margin:0 0 1px 0!important}
ul.listSpecial li.distinct {background:#8dc73f url(images/bullet-checkmark-red.jpg) no-repeat 10px 50%; color:black!important}