body {
	font-size: 62.5%; margin: 0em auto; padding: 0em; background: url(../img/back.png) top center repeat-y; font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#page-container {
	width: 955px; margin: 0px auto; padding: 0px; border-left: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200); background-color:#FFF; height:100%
}


hr.rule {
	border: none 0; 
	border-top: 1px dotted #000000;
	border-bottom: 1px solid #00000;
	width: 100%;
	height: 2px;
	text-align: left;


	}	

/**********************/
/* SECTION 2 - HEADER */
/**********************/

/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/

.title		{ COLOR: #0033FF; FONT: 12px arial, sans-serif; font-weight: bold; }


.nav-global-container {
	float: left; position: absolute; z-index: 3; width: 955px; top: 5px; background-color: transparent;
}

.nav-global ul {	
	float: right; margin: 0px; padding: 0px; list-style: none;
}	

.nav-global li {
	float: left; white-space: nowrap; text-transform: uppercase;
}

.nav-global li a {
	display: block; margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 1px rgb(150,150,150); background-color: rgb(255,255,255); color:#666666; text-decoration: none; font-size: 100%;
}

.nav-global a:hover {
	background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;
}

.img-flag {
	display: block; height: 1.2em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);
}

/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/

.site-name  {
	clear: both; float: left; position: absolute; z-index: 1; width: 700px; top: 20px; margin: 0px; padding-left: 14px; background-color: transparent; color#FFFFFF; font-family:"Eras Bold ITC"; padding-top:50px;
}
.site-name1  {
	clear: both; float: left; position: absolute; z-index: 1; width: 100px; top: 20px; left:700px; margin: 0px; padding-left: 14px; background-color: transparent; color#FFFFFF; font-weight: bold; font-size: 24px; font-family:"Eras Bold ITC";
}
.site-slogan  {
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; background-color: rgb(150,150,150);	color: rgb(225,225,225); font-weight: bold; font-size: 14px;
}

.img-header {
	clear: both; float: left; width: 955px; height: 110px; margin: 0px; padding: 0px;
}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.menu 
{
	width:955px; 
	height:25px; 
	position:relative; 
	z-index:100;
	font-size:1.3em;
	margin-bottom:3px;
	
}
.menu ul li a
{
	text-decoration:none; 
	width:189px; 
	height:25px; 
	text-align:center; 
	color:#666666; 
	line-height:25px;
	overflow:hidden;
	background-image:url(../img/menu-back.jpg);
	border-right:1px solid #CCCCCC;
	margin-top:-2px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.menu ul 
{
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu ul li 
{
	float:left; 
	position:relative;
}
.menu ul li ul 
{
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a 
{
	color:#666666; 
	background-image:url(../img/menu-back-on.jpg);
}
.menu ul li:hover ul 
{
	display:block; 
	position:absolute; 
	top:25px; 
	left:0; 
	width:189px;
}

.menu ul li:hover ul li ul 
{
	display: none;
}
.menu ul li:hover ul li a 
{
	display:block; 
	background:#EEEEEE; 
	color:#333333;
	width:188px;
	text-align:left;
	padding-left:10px;
	border-bottom:1px solid #CCCCCC;
}
.menu ul li:hover ul li a:hover 
{
	background:#DDDDDD; 
	color:#666666;
}
.menu ul li:hover ul li:hover ul 
{
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}
.menu ul li:hover ul li:hover ul.left 
{
	left:-105px;
}

/*************************************/
/* SECTION 3 - FRONT-PAGE SIDEBANNER */
/*************************************/

.sidebanner-frontpage {
	clear: both; float: left; width: 160px; margin: 0px; padding: 0px;
}

.img-sidebanner {
	width: 160px; margin: 0px; padding: 0px; border: none;
}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/

/*--------------------*/
/* Section 4.1 - Size */
/*--------------------*/

.nav-sub {
	clear: both; min-height: 400px; float: left; width: 160px; margin: 0px; padding: 0px; color: rgb(110,110,110);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {	
	float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);
}	

.nav-sub li {
	margin: 0px; padding: 0px;
}

.nav-sub li.title {
	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: rgb(175,175,175); font-weight: bold; font-size: 140%;
}

.nav-sub li.group a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-top: solid 1px rgb(200,200,200); border-left: solid 5px rgb(235,235,235); text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-left: solid 5px rgb(235,235,235); color: rgb(110,110,110); text-decoration: none; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub-align {
	text-align: left;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*-----------------------------------------------------------------*/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/

/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */

.container-content-sidebar {
   float: left; width: 795px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}
.container-content-sidebar1 {
   float: left; width: 955px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); 
}
/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */

/* Put a buffer between sub-navigation column and      */
/* main-navigation so that the global page background  */
/* color does not come through in this place           */

.buffer {
 	float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}

/***********************/
/* SECTION 6 - CONTENT */
/***********************/

/*--------------------*/
/* Section 6.1 - Size */
/*--------------------*/

.content {
	float: left; width: 425px; margin: 0px; padding: 0px 0px 0px 20px; background-color: rgb(255,255,255);	
}

/*-------------------------*/
/* Section 6.2 - Pagetitle */
/*-------------------------*/

.content-pagetitle {
	width: 390px; margin: 0px 0px 10px 0px; padding: 0px;
}

.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}

/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/
/* To ensure that no problems arise */
/* with right and left floatings    */
/* and make the implementation      */
/* robuster.                        */
/*----------------------------------*/

.contentbox-container-full {
	 float: left; width: 510px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-left {
	float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;
}

/* Shading */
.contentbox-shading {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}


.front-page-top
{
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	margin:5px;
	background-color:#FFF;
}

.front-page-top .section
{
	border-left:1px solid #DDD;
	width:30%;
	float:left;
	margin-right:10px;
	padding:10px;
}

.front-page-top .section p
{
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	color:#666;
	text-align:justify;
	margin-bottom:5px;
}

.front-page-top .section h3
{
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.7em;
	font-weight:normal;
	width:220px;
	float:right;
	background-color:#3FC;
}
 
/*-------------------------------*/
/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {
	clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;
}

h2 {
	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;
}

h3 {
	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%;
}

h4 {
	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

/* Embedded */
.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}

/*--------------------------*/
/* Section 6.7 - Datatables */
/*--------------------------*/

.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225);
}

.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {
	 float: right; width: 250px; margin: 0px ; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255);
}
.sidebar1 {
	 float: right; width: 250px; margin: 0px ; padding: 0px 5px 0px 0px; background-color: rgb(255,255,255); 
}

.sidebar-new {
	 float: right; width: 320px; margin: 0px ; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255);
}

.sidebar-new p{ margin-left:15px; margin-bottom:15px;}

#rs1
{
	width:150px;
	height:150px;
	float:left;
	background-image:url('../img/rs1.png');
}
#rs1:hover
{
	background-image:url('../img/rs2.png');
}

#rs2
{
	width:150px;
	height:150px;
	float:left;
	background-image:url('../img/fs1.png');
}
#rs2:hover
{
	background-image:url('../img/fs2.png');
}

#rs3
{
	width:150px;
	height:150px;
	float:left;
	background-image:url('../img/bs1.png');
}
#rs3:hover
{
	background-image:url('../img/bs2.png');
}

#rs4
{
	width:150px;
	height:150px;
	float:left;
	background-image:url('../img/cs1.png');
}
#rs4:hover
{
	background-image:url('../img/cs2.png');
}
/*-----------------------*/
/* Section 7.2 - Textbox */
/*-----------------------*/

.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}

/*-----------------------------*/
/* Section 7.3 - Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;
}

/*------------------------------*/
/* Section 7.4 - Paragraph text */
/*------------------------------*/

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/

/* Somehow not possible to use percentage values to scale the font-size here. */
/* Therefore the is the font-size definition given in the generic CSS-class   */
/* "footer-font", even though those generic font classes should all have a    */
/* normed size of 1.0em. But making footer an exception will not hurt us.     */

.footer {
	clear: both; width: 955px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color: rgb(255,255,255); text-align: center; margin-bottom:5px;
}

.footer-new {

	clear: both; width: 955px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); text-align: left; margin-bottom:5px;
}
.footer-new h2{
font-size:1.2em;
margin:0 0 0 10px;
color:#666;
}

.footer-new a{ color:#666;}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a {
	color: rgb(0,0,0); text-decoration: underline;
}

.content a:hover, .sidebar a:hover {
	color: rgb(110,110,110); text-decoration: none;
}

.content a:visited, .sidebar a:visited {
	color: rgb(110,110,110);
}

.footer a {
	color: rgb(150,150,150); text-decoration: none;
}

.footer a:hover {
	color: rgb(0,0,0); text-decoration: underline;
}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110);
}
.content-font1 {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110); width:665px;
}

.content-font-new {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110); width:600px;
}

.content-font-new p
{
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	color:#666;
	text-align:justify;
	margin-bottom:5px;
	font-size:0.9em;
}

.sidebar-font1
{
	
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: rgb(110,110,110);
}




#price-calculator
{
	width:600px;
	height:300px;
	background-image:url('../img/price_back.png');
	background-repeat:no-repeat;
}

#price-calculator #pricecomplete
{
	padding:0;
	padding-top:80px;
	padding-left:40px;
	width:300px;
	float:left;
	color:#FFF;
}

#price-calculator #pricecomplete a
{
	color:#FFF;	
}

#price-calculator #pricecomplete h1
{
	font-size:1.2em;
}

#price-calculator #left-price
{
	padding:0;
	padding-top:80px;
	padding-left:40px;
	width:300px;
	float:left;
}

#price-calculator #right-price
{
	float:right;
	width:210px;
	height:300px;
}

#price-calculator #right-price a
{
	width:100%;
	height:100%;
	display:block;
	
}

#price-calculator #left-price ul
{
	margin:0;
	padding:0;
	width:300px;
}

#price-calculator #left-price ul li
{
	list-style:none;
	list-style-type:none;
}
#price-calculator #left-price ul li label
{
	width:120px;
	float:left;
	color:#FFF;
	font-size:0.8em;
	font-weight:normal;
}

#price-calculator #left-price ul li input
{
	background-color:#666;
	color:#FFF;
	border:none;
	border-bottom:1px solid #CCC;
}

.prgoess_list
{
	margin:0 0 10px 0;
	padding:0;
}
.prgoess_list li
{
	list-style:none;
	list-style-type:none;
	height:30px;
	border-bottom:1px dotted #CCC;
	font-size:1.3em;
	padding-top:8px;
}

.prgoess_list li span
{
	width:50px;
	float:left;
	padding-top:6px;
}
/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */
.footer-font {
	font-size: 0.9em; color: rgb(150,150,150);
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/

/* Basic Colors */
.txt-white {
	color: rgb(255,255,255);
}

.txt-black {
	color: rgb(0,0,0);
}

/* Grey */
.txt-grey01 {
	color: rgb(242,242,242);
}

.txt-grey02 {
	color: rgb(230,230,230);
}

.txt-grey03 {
	color: rgb(217,217,217);
}

.txt-grey04 {
	color: rgb(204,204,204);
}

.txt-grey05 {
	color: rgb(191,191,191);
}

.txt-grey06 {
	color: rgb(178,178,178);
}

.txt-grey07 {
	color: rgb(153,153,153);
}

.txt-grey08 {
	color: rgb(127,127,127);
}

.txt-grey09 {
	color: rgb(89,89,89);
}

.txt-grey10 {
	color: rgb(51,51,51);
}

/* Yellow */
.txt-yellow01 {
	color: rgb(254,252,232);
}

.txt-yellow02 {
	color: rgb(253,249,201);
}

.txt-yellow03 {
	color: rgb(253,246,185);
}

.txt-yellow04 {
	color: rgb(252,243,162);
}

.txt-yellow05 {
	color: rgb(251,239,139);
}

.txt-yellow06 {
	color: rgb(250,236,116);
}

.txt-yellow07 {
	color: rgb(249,233,93);
}

.txt-yellow08 {
	color: rgb(249,230,69);
}

.txt-yellow09 {
	color: rgb(248,227,46);
}

.txt-yellow10 {
	color: rgb(247,224,23);
}

/* Blue */
.txt-blue01 {
	color: rgb(238,237,249);
}

.txt-blue02 {
	color: rgb(222,220,242);
}

.txt-blue03 {
	color: rgb(205,202,236);
}

.txt-blue04 {
	color: rgb(189,185,229);
}

.txt-blue05 {
	color: rgb(172,167,223);
}

.txt-blue06 {
	color: rgb(155,149,217);
}

.txt-blue07 {
	color: rgb(139,132,210);
}

.txt-blue08 {
	color: rgb(122,114,204);
}

.txt-blue09 {
	color: rgb(106,97,197);
}

.txt-blue10 {
	color: rgb(89,79,191);
}

/* Green */
.txt-green01 {
	color: rgb(237,246,229);
}

.txt-green02 {
	color: rgb(220,238,204);
}

.txt-green03 {
	color: rgb(202,229,178);
}

.txt-green04 {
	color: rgb(185,220,153);
}

.txt-green05 {
	color: rgb(167,211,127);
}

.txt-green06 {
	color: rgb(149,203,102);
}

.txt-green07 {
	color: rgb(132,194,76);
}

.txt-green08 {
	color: rgb(114,185,51);
}

.txt-green09 {
	color: rgb(97,177,25);
}

.txt-green10 {
	color: rgb(79,168,0);
}

/* Red */
.txt-red01 {
	color: rgb(252,235,233);
}

.txt-red02 {
	color: rgb(248,216,211);
}

.txt-red03 {
	color: rgb(245,196,188);
}

.txt-red04 {
	color: rgb(242,177,166);
}

.txt-red05 {
	color: rgb(238,157,144);
}

.txt-red06 {
	color: rgb(235,137,122);
}

.txt-red07 {
	color: rgb(232,118,100);
}

.txt-red08 {
	color: rgb(229,98,77);
}

.txt-red09 {
	color: rgb(225,79,55);
}

.txt-red10 {
	color: rgb(222,59,33);
}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}

/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; width: 425px; height: 1px; border: none;
}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}

.menu ul
{
	list-style:none;
	list-style-position:inherit;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu ul li
{
	display:block;
	margin-top:2px;
}
.menu ul li a
{
	width:118px;
	text-decoration:none;
	display:block;
	padding-left:2px;
	color:#666666;
}
.menu ul li a:hover
{
	background-color:#CCCCCC;
}

.side-section-blue
{
	width:100%;
	background-color:#15719F;
	border:1px solid #888888;
	margin-bottom:10px;
}
.side-section-blue-internal
{
	margin:5px;
	background-image:url(../img/sideback-blue.jpg);
	margin-top:-10px;
}

.side-section-yellow
{
	width:100%;
	background-color:#B2B803;
	border:1px solid #888888;
	margin-bottom:10px;
}
.side-section-yellow-internal
{
	margin:5px;
	background-image:url(../img/sideback-yellow.jpg);
	margin-top:-10px;
}

.side-title
{
	padding-top:10px;
	padding-left:10px;
	font-size:1.3em;
	color:#FFFFFF;
}

.sidebartop-blue
{
	width:250px;
	background-image:url(../img/sidebar-blue.jpg);
	height:30px;
	margin-top:1px;
	
}

.sidebartop-orange
{
	width:250px;
	background-image:url(../img/sidebar-orange.jpg);
	height:30px;
	margin-top:1px;
}
.sidebartop-green
{
	width:250px;
	background-image:url(../img/sidebar-green.jpg);
	height:30px;
	margin-top:1px;
}
.sidebartop-red
{
	width:250px;
	background-image:url(../img/sidebar-red.jpg);
	height:30px;
	margin-top:1px;
	
}
.sidebartop-grey
{
	width:250px;
	background-image:url(../img/sidebar-grey.jpg);
	height:30px;
	margin-top:1px;
}
.sidebar-font
{
	color:#ffffff;
	font-size:1.5em;
	padding-left:33px;	
	padding-top:3px;
}
.sidebar-font a
{
	color:#FFFFFF;
	width:100%;
	display:block;
	text-decoration:none;
	
}
.sidebarback
{
	background-image:url(../img/sidebarback.jpg);
	width:250px;
	height:100px;
	margin-bottom:5px;
	font-size:1.2em;
	color:#666666;
}
.sidebarback2
{
	background-image:url(../img/sidebarback2.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:175px;
	margin-bottom:5px;
}

.right-menu ul
{
	margin:0px;
	padding:0px;
	background-color:#EEEEEE;
}
.right-menu ul li
{
	list-style:none;
	list-style-type:none;
	
}
.right-menu ul li a
{
	width:100%;
	display:block;	
	text-decoration:none;
	height:25px;
	font-size:1.3em;
	color:#666666;
} 
.right-menu ul li a:hover
{
	width:100%;
	display:block;	
	background-color:#083C85;
	color:#FFFFFF;
}
.right-menu-title
{
	font-size:2em;
	color:#666666;
	width:100%;
	border-bottom:1px solid #666666;
	
	background-color:#EEEEEE;
}
.sidebarback2 .button
{
	width:100px;
	background-image:url(../img/menu-back.jpg);
}

.sidebarback-font
{
	padding:10px;
}

.page-header
{
	font-size:1.5em;
	border-bottom:1px solid #073D85;
	font-weight:bold;
	width:100%;
	margin-top:10px;
	color:#333333;
	margin-bottom:10px;
}
.pagetext
{
	font-size:1.3em;
	margin-bottom:10px;
	color:#444444;
}
.front-product1
{
	background-image:url(../img/back-image.jpg); 
	width:200px; 
	height:300px; 
	float:left;
	margin-left:5px;
	margin-right:5px;

}

.front-product
{
	
	width:200px; 
	height:300px; 
	float:left;
	margin-left:5px;
	margin-right:5px;
	background-color:#CCCCCC;
	border:1px solid #000000;

}

.front-product h2
{
	line-height: 1.2;
	font-size:1.8em;
	font-style:italic;
	margin:0;
	padding-left:20px;
	padding-top:20px;
	color:#002B7F;
	margin-top:5px;
}

.front-product1 h2
{
	line-height: 1.2;
	font-size:1.8em;
	font-style:italic;
	margin:0;
	padding-left:20px;
	padding-top:20px;
	color:#002B7F;
	margin-top:5px;
}
.front-product h2 a
{
	color:#002B7F;
	text-decoration:none;
}
.front-product1 h2 a
{
	color:#002B7F;
	text-decoration:none;
}
.front-product h2 a:hover
{
	text-decoration:underline;
}
.front-product hr
{
	border:1px  solid #999999;
	width:80%;
}
.front-product .front-product-text
{
	font-size:1.4em;
	padding-right:20px;
	padding-left:20px;
}

.front-product1 .front-product-text1
{
	font-size:1.4em;
	padding-right:20px;
	padding-left:20px;
}

.front-product1 .front-product-text1 ul
{
	padding-left:10px;
	margin:0;
	margin-top:10px;
}

.front-product1 .front-product-text1 ul li
{
	margin-top:10px;
	
}

.front-product1 .front-product-text1 ul li a
{
	font-size:0.8em;
	color:#002B7F;
	text-decoration:none;
	margin-left:5px;
}
.front-product1 .front-product-text1 ul li a:hover
{
	text-decoration:underline;
}
.front-product .front-product-text a
{
	color:#002B7F;

}

.sub-product
{
	background-image:url(../img/sub-product.jpg); 
	width:140px; 
	height:191; 
	float:left;
}
.sub-product h2
{
	font-size:1.3em;
	font-style:italic;
	margin:0;
	padding:20px;
}
.sub-product hr
{
	border:1px dashed #999999;
	width:80%;
}
.sub-product .front-product-text
{
	font-size:1em;
	padding-right:20px;
	padding-left:20px;
}

.sub-product .front-product-text a
{
	color:#00CC00;
}


#header-tab {
  float:left;
  width:100%;
 /* background:#DAE0D2 url("../img/tab/bg.gif") repeat-x bottom;*/
  font-size:93%;
  line-height:normal;
  margin-bottom:10px;
  }
#header-tab ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header-tab li {
  float:left;
  background:url("../img/tab/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header-tab a {
  float:left;
  display:block;
  background:url("../img/tab/norm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-tab a {float:none;}
/* End IE5-Mac hack */
#header-tab a:hover {
  color:#333;
  }
#header-tab #current { 
  background-image:url("../img/tab/norm_left_on.gif");
  }
#header-tab #current a {
  background-image:url("../img/tab/norm_right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
  .breadcrumbs
  {
  	margin-top:5px;
	font-size:1.2em;
	/*border-bottom:1px dashed #CCCCCC;*/
	padding-bottom:5px;
  }
.tags
{
	margin:25px; 
	background-color:#EEEEEE; 
	border:1px solid #CCCCCC; 
	padding:5px;
	text-decoration:none;
}
.tags a
{
	color:#333333;
	text-decoration:none;
}	

.tags a:hover
{
	color:#333333;
	text-decoration:underline;
}
.tags a:visited
{
	color:#333333;
}
.tags .title
{
	font-size:1em;
	color:#0000CC;
	font-weight:normal;
	width:150px;
	height:100px;
	float:left;
	margin-right:20px;
}
.product-list
{
	margin-top:10px;
	
}
.product-list li
{
	font-size:0.7em;
	list-style-type:square;
	color:#0033FF;
}


.pagetext fieldset {
	background-color:#DBDCFD;
	position: relative;
	margin-top: 15px;
	padding:15px;
}

.pagetext legend {
	position: absolute;
	top: -.5em;
	left: .2em;
	margin-bottom: 15px;
}

.newsletter-main
{
	border:1px solid #666;
	border-bottom:none;	
}

.newsletter-header1
{	
	width:69%;
	float:left;
	padding:5px;
}

.newsletter-header2
{
	padding:5px;
	width:27%;
	text-align:right;
}


#full-footer
{
	width:100%; 
	background-color:#333; 
	border-top:10px solid #CCC; color:#FFF;	
}

#full-footer #internal
{
	width:955px;
	background-image:url('../img/footerbackground2.jpg');
	color:#CCC; 
	padding:30px 0 30px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:200px;
	background-repeat:no-repeat;
}

#full-footer #internal h1
{
	margin:0; 
	padding:0; 
	font-size:1.7em; 
	text-align:left;
	border-bottom:1px dotted #CCC;
	margin-left:30px;
	width:80%;
	margin-bottom:10px;
}

.footer-section
{
	width:30%;
	float:left;
	border-right:1px solid #CCC;
	text-align:left;
	margin-right:10px;
	margin-left:10px;
	height:260px;
}

.footer-section p
{
	margin:0 0 0 30px;
	font-size:1.2em;
}

.footer-list
{
	margin:0 0 0 30px;
	padding:0;
}
.footer-list li
{
	list-style:none;
	list-style-type:none;
	height:30px;
	border-bottom:1px solid #999;
	width:80%;
	background-image:url('../img/icon1.png');
	background-repeat:no-repeat;
}
.footer-list li a
{
	color:#CCC;
	display:block;
	width:100%;
	text-decoration:none;
	height:30px;
	font-size:1.3em;
	padding-top:5px;
	padding-left:15px;
}

.footer-list li a:hover
{
	background-color:#414141;	
	background-image:url('../img/icon1.png');
	background-repeat:no-repeat;
}

.clear
{
 clear:both;	
}

.locationlink{text-decoration:none;}

#town-link
{
	margin-top:20px;
	margin-bottom:20px;
}

#town-link li
{
	margin-top:5px;
}
#town-link li a
{
	font-size:0.8em;	
}

#support-list
{
	margin-bottom:30px;
	margin-top:20px;
}
#support-list li
{
	list-style:none;
	list-style-type:none;
	clear:both;
	margin-top:30px;
}

#support-list li img
{
	float:left;	
}

#support-list li span
{
	font-size:1em;
	color:#060;
	margin:10px 0 0 15px;
	padding:0;
	padding-top:10px
}

#support-list .sub
{
	font-size:0.8em;
	padding-left:40px;
	margin-top:10px;
	width:90%;
}


.support-list-question
{
	margin-bottom:30px;
	margin-top:-30px;
}
.support-list-question li
{
	list-style:none;
	list-style-type:none;
	clear:both;
	margin-top:30px;
}

.support-list-question li img
{
	float:left;	
}

.support-list-question li span
{
	font-size:1em;
	color:#333;
	margin:10px 0 0 15px;
	padding:0;
	padding-top:10px
}

.support-list-question .sub
{
	font-size:0.8em;
	padding-left:40px;
	margin-top:10px;
	width:90%;
}

.sub-support-list
{
	margin:-10px 0 0 0;
	padding:0;
}

.sub-support-list li
{
	font-size:0.8em; 
	list-style-image:url('../img/subtick.png');
	color:#060;
	margin-top:5px;

}

.it-page-top
{
	width:100%;
	height:60px;
	background-repeat:no-repeat;
	
}

.it-content
{
	width:100%;
	font-size:1.3em;
	background-repeat:repeat-y; 
	background-image:url('../img/it-back.png');
	padding:10px 30px 10px 10px; 
}

.it-content h1
{
	padding:0;
	margin:-20px 0 0 20px;
	font-size:1.6em;
}

.it-content-bottom
{
	width:99%;
	height:70px;
	background-image:url('../img/it-back-bottom1.png');
}

.it-content-bottom-more
{
	width:99%;
	height:30px;
	background-image:url('../img/itbottommore.png');
}

.table-bottom
{
	width:645px;
	height:54px;
	background-image:url('../img/tablebottom.png');
	margin-top:-5px;
	text-align:right;
}
.table-bottom a
{
	margin-right:30px;
	
}
.table-bottom a img
{
margin-top:5px;	
}

.it-section
{
	width:210px;
	float:left;
	margin-left:7px;
}

.it-section-top
{
	width:100%;
	height:10px;
	background-image:url('../img/ittop-small1.png');
}
.it-section-middle
{
	width:100%;
	background-image:url('../img/itmiddle-small.png');
}
.it-section-bottom
{
	width:100%;
	height:10px;
	background-image:url('../img/itbottom-small.png');
}
.it-section-middle img
{
	margin-left:3px;	
}
.it-section-middle p
{
	margin:8px;
	text-align:justify;
	margin-bottom:0;
}