* {
margin: 0px;
}

html {
overflow-y: sroll;
height: 100%;
}

body{
margin: 0px;
font-family: trebuchet ms, helvetica, arial, sans-serif;
font-size: 12px;
background: url('../images/mainbg4.gif');
background-repeat: repeat-x;
background-color: #C8D6EE;
/*max-width: 1280px;*/
height: 100%;
}

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

a:hover{
color: #0066FF;
text-decoration:underline;
}

/*-------------WRAPPERS-------------*/

#relativebox{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px;
}

.push {
height: 30px;
}
  
.wrapper {
position: relative;
width: 974px;
margin: auto;
}
.innerwrapper {
position: relative;
width: 954px;
margin: 10px;
}

.demowrapper {
position: relative;
width: 559px;
margin: auto;
}

.demoinnerwrapper {
float: center;
width: 559px;
margin: 0px;
}

.bigdemowrapper {
position: relative;
width: 640;
height: 1500;
margin: auto;
}

.bigdemoinnerwrapper {
float: center;
width: 648px;
margin: 0px;
}

.contentwrapper{
padding-bottom: 10px;
float: left;
width: 100%;
clear: both;
}

#overviewouter{
position: relative;
left: 10px;
float: left;
width:732px;
margin:10px auto;
border: solid 1px #CCCCCC;
background-color: #FFFFFF;
}

#overviewinner{
position: relative;
left: 10px;
float: left;
width:712px;
margin:10px auto;
}

#overviewinner img{
width: 100px;
float: left;
}

#overviewinner p{
width: 602px;
float: right;
}

#overviewwrapper{
float: left;
width: 706px;
background-color: #FFFFFF;
text-align: left;
border: solid 1px #CCCCCC;
}
#overviewwrapper p{
float: right;
width: 586px;
line-height: 25px;
}

#overviewwrapper img{
float: left;
width:100px;
}

#biowrapper{
float: left;
width: 736px;
text-align: left;
margin: 0px auto;
padding:10px;
}
#biowrapper p{
float: right;
width: 536px;
}
#bioimage{
float: left;
border: solid 1px #CCCCCC;
background: #FFFFFF;
}

#bioimage img{
margin: 10px;
}

#bioimage span{
display: block;
margin: 0 10px 10px 10px;
}


/*-------------HEADER / NAV-------------*/

#header{
height: 100px;
background-color: #330066;
color: #FFFFFF;
background: url('../images/header2.gif');
background-repeat: repeat-x;
}

.logo1{
float:left;
}

.logo2{
display: block;
font-size: 13px;
font-weight: bold;
font-style: italic;
float:right;
position: relative;
top: 75px;
color: #99CCFF;
}

#navbar{
float: left;
width: 100%;
background: url('../images/titlebar2.gif');
background-repeat: repeat-x;
background-color: #003366;
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #FFFFFFF;

}

#navbar ul
{
list-style: none;
padding: 0;
margin: 0;

}

#navbar li
{
float: left;
margin: 0;
}

#navbar li a
{
background: url('../images/titlebar2.gif');
background-repeat: repeat-x;
background-color: #003366;
height: 2em;
line-height: 2em;
float: left;
width: 88px;
display: block;
border-style: solid;
border-width: 0px 0px 0px 1px;
border-color: #000000;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-weight: bold;
}

#navbar li a:hover{
color: #0066FF;
background: url('../images/navbutton.gif');
background-repeat: repeat-x;
}

#navbar li a.end{
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #000000;
}





.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px Arial;
background: #242c54 url(images/titlebar2.gif) center center repeat-x; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: transparent url(images/navbutton.gif) center center repeat-x;
}

/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #303c76; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}






/*-------------CONTENT-------------*/

try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}


#content {
clear: both;
float: left;
background-color: #FFFFFF;
border: solid 1px #999999;
width: 100%;
min-height: 500px;
padding-bottom:10px;
margin: 10px 0px;

}

#content ul {
margin:0px;
padding:10px;
list-style:none;
font-size: 11px;
line-height:17px;
}

#leftcontent {
clear: left;
position: relative;
width: 607px;
float: left;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#rightcontent2{
clear: right;
position: relative;
width: 293px;
float: right;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/featurebox.gif') repeat-x #C8D6EE;
font-size: 12px;
line-height: 20px;
}

#rightcontent2 .subheader{
font-size: 13px;
}

#titlebarleft{
float: left;
width: 627px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar1.gif');
background-repeat: repeat-x;
background-color: #336699;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #330066;
}

#titlebarleft img{
margin-right: 10px;
margin-bottom: -1px;
border: 1px solid #000000;
}
#titlebarright2{
float: right;
width: 313px;
height: 30px;
text-indent: 10px;
background: url('../images/navbutton.gif');
background-repeat: repeat-x;
background-color: #336699;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #330066;
}

#rightcontent{
clear: right;
position: relative;
width: 293px;
float: right;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/featurebox.gif') repeat-x #C8D6EE;
}

#leftcontent2{
clear: left;
position: relative;
width: 607px;
float: left;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#singlecontent{
clear: left;
position: relative;
width: 932px;
float: left;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#productcontent{
clear: left;
position: relative;
width: 732px;
float: center;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#titlebarright{
float: right;
width: 313px;
height: 30px;
text-indent: 10px;
background: url('../images/navbutton.gif');
background-repeat: repeat-x;
background-color: #336699;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #330066;
}

#downloadbox{
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
margin: auto;
background-color: #FFFFFF;
border: solid 1px #AAAAAA;
padding:10px;
}

#faqbox{
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
margin: auto;
background-color: #FFFFFF;
border: solid 1px #AAAAAA;
padding:10px;
}
#bottombox{
background: url('../images/bottombg.gif') #20254D;
background-repeat: repeat-x;
position: relative;
float: left;
width:585px;
padding: 10px;
border: solid 1px #003366;
}

#bottomtitle{
float: left;
width: 583px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar3.gif') repeat-x #003366;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #FFFFFF;
}

#bottombox .inner{
float: left;
width: 583px;
border: solid 1px #FFFFFF;
background: url('../images/contentbg3.gif') #FFFFFF;
background-repeat: repeat-x;
height: 100%;
}
#bottombox .content{
float: left;
position: relative;
width:172px;
padding: 10px;
}

#bottombox .contact{
margin: auto;
float: left;
position: relative;
width:553px;
padding: 10px;
min-height: 300px;
}

#bottombox .contactleft{
float: left;
}
#bottombox .contactright{
float: right;
}

#bottombox span{
float: left;
padding: 5px 5px 0px 5px;
font-size:11px;
line-height: 20px;
}

#bottombox .formitem{
padding: 10px 0px;
}

#bottombox .content.middle{
border-style: dotted; 
border-width: 0px 1px 0px 1px;
border-color: #CCCCCC; 
padding: 11px;
}

#bottombox .image{
width:170px;
float: left;
border: solid 1px #CCCCCC;
background: #FFFFFF;
}


#bottombox a.onoff1{
display: block; 
width: 160px; 
height: 100px; 
background: transparent url(../images/youown_onoff.jpg) no-repeat; 
background-position: 0px 0px;
margin: 5px;
color: #ff0000;
font-weight: bold;
font-size: 22px;
text-indent: 0px;
line-height:30px;
} 

#bottombox a.onoff1:hover{
background-position: -160px 0px;
text-deocration:none;
color: #000000;
} 

#bottombox a.onoff2{
display: block; 
width: 160px; 
height: 100px; 
background: transparent url(../images/support_onoff.jpg) no-repeat; 
background-position: 0px 0px;
margin: 5px;
color: #ff0000;
font-weight: bold;
font-size: 22px;
text-indent: 0px;
line-height:30px;
} 
#bottombox a.onoff2:hover{
background-position: -160px 0px;
text-deocration:none;
color: #000000;
} 

#bottombox a.onoff3{
display: block; 
width: 160px; 
height: 100px; 
background: transparent url(../images/freetrial_onoff.jpg) no-repeat; 
background-position: 0px 0px;
margin: 5px;
color: #ff0000;
font-weight: bold;
font-size: 22px;
text-indent: 0px;
line-height:30px;
} 

#bottombox a.onoff3:hover{
background-position: -160px 0px;
text-deocration:none;
color: #000000;
} 

#featurebox{
position: relative;
float: right;
width:585px;
/*height: 300px;*/
padding: 10px;
border: solid 1px #CCCCCC;
background: url('../images/featurebox.gif') repeat-x #C8D6EE;
overflow: hidden;
}

#featurebox .content{
position: relative;
font-size: 11px;
line-height: 18px;
/*padding-left: 10px;*/
}

#addressbox{
position: relative;
float: right;
width:375px;
height: 150px;
padding: 10px;
border: solid 1px #AAAAAA;
background: url('../images/contentbg3.gif') repeat-x #C8D6EE;
overflow: hidden;
}

#addressbox .left{
position: relative;
float: left;
width:160px;
height: 128px;
padding: 10px;
border: solid 1px #CCCCCC;
background: url('../images/america.jpg') repeat-x #C8D6EE;
overflow: hidden;
}

#addressbox .right{
position: relative;
float: right;
width:160px;
height: 128px;
padding: 10px;
border: solid 1px #CCCCCC;
background: url('../images/europe.jpg') repeat-x #C8D6EE;
overflow: hidden;
}

#addressbox .twothirds{
position: relative;
float: right;
width:352px;
height: 128px;
padding: 10px;
border: solid 1px #CCCCCC;
background: url('../images/mainbg4.gif') repeat-x #C8D6EE;
overflow: auto;
}

#singlebox{
position: relative;
float: right;
width:585px;
padding: 10px;
border: solid 1px #AAAAAA;
background: url('../images/contentbg3.gif') repeat-x #FFFFFF;
overflow: hidden;
}

#singlebox .inner{
position: relative;
float: right;
width:563px;
padding: 10px;
border: solid 1px #CCCCCC;
background: url('../images/mainbg4.gif') repeat-x #C8D6EE;
}

#singlebox .case{
position: relative;
float: right;
width:583px;
border: solid 1px #CCCCCC;
background: url('../images/casebg.gif') repeat-x #CFCFFF;
}

#singlebox .case img{
float: left;
width:500px;
}


#subpagebox{
background: url('../images/bottombg.gif') #20254D;
background-repeat: repeat-x;
position: relative;
float: left;
width:932px;
padding: 10px;
border: solid 1px #003366;
/*
min-height: 500px;
height: 500px;
*/
}

#subpagetitle{
float: left;
width: 930px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar3.gif') repeat-x #003366;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #FFFFFF;
}

#subpagebox .inner{
float: left;
width: 930px;
border: solid 1px #FFFFFF;
background: url('../images/contentbg3.gif') #FFFFFF;
background-repeat: repeat-x;
height: 100%;
/*
min-height: 468px;
height: 468px;
*/
}

#subpagebox .content{
float: left;
position: relative;
width:910px;
padding: 10px;
}

#subpagebox .row{
clear: both;
float: left;
position: relative;
width:910px;
margin-bottom: 10px;
}

#subpagebox .row span{
font-size: 12px;
line-height: 20px;
}

#subpagebox .rowtitlebar{
width: 100%;
height: 30px;
text-indent: 10px;
background: #C8D6EE url('../images/subpagetitle.gif') repeat-x;
border: solid 1px #CCCCCC;
color: #003366;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
}

#subpagebox .left{
float: left; 
padding-right: 10px;
}

#subpagebox .right{
float: right; 
padding-left: 10px;
}

#subpagebox2{
background: url('../images/bottombg.gif') #20254D;
background-repeat: repeat-x;
position: relative;
float: left;
width:585px;
padding: 10px;
border: solid 1px #003366;

}

#subpagebox3{
background: url('../images/bottombg.gif') #20254D;
background-repeat: repeat-x;
position: relative;
float: center;
width:585px;
padding: 10px;
border: solid 1px #003366;

}

#subpagetitle2 {
float: left;
width: 583px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar3.gif') repeat-x #003366;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #FFFFFF;
}
#subpagetitle3 {
float: center;
width: 583px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar3.gif') repeat-x #003366;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #FFFFFF;
}

#subpagebox2 .inner{
float: left;
width: 583px;
border: solid 1px #FFFFFF;
background: url('../images/contentbg3.gif') #FFFFFF;
background-repeat: repeat-x;
height: 100%;

}
#subpagebox2 .inner6{
float: left;
width: 960px;
border: solid 1px #FFFFFF;
background: url('../images/contentbg3.gif') #FFFFFF;
background-repeat: repeat-x;
height: 100%;

}

#subpagebox2 .content{
float: left;
position: relative;
width:563px;
padding: 10px;
}
#subpagebox2 .content6{
float: left;
position: relative;
width:963px;
padding: 10px;
}

#subpagebox2 .leftcolumn{
float: left;
position: relative;
width:276px;
}

#subpagebox2 .rightcolumn{
float: right;
position: relative;
width:276px;
}
#subpagebox2 .centercolumn{
float: center;
position: relative;
width:276px;
}

#subpagebox2 .row{
clear: both;
float: left;
position: relative;
width:563px;
margin-bottom: 10px;
}

#subpagebox2 .row span{
width: 276px;
display: block;
line-height: 20px;
}

#subpagebox2 .fullrow{
clear: both;
float: left;
position: relative;
width:563px;
margin-bottom: 10px;
}
#subpagebox2 .fullrow6{
clear: both;
float: left;
position: relative;
width:963px;
margin-bottom: 10px;
}

#subpagebox2 .fullrow span{
width: 563px;
display: block;
line-height: 20px;
}

#subpagebox2 .rowtitlebar{
width: 100%;
height: 30px;
text-indent: 10px;
background: #C8D6EE url('../images/subpagetitle.gif') repeat-x;
border: solid 1px #CCCCCC;
color: #003366;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
}

#selectbox{
clear: left;
position: relative;
width: 293px;
float: left;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: #FFFFFF;
}

#selectinner{
min-height: 278px;
height: 278px;
background: url('../images/europe_lg.jpg');
background-repeat: repeat-x;
background-position: bottom right;
margin: auto;
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
padding:10px;
}
#selectinnerNorthAmerica{
min-height: 278px;
height: 278px;
background: url('../images/nAmerica_Lg.jpg');
background-repeat: repeat-x;
background-position: bottom right;
margin: auto;
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
padding:10px;
}
#selectinner .selecttext{
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
}

#caseselectinner{
min-height: 278px;
height: 278px;
background: url('../images/caseselect.jpg');
background-repeat: repeat-x;
background-position: bottom right;
margin: auto;
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
padding:10px;
}

#caseselectinner .selecttext{
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
}

#titlebarselect{
float: left;
width: 313px;
height: 30px;
text-indent: 10px;
background: url('../images/navbutton.gif');
background-repeat: repeat-x;
background-color: #336699;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #330066;
}

#displaybox {
clear: right;
position: relative;
width: 607px;
float: right;
padding: 10px 10px 0px 10px;
border: solid 1px #330066;
background: url('../images/contentbg3.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#titlebardisplay{
position: relative;
float: right;
width: 627px;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar1.gif');
background-repeat: repeat-x;
background-color: #336699;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #330066;
}

#titlebardisplay img{
position: absolute;
top: 6px;
left: 10px;
margin-right: 10px;
border: 1px solid #FFFFFF;
}

#titlebardisplay span{
position: absolute;
top: 6px;
left: 37px;
}

/*-------------IMAGES-------------*/
#mainfeatureimage{
float: left;
z-index: 1;
/*
height: 200px;
*/
width: 583px;
margin: 0px 10px 10px 0px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #353535;
margin-top: -40px;
}

#featureimage{
position: relative;
float: left;
width:200px;
border: solid 1px #CCCCCC;
background: #FFFFFF;
}

#featureimage img{
width:180px;
height:150px;
margin: 10px;
border-width:0px;
}

#featureimage span.onoff1{
display: block; 
width: 360px; 
height: 300px; 
background: transparent url(../images/design_a_tee_onoff.jpg) no-repeat; 
background-position: 0px 0px;
margin: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-indent: 10px;
line-height:30px;
} 

#featureimage span.onoff1:hover{
background-position: -360px 0px;
text-deocration:none;
color: #000000;
} 

#featureimage a.onoff2{
display: block; 
width: 360px; 
height: 300px; 
background: transparent url(../images/design_a_tee_onoff.jpg) no-repeat; 
background-position: -360px 0px;
margin: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-indent: 10px;
line-height:30px;
} 

#featureimage a.onoff2:hover{
background-position: 0px 0px;
text-deocration:none;
color: #000000;
} 

#featureimage span{
display: block;
margin: 0 10px 10px 10px;
}

#contactimage{
position: relative;
float: left;
width:200px;
border: solid 1px #CCCCCC;
background: #FFFFFF;
}

#contactimage img{
width:180px;
height: 150px;
margin: 10px;
border-width:0px;
}

#contactimage a.onoff1{
display: block; 
width: 180px; 
height: 150px; 
background: transparent url(../images/wave_onoff.jpg) no-repeat; 
background-position: 0px 0px;
margin: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-indent: 10px;
line-height:30px;
} 

#contactimage a.onoff1:hover{
background-position: -180px 0px;
text-deocration:none;
color: #000000;
} 

#contactimage a.onoff2{
display: block; 
width: 180px; 
height: 150px; 
background: transparent url(../images/wave_onoff.jpg) no-repeat; 
background-position: -180px 0px;
margin: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-indent: 10px;
line-height:30px;
} 

#contactimage a.onoff2:hover{
background-position: 0px 0px;
text-deocration:none;
color: #000000;
} 

#contactimage a{
display: block;
margin: 0 10px 10px 10px;
}

#playerimage{
position: relative;
float: right;
width:150px;
}

#playerimage img{
width:140px;
height: 90px;
margin: 5px;
}

#playerimage .caption{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}

#largeplayerimage{
position: relative;
float: right;
width:150px;
}

#largeplayerimage img{
width:150px;
height: 191px;
margin: 2px;
}

#largeplayerimage .caption{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}

#glitsos {
position: relative;
float: left;
width:135px;
border: solid 1px #CCCCCC;
background: #FFFFFF;
margin: 5px 10px 2px 0px;
}

#glitsos img{
width:125px;
margin: 5px;
}

#glitsos span{
display: block;
font-weight: bold;
font-size: 11px;
padding: 2px 5px;
line-height: 15px;
}

#glitsos .name{
color: #330066;
font-style: italic;
display: inline;
}

#logo {
float: left;
width:100px;
margin: 0px 10px 0px 0px;
}

#logo img{
width:100;
}

#slogan {
float: right;
width:300px;
}

/*-------------TEXT-------------*/

.text {
line-height: 20px;
}
.textblock {
display: block;
line-height: 20px;
margin-bottom: 10px;
}

.titlebar3{
width: 100%;
height: 30px;
text-indent: 10px;
background: url('../images/titlebar3.gif') repeat-x #003366;
border: solid 1px #FFFFFF;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
}

.titlebar3 span{
float: left;
}


.subheader {
display: block;
font-weight: bold;
line-height: 20px;
font-size: 13px;
}

.topicheader {
font-weight: bold;
line-height: 20px;
font-size: 13px;
font-weight: bold;
color: #330099;
}

.topicheaderbig {
display: block;
font-weight: bold;
line-height: 20px;
font-size: 16px;
font-weight: bold;
color: #330099;
}

#featurebox .topicheaderbig{
font-size: 18px;
position: relative;
width: 563px;
top: 1px;
left: 0px;
background: #CCCCCC;
padding: 10px;
z-index: 999;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #000;
-moz-opacity:.85;
filter:alpha(opacity=85);
opacity:.85

}

.topicheaderbig a{
color: #330099;
font-weight: bold;
line-height: 20px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.address{
float: left;
margin-left: 10px;
line-height: 15px;
font-size: 12px;
}

.companyinfo{
float: left;
margin-left: 10px;
line-height: 20px;
font-size: 12px;
}

.companyinfo{
float: left;
margin-left: 10px;
line-height: 20px;
font-size: 12px;
}

#rightcontent2 .yearcount {
color: #330066;
font-weight: bold;
font-size: 14px;
font-style: italic;
}

/*-------------DIVIDERS / SPACERS-------------*/

.divider{
margin: 10px 0px;
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #CCCCCC;
}

.spacer{
margin: 10px;
}

.tenpixpad {
padding: 10px;
}

.fivepixpad {
float: left;
padding: 5px;
}

.bold12 {
font-weight: bold;
font-size:12px;
}

.clearfloat{
clear: both;
}

/*-------------FOOTER-------------*/

#footer {
font-size: 11px;
clear: both;
float: left;
width: 100%;
height: 30px;
line-height: 30px;
background: url('../images/navbutton.gif');
background-repeat: repeat-x;
background-color: #003366;
}

#footerlinks{
float: left;
width: 600px;
margin: 0px;
}

#footerlinks a{
color: #FFFFFF;
text-decoration: none;
text-align:left;
padding-left: 10px;
}

#footerlinks a.first{
padding-left: 0px;
}

#copyright {
float: right;
width: 250px;
text-align:right;
color: #FFFFFF;
}

#copyright a:hover{
color: #0066FF;
}


#footerlinks a:hover{
color: #0066FF;
}

/*Custom form css*/
.custom_form span{
    float: none !important;
}
.custom_form{
    width: 540px;
    margin: 0px auto;
    color: #555555;
    font-family: "arial";
}
.custom_form table tr td{
    vertical-align: top;
    padding: 0px 0px 27px 0px;
}

.custom_form .required{
    color: red;
}
.custom_form .np{
    padding: 0px;
}
.custom_form .main_title{
    font-weight: bold;
        font-size: 26px;
}
.custom_form .sub_title{
        font-size: 18px;
}
.custom_form .field_title{
    font-weight: bold;
    padding: 7px 0px 0px 0px;
}
.custom_form input[type=text],.custom_form input[type=email]{
        height: 13px;
    padding: 5px;
}
.custom_form select{
    height: 27px;
}
.custom_form .error{
    color: red;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0.5em;
}
.custom_form .pbn{
    padding-bottom: 0px !important;
}
.custom_form .ui-checkbox{
    display: inline-block;
}
.custom_form .email{
    width: 96%;
}
.custom_form .q_pb{
        padding-bottom: 14px !important;
}
.custom_form .fw{
    width: 95%;
}
.custom_form .select_div{
    width: 180px;
}
.custom_form .select_div select{
    width: 100%;
}
.custom_form label{
        line-height: 26px;

}
.custom_form label.summery{
    width: 390px;
    display: inline-block;
}
.custom_form .alert-error{
    color: red;
}
.custom_form .alert-success{
        color: green;
}





/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/*End:Custom form css*/


/*-----------ADMIN-----------*>

#admin{
position: relative;
float: right;
width: 550px;
text-align:right;
color: #FFFFFF;
}
}