/* RESET ===================================================================================== */

html, body {font-size:100%}
html,body,h1,h2,h3,h4,h5,form,fieldset,ul,li {margin:0; padding:0}
h1,h2,h3,h4,h5 {font-weight:normal}
:focus, :active {outline:0}
blockquote {font-style:italic}
em {font-style:normal; font-weight:bold}
a img, fieldset {border:0}
button, #submit {cursor:pointer}
fieldset, input, textarea, pre {font-family:inherit}

/* BASIC FORMS =============================================================================== */

legend {display:none}
label {display:block; margin:0 0 5px 0}
input, textarea {color:#666; width:100%; border:2px solid #3a5ba6; background:#fff; padding:3px; margin:0 0 10px 0}
input:focus, textarea:focus {border:2px solid #333; color:#333}
.submit {display:inline; padding:5px; margin:0; color:#fff; background:#1e327b; border:2px solid #1e327b; width:auto; cursor:pointer; font-variant:small-caps}
.submit:focus {background:#000}

/* LOGIN FORM -------------- */


#right form {
padding:10px;
border:1px solid #666;
margin:10px 0;
}

#right form input, #right form textarea {
width:95%;
}

#right form .submit {
width:auto;
}

div#login-form {
background:transparent url(../images/login_top.gif) no-repeat top left;
padding:15px 10px 0 10px;
margin:10px 0 0;
}

#login-form h4 {
text-align:left;
text-indent:25px;
color:#fff;
font-size:24px;
background:transparent url(../images/padlock.png) no-repeat top left;
}

div#login-bottom {
height:13px;
background:transparent url(../images/login_bottom.gif) no-repeat bottom left;
}

#login-form input {
width:170px;
}

#login-form .submit {
width:auto;
}

form#login label {
display:none;
}

.text-input {
background:#fff url(../images/input.gif) no-repeat top left;
}

/* BASIC COLOURS ============================================================================= */

h1, h2, h3, h4, h5 {color:#000}
span, p, ul, li {color:#666}
a:link {color:#1e327b}
a:visited {color:#1e327b} /* the same as a:link! */
/* a:hover {text-decoration:none; border-bottom:2px solid;} */
a:active {color:#fff; background:#c00}

a.external-link {
padding:0 0 0 20px;
background:transparent url(../images/external.png) no-repeat center left;
}

/* BODY AND CONTENT STYLES ============================================================================= */

body {
font-family:georgia, serif;
background:#1e327b;
}
#mainpage{
}

h2, h3, h4 {
color:#ce1e11;
margin:0 0 10px 0;
}

h2 {
font-size:30px;
}

h3 {
font-size:20px;
}

p {
text-align:justify;
color:#333;
margin:0 0 10px 0;
font-size:14px;
line-height:20px;
word-spacing:4px;
}

.img-left {
float:left;
padding:5px;
border:1px solid #333;
margin:10px 10px 10px 0;
}

.img-right {
background:#fff;
float:right;
padding:5px;
border:1px solid #333;
margin:10px 0 10px 10px;
}

/* LAYOUT ============================================================================= */

#header {
height:70px;
background:#333;
border-top:10px solid #6d81a4;
}

#header h1 {
display:inline;
font-size:0;
color:#333;
}

#secheader {
height:70px;
background:#333;
border-top:10px solid #6d81a4;
}

#secheader h1 {
display:inline;
font-size:0;
color:#333;
}

#outer-wrapper {
background:#fff;
}

#wrapper {
width:770px;
min-height:300px;
margin:0 auto;
padding:15px 0;
}

#left {
width:200px;
padding:210px 20px 0 0;
float:left;
background:#fff url(../images/logo.gif) no-repeat top left;
text-align:center;
}

#left strong {
font-weight:normal;
font-style:italic;
font-size:18px;
text-align:center;
}

#right {
float:right;
width:550px;
}

#footer {
clear:both;
height:50px;
border-top:10px solid #6d81a4;
}

#footer p {
line-height:50px;
text-align:center;
color:#fff;
}

#footer p a {
color:#fff;
}

/* NAVIGATION ============================================================================= */

#header {
height:70px;
background:#333;
border-top:10px solid #6d81a4;
}
#header table {
width:798px;
margin:0 auto;
padding:15px 0 0 0;
list-style:none;
text-align: center;
}
#header table td a {
color:#fff;
text-decoration:none;
padding:2px 21px 2px 0;
background:#333 url(../images/link_a.gif) no-repeat right top;
}
#header table td a span {
color:#fff;
padding:2px 5px 2px 27px;
background:#333 url(../images/link_span.gif) no-repeat left top;
}
#header table td a:hover, #topp ul li a.open-page {
background-position:right -44px;
}
#header table td a:hover span, #topp ul li a.open-page span {
background-position:left -44px;
}

/* Secure Index Navigation (added by silas - 05/05/10) ============================================================================= */

#secheader ul {
width:770px;
margin:0 auto;
padding:15px 0 0 0;
list-style:none;
}

#secheader ul li {
float:left;
}

#secheader ul li a {
color:#fff;
text-decoration:none;
padding:2px 10px 2px 0;
background:#333 url(../images/link_a.gif) no-repeat right top;
margin:0 26px 0 0;
}

#secheader ul li a:hover {
border:0;
}

#secheader ul li a span {
color:#fff;
padding:2px 5px 2px 15px;
background:#333 url(../images/link_span.gif) no-repeat left top;
}

#secheader ul li a:hover, #header ul li a.open-page {
background-position:right -44px;
}

#secheader ul li a:hover span, #header ul li a.open-page span {
background-position:left -44px;
}



/* root element for tabs  */
ul.tabs { 
	
list-style:none; 
	
margin:30px 0px 0px 0px !important; 
	
padding:0;	
	
border-bottom:1px solid #666;	
	
height:30px;
	
clear:both;

}


/* panes */


.panes {
	
margin-bottom:40px;

}


/* single tab */

ul.tabs li { 
	
float:left;	 
	
text-indent:0;
	
padding:0;
	
margin:0 !important;
	
list-style-image:none !important; 

}

/* link inside the tab. uses a background image */

ul.tabs a { 
	
background: url(../images/blue.png) no-repeat -331px 0;
	
font-size:11px;
	
display:block;
	
height: 30px;  
	
line-height:30px;
	
width: 106px;
	
text-align:center;	
	
text-decoration:none;
	
color:#333;
	
padding:0px;
	
margin:0px;	
	
position:relative;
	
top:1px;

}


ul.tabs a:active {
	
outline:none;		

}

/* when mouse enters the tab move the background image */

ul.tabs a:hover {
	
background-position: -331px -31px;	
	
color:#fff;	

}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	
background-position: -331px -62px;		
	
cursor:default !important; 
	
color:#000 !important;

}


/* initially all panes are hidden */ 

.panes .pane {
	
display:none;		

}

h3#liHead
{

clear:both;

}


h3.capHead

{

margin-top:20px;

}


#features-list
{

color:#333333;

font-size:13px;

line-height:20px;

margin:20px 0 20px 40px;

}
 

#features-list li
{

margin:5px 0px;

color:#333333;

}


#slideshow1

{

margin-top: 20px;

margin-bottom:20px;

height:200px;
}



/* tab pane styling */

.panes div {
	
display:none;		
	
padding:15px 10px;
	
border:1px solid #999;
	
border-top:0;
	
font-size:14px;
	
background-color:#fff;

}




h3.capHead

{

margin-top:20px;

}



ul#client-list

{

margin-top:40px;

margin-left:auto;

margin-right:auto;

width:700px;

} 


ul#client-list li

{

float: left;

list-style-type:none;

margin-right:15px;

}



ul#client-list li a img
{

width:70px;

}


#softraderintro_hype_container{
width:770px;
margin:0 auto;
padding:15px 0 0 0;
}
#intro{
width:100%;
height:2000px;
background:#fff
}
.prodmenitem{
	vertical-align: middle;
	margin-top:10px;
	width:200px;
	height:30px;
	border:1px #EDEDEF solid;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.prodmenitem a{
	vertical-align: middle;
	padding:5px;
}
.prodmenitem:hover{
	background-color: #1e327b;
	color:white;
}
#prods{
	width:550px;
	padding:0px;
}
#prodmenu{
	width:200px;
	float:left;
	color:#0517A3;
}
.proddets{
	padding:3px;
	margin-top:10px;
	width:334px;
	float:right;
	height:276px;
	border:1px #EDEDEF solid;
	display:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}