/* CSS Document */


div { 
 margin:0; 
 padding:0; 
 /*outline:0px solid red; */
} 

body { 
background:#e7e7e7 url(images2010/baks/swirls2.png) no-repeat center 200px;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
line-height:250%; 
} 

#main{
font-size:1.2em; 
padding: 10px 0 20px 0;
background-color:#FFF;
}
#mainimage{
background-color:#FFF;	
}
/* ---------------
   Layout elements
   --------------- */
/* The container and descendants */
#container{
padding-top:20px;	
}
p{
padding:5px 0 5px 0;	
}
#container2 { 
width:760px; 
margin:0 auto 0 auto;
padding: 0 0 5px 0; 
background:#FFF; 
}
/* The top container and descendants */
#topcontainer { 
width:760px; 
margin:10px auto 0 auto; 
}

/* The masthead and descendants */
#masthead { 
height:80px; 
} 
/* The main image and descendants */
#mainImage {
width:760px; 
background-color:#FFF;
border:solid;
border-color: #FFF;
border-width: 5px 0 0 0;
}

.subcol1,.subcol2{
display: inline;
float: left;
position: relative;
}
.subcol1{
width:370px;
margin-left: 0px;
margin-right: 10px;
padding:0;

}

.subcol2{
width:310px;
margin-left: 10px;
margin-right: 0px;
padding:0;

}

/* The main nav and descendants */
#mainNav {
width:960px;
font-family:Arial, Helvetica, sans-serif;
/*background-color:#000; */
color: #000;
margin: 0;
padding: 0 0 5px 0;
text-align:center;
}
#mainNav ul {
list-style:none;
margin: 0;
padding:0;
}
#mainNav li {
display:inline;
margin:0 10px 0 0;
padding:15px 10px 10px 10px;
/*line-height:200%;*/
height:100px;
width:100px;
background:url(tests/button-bak7.png) no-repeat center top;
}
#mainNav li a:link, #mainNav li a:visited {
text-decoration:none;
font-size:1.6em;
color:#000;
padding: 5px 5px 2px 5px;
}
#mainNav li a:hover {
color:#FFF;
background-color:#C00;
padding: 5px;
}
/* The border and descendants */ 
#border {
width: 20px;
}
/* Checklist and Descendants */
.checklist ul {
list-style:none;
margin: 0 0 10px 0;
padding:0;
}
.checklist li {
background: transparent url(images/bullet10.gif) no-repeat left center;
padding: 0 0 0 25px;

}
/* The main column and descendants */ 
  #mainCol { 
    float:right; 
    width:430px;
	font-size:1.1em; 
    line-height:150%; 
    color:#333;  
    text-align:left; 
    } 
#mainCol p { 
margin-top: 5px;
width:400px; 
} 
/* Highlighting the current page */
#home #mainNav a.home { 
border-bottom:1px dotted #000;
}
#portfolio #mainNav a.portfolio { 
border-bottom:1px dotted #000;
}
#about #mainNav a.about { 
border-bottom:1px dotted #000;
}
#contact #mainNav a.contact { 
border-bottom:1px dotted #000;
}

#services #mainNav a.services { 
border-bottom:1px dotted #000;
}

#solutions #mainNav a.solutions { 
border-bottom:1px dotted #000;
}
#portfolio #col2 ul {
list-style:none;
margin: 0;
padding:0;
}

#portfolio #col2 li {
padding: 0 0 25px 0;
}

#portfolio #col2 img {
border:1px solid #333;
}
.topborder{
border:1px solid #333;
border-left:none;	
border-right:none;	
}
#contact #mainCol p {
margin: 0 0 5px 0;
padding: 0;
}

#response #mainCol, #error #mainCol{
height: 200px;
}
.inset {
	background-color:#67b7fd;
	color:#000;
	width:90%;
	padding: 5px;
	margin: 5px 0 5px 0;
}
#mainCol div.inset p {
	width:100%;
}

div.inset ul{
list-style:square;
margin: 0 0 10px 20px;
padding:0;
}
div.inset li{
	padding: 0 0 5px 0;
	margin:0;
}

/* The sidebar and descendants */ 
  #sidebar { 
    float:right; 
    width:310px; 
    text-align:left; 
	font-size:1.1em; 
    line-height:150%; 
    color:#333;  
} 
#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}
#sidebar li {
background: transparent url(images/tick.gif) no-repeat left center;
padding: 0 0 0 25px;
font-weight:bold;
}

#portfolionav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#portfolionav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}
#portfolionav ul a:link, #portfolionav ul a:visited, #portfolionav ul a:hover, #portfolionav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #portfolionav ul a:link { 
    color:#000; 
    } 
#portfolionav ul a:visited { 
    color:#666; 
    } 
#portfolionav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#portfolionav ul a:active { 
    color:#333; 
  }
 #subnav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#subnav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}

#timesaver #subnav li.timesaver {
display:none;
}
#subnav li.timesaver {
background: #CCC;
 color:#F00;
}
#subnav ul li.timesaver a:visited { 
    color:#F00; 
    } 
#subnav ul a:link, #subnav ul a:visited, #subnav ul a:hover, #subnav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #subnav ul a:link { 
    color:#000; 
    } 
#subnav ul a:visited { 
    color:#666; 
    } 
#subnav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#subnav ul a:active { 
    color:#333; 
  }
 #solutionsnav ul {
 list-style-type:none; 
  margin:0px; 
  padding:0px;  
  width:200px; 
  
}
#solutionsnav li {
background: #E7E7E7;
  margin: 0; 
  padding: 0;
   border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  border-right: 1px solid #aaa; 
  border-bottom: 1px solid #666 
}
#solutionsnav ul a:link, #solutionsnav ul a:visited, #solutionsnav ul a:hover, #solutionsnav ul a:active { 
    display:block; 
    padding: 2px 10px;
    text-decoration:none;
   
  }
  #solutionsnav ul a:link { 
    color:#000; 
    } 
#solutionsnav ul a:visited { 
    color:#666; 
    } 
#solutionsnav ul a:hover { 
    color:#F00; 
    background: #CCC;
    } 
#solutionsnav ul a:active { 
    color:#333; 
  }
/* featured and descendants */ 
#featured {
clear:both; 
text-align:left; 
padding: 10px 0 0 0;
margin: 0;
}
/* The footer and descendants */ 
#footer {
font-size:1.0em;
clear:both; 
text-align:left; 
padding: 0 0 0 20px;
background-color:#666;
margin: 20px 0 0 0;
color: #CCC;
} 
#footer p {
padding: 10px 0 10px 0;
margin: 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#CCC;
}
/* additions and descendants */ 
#additions-box {
clear:both; 
width: 760px;
margin:10px auto 0px auto;
color: #CCC;
text-align:left;
padding: 0 0 10px 0;
border:1px solid #000;
}
#additions-box a:link, #additions-box a:visited {
text-decoration:none;
color:#CCC;
}
#additions-box a:hover {
text-decoration:underline;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */
h1, h2 {
margin: 10px 0 10px 0;
padding: 0;
}
h1 {
color:#C00;
font-size:1.3em;
}
h2 {
color:#333;
font-size:1.2em;
}

h1 a:link, h1 a:visited {
color:#C00;
text-decoration: none;
}

h1 a:hover {
color:#67b7fd;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#333;
text-decoration: none;
}

h2 a:hover, h3 a:hover {
color:#C00;
} 



/* ---------------------
   Other common elements 
   --------------------- */
dl {
		width: 430px;
		margin: 0 0 0px 0px;
		padding: 0 0 15px 0;
		background: #E7E7E7 url(images/rounded-btm2.gif) no-repeat bottom left;
		color: #333333;
		font-weight:bold;
		}

	dt {
		margin: 0;
		padding: 10px 10px 10px 25px;
		font-size: 130%;
		background: #E7E7E7 url(images/rounded-top2.gif) no-repeat top left;
		}
	

dd {
display:inline;
  margin: 0;
  padding: 10px 0 10px 25px;

   }
  dd img {
  border: #333 1px solid;
  }
img {
border:0;
}

a:link,a:visited, a:active{ 
    color:#000; 
	text-decoration: none;
    } 
a:hover { 
    color:#F00; 
	text-decoration:underline;
    } 
/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset.enquiry{
border:0;
margin:0 0 5px 0;
padding:0;	
}


fieldset.time {
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 7px;
-webkit-border-radius: 7px;
border-radius: 3px;
padding: 10px;
}

legend {

padding: 0 5px 10px 5px;
background-color:#fff;
font-weight:bold;
color:#333;
font-size:1.2em;
}
label {
font-weight:bold;
}

label {
font-weight:bold;
}
#username_table label
{
   font-weight:normal;
   font-size:14px;
}
input.submit {
background-color:#67b7fd;
margin:5px 0 10px 0;
width: 200px;
}
input, textarea,select {
/*
width: 100%;
margin: 2px 0 0 0;
*/
}
.underline{
border:double;
border-top:double;
border-width:15px;
}

.narrow {
width:100px;	
}

input.btn-saver {
background-color:#67b7fd;
font-weight:bold;
margin:5px 0 10px 0;
width: 200px;
}
/*box*/
div.categories_kc p {	padding: 20px 20px 0 20px;	}
		
		
		

		div.categories_kc {
			width: 250px;
			background-color: #e9e7e5;
			color: #fff;
			font-size: 14px;
			margin-bottom: 2em;			
		}
		
		div.categories_kc p.top-r {
			background: transparent url(images/top.gif) no-repeat top left;
			
		}
		
		div.categories_kc p.btn-r {		
			background: transparent url(images/bottom.gif) no-repeat bottom left;
			padding: 10px 0 20px 20px;	
		}		
		
		div.categories_kc p.btn-r { color: #CF852C; }
		
		div.categories_kc p.top-r .btitle{
			display:block;
			background-color:#fff;
			color:#333;
			width:100%;
			padding: 5px 0 5px 0;
			text-align:center;
			font-weight:bold;
		}


	
	
	div.categories_kc .btitle a:link { 
    color:#333; 
	text-decoration:none;
	font-weight:bold;
    } 
div.categories_kc .btitle a:visited { 
    color:#333; 
	text-decoration:none;
	font-weight:bold;
    } 
div.categories_kc .btitle a:hover { 
    color:#dc5a06; 
	font-weight:bold;
    
    } 
div.categories_kc .btitle a:active { 
    color:red; 
	text-decoration:none;
	font-weight:bold;
  }

#logos{
background-color:#FFF;
padding: 20px 0 4px 0;
}
#logo2,#logo3{
padding-top:10px;
}
.error {
	color:#C00;
	font-weight:bold
}

#packages th{
	width:196px;
	text-align:left;
	padding:2px;
}
#packages td{
	width:100px;
	text-align:center;
}

#starter #col2 table#packages{

}

td.bar{
	background-color:#333;
	height:10px;
}
tr.alt{
	background-color:#CCC;
	
}
tr.professional{
background-color:#1aa6ff;
}

 ul.sidelist {
list-style:disc;
margin: 0 0 10px 0;
padding:0;

}
.sidelist li {
	margin-left:15px;
	font-size:0.9em;
}
/*.sidelist li {
background-color: transparent;
background-image: url(images/bullet10.gif);
backgrono-repeat left top;
padding: 0 0 0 25px;
margin-top:5px;

}*/

#wrapper{
width:100%;
/*background: url(images/swirlbak.gif) repeat-x center 200px;*/
}

.tb
{
 width:400px;  
}

.customermenu
{
    background-color:#cecece;  
    padding:10px;
    border: 1px solid #000;
}

#loader1,#loader2,#loader3,#loader4,#loader5,#loader6,#loader7,#loader8,#loader9
{

display:none;
background-color:#fff;
width:200px;
border: 1px solid #000;
height:50px;
padding:10px;
margin:10px;
}

.warning
{
    color:Red;  
}
#ctl00_contentPlaceHolder_gvOrders table
{
   margin:8px 4px 8px 4px;
}
#ctl00_contentPlaceHolder_gvOrders th, #ctl00_contentPlaceHolder_gvOrders td
{
    text-align:center;
}

table#ctl00_contentPlaceHolder_GridComments tr.comtabledk td, table#ctl00_contentPlaceHolder_GridComments tr.comtablelt td
{
    border-top-width:1px;
    border-bottom-width:1px;
    border-color:#c5c5c5;
    border-style:dotted;
   padding:10px;
}

table#ctl00_contentPlaceHolder_GridComments h2
{
  margin-bottom:0px;
  padding-bottom:0px;
}
table#ctl00_contentPlaceHolder_GridComments h2+p
{
  margin-top:0px;
  padding-top:0px;
}
.btns, div#serviceform .btns
{
 width:150px; 
 background-color:#0059a4;
 color: #ffffff;
 border-width:1px;
border-bottom-color:#001962;
 border-right-color:#001962;
 border-top-color:#09bcff;
 border-left-color:#09bcff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.btns:hover, div#serviceform .btns:hover
{
 background-color:#0082cc;
}
#ctl00_contentPlaceHolder_CreateUserWizard1_StartNavigationTemplateContainerID_StartNextButton.regbtns
{
    width:150px; 
 background-color:#0059a4;
 color: #ffffff;
 border-width:1px;
border-bottom-color:#001962;
 border-right-color:#001962;
 border-top-color:#09bcff;
 border-left-color:#09bcff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
    margin:5px;
}

table#ctl00_contentPlaceHolder_CreateUserWizard1 td
{
   padding-top:2px;
    padding-bottom:2px;
}
table#ctl00_contentPlaceHolder_CreateUserWizard1 input
{
   margin-right:2px;   
}
.btncancel
{
  font-size:18px;
padding:5px;
margin-top:10px;
}

.btns-main
{
 width:250px; 
 background-color:#00A400;
 color: #ffffff;
 border-width:1px;
border-bottom-color:#006200;
 border-right-color:#006200;
 border-top-color:#09FF09;
 border-left-color:#09FF09;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size:18px;
padding:5px;
margin-top:10px;
}
.btns-main:hover,.btns-green:hover
{
 background-color:#00CC00;
}

.btns-upload
{
     width:300px; 
}
.btns-small
{
   width:50px;
 
}

.btns-red, div#serviceform .btns-red
{
    
background-color:#990000;
 border-bottom-color:#660000;
 border-right-color:#660000;
 border-top-color:#ff6666;
 border-left-color:#ff6666;   
}

.btns-red:hover
{
 background-color:#cc0000;
}

.btns-green
{
    
 background-color:#00A400;
 border-bottom-color:#006200;
 border-right-color:#006200;
 border-top-color:#09FF09;
 border-left-color:#09FF09; 
}
div.addcomments, div#serviceform, div.customer_details_form
{
    margin:10px 0 10px 0;
    border-width: 1px;
    border-style:solid;
    border-color: #c5c5c5;  
    padding: 0px 10px 10px 10px;
}

div#serviceform, div.customer_details_form
{
padding-top:10px;
}
table#ctl00_contentPlaceHolder_FormView1 th, table#ctl00_contentPlaceHolder_FormView1 td, table#ctl00_contentPlaceHolder_GridExtraFiles th
{
    text-align:left;
    vertical-align:top;   
}

div#serviceform input, div#serviceform textarea,div#serviceform select
{
   width: 400px;
}

div#serviceform span.checks input
{
 width:20px;  
}

.cellcentre
{
    text-align:center;   
}

#logincol1,#logincol2{
display: inline;
float: left;
position: relative;	
text-align:left;
font-size:12px;
}

#logincol1{
width:340px;
margin-right: 10px;
padding:0;
}
#logincol2{
width:340px;
margin-left: 6px;
margin-right: 10px;
}

#logincol1 input.login
{
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 1px #CCCCCC inset;
   height: 24px;
    line-height: 24px;
    margin-left:4px;
}
table#login_table table tr td
{
   padding-bottom:4px; 
    
}