@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#EEEEEE;
}

a {
color:#336600;
text-decoration:none;
}

a:hover {
color:#990000;
}

/*////////////// HEADER ////////////*/

#header {
background:#FFFFFF url(images/head.gif);
width:930px;
padding:0;
height:175px;
vertical-align:top;
}

.logo {
padding:0 0 0 20px;
float:left;
}
/*//////////// END HEADER ////////////*/

/*//////////// TOP MENU ////////////*/

#top-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0066FF;
margin:0 0 0 170px;
vertical-align:top;
}

#top-menu li {
color:#0066FF;
float:left;
display:block;
margin:0 0 0 0;
}

#top-menu li a {
color:#0066FF;
float:left;
display:block;
padding:3px 15px 3px 15px;
text-decoration:none;
border-bottom:#ffffff 2px solid;
}


#top-menu li a:hover {
color:#336600;
border-bottom:#006699 2px solid;
}
/*//////////// END TOP MENU//////////// */




/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#menu{position:center;height:20px;font-size:11px;font-weight:bold;background:#6C9B40; font-family:Arial,Verdana,Helvitica,sans-serif; width:930px;}
#menu ul{margin:0 0 0 20px;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 2px 0 0;background:#6C9B40;}
#menu ul li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:6px 20px 0 20px;height:20px;}
#menu ul li a:hover,#menu ul li a.current{color:#000000;background:#DCF1BE;}

body#computer a#computer, 
body#broadband a#broadband, 
body#mobile a#mobile, 
body#shopping a#shopping,
body#entertainment a#entertainment,
body#money a#money,
body#insurance a#insurance,
body#utilities a#utilities,
body#travel a#travel,
body#business a#business

{
	color: #333333;
	background-color:#DCF1BE;
}


/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

.pageside-menu {
background:#6C9B40;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MAIN CONTENTS ^^^^^^^^^^ */
#contents {
width:900px;
padding:10px 15px;
background:url(images/page-back.png) bottom repeat-x #FFFFFF;
}

#contents-app {
width:900px;
padding:10px 15px 0 15px;
background:url(images/app-back.png) bottom repeat-x #FFFFFF;
}

#contents-none {
width:900px;
padding:10px 15px;
background:#FFFFFF;
}

#contents-shop {
width:900px;
padding:10px 15px;
background:#FFFFFF;
}

.intro-txt {
float:left;
width:500px;
padding:25px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
color:#333333;
}

.itro-diagram {
float:right;
padding:0;
width:310
}

.more-link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display:block;
text-align:right;
padding:2px 10px;
margin:3px 0 0 0;
border-top:#999999 1px dotted;
}

/*INDEX BOXES*/

#index-box {
float:left;
display:block;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px;
width:278px;
border:#CCCCCC 1px solid;
background:url(images/sectionbackimg.gif)
}

#index-box2 {
float:left;
display:block;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px;
width:278px;
border:#CCCCCC 1px solid;
background:url(images/sectionbackimg2.gif)
}

.index-title {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#003300;
padding:3px;
text-align:center;
border-bottom:#003300 1px solid;
display:block;
}

.index-text {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
float:right;
padding:5px;
width:160px;
}

.index-center {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding:5px;
}

.index-icon {
float:left;
padding:5px;
}

/*ENDS INDEX BOXES*/


/*PAGES*/

#content-left {
float:left;
padding:10px;
width:680px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
border-right: #CCCCCC 1px dotted;
}

.title-page {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#669900;
padding:3px 10px;
border-bottom:#669900 2px solid;
}

.project-tag {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
padding:10px;
color:#003366;
}

.subtitle-page {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669900;
padding:3px 10px;
border-bottom:#669900 1px dotted;
}

#content-right {
float:right;
padding:5px;
width:180px;;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
}


/**************SIDE MENU**********************/


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#side-menu{font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif; width:180px; margin:10px 0;}
#side-menu ul{margin:0 0 0 0px;padding:0;list-style-type:none;}
#side-menu ul li{display:block;margin:5px 0 0 0;}
#side-menu ul li a{display:block;color:#333333;text-decoration:none;padding:6px 10px 6px 10px; border-left:#E2F3A0 5px solid;}
#side-menu ul li a:hover,#side-menu ul li a.current{color:#000000;background:#DCF1BE; border-left:#669900 5px solid;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */



.side-menu-title {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
background-color:#6C9B40;
padding:3px 10px 3px 10px;
}



/*END PAGES*/



.contactresult {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-size:13px;
font-weight:bold;
}

.contactform {
padding: 20px 20px 20px 100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.sendbutton {
background:#669900;
border:#003300 1px solid;
padding:3px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.txtfield {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:2px 5px;
border:#669900 1px solid;
}

#download {
padding:5px;
}

.download-poster {
display:block;
float:left;
padding:10px;
margin:5px 20px;
border:#CCCCCC 1px solid;
}

.reference-txt {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:center;
padding:10px;
}



/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MAIN CONTENTS ^^^^^^^^^^ */



/* ^^^^^^^^ BELOW IS THE CODE FOR THE FOOTER ^^^^^^^^^^ */

#footer {
width:900px;
padding:20px 15px;
background:#003300;
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer a{
color:#FFFFFF;
font-weight:bold;
}

#footer a:hover{
color:#99CC00;
}


/* ^^^^^^^^ ABOVE IS THE CODE FOR THE FOOTTER ^^^^^^^^^^ */



.countries_list {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.countries_list li {
list-style:none;
}

#itemcontainer {float:left;
width:700px;
padding:5px 15px 5px 5px;
border-right:#999999 1px dotted;
background:#FFFFFF;
margin:10px 0;

}

#topitems {
float:left;
width:300px;
padding:5px 15px 5px 5px;
border-right:#999999 1px dotted;
background:#FFFFFF;
margin:5px;
display:block;
}


.topitem_title {
padding:5px 5px 5px 15px; 
background:#669933;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:#999999 1px dotted;
}
.topitem_title a {
color:#FFFFFF;
}

.topitem_info {
padding:2px 10px; 
color:#336600;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:#999999 1px dotted;
text-align:right;
}

.topitem_description {
background:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px;
color:#333333;
}
.topitem_description li {
list-style:square;
}

.topitem_img {
padding:3px;
margin:2px;
}

.topitem_detailtitle {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding:2px;
display:block;
margin:3px 0 0 0;
}

.topitem_cost {
font-family:Arial, Helvetica, sans-serif;
padding:3px 10px;
font-size:12px;
font-weight:bold;
color:#CC0000;
text-align:right;
border-top:#CCCCCC 1px dotted;
margin: 5px 0 0 0;
}

.topitem_visit {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:3px 10px;
font-size:12px;
font-weight:bold;
color:#669900;
text-align:right;
margin: 5px 0 10px 0;
}

.topitem-offer {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333; 
text-align:right;
padding: 0 10px;
}