/* CSS Document */

/* BROWSER RESET */
body,div,dl,dt,dd,pre,form,fieldset,input,blockquote,th,td {     margin:0;        padding:0;    }  table {       border-collapse:collapse;        border-spacing:0;   } fieldset,img {         border:0;   } 
address,caption,cite,code,dfn,th,var {       font-style:normal;        font-weight:normal;  }  caption,th {       text-align:left;   }  h1,h2,h3,h4,h5,h6 {       font-size:100%;        font-weight:normal;   }  q:before,q:after {   content:'';   }  abbr,acronym { border:0;   }

body {
background-color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.4;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

li{
margin:10px 0;
}

h1{
color:#587386;
font-size:24px;
padding:0;
margin:0;
}
.h1Style{
color:#587386;
font-size:20px;
}

h2{
color:#587386;
font-size:16px;
font-weight:bold;
padding:5px 0;
margin:5px 0;
}
h3{
color:#587386;
}

a{
color:#587386;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.popupImg{
padding:5px;
background-color:#ffffff;
}
.popupTxt{
padding:20px;
background-color:#ffffff;
width:300px;
height:300px;
border:solid 1px #666666;
}

#container {
background-color: #000000;
width: 100%;
min-height: 545px;
}
#contentTable{
clear:both;
}

#header {
width: 1024px;
height: 57px;
clear: both;
color:#ffffff;
font-size:12px;
}

#left_header {
width: 366px;
height: 35px;
float: left;
margin-left: 27px;
margin-top: 22px;
}

#right_header {
width: 604px;
height: 38px;
float: right;
margin-right: 27px;
margin-top: 19px;
}

#main {
background-color: #769AB4;
background-image: url(../images/panel.jpg);
background-repeat: repeat-x;
width: 100%;
min-height: 545px;
height: 100%;
}

#bgdeco {
background-image: url(../images/background_fade.jpg);
background-repeat: no-repeat;
width: 100%;
min-height: 545px;
}

#placeholder {
height: 59px;
width: 100%;
clear:both;
}

#menu {
width: 1224px;
height: 26px;
color:#ffffff;
font-size:11px;
}

#menu a
{
color:#ffffff;
text-decoration:none;
}
.loginTab{
color:#ff0000;
}

#left_menu {
float: left;
width: 393px;
height: 25px;
}

#middle_menu {
background-image: url(../images/menucorner.jpg);
width: 25px;
height: 25px;
float: left;
}

#right_menu {
background-color: #2B3942;
width: 806px;
height: 22px;
float: right;
padding-top: 3px;
}
#rightCol
{
padding-top:30px;
float:right;
}
#rightCol img
{
display:block;
}
.hidden{
display:none;
}
.GetSmartBox{
width:192px;
height:201px;
background-image:url("../images/getsmart1.jpg");
background-repeat:no-repeat;
font-family:Trebuchet MS, Arial, Sans-Serif;
font-size:12px;
color:#ffffff;
padding:40px 57px 40px 19px;
line-height:1.3;
}
#GetSmartTable{
margin:5px 0 0 0;
}
#GetSmartTable td{
height:24px;
}
#content {
width: 1070px;
height: 100%;
margin-top: 15px;
margin-left: 25px;
margin-right: 57px;
clear: both;
}
#contentArea{
margin:20px 30px;
}
#contentAreaDesignExamples
{
margin:15px 30px;
width:625px;
}
#contentAreaCaseStudies
{
margin:20px 30px;
width:625px;
}
#contentAreaCaseStudies img
{
padding:20px 0;
}
.contentAreaCol1{
padding-right:50px;
}
.whiteBox1, .whiteBox2{
font-size:10px;
padding:5px 0;
color:#666666;
border-top:1px solid #eeeeee;
}
.whiteBox1
{
width:60%;
padding-right:10px;
font-weight:bold;
text-align:left;
}
.whiteBox2
{
width:40%;
text-align:left;
}
.tableDivider
{
border-top:1px solid #eeeeee;
}
#leftCol
{
width:88px;
float:left;
text-align:center;
color:#ffffff;
}
#mainCol{
margin-top:15px;
margin-left:8px;
width:700px;
float:left;
}
#rightCol{
}
#footer {
width: 1024px;
height: 57px;
font-size:11px;
color:#ffffff;
}
#footer a
{
color:#C6E4FF;
text-decoration:none;
}

#left_footer {
width: 690px;
height: 35px;
float: left;
margin-left: 27px;
margin-top: 22px;
}

#right_footer {
width: 280px;
height: 35px;
float: right;
margin-right: 27px;
margin-top: 22px;
}
.ipIsolation{
background-color:#eeeeee;
}
.tab1, .tab2, .tab3, .tab4, .tab1_a, .tab2_a, .tab3_a, .tab4_a
{
float:left;
color:#587386;
font-size:10px;
background-repeat:no-repeat;
padding-top:8px;
height:26px;
}
.tabText1, .tabText2, .tabText3, .tabText4
{ 
height:100%;
text-align:center;
line-height:10px;
padding-left:15px;
}
.tab1 a, .tab2 a, .tab3 a, .tab4 a, .tab1 a:hover, .tab2 a:hover, .tab3 a:hover, .tab4 a:hover, .tab1_a a, .tab2_a a, .tab3_a a, .tab4_a a, .tab1_a a:hover, .tab2_a a:hover, .tab3_a a:hover, .tab4_a a:hover
{
color:#587386;
text-decoration:none;
}
.tabText1
{
width:89px;
}
.tab1, .tab1_a
{
width:99px;
}
.tab1{
background-image: url(../images/tab1.jpg);
}
.tab1_a{
background-image: url(../images/tab1_a.jpg);
}
.tabText2
{
width:86px;
}
.tab2, .tab2_a{
width:96px;
}
.tab2{
background-image: url(../images/tab2.jpg);
}
.tab2_a{
background-image: url(../images/tab2_a.jpg);
}
.tabText3
{
width:86px;
}
.tab3, .tab3_a{
width:96px;
}
.tab3{
background-image: url(../images/tab3.jpg);
}
.tab3_a{
background-image: url(../images/tab3_a.jpg);
}
.tabText4
{
width:87px;
}
.tab4, .tab4_a{
width:97px;
}
.tab4{
background-image: url(../images/tab4.jpg);
}
.tab4_a{
background-image: url(../images/tab4_a.jpg);
}
.formTable td
{
padding:7px 25px;
vertical-align:top;
border-bottom:dashed 1px #e5e5e5;
}
.formTable
{
background-color:#f5f5f5;
border:solid 1px #e5e5e5;
}
.formTable a
{
background-color:#769AB4;
padding:10px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
border-top:solid 1px #769AB4;
border-left:solid 1px #769AB4;
border-right:solid 1px #333333;
border-bottom:solid 1px #333333;
}
.formTable a:active{
border-top:solid 1px #333333;
border-left:solid 1px #333333;
border-right:solid 1px #769AB4;
border-bottom:solid 1px #769AB4;
}

.formlink2 a, .formlink2 a:active
{
background-color:#eeeeee;
padding:0;
text-decoration:none;
color:#999999;
font-weight:bold;
border:0;
}
.greyCell
{
background-color:#eeeeee;
text-align:center;
font-size:11px;
}
.innerTable td
{
border-bottom:0;
padding:5px;
}
.innerTable
{
	width:140px;
}
.innerTable input
{
	display:block;
	margin:auto;
}
.largeTextBox
{
	height:80px;
	font-size:11px;
	padding:3px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.redtext {
color: #FF0000;
}

.greytext {
color: #B6B6B6;
}

.buttontext {
background-color: #313131;
font-family: "Trebuchet MS";
font-size: 11px;
color: #B6B6B6;
border: none;
}

.bluetext {
color: #008CBB;
}

.blacktext {
color: #000000;
}
.smallLink
{
font-size:9px;
}
.smallGrey
{
font-size:9px;
color:#666666;
}
.smlGreyTxt{
color:#999999;
font-weight:normal;
font-size:9px;
}
.verySmallGrey
{
font-size:8px;
color:#666666;
}
.formBox
{
font-size:11px;
padding:3px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.topNavSelected a
{
color:#ff0000;
}

/*pop up*/
.popup1{
width:26px;
background-image: url(../images/popupBG.gif);
background-repeat:repeat-y;
}
.popup2{
color:#ffffff;
background-color:#EF1829;
padding:10px 20px;
vertical-align:top;
font-weight:bold;
border-left:2px solid #ffffff;
border-right:2px solid #ffffff;
}
.progressImg
{
    position:fixed;
    z-index:100;
    left:475px;
    top:40%;
    background-color:#ffffff;
    padding:15px;
    text-align:center
}

.catalogueTable td{
border-bottom:1px solid #cccccc;
padding-top:10px;
padding-bottom:30px;
}