/* 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: #ffffff;
font-family: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;margin:0px 0px 0px 0px; padding:0px 0px 0px 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: #ffffff;
width: 100%;
min-height: 545px;
}
#contentTable{
clear:both;
}

#header {
height: 33px;
color:#808285;
background-color: #ffffff;
font-size:14px;
padding-left: 34px;
padding-top: 20px;
width:950px;
}

#header a, #header a:hover
{
	color:#808285; 
	text-decoration:none;
}

.jlogo
{
	position:absolute;
	left:940px;
}

.smLogo
{
	margin:33px 0 25px 32px;
}

.headerLeft
{
	float:left;
}

.headerRight
{
margin-right:60px;

	float:right;
	font-size:12px;
}
.headerRight a, .headerRight a:hover
{
	color: #c02026 !important;
}

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

#bgdeco {
/*background-image: url(../images/new-bg.jpg);*/
background-repeat: no-repeat;
background-position: top right;
width: 100%;
min-height: 545px;
}

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

.clear
{
	clear:both;
}

#menu {
height: 27px;
color:#232b3d;
font-size:11px;
background-color: #f7f7f7;
padding-left:26px;
float:left;
overflow:hidden;
}

#menu a
{
color:#232b3d;
text-decoration:none;
}

#menu img
{
	vertical-align:middle;
}

.navitem, .navitemSelected, .navhomeSelected, .navhome
{
	padding:6px 10px 7px 10px;
}

.navclientaccess
{
	padding:6px 0 7px 10px;
}

.navitemSelected
{
	background-image: url(../images/nav-selected-bg.jpg);
	background-repeat:repeat-x;
	color:#c02026;
}

.navhomeSelected, .loginTab{
color:#c02026;
}

#rightCol
{
float:right;
}
#rightCol img
{
display:block;
}
.hidden{
display:none;
}
.GetSmartBox{
width:239px;
height:98px;
background-image:url("../images/panel-sub-bg.png");
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#58595b;
line-height:1.3;
padding:63px 20px 0 36px;
}
.sub-tb
{
	width:163px;
	height:21px;
	border:0;
	background:url("../images/panel-sub-tb.jpg") no-repeat;
	float:left;
	margin:12px 0 0 0;
	padding:0;
}
.sub-btn
{
	width:74px;
	height:21px;
	float:right;
	margin:0;
	padding:0;
}
#GetSmartTable{
margin:5px 0 0 0;
}
#GetSmartTable td{
height:24px;
}

#content {
width: 976px;
clear: both;
margin-left:5px;
background:url("../images/bg-arrow.jpg") no-repeat;
}

#contentArea{
margin:20px 20px;
}

#contentArea-L
{
	width:173px;
	float:left;
	min-height:420px;
	background:url("../images/content-l-bg.jpg") no-repeat right;
	color:#808285;
}

#contentArea-L h3
{
	color:#c02026;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:5px 0 10px 0;
}

#contentArea-L ul
{
	list-style:none;
	margin:0 0 0 2px;
	padding:0;
	width:128px;
}

#contentArea-L li
{
	border-bottom: solid 1px #E2E3E4;
	margin:0;
	padding:5px 0;
}

#contentArea-R
{
	width:427px;
	float:right;
	padding-left:15px;
}
#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;
}

#mainColFloat
{
	float:left;
	margin:0;
	padding:0;
	min-height:619px;
}

#mainCol{
width:660px;
background-color:#f7f7f7;
margin-left:23px;
padding:0;
}

.body-top
{
	height:12px;
	width:100%;
	overflow:hidden;
}
.body-tl
{
	background:url(../images/corner-t-l.jpg) no-repeat 0 0;
	float:left;	
	width:12px;
	height:12px;
}
.body-tr
{
	background:url(../images/corner-t-r.jpg) no-repeat 0 0;
	float:right;
	width:12px;
	height:12px;
}

.body-btm
{
	height:12px;
	width:100%;
	overflow:hidden;
}
.body-bl
{
	background:url(../images/corner-b-l.jpg) no-repeat 0 0;
	float:left;	
	width:12px;
	height:12px;
}
.body-br
{
	background:url(../images/corner-b-r.jpg) no-repeat 0 0;
	float:right;
	width:12px;
	height:12px;
}



#footer {
height: 59px;
font-size:11px;
color:#58595b;
background-color:#e2e3e4;
background:url(../images/footer-bg.jpg) repeat-x;
padding:30px 34px 0 34px; 
}
#footer img
{
	padding-right:60px;
}
#footer a
{
color:#58595b;
text-decoration:none;
}

.footer-space
{
	margin-left:25px;
}

#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:Arial, Helvetica, sans-serif;
}

.redtext {
color: #c02026;
}

.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:Arial, Helvetica, sans-serif;
}
.topNavSelected a
{
color:#c02026;
}

/*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;
}
.sectionHeading {
color:#587388;
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
}
.text-blue{
color:#587388;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}
.title2{
color:#c02026;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0 0 5px 0;
display:block;
}
.text{
color:#404040;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.4;
}
.text a{
color:#587388;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.secondValidator
{
    position: relative;
    left: -8px;
}

#contentArea-R .buttonLink, .buttonLink2 {
	float:left;
	display:block;
	width:62px;
	height:21px;
	background:url("/images/160311-buttonBG.jpg") repeat-x top left;
	margin-right:6px;
	color:#666666;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:21px;
}

#contentArea-R .buttonLink2 {
	width:135px;
	margin-right:0;
	background:url("/images/170311-buttonBG_L.jpg") repeat-x top left;
}

#contentArea-R .fstBtn {
    margin-left: 290px;    
}

#contentArea-R .lastStepButton {
    margin-left: 220px;    
}

#contentArea-R .lastBtn {
	margin-right:0;
}

#contentArea-R .subHeading {
	font-size:1.2em;
	color:#587388;
	float:left;
	clear:left;
	margin:10px 0 10px 30px;
}

#contentArea-R p {
	margin:0 30px 0 30px;
	clear:left;
}

#contentArea-R .inputLabel, 
#contentArea-R .inputLabel2 {
	float:left;
	display:block;
	font-size:1.1em;
	clear:left;
	line-height:20px;
	padding-left:2px;
	margin-left:30px;
	font: 10px Arial,Helvetica,sans-serif;
}

#contentArea-R .inputLabel2 {
	padding-left:0;
	font-size:1em;
}

#contentArea-R .formInput[type='text'] {
	float:left;
	display:block;
	clear:left;
	background:url("/images/160311-registInput_BG.jpg") no-repeat bottom left;
	background-color:#CCCCCC;
	width:266px;
	height:21px;
	overflow:hidden;
	padding:0 5px 0 5px;
	line-height:21px;
	border: 0 none;
	margin:0 5px 0 30px;
}

#contentArea-R select.formInput {
	float:left;
	display:block;
	clear:left;
	line-height:21px;
	padding:0;
	width:276px;
	height:21px;
	margin:0 5px 0 30px;
	border: 0 none;
	background:url("/images/160311-registInput_BG.jpg") no-repeat bottom left;
}

#contentArea-R .progessPointer {
	float:right;
	display:block;
	width:170px;
}

#contentArea-R .progessPointer img {
	float:right;
	display:block;
	margin-left:8px;
}

#contentArea-R .progessPointer span {
	float:right;
	display:block;
}

.sideColumnBlock {
	width:289px;
	margin:0 0 8px 0;
}


#gPanel {
	margin:0 0 15px 30px;
}

#gPanelContent, #gPanel {
	float:left;
	display:block;
	width:391px;
	background:url("/images/160311-gPanel_BGT.jpg") no-repeat top left;
	background-color:#efefef;
	margin-top:12px;
	font-size: 11px;
}

#gPanelContent {
	background:url("/images/160311-gPanel_BGB.jpg") no-repeat bottom left;
	margin-top:12px;
	padding-bottom:10px;
}

#gPanelContent p {
	float:left;
	margin-left:15px;
	width:370px;
}

#gPanelContent select {
	float:left;
	width:145px;
	margin:8px 0 8px 15px;
}

#gPanelContent .radioGroup {
	float:left;
	width:370px;
	margin:0 0 5px 15px;
}

#gPanelContent .radioSet {
	float:right;
	display:block;
	width:115px;
}

#gPanelContent .radioSet input[type='radio'], 
#gPanelContent .radioSet span {
	float:right;
}

#gPanelContent .radioSet input[type='radio'] {
    margin: 3px 3px 3px 7px;
}

#gPanelContent .radioSet span {
	font-size:1em;
	line-height:20px;
}

#gPanelContent .radioSet .redText {
	width:115px;
	text-align:right;
	color:#c02026;
}

#contentArea-R .checkBoxSet {
	float:left;
	clear:left;
}

#contentArea-R .checkBoxSet .checkboxText {
	float:left;
	width:350px;
	margin-bottom:5px;
	line-height:20px;
}

#contentArea-R .checkBoxSet input {
	float:left;
	margin-right:8px;
}

#contentArea-R .lastBoxSet {
    margin-bottom:30px;
}

.bitDown {
    margin-top: .5em;
}

.purchaseValidator,
.purchaseValidator2 {
    float:left;
    display: block;
}

.purchaseValidator2 {
    margin-left: -.4em;
}