@charset "utf-8";
/* CSS Document */

html, body, div,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 1.5;
}

html, body 
{
	background:#989898 url(../pictures/backgrounds/bg-body.jpg) top center repeat-y;
    text-align:center;
   	margin:0;
	padding:0;
	font: 90% "Trebuchet MS", Arial;
}

.left
{
    float: left;
}
.right
{
    float: right;
}

#wrapper{
    text-align:left;
    margin:0 auto;
    width:960px;  
    background-color:#fff;
}

#till
{
    width:262px;
    height:180px;
    background:url(../pictures/backgrounds/till.gif) top left no-repeat;
    padding: 0;
    z-index: 202;
    position: absolute;
    right: 0px;
    top: 0px;
}

#profit
{
    width:159px;
    height:81px;
    background:url(../pictures/backgrounds/profit.gif) top left no-repeat;
    padding: 0;
    z-index: 202;
    position: absolute;
    right: 248px;
    top: 0px;
}

#phoneNo
{
    width:384px;
    height:30px;
    padding: 0;
    z-index: 204;
    position: absolute;
    right: 44px;
    top: 85px;
    color: #006699;
    font-size:200%;
}

#content
{
    padding:20px;
}

#main
{
    width:600px; 
    float:left;
    padding-right:20px;
}

#rightCol
{
    width:299px; 
    float:left;
}

#masthead{
	position: relative;
	width:960px;
    left: 0px; 
    top: 0px; 
    height:130px;
}

#mainpage {	
	padding:0px;  
    border:1px;
  	border-color:black;
}  

#footerWrapper {	
    background:url(../pictures/backgrounds/footer.jpg) top left repeat-x;
    /*height: 150px;*/
	clear:both;   
	color:#FFFFFF;   
	font-size: 90%;
	border-top: 1px #333 solid;
	width:960px;
	margin: 0 auto;
}

.footerText {padding:3px 0px 3px 10px;}


#footerleftcolumn {
 margin: 0px;
 padding: 0px;
 width: 240px;
 float: left;
}
#footerleftmiddle { 
 margin: 0px;
 padding: 0px;
 width: 239px;
 float: left;
}
#footerrightmiddle { 
 margin: 0px;
 padding: 0px;
 width: 240px;
 float: left;
}
#footerrightcolumn { 
 margin: 0px;
 padding: 0px;
 width: 240px;
 float: left;
}


/***** Links *****/

a.white:link, a.white:visited, a.white:hover {
	color: #fff;
	text-decoration: none;
}

a.white:hover {
	text-decoration: underline;
}

a:link, a:visited, a:hover {
	color:#006699;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a.links:link, a.links:visited, a.links:hover {
	text-decoration: none;
	display:block;
}

a.links:hover {
	text-decoration: none;
	background-color:#406fa2;
	color:#fff;	
	display:block;
}

.links
{
    padding: 3px 15px 3px 15px;
    font-size:108%;
}

/***********************************************/
/* Header styles                               */
/***********************************************/ 

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 150%;
 color: #406fa2;
}

h2{
 font-size: 135%;
}

h3{
 font-size: 100%;
 font-weight:bold;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
}

ol, ul, li {
	list-style-type:disc;
	}
	
.indent{margin-left:25px;float:left;padding-left:20px;}

.testimonial
{
    font-style:italic;
    font-size:120%;
    color:#666;
    padding: 15px 15px 5px 15px;
}

.testimonialName
{
    font-weight:bold;
    font-size:115%;
    color:#333;
    padding: 5px 15px 0px 15px;
}

.news
{
    padding: 15px 15px 0px 15px;
}

.blue{color: #406fa2;}
.red{color:#BD301A;font-weight:bold;}

/***** FAQ Pages *****/

#left{
	width:50%;
	float:left;
}

#left img{
	border: #999999 solid 1px;
}

#right{
	width:50%;
	float:left;
}

/***** Tab Pages *****/

#tab {
	width:600px;
	padding:0px; 
}

#tabHeader
{
	width:602px;
	padding:0px;
	background:url("../pictures/pro-dropdown6/six_0.gif") repeat-x left bottom;
	height:33px;
}

#tab div.off {
	color:#fff;
	height:33px;
	line-height:33px; 
	padding:0 10px 0 0; 
	margin:0;
	float:left;
	/*background:url("../pictures/pro-dropdown6/six_0.gif") repeat-x left bottom;*/
	cursor:pointer; 
	position:relative;
	z-index:20;
}

#tab div.on {
	color:#006699;
	font-weight:bold;
	padding:0 10px 0 0; 
	margin-right:0px; 
	float:left; 				
	/*background:url("../pictures/pro-dropdown6/six_0.gif") repeat-x left bottom; */
	cursor:pointer;
	border-bottom:0;				 
	line-height:33px;
	position:relative;
	z-index:100;
}

#tab div.hide {
	display:none;
	width:0; 
	overflow:hidden;
}

#tab div.show {
	/*background-image:url(../pictures/default/profile-bg.gif);
	background-repeat:repeat;*/
	background-color:#dadada;
	/*clear:left;*/
	width:600px;
	margin:0;
	border: #999999 solid 1px;
	padding: 10px 0px 10px 0px;
	position:relative; 
	z-index:50; 
}

#tab div.show img {
	float:left;
    margin:0px;
           
}
#tab div span { 
	padding-left:10px;
	padding-right:10px;
	text-align: left;                   
}
#tab div p {
	padding-left:10px;
	padding-right:10px;
}

#tab div ul {
	margin-left:25px;
}

/*#tab .clear {clear:both;}*/


/***Thumbnails ****/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/***********************************************/
/* Solutions                                   */
/***********************************************/ 

#solutionsWrap {    
	width: 550px;    
	margin: 0 auto;
	background-color:#ccc; 
	padding:10px;}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0px;
    padding: 0px;
}
p{ margin:0px; padding:0px}

#slider {
    width: 510px;
    margin: 0 auto;
    position: relative; 
}

.scroll {
    height: 350px; 
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #fff;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 500px;
}

#shade {
    background-color: #EDEDEC;
   
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
    background-color: #ddd;
}

ul.navigation a:hover {
    background-color: #fff;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}