/* Sets the background image */
body { background:url(../images/bgimage.gif) repeat-x; margin-top: 0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }

/* Div that contains the whole site */
#wholecontainer { width: 760px; margin: auto; }

/* Div that contains the whole large image */
#largeimagecontainer { width: 500px; margin: auto; }
#largeimagecontainer .holder { float:left; width: 100%; margin:15px 0 0 0; }
#largeimagecontainer .holder table { width:100%; border-collapse:collapse; vertical-align:top; }
#largeimagecontainer .holder table img { padding:1px; display:block; border:1px solid #80a3b7; }
#largeimagecontainer .closewindow { float:left; width: 100%; margin:5px 0 0 0; }
#largeimagecontainer .closewindow table { border-collapse:collapse; margin:0; }
#largeimagecontainer .closewindow table .button { text-align:center; width:20px; border-collapse:collapse; margin:0; vertical-align:middle; }
#largeimagecontainer .closewindow table .morelink { border-collapse:collapse; color:#939598; font-size:x-small; padding:0; text-align:center; vertical-align:middle; border:0; }
#largeimagecontainer .closewindow table .morelink a { color:#939598; text-decoration:none; }
#largeimagecontainer .closewindow table .morelink a:hover { color:#e66877; text-decoration:underline; }


/*Div that contains the header info */
/* Top left main site logo*/
#headerlogo { width: 255px; float:left; margin:0; margin-top:15px; clear:right; position:relative; }
#headerlogolargeimage { width: 255px; float:left; margin:15px 0 0 0; clear:both; position:relative; }

/*Div that contains the basket and account info */
#basket { width:217px; float:right; clear:right; margin-top:30px; }
#basket a{ font-size: x-small; font-weight: bold; color: #939598; text-decoration: none; vertical-align: top; padding:0 5px 0 5px; }
#basket a:hover { font-weight: bold; color: #e66877; text-decoration: underline; }

#menuholder { width:100%; margin-top:15px; border-top:3px #e7e7e7 solid; border-bottom:1px #cecece solid; float:left; clear:both; }

/* Navigation */
#navcontainer { float:left; width:100%; margin:0; padding:2px 0 2px 0; list-style:none; background-color:#FFFFFF; }
#navcontainer li{ float:left; margin:0; padding:0; list-style:none; display:block; }   
#navcontainer li a{ float:left; color: #939598; text-decoration: none; margin: 0; padding: 10px 22px 10px 22px; font-size: small; background:#FFFFFF url(../images/seperator.gif) bottom right repeat-y; display:block; }
#navcontainer li a.over{ float:left; color: #FFFFFF; text-decoration: none; margin: 0; padding: 10px 22px 10px 22px; font-size: small; background:#e66877 url(../images/seperator.gif) bottom right repeat-y; display:block; } 
#navcontainer li a.last{ float:left; color: #939598; text-decoration: none; margin: 0; padding: 10px 30px 10px 30px; font-size: small; background:#FFFFFF; display:block; }
#navcontainer li a.lastover{ float:left; color: #FFFFFF; text-decoration: none; margin: 0; padding: 10px 30px 10px 30px; font-size: small; background:#e66877; display:block; }
#navcontainer li a:hover, a.selected:hover{ display:block; background-color: #e66877; text-decoration: none; color:#FFFFFF; }

/*Div that contains the serach options*/
#searchcontainer { width:100%; background:url(../images/menufade.gif) repeat-x; margin:0; float:left; padding:6px 0 4px 0; border-bottom:1px #cecece solid; }

#searchoptions{ width: 100%; margin:0; }
#searchoptions .table1{ width: 100%; margin:0; padding: 8px 0 8px 0; }
#searchoptions table { margin:0; wisth:auto; border-collapse:collapse; text-align:left; }
#searchoptions table .first { width:60px; border-collapse:collapse; vertical-align:top; padding: 6px 0 6px 0; font-size:small; color:#939598; text-align:left; }
#searchoptions table .second { width:170px; border-collapse:collapse; vertical-align:top; padding: 6px 0 6px 0; }
#searchoptions table .third { width:11%; border-collapse:collapse; vertical-align:top; padding: 6px 0 6px 0; font-size:small; color:#939598; text-align:left; }
#searchoptions table .fourth { width:170px; border-collapse:collapse; vertical-align:top; padding: 6px 0 6px 0; }
#searchoptions input.regTextBox { width:150px; background-color:#e0e3e4; border: 1px solid #adb5b8; float:left; font-size:70%; }
#searchoptions textarea.regTextArea { width:150px; background-color:#e0e3e4; border: 1px solid #adb5b8; float:right; font-size:70%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#searchoptions select.regSelect { width:150px; background-color:#e0e3e4; border: 1px solid #adb5b8; float:left; font-size:70%; }

/*Div that contains the sub header */
#subheader { width:100%; margin:0; float:left; clear:both; border-bottom:1px solid #cecece; }
#subheader_leftcol { width:36%; margin:0; float:left; padding:1px 0 1px 0; }
#subheader_rightcol { width:60%; margin:15px 0 0 0; float:left; padding:1px 0 1px 0; }

#subheader_rightcol .pagenav{ width: 100%; float: left; clear:both; margin:15px 0 0 0; padding:0; font-size:80%; color:#000000; display:block; position:relative; text-align:right}
#subheader_rightcol .pagenav form{ display:inline; padding:0 10px 0 10px;}
#subheader_rightcol .pagenav select{ width:80px; background-color:#e0e3e4; border:1px solid #adb5b8; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline; }
#subheader_rightcol .pagenav input{ width:auto;  display:inline; }
#subheader_rightcol .pagenav img{ display:inline; position:relative; margin:0; padding:0; vertical-align:bottom; }

#introtext { width:100%; font-size: small; color:#939598; margin:0 0 10px 0; }
#introtext .header { color:#e66877; font-size:medium; font-weight:bold; }
#introtext .highlight { color:#80a3b7; font-size:medium; font-weight:bold; }
#introtext .contact { text-align:right; color:#e66877; font-size:x-small; text-decoration:none; }
#introtext .contact a { text-align:right; color:#e66877; font-size:x-small; text-decoration:none; }
#introtext .contact a:hover { text-align:right; color:#80a3b7; font-size:x-small; text-decoration:underline; }
#introtext .backtoservices { color:#e66877; font-size:x-small; text-decoration:none; }
#introtext .backtoservices a { color:#e66877; font-size:x-small; text-decoration:none; }
#introtext .backtoservices a:hover { color:#80a3b7; font-size:x-small; text-decoration:underline; }

#introtext table.services { width:100%; border-collapse:collapse; margin:0 0 10px 0; }
#introtext table.services .firstcol { width:54px; border-collapse:collapse; vertical-align:top; }
#introtext table.services .firstcol img { padding:1px; display:block; border:1px solid #80a3b7; }
#introtext table.services .secondcol { border-collapse:collapse; vertical-align:top; padding:0 0 0 10px; }
#introtext table.services .secondcol table { width:100%; border-collapse:collapse; vertical-align:top; }
#introtext table.services .secondcol table .title { width:100%; border-collapse:collapse; color:#80a3b7; font-size:medium; padding:0 0 4px 0; margin:0; }
#introtext table.services .secondcol table .title a { width:100%; border-collapse:collapse; color:#80a3b7; font-size:small; padding:0 0 4px 0; margin:0; text-decoration:none; }
#introtext table.services .secondcol table .description { width:100%; border-collapse:collapse; color:#939598; font-size:small; padding:0 0 10px 0; }
#introtext table.services .secondcol table .comment { width:100%; border-collapse:collapse; color:#939598; font-size:x-small; padding:0 0 10px 0; }

#introtext table.services .secondcol table .description table.port { width:auto; border-collapse:collapse; color:#939598; font-size:small; padding:5px; }
#introtext table.services .secondcol table .description table.port .display{ width:50px; border-collapse:collapse; color:#939598; font-size:small; padding:2px; }
#introtext table.services .secondcol table .description table.port .display img { padding:1px; display:block; border:1px solid #80a3b7; }

#introtext table.services .secondcol table.more { width:100%; border-collapse:collapse; margin:0; }
#introtext table.services .secondcol table.more .button { text-align:right; width:20px; border-collapse:collapse; margin:0; vertical-align:middle; }
#introtext table.services .secondcol table.more .morelink { border-collapse:collapse; color:#939598; font-size:x-small; padding:0; text-align:right; vertical-align:middle; }
#introtext table.services .secondcol table.more .morelink a { color:#939598; text-decoration:none; }
#introtext table.services .secondcol table.more .morelink a:hover { color:#e66877; text-decoration:underline; }

#introtext table.more { width:100%; border-collapse:collapse; margin:0; }
#introtext table.more .button { text-align:right; width:20px; border-collapse:collapse; margin:0; vertical-align:middle; }
#introtext table.more .morelink { border-collapse:collapse; color:#939598; font-size:x-small; padding:5px; text-align:right; vertical-align:middle; }
#introtext table.more .morelink a { color:#939598; text-decoration:none; }
#introtext table.more .morelink a:hover { color:#e66877; text-decoration:underline; }

#introtext table.news table { width:100%; border-collapse:collapse; vertical-align:top; }
#introtext table.news .firstcol { border-collapse:collapse; vertical-align:top; }
#introtext table.news .firstcol img { padding:0 5px 0 0; display:block; vertical-align:top; }
#introtext table.news .secondcol { border-collapse:collapse; vertical-align:top; padding:0; }
#introtext table.news table .title { border-collapse:collapse; color:#e66877; font-size:small; padding:0 0 4px 0; margin:0; }
#introtext table.news table .title a { border-collapse:collapse; color:#e66877; font-size:small; padding:0 0 4px 0; margin:0; text-decoration:none; }
#introtext table.news table .date { border-collapse:collapse; color:#939598; font-size:small; padding:0 0 10px 0; }
#introtext table.news table .entry { border-collapse:collapse; color:#939598; font-size:small; padding:0 0 4px 0; }


#signatures { margin:5px 0 0 0; width:100%; float:right; font-size: small; color:#939598; text-align:right; clear:right; }

#headerlinks { width:100%; margin:5px 0 0 0; float:left; font-size: small; color: #939598; text-decoration: none; text-align:left; clear:right; }
#headerlinks a { color: #939598; text-decoration: none; text-align:left; }
#headerlinks a:hover { color: #e66877; text-decoration: underline; }

/*Div that contains the main content */
#content { width:100%; margin:0; float:left; clear:both; background:url(../images/menufade.gif) repeat-x; padding:6px 0 6px 0; }
#content .leftcol { width:50%; float:left; display:block; padding:0; margin:0; position:relative; margin-top:12px; }
#content .rightcol { width:47%; float:right; display:block; padding:0 0 10px 0; margin:0; position:relative; }
#content .rightcol .title { float:left; display:block; padding:0; margin-top:12px; color:#80a3b7; font-size:medium; font-weight:bold; clear:right; }
#content .rightcol .footer { float:left; display:block; padding:10px 0 0 0; margin-top:12px; color:#80a3b7; font-size:medium; font-weight:bold; clear:both; background:url(../images/newsbottom.gif) top left repeat-x; width:100%; }
#content .rightcol .footer table.comment { width:100%; border-collapse:collapse; margin:10px 0 0 0; }
#content .rightcol .footer table.comment .firstcol { width:69px; border-collapse:collapse; vertical-align:top; }
#content .rightcol .footer table.comment .firstcol img { padding:0 5px 0 0; display:block; }
#content .rightcol .footer table.comment .secondcol { width:100%; border-collapse:collapse; color:#939598; font-size:small; font-style:italic; padding:0; margin:0; vertical-align:top; }
#content .rightcol .title .highlight { color:#e66877; }
#content .rightcol .newsitem { float:left; display:block; margin:10px 0 0 0; padding:0; clear:both; position:relative; width:100%; }
#content .rightcol .newsitem table.news { width:100%; border-collapse:collapse; }
#content .rightcol .newsitem table.news .firstcol { width:25px; border-collapse:collapse; vertical-align:top; }
#content .rightcol .newsitem table.news .firstcol img{ padding:0 5px 0 0; display:block; }
#content .rightcol .newsitem table.news .secondcol { border-collapse:collapse; vertical-align:top; padding:0; }
#content .rightcol .newsitem table.news table { width:100%; border-collapse:collapse; vertical-align:top; }
#content .rightcol .newsitem table.news table .title { width:100%; border-collapse:collapse; color:#e66877; font-size:small; padding:0 0 4px 0; margin:0; }
#content .rightcol .newsitem table.news table .title a { width:100%; border-collapse:collapse; color:#e66877; font-size:small; padding:0 0 4px 0; margin:0; text-decoration:none; }
#content .rightcol .newsitem table.news table .date { width:100%; border-collapse:collapse; color:#939598; font-size:x-small; padding:0 0 10px 0; }
#content .rightcol .newsitem table.news table .entry { width:100%; border-collapse:collapse; color:#939598; font-size:x-small; padding:0 0 4px 0; }
#content .clientcomment { width:100%; background:url(../images/menufade.gif) repeat-x; border-bottom:1px solid #cecece; border-collapse:collapse; }

/*Div that contains the footer info */
#footer_hold { width:100%; clear:both; margin:0; border-top:4px solid #d9e3e9; text-align:right; }

#linksholder { width:auto; margin:0; padding:0; list-style:none; clear:both; position:relative; text-align:right; font-size:x-small; font-weight:normal; }
#linksholder ul {float:right;}
#linksholder li{ float:left; margin:0; padding:0; list-style:none; display:block; }   
#linksholder li a{ float:left; color: #939598; text-decoration: none; margin: 0; padding: 5px 8px 4px 8px; display:block; background:url(../images/pixel_grey.jpg) no-repeat center right;} 
#linksholder li a:hover, a.selected:hover{ display:block; text-decoration: none; color:#e66877;}

#footer_hold .legal { display:block; width:100%; margin:0; padding:0; color:#939598; font-size:x-small; text-align:left; clear:both; }
#footer_hold .legal .legalbold { color:#939598; font-size:x-small; font-weight:bold; text-align:left; text-decoration:none; }
#footer_hold .legal a.legalbold:hover { color:#939598; font-size:x-small; font-weight:bold; text-align:left; text-decoration:underline; }

#email_holder { width: 100%; margin:0; padding: 8px 0 0 0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#email_holder .table1{ width: 100%;	margin:0; padding: 8px 0 8px 0; }
#email_holder .required{ width: 100%; margin:0;	padding: 8px 0 8px 0; color:#e66877; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:small; }
#email_holder .sent{ width: 100%; margin:0;	padding: 8px 0 8px 0; color:#e66877; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:small; }
#email_holder table { margin:10px 0 10px 0;	width:100%;	border-collapse:collapse; text-align:left; }
#email_holder table .first { width:30%;	border-collapse:collapse; vertical-align:top; padding: 6px 0 6px 0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:small; color:#80a3b7; text-align:left; }
#email_holder input.regTextBox { width:300px; background-color:#e0e3e4;	border: 1px solid #adb5b8; float:left;	font-size:70%; }
#email_holder textarea.regTextArea { width:300px; background-color:#e0e3e4;	border: 1px solid #adb5b8; float:left;	font-size:70%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#email_holder select.regSelect { width:300px; background-color:#e0e3e4;	border: 1px solid #adb5b8; float:left; }
select.regDateSelect { width:300px; background-color:#e0e3e4; border: 1px solid #adb5b8;	float:left; margin-left:4px; }
input.submit { float:right; }
input.checkbox { background-color:#e0e3e4; border: 1px solid #adb5b8; float:right; }

#contacttext { width:100%; font-size: 68%; color:#939598; border:0; margin:-15px 0 10px 0; }