/* Start of CMSMS style sheet 'Quadbeam Layout CSS' */
body {
border:0;
height:100%;
max-height:100%;
font-family:arial, verdana, sans-serif;
margin:0;
padding:0;
}

html,body,p,th,td,li,dd,dt {
font:8pt Verdana, Arial, Helvetica, sans-serif;
}
html{
height:100%;
}

h1,h2,h3,h4,h5,h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#leftband h1{
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size:19px;
color:#454545;
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal; 
border-bottom: none;
margin-top:15px;
}

.productpanel{
width:100%;
align:center;
}

#phone h3{
color:#6A6A6A;
font-family:Georgia,tahoma;
font-size:15px;
padding:0px;
margin:0px;

font-weight:bold;
}

#search {
border:1px solid black;
height:10px;
margin-top:10px;
padding-top:30px;
margin-bottom:-10px;
padding-bottom:-100px;
vertical-align:bottom;
}
.productpanel td{
width:210px;
height:100px;
background-image:url('uploads/qbimg/prod_bg.gif'); 
background-repeat:no-repeat; 
valign:top;
padding-left:0px;
padding-right:7px;
left:0px;
padding-top:3px;
vertical-align: top;
}

.productpanel p{
line-height:115%;
margin-top:3px;
margin-right:0px;
padding-right:0px;
margin-bottom:0px;
margin-left:-15px;
}

.productpanel a{
margin-top:0px;
margin-left:0px;
margin-bottom:-50px;
padding-bottom:0px;
}

.productpanel img{
margin-top:-5px;
width: 87px;
height: 94px;
margin-right:-45px;
padding-top:-80px;
margin-bottom:0px;
float:right;
}

.productpanel h5{
background-image:none; 
font-family:tahoma;verdana;
font-size:11px; 
color:#ffffff;  
font-weight:normal;
margin:0px;
padding-top:5px;
background-color:none;
padding-bottom:-10px;
margin-right:50px;
padding-left:10px;
background-color:#363C94;
padding-bottom:5px;
}


.productpanel h6{
background-image:none; 
font-family:tahoma;verdana;
font-size:11px; 
color:#ffffff;  
font-weight:normal;
margin:0px;
padding-top:5px;
background-color:none;
padding-bottom:-10px;
margin-right:50px;
padding-left:10px;
background-color:#EE9A07;
padding-bottom:5px;
}


p {
line-height:180%;
color:#454545;
padding-left:20px;
padding-right:16px;
margin-right:40px;
}

#footer p{
color:#4B4B4B;
font-family:verdana,tahoma;
font-size:11px;
padding-left:0px;
padding-right:0px;
line-height:130%;
text-align:center;
}

#footer a{
color:#4B4B4B;
font-family:verdana,tahoma,verdana;
font-size:11px;
font-weight:bold;

}
#contactus h1{
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size:19px;
color:#454545;
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal; 
border-bottom: none;
margin-top:8px;
}
#contactus h5{
font-family:verdana;
font-size:11px;
padding-left:15px;
padding:0px;
margin:0px;
margin-left:20px;
font-weight:normal;
color:#C8830B;
margin-top:5px;
margin-bottom:-10px;
}

#rightband h1{
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:17px;
color:#ffffff;
border-bottom: none; 
padding-left:-10px;
padding-right:-10px;
padding-bottom:-10px;
margin-top:4px;
}

#rightband img{
margin-top:-5px;
float:left;
padding-left:0px;
margin-left:-10px;
*margin-left:0px;
}

h1 {
border-bottom: 1px solid #0BAAFC; 
margin-left:5px;
padding-top:0px;
padding-left:5px;
margin-left:0px;
padding-bottom:0px; 
margin-left:15px;
margin-right:40px;
font-size:22px;
color:#1E59EF;
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal; 

}

h2 {
border-bottom:none;
font-size:13px;
color:#0BAAFC;
font-family:verdana,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-left:20px;
margin-right:0px;
margin-top:-5px;
}

h3 {
font-size:1.7em;
color:#080589;
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-bottom:-15px;
margin-left:20px;
margin-right:10px;
}

h4 {
font-size:1.2em;
color:#080589;
font-family:Tahoma, Trebuchet Ms, Arial, Helvetica, sans-serif;
margin-left:20px;
margin-right:10px;
}

h5 {
font-size:0.9em;
margin-left:20px;
margin-right:10px;
}

h6 {
font-size:0.8em;
margin-left:20px;
margin-right:10px;
}

a {
color:#003f7f;
/*color:#ffffff;*/
}

a img{
border:0px
}

a:hover {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

.a_head{
/*color:#ffffff;*/
border-bottom:1px solid #3d4b54; 
/*font-size:1.7em;*/
color:#8CC63F;
font-family:Century Gothic,Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
.contactform textarea {
width: 210px; /* <-- change this to whatever works for you */
height: 60px; /* <-- change this to whatever works for you */
}

.contactform input[type=text]{ 
width:210px;
}



a image{
border:none;
}

.thumb a img {
border:1px solid #000;
}



#contents li{
line-height:180%;
padding-left: 10px;
margin-left:30px;
padding-left:14px;
color:#454545;
background-image: url(uploads/qbimg/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
}

#contents ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
color:#3d4b54;

}

.footer {
font-size: 8pt; 
font-family: tahoma, verdana; 
line-height:110%
}

.footer a {
font-size: 8pt
}


p.contactus{
line-height: 12pt;
font-family:Tahoma, Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4B4B4B;
}

.thumb{
width:135px;}




/* download template formatting */

tr.row1  {
   background-color: #fff;
   }
tr.row2  {
	background: #EDF2F3;
   }  
 tr.rowh  {
	background: #134DA4;
                color:#ffffff;
   }  
tr.row1:hover { background: #E4ECED; }
tr.row2:hover { background: #D9E3E6; }  
/*tr.rowh:hover { background: #CC0000; }    */






/* root element for scrollable */
div.scrollable.vertical {  
	

	/* required settings */
	position:relative;
	overflow:hidden;	


	/* vertical scrollers have typically larger height than width */	
	height: 290px;	 
	width: 250px;
                                             	

}

/* root element for scrollable items */
div.scrollable.vertical div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:2000em;
                width: 220px;
	margin-left: 0px;
                padding-left:0px;
            
}

/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float:none;
	margin:20px 20px;
                *margin:0px 0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	font-family:Verdana;
	color:#474747;
	text-align:left;
	width:278px;
	font-size:11px;
	padding-bottom:-10px;
	margin-top:-10px;
	*margin-top:0px;
	padding-left: 70px;	
	padding-top:0px;
	*padding-bottom: 5px;	
	*padding-top:5px;
	cursor:pointer;
	border-bottom:1px dotted #999999;
}


.thumb2
{

    
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}


.tofield input{ 
 font-size: 10px; 
 border: 1px solid #666666; 
display:none;
width:220px;
}


/* End of 'Quadbeam Layout CSS' */

