/* CSS Document */

/*******************************************************************************************************************/
/* Redefined Tags  */
/*******************************************************************************************************************/
body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 14px; color: #000; background: #FFF url(../images/bg.jpg) 0px 0px repeat-x; voice-family: "\"}\""; voice-family: inherit; font-size:10px;}
* html body { font-size:10px;}
html>body { font-size:10px; /* be nice to opera */}

h1 {margin:0px; padding:0px 20px; line-height:37px; font-size:19px; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe; color: #ed1c24; background:url(../images/h1.jpg);}
.homepage {margin:0px; padding:27px 0px 15px 0px; line-height:19px; background:transparent; border:none;}
.sub { color: #000; font-size:13px;}
h2 {margin:0px 0px 0px 0px; padding:10px 0px 5px 0px; line-height:14px; color:#ed1c24; font-size:13px;}
h3 {margin:0; padding:5px 0px; color:#000; font-weight:bold; line-height:10px; font-size:11px;}

p {margin:0; padding:5px 0px;}
a, a:link, a:active, a:visited{color: #ed1c24; text-decoration: underline;}
a:hover {color: #000000;}

ul {margin:0; padding:10px 0px 5px 0px; list-style-type:none;}
li {margin:0; padding:5px 0px 5px 30px; list-style-type:none; background:url(../images/bullet.gif) 5px 5px no-repeat; font-sise:9px;}
li ul {margin:0; padding:10px 0px 5px 0px; list-style-type:none;}
li li {margin:0; padding:5px 0px 5px 22px; list-style-type:none; background:url(../images/sub-bullet.gif) 5px 5px no-repeat; }

hr {margin:5px 0px; padding:0px; height:1px; line-height:1px; font-size:1px; background:transparent; border:none; border-top:1px dashed #cacaca; }

strong {font-weight:bold; color:#ed1c24;}


/*******************************************************************************************************************/
/* Top Nav  */
/*******************************************************************************************************************/
.solidblockmenu {margin: 0; padding: 0; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width: 100%; color:#ed1c24;}
.solidblockmenu ul {margin:0; padding: 0; list-style-type:none; background:none;}
.solidblockmenu li {margin:0px 2px 0px 0px; padding:0;float:left; display: inline; color:#ed1c24; list-style-type:none; background:none;}
.solidblockmenu li a, .solidblockmenu li a:link, .solidblockmenu li a:active, .solidblockmenu li a:visited {
	margin: 0px;
	padding:11px 33px 9px 55px;
	color:#ed1c24;
	background:url(../images/nav-bg-bullet.gif) right 0px repeat-x;
	text-decoration: none;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	display:block;
}
.solidblockmenu li a:hover, {color:#000;}
.solidblockmenu li a:hover, {color:#000;}
.solidblockmenu .home {width:150px;}
.solidblockmenu .about {width:177px;}
.solidblockmenu .porttracker {width:192px;}
.solidblockmenu .demo {width:146px;}
.solidblockmenu .resources {width:182px;}
.solidblockmenu .contact {width:182px;}

.anylinkcss {position:absolute; visibility: hidden;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height: 23px; z-index: 100; width: 180px; top: -500px;}
.anylinkcss a, .anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited {padding: 5px 12px; width: 100%;  color:#ed1c24; display: block; text-indent: 3px; text-decoration: none; text-indent: 5px;  background:url(../images/nav-bg.jpg) 0px 0px repeat-x;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.anylinkcss a:hover { color:#000; }


/*******************************************************************************************************************/
/* Content  */
/*******************************************************************************************************************/
#wrapper {margin:0px auto; padding:0px 10px; width:921px; background:#FFF; font-size:10px; overflow:auto; }

#header {margin:0; padding:0px 0px 0px 0px; height:82px;}
#header img {margin:0; padding:26px 0px 0px 14px;}
#header .details {margin:0; padding:40px 14px 0px 0px; float:right; display:inline; width:500px; text-align:right; color:#ed1c24; font-size:12px; }
#header .details .grey {padding-left:20px; color:#7b7b7b;}

#middle {
	margin:0px;
	width:512px;
	background:url(../images/flicks-bg.gif) 204px 0px no-repeat;
	padding-top: 0px;
	padding-right: 205px;
	padding-bottom: 20px;
	padding-left: 204px;
}

#right {margin:0px 0px 20px 717px; padding:0; width:204px; position:absolute;}
#right .quote {margin:0; padding:7px 25px 13px 16px; background:url(../images/panel-right.jpg) 0px 0px no-repeat; font-size:13px; line-height:15px; height:130px; color:#999999; }
#right .quote a, #left .quote a:link, #left .quote a:active, #left .quote a:visited {color:#000; text-decoration:none;}
#right .quote a:hover {color:#000; text-decoration:underline;}
#right .quote p {margin:0; padding:5px 0px 0px 0px;}
#right .quote .author {margin:0; padding:3px 0px 0px 0px; text-align:right; font-size:9px; line-height:10px; font-weight:bold; color:#ed1c24}
#right .col {margin:0; padding:0px 5px 0px 36px; background:url(../images/panel-grad-right.gif) 0px 0px no-repeat;}

#left {margin:0px 0px 20px 0px; padding:0; width:203px;  position:absolute;}
#left .quote {margin:0; padding:7px 25px 13px 16px; width:162px; background:url(../images/panel-left.jpg) 0px 0px no-repeat; font-size:20px; line-height:26px; height:130px; color:#ed1c24; }
#left .quote a, #left .quote a:link, #left .quote a:active, #left .quote a:visited {color:#000; text-decoration:none;}
#left .quote a:hover {color:#000; text-decoration:underline;}

#left .quote2 {margin:0; padding:7px 25px 13px 16px; width:162px; background:url(../images/panel-left2.jpg) 0px 0px no-repeat; font-size:20px; line-height:26px; height:130px; color:#ed1c24; }
#left .quote2 a, #left .quote a:link, #left .quote a:active, #left .quote a:visited {color:#000; text-decoration:none;}
#left .quote2 a:hover {color:#000; text-decoration:underline;}

#left .col {margin:0; padding:0px 22px 0px 5px; width:176px; background:url(../images/panel-grad-left.gif) right 0px no-repeat; }
#left .col p {color:#ed1c24; font-size:10px;}
#left .col .more {margin:0px; padding:0px 0px 5px 0px; font-size:10px; text-align:right;}

#right .col h2, #left .col h2 {margin:0px; padding:0px 0px 5px 0px; line-height:13px; color:#ed1c24; font-size:13px;}

#content {margin:0px; padding:0px 10px 0px 20px;}
.homebox {margin:0px 5px; padding:0; width:160px; float:left; display:inline;}
.homebox h2 {margin:0; padding:0px; background:url(../images/box-title.jpg) 0px 0px no-repeat; font-size:13px; line-height:30px; font-weight:bold; color:#FFF; text-align:center;}
.homebox .img {border-left:1px solid #999; border-right:1px solid #999;}
.homebox .content {padding-top: 5px; border-top:1px solid #999;  border-left:1px solid #999; border-right:1px solid #999; }
.homebox p {padding:2px 5px; line-height:12px;}
.homebox .click {margin:10px 5px 0px 0px; padding:2px 20px 2px 5px; background:url(../images/bullet.gif) right 2px no-repeat; text-align:right;}

.crumbs {margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; background:#f2f2f2;  border-right:1px solid #bebebe; border-left:1px solid #bebebe; border-top:1px solid #d8d8d8; border-bottom:1px solid #d1d1d1; line-height:16px; font-size:9px;}

.textcta {margin:25px 0px 0px 0px; padding:0px; background: url(../images/textCTA.gif) 0px 0px no-repeat; }
.textctacontent {margin:0px 0px 0px 18px; padding:18px 18px 18px 0px; background: url(../images/textCTA-r.gif) top right no-repeat; }

/*Google map*/
#mapuk {margin: 15px 0px; padding:0px; float:right; display:inline;}
#mapGer {margin: 15px 0px; padding:0px; float:right; display:inline;}
#mapUs {margin: 15px 0px; padding:0px; float:right; display:inline;}

.wallpaper {margin:20px 0px; padding:0;}
.wallpaper img {margin:0px 10px 0px 0px; padding:0; border: 1px solid #cacaca; float:left; display:inline;}
.wallpaper p {margin:0; padding:33px 0px 33px 0px;}

.imgspace {margin: 0; padding:0px 10px 0px 0px}
.ksp {margin:0px; padding:0; background:url(../images/ksp-shadow.gif) center 0px no-repeat;}

.panelimg a img{width:100; height:auto;}
.panelimg:hover{position:absolute; right:280px; z-index:auto;}
.panelimg:hover img{width:auto;	height:auto; border:1px solid #cccccc; background-color:#ffffff;}

.alpha img {margin:0px 1px 0px 0px; padding:0px;}
.alpha a, .alpha a:link, .alpha a:active, .alpha a:visited {margin:0px; padding:0px; border:1px;}

#glossary {margin: 20px 0px 0px 0px; padding:0; background:url(../images/header-bg.jpg) top left repeat-x; }
#glossary h2 {margin:0; padding: 8px 0px 0px 11px; color:#FFF;  font-size:12px; background:url(../images/header-bg-l.gif) top left no-repeat; height:21px;}
#glossary .cnr {margin:0px; padding:6px 10px 0px 0px; float:right; display:inline; height:23px; background:url(../images/header-bg-r.gif) top right no-repeat; text-align:right}
.glossarycontent {margin:0; padding:5px 10px 5px 10px; background:#FFF; border-left:1px solid #cacaca; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca;}
.glossarycol {margin:0px; padding:0px 15px; width:200px; float:left; display:inline;}
.glossarycol h3 {font-size:10px; font-weight:bold; }
.glossarycol p {font-size:9px;}


/*******************************************************************************************************************/
/* Generic Styles  */
/*******************************************************************************************************************/

.red {color:#ed1c24}
.black {color:#000}
strong {font-weight:bold; color:#ed1c24;}
.grey {color:#737476;}
.grey a, .grey a:link, .grey a:active, .grey a:visited {color:#737476;}
.grey a:hover {color:#000000;}
.clear {margin:0; padding:0; clear:both; font-size:1px; line-height:1px; height:1px;}


/*******************************************************************************************************************/
/* Form Styles  */
/*******************************************************************************************************************/

.myForm td, input, select, textarea, checkbox  { font-family: tahoma; font-size: 12px; }
.required {color: red;}

form {margin:0px; padding:0px;}
fieldset {}
legend {}
label {margin:0px 10px 0px 0px; line-height:22px; clear:right;}
input {font-size:10px;}
select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
form .checkbox { margin:3px 0px 0px 10px; padding:0px;float:right; }
.button {margin:0px; padding:0px 0px 4px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFF url(../images/button.jpg) top left no-repeat; border:none; height:22px; width:136px; text-align:center; line-height:22px;}
form .textbox {margin:0px 0px 5px 0px; padding:3px; border:none; border:1px solid #cacaca; width:155px;}


/*******************************************************************************************************************/
/* ROI Calculator  */
/*******************************************************************************************************************/
#roicalculator {margin:0; padding:0px;}
#roicalculator td {margin:0; padding:5px 0px; border-bottom:1px solid #cacaca; }
#roicalculator .noborder {border:none;}
#roicalculator .txtbox {margin:0px; padding:3px; border:none; border:1px solid #cacaca; width:75px; text-align:right }
#roicalculator .txtboxhl {
	margin:0px;
	padding:3px;
	border:none;
	border:1px solid #cacaca;
	width:75px;
	text-align:right;
	background-color: #FFCC66;
}

#roicalculator .go {margin:0px; padding:0px 0px 4px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFF url(../images/button-small.jpg) top left no-repeat; border:none; height:22px; width:50px; text-align:center; line-height:22px;}
#roicalculator .select {margin:0px; padding:0px; border:none; border:1px solid #cacaca; width:90px; }
#roicalculator .typeselect {margin:10px 0px; padding:0px 0px 0px 5px; border:1px solid #c9c9c9;}
#roicalculator .txtbox[disabled=disabled] {background:#FFF; color:#000; border:1px solid #c9c9c9;}
/*******************************************************************************************************************/
/* Footer  */
/*******************************************************************************************************************/
#footer {margin:0px; padding:5px 15px 20px 15px; background:url(../images/footer.jpg) 0px 0px repeat-x; clear:both; line-height:11px}
#footer ul {margin: 0; padding: 10px 0px 5px 0px; list-style-type: none; color:#999999; float:right; display:inline;}
#footer ul li {margin: 0; padding: 0px 17px; list-style-type: none; float:left; display:inline; background:transparent;}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color: #999999; text-decoration:none;}
#footer a:hover {color: #000; text-decoration:none;}
#footer .end {padding: 0px 0px 0px 17px;}
#footer p {margin: 0; padding: 5px 0px; color:#ed1c24; clear:both;}
#footer p a, #footer p a:link, #footer p a:active, #footer p a:visited {color: #ed1c24; text-decoration:none;}
#footer p a:hover {color: #000}