/* ---- MASTER SITEWIDE STYLING ---- */

body {
height: 100%;
margin: 0px auto 0px auto;
padding: 0;
line-height: 1.0em;
text-align: center;
background: url(images/bg_dots.gif) #207DCC;
}

p {
font: normal 12px Arial, sans-serif; 
color: #666;
}

.p {
font: normal 12px Arial, sans-serif; 
color: #666;
}

ul {
margin: 0px 0px 20px 30px;
}


li {
margin: 4px 0px 0px 0px;
}

#titleindent {
text-indent: 30%;
}

.center {
text-align: center;
}

.justify {
	text-align: justify;
}

p.center {
text-align: center;
}

.right {
text-align: right;
}

.bold {
font-size: 100%;
font-weight: bold;
}

.italic {
font-style: italic;
}


.floatleft {
float: left;
}


.floatright {
float: right;
}

.systemfloat {
float: right;
margin: 0px 15px 0px 0px;
border: 0px solid green;
}


.illimg {
border: 1px solid #666;
margin: 0px 0px 5px 10px;
}

.promo1link a { 
display: block; 
height: 100%; 
width: 100%; 
} 


#telnotopalign {
vertical-align: text-top;
}

#bulletlist {
list-style-image: url(images/list-arrows.gif);
}

#telfooter {
vertical-align: text-top;
}

.closeline {
line-height: 10px;
}

.closelinehome {
line-height: 5px;
}

.price {
color: #020202;
font: bold 14px helvetica, sans-serif; 
}

.squaredcaps {
color: #B9B9B9;
font: bold 12px verdana, sans-serif; 
}

.subtitle {
color: #999998;
font: normal normal 14px helvetica, sans-serif; 
}

.subtitle-small {
color: #666665;
font: normal bold 12px helvetica, sans-serif; 
}

.smallbold {
font: normal bold 9px verdana, sans-serif; 
line-height: 1.1;
color: #666667;
}

.silver {
color: #aaa;
}

.orange {
	color: #FF7700;
}

.silversmallprint {
color: #aaa;
font-size: 0.8em;
}

.date {
color: #878787;
font: normal normal 10px arial, sans-serif; 
text-align: left;
}

.label {
font: normal 11px "Arial", sans-serif; 
color: #666;
}

.wwwtxt {
color: #777;
font: normal normal 10px verdana, sans-serif; 
text-align: left;
}

.boxservices {
color: #999;
font: bold 10px "trebuchet MS", sans-serif; 
text-align: left;
line-height: 100%;
}

.arrows {
list-style: url(images/list-arrows.gif) circle;
list-style-position: inside;
}

.tel {
color: #86ADD5;
font: normal bold 26px arial, sans-serif; 
}

.telorange {
color: #FD7700;
font: normal bold 26px arial, sans-serif; 
}

.leadingtitle {
color: #316AC5;
font: normal bold 12px verdana, sans-serif; 
}

.relatedlinks {
color: #FF9900;
font: normal bold 9px verdana, sans-serif; 
}

.resicus {
color: #576F4D;
font: normal 7pt Arial, sans-serif; 
font-weight: bolder;
text-transform: uppercase;
text-align: center;
}

.bizcus {
color: #316AC5;
font: normal 7pt Arial, sans-serif; 
font-weight: bolder;
text-transform: uppercase;
}

.refinfo {
color: #777777;
font: normal 7pt Arial, sans-serif; 
font-weight: bolder;
}


.inflated {
color: #888;
font: normal bold 16px arial, sans-serif; 
}

.inflated-lt {
color: #454545;
font: normal normal 18px arial, sans-serif; 
vertical-align: top;
}

.smallprint {
color: #666;
font: normal normal 8px verdana, sans-serif; 
vertical-align: middle;
}

.smallprint-blk {
color: #010101;
font: normal normal 9px verdana, sans-serif; 
vertical-align: baseline;
}

.smallprint-slv {
color: #999;
font: normal normal 9px verdana, sans-serif; 
vertical-align: baseline;
}

.invisibletext {
color: #F8F8F8;
font: normal normal 8px verdana, sans-serif; 
}

.footertext-title {
color: #3788FF;
font: normal normal 9px verdana, sans-serif; 
vertical-align: baseline;
}

.footertext {
color: #777;
font: normal normal 9px verdana, sans-serif; 
vertical-align: baseline;
}

.thumb {
border: 1px solid #000;
}

.noborder0 {
border: 0px;
margin: 0px 0px 0px 0px;
}

.noborder {
border: 0px;
margin: 10px 0px 0px 0px;
}

a {
border: 0px;
margin: 0px;
padding: 0px;
}

a:link {color: #3399FF}
a:visited {color: #3399FF}
a:hover {color: #FF6600}
a:active {color: #FFAC00}

a.print:link {color: #888; text-decoration: underline;}
a.print:visited {color: #888; text-decoration: underline;}
a.print:hover {color: #FF6600; text-decoration: none;}
a.print:active {color: #FF6600}

a.default:link {color: blue; text-decoration: underline;}
a.default:visited {color: blue; text-decoration: underline;}
a.default:hover {color: #FF6600}
a.default:active {color: silver}


a.home:link {color: #777}
a.home:visited {color: #777}
a.home:hover {color: #FF9900}
a.home:active {color: #1768E1}

a.www:link {color: #777}
a.www:visited {color: #777}
a.www:hover {color: #3788FE}
a.www:active {color: #FF6600}

a.services:link {color: #999}
a.services:visited {color: #999}
a.services:hover {color: #3788FE}
a.services:active {color: #FF6600}

a.port:link {color: #888}
a.port:visited {color: #888}
a.port:hover {color: #3788FE}
a.port:active {color: #3788FE}

a.orange:link {color: #FE8103}
a.orange:visited {color: #FE8103}
a.orange:hover {color: #003399}
a.orange:active {color: #FF6600}

a.baby:link {color: #3788FE}
a.baby:visited {color: #3788FE}
a.baby:hover {color: #FF6600}
a.baby:active {color: #003399}

a.footer:link {color: #3788FE}
a.footer:visited {color: #3788FE}
a.footer:hover {color: #FF6600}
a.footer:active {color: #003399}

a.footer {
text-decoration: none;
}

a {
text-decoration: none;
}

a.underline {
text-decoration: underline;
}

/* ---- SITEWIDE ELEMENTS ---- */

table#containertable {
background: #1C6FB3;
width: 830px;
border-bottom: 1px solid #999999;
}

td#leftshadow {
background: url(images/bg_shadL.gif);
vertical-align: top;
}

td#rightshadow {
background: url(images/bg_shadR.gif);
vertical-align: top;
}

#head {
background: url(images/head.jpg) #f7f7f7 no-repeat;
width: 100%;
height: 92px;
}

#chromestrip {
background: url(images/bg_chromestrip.jpg);
width: 100%;
height: 12px;
border: 0px dashed red;
}

#businesslink {
background: url(images/ico_square.gif) no-repeat;
width: 130px;
border: 0px silver solid;
margin: 5px 0px 0px 9px;
padding: 0px 0px 0px 25px;
}

table#content-containertable {
width: 800px;
height: 100%;
background: #EAEAEC;
border: 0px yellow dashed;
}

table#content-table {
background: #EAEAEC;
width: 100%;
height: 100%;
border: 0px red solid;
}

td#sidebar {
width: 170px;
height: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebar.gif) #fff;
vertical-align: top;
}

td#sidebar_menu {
width: 170px;
height: 135px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebar.gif) #fafafa;
vertical-align: top;
border: dashed 0px #666;
}

* {
margin: 0;
padding: 0;
}

#sidebar_feature {
background: #ECE9D8 url(images/sidebar_feature_btm.gif) no-repeat bottom left;
margin-left: 15px;
width: 137px;
padding: 0px 0px 15px;
}

#sidebar_feature h2 {
background: url(images/sidebar_feature_top.gif) no-repeat;
padding: 10px 10px 0;
font: normal bold 12px arial, sans-serif;
color: #1768E1;
line-height: 1.0;
margin: 0;
}

#sidebar_feature p {
padding: 5px 10px 0;
color: #666666;
line-height: 1.3;
margin: 0;
}



#sidebar_callbackholder {
background: #fff url(images/sidebar_bgcallback.jpg) no-repeat top;
margin-left: 14px;
padding: 0 0 0 7px;
width: 140px;
padding: 0px 0px 15px 0;
border: 0px solid red;
}










#sidebar_mailinglistholder {
background: #fff url(images/bg_mailinglistholder.jpg) no-repeat top;
margin-left: 15px;
padding: 0 0 0 7px;
width: 137px;
padding: 0px 0px 15px;
border: 0px solid red;
}

	#sidebar_mailinglistholder form {
	margin-left: 6px;
	}

#sidebar_mailinglistholder h2 {
background: url(images/sidebar_mailinglistholder_to.gif) no-repeat;
padding: 10px 10px 0;
font: normal bold 12px arial, sans-serif;
color: #1768E1;
line-height: 1.0;
margin: 0;
}

#sidebar_mailinglistholder p {
padding: 5px 10px 0 5px;
color: #666666;
line-height: 1.3;
margin: 0;
}




#menu-container {
width: 170px;
height: 140px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(images/bg_sidebarblu.gif) #7D9DB6;
vertical-align: top;
border: 0px dashed red;
}

#date {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 8px;
}

td#content-column {
width: 630px;
height: 100%;
background: #EAEAEC;
vertical-align: top;
border: 0px dashed red;
}

#contentcontainer {
padding: 0px 10px 0px 10px;
border: 0px fuchsia solid;
}

#box_content-blanktop {
background: url("images/box_content-blanktop.gif") no-repeat;
width: 606px;
height: 11px;
border: 0px orange dashed;
margin: 0px 0px 0px 0px;
padding: 5px 15px 0px 15px;
}

#box_content-top {
position: relative;
background: url("images/box_content-top.gif") no-repeat;
height: 40px;
border: 1px green dashed;
margin: 12px 0px 0px 0px;
}

#box_content-mid {
background: url("images/box_content-mid.gif") repeat-y;
min-height: 11px;
height: auto;
border: 0px blue dashed;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
}

#offersbox_content-mid {
background: url("images/box_content-mid.gif") repeat-y;
min-height: 11px;
height: auto;
border: 0px blue dashed;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 10px;
}


#box_content-btm {
background: url("images/box_content-btm.gif") no-repeat;
height: 16px;
border: 0px red dashed;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
}

#contentfooter {
width: 100%;
text-align: center;
margin: 5px 0px 5px 0px;
border: 0px green dashed;
}

#footer_specs {
position: relative;
height: auto;
width: 150px;
margin: 0px 10px 15px 3px;
border: 0px dashed red;
vertical-align: top;
}

#footer {
position: relative;
height: auto;
clear: both;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
border: 0px dashed red;
}

table.borderbottomline {
border-bottom: 1px solid #999;
}



/* ---- INDEX ELEMENTS ---- */

table#services {
border: 0px dashed red;
background: #EAEAEC;
width: 100%;
color: #808080;
text-align: center;
vertical-align: top;
font: bold 10px Helvetica, Arial, sans-serif;
}


#wwwbox {
background: url("images/box_www.jpg") no-repeat #EAEAEC;
width: 615px;
height: 182px;
border: 0px dashed red;
margin: 10px 1px 0px 7px;
}

#wwwtxtbox {
float: left;
width: auto;
height: 130px;
border: 0px dashed red;
margin: 30px 40px 0px 6px;
padding: 10px 0px 0px 9px
}

#wwwtxtbox2 {
float: left;
width: 180px;
height: 130px;
border: 0px dashed blue;
margin: 30px 0px 0px 0px;
padding: 10px 0px 0px 5px
}

#wwwtxtbox3 {
float: left;
width: 180px;
height: 130px;
border: 0px dashed orange;
margin: 30px 0px 0px 20px;
padding: 10px 0px 0px 8px;
}

#bizservices {
float:right;
background: url(images/bizservices.jpg) no-repeat;
width: 225px;
height: 60px;
margin: 0px 10px 0px 0px;
border: 0px solid black;
cursor: pointer;
}



#servicesbox {
background: url("images/box_service_blank.jpg") no-repeat #EAEAEC;
width: 613px;
height: 238px;
border: 0px dashed green;
margin: 0px 0px 10px 7px;
padding: 5px 0px 0px 12px;
}


#getback {
float: right;
width: auto;
height: auto;
line-height: 12px;
text-align: left;
border: 0px red dashed;
margin: 0px 27px 0px 0px;
}


#promobox1 {
background: url("images/box_promo1.jpg") no-repeat;
background-position: top left;
float: left;
width: 307px;
height: 240px;
border: 0px dashed red;
margin: 0px 0px 0px 5px;
}

#promobox2 {
background: url("images/box_promo2.jpg") no-repeat;
background-position: top right;
float: right;
width: 307px;
height: 240px;
border: 0px dashed blue;
margin: 0px 5px 0px 0px;
}

#bottomrowH-top {
clear: both;
background: url("images/box_content-blanktoph.gif") no-repeat;
width: 615px;
height: 11px;
border: 0px dashed green;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
}

#bottomrowH-mid {
background: url("images/box_content-midh.gif") repeat-y;
width: 615px;
height: auto;
text-align: center;
border: 0px dashed red;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
}

#bottomrowH-btm {
background: url("images/box_content-btmh.gif") no-repeat;
width: 615px;
height: 16px;
border: 0px dashed red;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
}

#bookengineer {
float: right;
width: 287px;
height: 182px;
padding: 0px 0px 0px 0px;
margin: 36px 15px 10px 5px;
border: 0px dashed silver;
}

#be_lefthandcolumn {
 float: left;
 width: 125px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 1px 0px 4px;
 border: 0px solid fuchsia;
 text-align: left;
}

#be_righthandcolumn {
 float: right;
 width: 150px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 4px;
 border: 0px solid blue;
 text-align: left;
}


#sidebar_callback {
width: 151px;
height: 155px;
background: url(images/sidebar_callback.gif) no-repeat;
position: relative;
margin: 10px 0px 0px 8px;
}

#sidebar_minicontactus {
width: 151px;
height: 198px;
background: url(images/sidebar_contactus.gif) no-repeat;
position: relative;
margin: 0px 0px 0px 8px;
}



/* ---- CONTACT ELEMENTS ---- */

#contact-contentcontainer {
 padding: 0px 10px 0px 10px;
 border: 0px #dadada solid;
}

#coverage {
 position: relative;
 background: url(images/coverage.gif);
 background-repeat: no-repeat;
 width: 182px;
 height: 198px;
 float: right;
 padding: 0px 5px 0px 0px;
}

#btn_coverage {
 background: url(images/btn_coverage.jpg);
 background-repeat: no-repeat;
 width: 150px;
 height: 63px;
 text-align: center;
 vertical-align: top;
}

#contactcol1 {
 float: left;
 width: auto;
 height: auto;
 margin-left: 15px;
 padding: 0px 0px 0px 30px;
 border: 0px dashed green;
 text-align: left;
}

#contactcol2 {
 float: left;
 width: 165px;
 height: auto;
 padding: 0px 0px 0px 10px;
 border: 0px dashed red;
 text-align: left;
}

#contactcol3 {
 float: left;
 width: auto;
 height: auto;
 padding: 0px 0px 0px 10px;
 border: 0px dashed green;
 text-align: left;
}

#contactcol4 {
 float: left;
 width: 160px;
 height: auto;
 padding: 0px 0px 0px 10px;
 border: 0px dashed red;
 text-align: left;
}


#contact_feature {
background: #ECE9D8 url(images/bg_contactfeature_btm.gif) no-repeat bottom left;
width: 530px;
margin-right: 8px;
padding: 0px 0px 10px;
text-align: left;
border: 0px solid red;
}

#contact_feature h2 {
background: url(images/bg_contactfeature_top.gif) no-repeat;
padding: 10px 10px 0;
font: normal bold 14px arial, sans-serif;
color: #1768E1;
line-height: 1.0;
}

#contact_feature p {
padding: 5px 40px 0px 40px;
color: #666666;
line-height: 1.3;
border: 0px solid red;
}


fieldset {
float: left;
clear: left;
width: 93%;
margin: 0.5em 0em -1.0em 1em;
padding: 1em 0 1em 0;
border-top: 1px solid #BFBAB0;
border-right: 0px;
border-left: 0px;
border-bottom: 0px;
background-color: transparent;
}

fieldset.submit {
float: none;
width: auto;
border: 0px solid #FFF;
padding-right: 50px;
margin-top: 0em;
margin-right: 1.1em;
background-color: transparent;
text-align: center;
}

legend {
margin-left: 0em;
padding: 0 5px 0 5px;
font: bold 14px "Arial", sans-serif;
color: #999;
}

fieldset ol {
padding: 0 0 0 0;
list-style: none;
}

fieldset li {
float: left;
clear: left;
width: 100%;
margin-bottom: -5px;
}

label {
position: relative;
float: left;
width: 9em;
margin: 0 0.5em -0.5em 3em;
padding-top: 1px;
font: normal 11px "Arial", sans-serif;
color: #666;
border: 0px solid silver;
}

label em {
position: absolute;
left: 10em;
top: 2px;
display: block;
color: #990000;
font-size: 85%;
font-style: normal;
text-transform: uppercase;
}


label.enquiryDetails {
margin-top: 10px;
}

em {
padding-right: 10px;
display: block;
color: #990000;
font-size: 10px;
font-family: "Arial", sans-serif;
font-style: normal;
text-transform: uppercase;
}




table#contactform {
 background: #EAEAEA;
 width: 90%;
 color: #808080;
 text-align: left;
 vertical-align: top;
 font: normal 12px Helvetica, Arial, sans-serif;
 border: 0px dashed #666;
}

td {
 vertical-align: top;
}

.detailtitles {
 font-family: Helvetica, sans-serif; 
 font-size: 12px;
 color: #69c;
}

.details {
 font-family: Helvetica, sans-serif; 
 font-size: 12px; 
 color: #787878;
}

.fieldlabels {
line-height: 165%;
vertical-align: top;
}

.fieldrequired {
font-size: 10px;
color: #990000;
line-height: 165%;
vertical-align: top;
}

.normalline {
line-height: 100%;
}

.mailinglist-title {
 color: #666665;
 font: normal bold 12px helvetica, Arial, sans-serif;
}

.mailinglist-field {
 color: #666664;
 font: normal normal 10px helvetica, Arial, sans-serif;
}

#gfc_mailinglist {
background: url(images/mailing-list.gif);
width: 151px;
height: 45px;
}

#sidebar_mailinglist {
width: 120px;
margin: 0px 5px 0px 0px;
padding: 0px 6px 0px 0px;
background: #ffffff;
font-family: verdana, sans-serif;
text-align: left;
border: 0px red solid;
}


/* ---- REFERENCE & PORTFOLIO ELEMENTS ---- */
#refholder_row1 {
 position: relative;
 width: auto;
 height: 180px;
 margin-top: 0px;
 margin-right: 5px;
 border: 0px solid #9f9f9f;
}
#refholder_row2 {
 position: relative;
 width: auto;
 height: 180px;
 margin-top: 20px;
 margin-right: 5px;
 border: 0px solid #ff8800;
}
#clearboth {
clear: both;
}
#refcol1 {
 float: left;
 background: url(images/bg_ref.jpg) no-repeat transparent;
 width: 24%;
 height: 170px;
 margin-right: 8px;
 padding: 4px 0px 0px 0px;
 border: 0px dashed green;
 text-align: center;
}
#refcol2 {
 float: left;
 background: url(images/bg_ref.jpg) no-repeat transparent;
 width: 24%;
 height: 170px;
 margin-right: 0px;
 padding: 4px 0px 0px 0px;
 border: 0px dashed red;
 text-align: center;
}
#refcol3 {
 float: right;
 background: url(images/bg_ref.jpg) no-repeat transparent;
 width: 24%;
 height: 170px;
 margin-left: 8px;
 padding: 4px 0px 0px 0px;
 border: 0px dashed blue;
 text-align: center;
}
#refcol4 {
 float: right;
 background: url(images/bg_ref.jpg) no-repeat transparent;
 width: 24%;
 height: 170px;
 margin-right: 0px;
 padding: 4px 0px 0px 0px;
 border: 0px dashed orange;
 text-align: center;
}

#pdf_icon {
position: absolute;
display: block;
top: 75px;
left: 83px;
z-index: 100;
width: 47px;
height: 39px;
background: url(images/icon_pdf.gif) right no-repeat;
}
#pdf_icon2 {
position: absolute;
display: block;
top: 75px;
left: 230px;
z-index: 100;
width: 47px;
height: 39px;
background: url(images/icon_pdf.gif) right no-repeat;
}
#pdf_icon3 {
position: absolute;
display: block;
top: 75px;
left: 375px;
z-index: 100;
width: 47px;
height: 39px;
background: url(images/icon_pdf.gif) right no-repeat;
}
#pdf_icon4 {
position: absolute;
display: block;
top: 75px;
left: 520px;
z-index: 100;
width: 47px;
height: 39px;
background: url(images/icon_pdf.gif) right no-repeat;
}




#portfolio_3Ddisplay {
background: url(images/portfolio/3Ddisplay.jpg) no-repeat;
width: 557px;
height: 220px;
margin-left: 8px;
margin-top: 0;
margin-bottom: 0;
}

#portfolio_rowcontainer {
border: 0px solid #dadada;
height: 180px;
margin-left: 6px;
margin-bottom: 0px;
}

#portfolio_item {
float: left;
margin-right: 10px;
border: 0px dashed #ccc;
background: url(images/bg_portfolioitem.gif) no-repeat;
width: 180px;
height: 160px;
text-align: center;
}

#portfolio_item p {
padding-top: 1px;
font: normal bold 0.8em Arial, Verdana, 'Trebuchet MS', sans-serif;
color: #787878;
}

#portfolio_item a {
link: #ccc;
visited: #ccc;
hover: #0066FF;
active: #0066FF;
}



#id_holder {
position: relative;
width: auto;
height: auto;
text-align: center;
font: normal 12px Helvetica, Arial, sans-serif;
color: #666;
border: 1px red solid;
}

#portfolio_ite {
 position: relative;
 background: url(images/bg_portitem.gif) no-repeat;
 width: 240px;
 height: 230px;
 margin: auto;
 padding: 10px 0px 0px 0px;
 border: 0px solid red;
 text-align: center;
 font: normal 12px Helvetica, Arial, sans-serif;
 color: #666;
 vertical-align: top;
}



#toprow {
position: relative;
clear: both;
bottom: 0px;
width: auto;
margin: 0px 10px 0px 10px;
border: 0px dashed blue;
}



/* ---- SYSTEMS ELEMENTS ---- */

#lefthandsyscolumntop {
 clear: both;
 background: url(images/bg_systemtop.gif) no-repeat;
 width: 275px;
 height: 12px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed green;
}

#lefthandsyscolumnmid {
 background: url(images/bg_systemmid.gif) repeat-y;
 width: 275px;
 height: auto;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 20px;
 text-align: left;
 border: 0px dashed red;
}

#lefthandsyscolumnbtm {
 clear: both;
 background: url(images/bg_systembtm.gif) no-repeat;
 width: 275px;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed purple;
}

#lefthandsyscolumn {
 float: left;
 width: 280px;
 height: auto;
 margin: 0px 5px 30px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed fuchsia;
 text-align: center;
}

#righthandsyscolumn {
 float: right;
 width: 280px;
 height: auto;
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px dashed blue;
 text-align: center;
}

#box_content {
 background: url("images/box_content.gif") no-repeat;
 width: 610px;
 height: 250px;
 border: 0px silver dashed;
 margin: 12px 0px 0px 0px;
 padding: 40px 15px 15px 15px;
}



/* ---- Hardware & Software Elements ---- */


table#hswarelist {
background: #fff;
width: 550px;
height: auto;
border: solid 0px blue;
margin: 0px 10px 0px 0px;
}

td#hswarelist {
width: 25%;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: normal 10px verdana, sans-serif;
color: #888;
vertical-align: top;
text-align: center;
border: dashed 0px fuchsia;
}



/* ------- HELP PAGES -------- */

table#contactform-h {
 background: #EAEAEA;
 width: 550px;
 color: #808080;
 text-align: left;
 vertical-align: top;
 font: normal 12px Helvetica, Arial, sans-serif; 
 border: 0px dashed #666;
}
#seccat_container {
width: 400px;
border: 0px solid red;
margin: 20px 50px 0px 48px;
}
#bullets {
margin: 0px 0px 0px 25px;
}


/* --- OFFERS --- */

.news_orange {
	font: normal bold 1.75em 'Trebuchet MS', Arial, sans-serif;
	color: #FF7700;
}
.news_gray {
	font: normal bold 1.75em 'Trebuchet MS', Arial, sans-serif;
	color: #999;
}

#introbox {
	width: 255px;
	height: 75px;
	border: 0px solid red;
	background: url(offers/images/readeroffers.gif) #FFFFFF no-repeat bottom right;
	}

.readeroffers {
position: absolute;
top: 100px;
left: 200px;
}

#offers-leftcol {
	float: left;
	width: 290px;
	height: auto;
	padding-left: 0px;
	border: 0px dashed #666;
}

	#bulletcontainer {
	width:auto;
	height:auto;
	padding-left: 15px;
	}

#offers-rightcol {
	float: right;
	width: 265px;
	height: auto;
	text-align: center;
	border: 0px dashed #eaeaea;
}

#bulletlist2 {
list-style-image: url(images/list-arrows.gif);
padding-left: 10px;}


#vouchertxt {
	float: right;
	width: 213px;
	height: auto;
	text-align: center;
}


.prod_title {
	font: 1.8em 'Trebuchet MS', Arial, sans-serif;
	font-weight: bolder;
	color: #565656;
}

.prod_list {
	font: normal normal 0.75em arial, verdana, sans-serif;
	line-height: 1em;
}


#products_row1 {
 position: relative;
 width: auto;
 height: 155px;
 margin-top: 0px;
 margin-right: 5px;
 border: 0px solid #9f9f9f;
}

#products_row1 a {
	margin-top: -20px;
}

	#prodcol1 {
	 float: left;
	 background: url(offers/images/bg_prod.jpg) no-repeat transparent;
	 width: 24%;
	 height: 150px;
	 margin-right: 8px;
	 padding: 4px 0px 0px 0px;
	 border: 0px dashed green;
	 text-align: center;
	}
	#prodcol2 {
	 float: left;
	 background: url(offers/images/bg_prod.jpg) no-repeat transparent;
	 width: 24%;
	 height: 150px;
	 margin-right: 0px;
	 padding: 4px 0px 0px 0px;
	 border: 0px dashed red;
	 text-align: center;
	}
	#prodcol3 {
	 float: right;
	 background: url(offers/images/bg_prod.jpg) no-repeat transparent;
	 width: 24%;
	 height: 150px;
	 margin-left: 8px;
	 padding: 4px 0px 0px 0px;
	 border: 0px dashed blue;
	 text-align: center;
	}
	#prodcol4 {
	 float: right;
	 background: url(offers/images/bg_prod.jpg) no-repeat transparent;
	 width: 24%;
	 height: 150px;
	 margin-right: 0px;
	 padding: 4px 0px 0px 0px;
	 border: 0px dashed orange;
	 text-align: center;
	}


#productsinfowindow {
 position: relative;
 width: auto;
 height: auto;
 margin-right: 5px;
 border: 0px solid #eaeaea;
}

.iframestyle {
	width: 580px;
	height: 350px;
	overflow: scroll;
	border: 0;
}

.product {
color: #777;
font: normal 7pt Arial, sans-serif; 
font-weight: bolder;
text-transform: uppercase;
text-align: center;
}

.value {
color: #FF7700;
font: normal 8pt Arial, sans-serif; 
font-weight: bolder;
}

.title {
background-color: #FF7700;
color: #FFF;
font: normal bold 0.7em Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
}

/* --- PARTNERS --- */

ul.partners_row {
	margin: 0px;
	padding: 0;
	list-style: none;
	
}

ul.partners_row li {
	margin: 0px 5px 0px 5px;
	padding: 0;
	list-style: none;
	display: inline;
}

.20r {
	padding-right: 20px;
}

.20l {
	padding-left: 20px;
}


/* --- TERMS & CONDITIONS LIST STYLING --- */

ul.index {
list-style: decimal;
font: normal 0.75em Arial, sans-serif; 
font-weight: bold;
text-align: justify;
color: #333;
line-height: 0.9em;
}


ul.terms {
list-style: decimal;
font: normal 0.75em Arial, sans-serif;
font-weight: bold;
margin-right: 25px;
text-align: justify;
color: #333;
}


ul.terms-x {
list-style: disc;
color: #444;
font-weight: normal;
}


ul.terms-xx {
list-style: disc;
color: #777;
font-weight: normal;
}

.black {
color: #000;
}


a.terms:link {color: #333; font-weight: normal; text-decoration: none;}
a.terms:visited {color: #333; text-decoration: none;}
a.terms:hover {color: #333; font-weight: normal; text-decoration: underline;}
a.terms:active {color: #333}








/* ---- Form Styling ---- */

form#sidebar { 
 color: #000001; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 6px;
 margin: 0px 0px 0px 5px;
}

form#contactform { 
 color: #000002; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 padding: 5px 5px 5px 5px;
}

table#tablecontact {
 background-color: #EAEAEA;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 padding: 5px 5px 5px 5px;
}

.txtfield { 
 background-color: #9FCFFF; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 10px 0px;
}

.top {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 10px 0px;
}

input { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 3px 0px;
}

input.helpform {
 margin-left: -50px;
}

textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 0px 0px 3px 0px;
}

select {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 margin: 5px 0px 0px 0px;
}

.imgbtn {
margin: 8px 0px 0px 81px;
}

.buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 8px; 
 background-color: #0080FF; 
 color: #FFF; 
}