/* -------------------------------------------------------------- 
  
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
   *** CSS LAYOUT CONCEPT THANKS TO BLUEPRINT FRAMEWORK
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
   Blueprint CSS Framework Screen Styles
    * Version:   0.6 (21.9.2007)
    * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.

****************************************************************
  
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
  *** ROUNDED CORNERS CONCEPT THANKS TO Stuart Nicholls @ CSSplay
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
   Stuart Nicholls' Snazzy borders 
   * Website: http://www.cssplay.co.uk/
   
-------------------------------------------------------------- */

@import 'reset.css';
@import 'typography.css';





/* Content container standard helper classes - generic positioning */

.relative{
    position:relative;
 
}
.relative img{
    display: inline !important;
}
.relative img.bt-rt{
    position:absolute;
    bottom:0;
    right:0;
    margin:0;
}

.relative img.man-w-laptop{/*specific class for home page*/
 position:absolute;
    bottom:0;
    right:-23px;
    margin:0;
}
.relative .content{
   
}
.relative .content .highlight-red{
    color:Red;
}
.relative .width320{
    width:320px;
}
.relative  h1{    
    font-size:2.6em; font-weight:bold;font-family:Arial;
    margin:0;
}
.relative .width550{
    width:550px;
}
.relative .width350{
    width:350px;
}
.relative .width400{
    width:400px;
}
.relative .content h3{
    color:#000000;
    font-size:1.6em; font-weight:bold;font-family:Arial;
    margin:0; margin-top:0.7em;margin-bottom:0.1em;
}
.relative .content p{
    margin:0;
}

.header-green{
    color:#409829;
    font-weight:bold;
    font-size:16px;
    display:block;padding-top:3px;padding-bottom:10px;line-height:18px;
}
.color-green{
    color:#409829;
}

.container.gray-border-bottom{border-bottom:5px solid #D3D3D3;margin-bottom:10px;}

/*End content standard helper classes*/

/* home page specific classes */

.container .content-left{

float:left;margin-right:10px; 
                         border: solid 0px blue; width: 250px;
                         
}
.container .content-right{

float:left;
                           border: solid 0px blue; width: 215px;
                        

}
.container .content-right img.tr{
    position:absolute;right:-25px;top:-50px;border:0px;
}
.container.services{padding-top:0px;overflow:hidden;}
.container.services-left{ float: left;width: 270px;}
.container.services-left img{margin-bottom:5px;}
.container.services-right{float: left;width: 400px; }

.services-right .xbox-services-left {float: left; width: 190px;margin-right:20px}
.services-right .xbox-services-right {float: left; width: 190px;}

/* end home page specific classes*/



/* home page service boxes */
.xbox{ background: transparent; margin: 0px; }
.xbox .xtop, .xbox .xbottom{ display: block; background:transparent; font-size: 1px; }
.xbox .xb1, .xbox .xb2, .xbox .xb3, .xb4{display: block; overflow: hidden; }
.xbox .xb1, .xbox .xb2, .xbox .xb3{ height: 1px; }
/*
.xbox .xb2, .xbox .xb3, .xbox .xb4{
    background: #0080B7;
    border-left: 1px solid #007CB0;
    border-right: 1px solid #007CB0;
}*/
.xbox .xb1{
    margin: 0 5px;
    /*background: #007CB0;*/
}
.xbox .xb2{
    margin: 0 3px;
    border-width: 0 2px;
}
.xbox .xb3{
    margin: 0 2px;
}
.xbox .xb4{
    height: 2px;
    margin: 0 1px;
}
.xbox .xboxcontent{
    display: block;position: relative;
    height:64px;
    border:0;
    background-repeat:repeat-x;
}
.xbox .xboxcontent h2{
    color:#FFF;
    padding-left:5px; padding-top:5px;
    font-size:18px !important; font-weight:bold;    font-family:Arial;
    line-height:18px !important;
}
.xbox .xboxcontent .moreinfo{
    position:absolute;bottom:4px;
    color:#FFF;
    display:block;
    padding-left:5px; 
    font-size:13px;  
}
.xbox .xboxcontent .moreinfo a{color:#FFFFFF;}

.xbox .xboxcontent .icon{
    position:absolute;right:0px;top:0px;
    display:block !important;
}

/* wireless networking */
.x-wireless-network .xt-grad{background: #0080B7;}
.x-wireless-network .xt-border{
    border-left: 1px solid #0080B7;
    border-right: 1px solid #0080B7;
}
.x-wireless-network .xb-grad{background: #0096D5;}
.x-wireless-network .xb-border{
    border-left: 1px solid #0096D5;
    border-right: 1px solid #0096D5;
}
.x-wireless-network .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-blue-gradient.jpg');
}

/* virus check and eradication */
.x-virus-check .xt-grad{background: #A30F1B;}
.x-virus-check .xt-border{
    border-left: 1px solid #A30F1B;
    border-right: 1px solid #A30F1B;
}
.x-virus-check .xb-grad{background: #C10A1E;}
.x-virus-check .xb-border{
    border-left: 1px solid #C10A1E;
    border-right: 1px solid #C10A1E;
}
.x-virus-check .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-red-gradient.jpg');
}
/* hardware installation */
.x-hardware-installation .xt-grad{background: #073982;}
.x-hardware-installation .xt-border{
    border-left: 1px solid #073982;
    border-right: 1px solid #073982;
}
.x-hardware-installation .xb-grad{background: #485194;}
.x-hardware-installation .xb-border{
    border-left: 1px solid #485194;
    border-right: 1px solid #485194;
}
.x-hardware-installation .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-purple-gradient.jpg');
}

/* software installation */
.x-software-installation .xt-grad{background: #22641D;}
.x-software-installation .xt-border{
    border-left: 1px solid #22641D;
    border-right: 1px solid #22641D;
}
.x-software-installation .xb-grad{background: #2D7624;}
.x-software-installation .xb-border{
    border-left: 1px solid #2D7624;
    border-right: 1px solid #2D7624;
}
.x-software-installation .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-green-gradient.jpg');
}

/* pc and mac health check */
.x-pc-mac-health-check .xt-grad{background: #D59A00;}
.x-pc-mac-health-check .xt-border{
    border-left: 1px solid #D59A00;
    border-right: 1px solid #D59A00;
}
.x-pc-mac-health-check .xb-grad{background: #EDAB00;}
.x-pc-mac-health-check .xb-border{
    border-left: 1px solid #EDAB00;
    border-right: 1px solid #EDAB00;
}
.x-pc-mac-health-check .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-yellow-gradient.jpg');
}

/* protection installation */
.x-protection .xt-grad{background: #BA0066;}
.x-protection .xt-border{
    border-left: 1px solid #BA0066;
    border-right: 1px solid #BA0066;
}
.x-protection .xb-grad{background: #D50074;}
.x-protection .xb-border{
    border-left: 1px solid #D50074;
    border-right: 1px solid #D50074;
}
.x-protection .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-pink-gradient.jpg');
}

/* data services installation */
.x-data-services .xt-grad{background: #098D8E;}
.x-data-services .xt-border{
    border-left: 1px solid #098D8E;
    border-right: 1px solid #098D8E;
}
.x-data-services .xb-grad{background: #12A6A7;}
.x-data-services .xb-border{
    border-left: 1px solid #12A6A7;
    border-right: 1px solid #12A6A7;
}
.x-data-services .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-turquoise-gradient.jpg');
}
/* VoIP installation */
.x-voip .xt-grad{background: #01478C;}
.x-voip .xt-border{
    border-left: 1px solid #01478C;
    border-right: 1px solid #01478C;
}
.x-voip .xb-grad{background: #005BA1;}
.x-voip .xb-border{
    border-left: 1px solid #005BA1;
    border-right: 1px solid #005BA1;
}
.x-voip .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-darkblue-gradient.jpg');
}


/* pc and laptop repairs networking */
.x-pc-laptop-repairs .xt-grad{background: #D25510;}
.x-pc-laptop-repairs .xt-border{
    border-left: 1px solid #D25510;
    border-right: 1px solid #D25510;
}
.x-pc-laptop-repairs .xb-grad{background: #E55C0F;}
.x-pc-laptop-repairs .xb-border{
    border-left: 1px solid #E55C0F;
    border-right: 1px solid #E55C0F;
}
.x-pc-laptop-repairs .xboxcontent{
    background-image:url('/images/fil/services/box/lrg-darkorange-gradient.jpg');
    height:50px !important;
}
.x-pc-laptop-repairs .xboxcontent .xinner{
    padding-top:15px;    
}
.x-pc-laptop-repairs .xboxcontent h2{
    display:inline;
    margin-right:35px;
}
.x-pc-laptop-repairs .xboxcontent .moreinfo2{
    color:#FFFFFF;
    font-size:11pt;  
}
.x-pc-laptop-repairs .xboxcontent .moreinfo2 a{
    color:#FFFFFF;
}


/* customised font size for specific text in boxes */
.x-wireless-network .xboxcontent h2 .smaller{font-size:17px;}
.x-voip .xboxcontent h2 .smaller{font-size:16px;}
/* end customised font size for specific text in boxes */


/* spacers */
.margin0-5em{margin:0.5em;}
.margin0-75em{margin:8px;}
.margin1em{margin:1em;}


/* services background headers and other classes*/

 h1.fil-service{
   position:relative; top:13px;left:20px;
   color:#FFFFFF;
   font-size:30px;
}


.bg-service-wireless {
   background-image:url('/images/services/wireless/bg-service-wireless.gif') !important;
   background-repeat:no-repeat;
}
.bg-dataservices-banner
{
	background-image:url('/images/services/dataservices/topbanner.gif') !important;
    background-repeat:no-repeat;
}
.bg-software-banner
{
	background-image:url('/images/services/software/top-banner.gif') !important;
	background-repeat:no-repeat;
}

.bg-pc-health {
   background-image:url('/Images/services/pc-health/topbanner.gif') !important;
    background-repeat:no-repeat;
}


/* Start */

.bg-voip {
   background-image:url('/Images/services/voip/top-banner.gif') !important;
    background-repeat:no-repeat;
}





.voip-banner
{
	   background-image:url('/Images/services/voip/banner.gif') !important;
    background-repeat:no-repeat;
    width: 660px;
    height: 339px;
    margin-top: 47px;
}

.voip-heading
{
	 border:  soild 2px black;
 padding-top: 210px;
  padding-left: 55px;
}
.voip-heading h2
{
	 color: #006eb2;
	  
	 
}

.voip-left
{
	float: left;
	border-right: solid 1px #bdbec0;
	width: 250px;
	
}

.voip-right
{
	 float: right;
	 width: 370px;
	
}

.voip-contents
{
	 padding-top: 105px;
	 padding-left: 55px;
}

.voip .header-green
{
	 color: #0064ab;

}
.voip-phone
{
	 float: left;
	 border: solid 0px black;
	 text-align: center;
	 width: 200px;
}
.voip-phone-space
{
	 float: left;
	 width: 20px;
}
.voip-contents ul
{
   list-style-image: url('/images/common/blue-eye.gif');
    
    width: 350px;
}

.voip-contents strong
{
	color: Black;
}
.voip-contents li
{
	 padding-bottom: 5px;
}

.voip-contents h2
{
	 color: #006eb2;
}

/* END */





.bg-hardware-banner {
   background-image:url('/Images/services/hardware/hard-ware-banner.gif') !important;
    background-repeat:no-repeat;
}

.bg-virus-banner
{
	background-image:url('/Images/services/virus/top-banner.gif') !important;
    background-repeat:no-repeat;
}

.bg-protection-banner
{
	background-image:url('/Images/services/protection/top-banner.gif') !important;
	background-repeat:no-repeat;
}
.bg-pc-laptop-repairs
{
	background-image:url('/Images/services/pc-laptop-repairs/pc-and-laptop-repairs.gif') !important;
	background-repeat:no-repeat;
}
/* end services background headers and other classes*/

/* custom lists*/

ul.reseller-services-list
{
    list-style-image: url('/images/featured/green-eye.gif');
    
    margin-top:20px;
    color: #707172;
    font-size: 16px; font-weight:bold;
    line-height:20px;
}


/* end custom lists*/

/* Vendor specific pages */

.vendor-box-height{height:200px}

/* End Vendor specific pages */

/* classes required for nearest postcode search */
.PC_MainInfo{color:#45A12B;font-weight:bold;font-size:15px;}
.PC_SubInfo{color:#58585A; font-weight:bold;font-size:12px;}
.text_black {color:#000;font-weight:bold;}
.pc_hr {color:#45A12B;height:1px;}
.miles_border {border:solid 1px #878889;text-align:center;height:30px;color:#58585A;font-weight:bold;font-size:10px;white-space:nowrap}

/* Google Maps */
.GoogleMap{height:300px; width:500px;}

/** end classes for nearest postcode search **/

/** classes for directory **/
#DirectoryOptions{
    height:30px;
}
ul#DirectoryMenu
{
 padding:0;margin:0;list-style-type:none;float:left;color: #000;	
}
ul#DirectoryMenu li
{
    float:left;
    padding:0;margin:0;padding-right: 12px;
    font-size: 10pt;color: #000;	
}
ul#DirectoryMenu a
{
	
	color: #000;	
	text-decoration:none;	
}
ul#DirectoryMenu a:hover
{
    text-decoration: underline;	 
}
ul#DirectoryMenu .selected-directoryLink
{
    color: Green;	
	font-weight: bold;
	
	font-size: 10pt;
}

.townLink
{	
	color: black;
	margin-top: 5px;
}

.townCount
{
	color: Green;
	 font-weight: bold;
}


#Towns a:hover
{
	border-bottom: dotted 1px black;
}


#Towns ul
{
   float: left;
   margin-right: 15px;
   width: 195px;
   list-style-type:none;
}
#Towns li
{
 margin-bottom: 4px;
}


#divServices ul
{
 list-style-type:none;	
}

#divServices li
{
 float: left;
 margin-right: 10px;
}

h2.InlinePC_MainInfo
{
color:#409829; font-weight:bold;font-size:15px;
display: inline; text-decoration: none;
}
h3.InlineRsTown
{
color:#58585A; font-weight:bold; font-size:12px;
display: inline; margin-left: 10px;
}

/* company profile page */
#CompanyProfile{
    overflow:visible;
}
#CompanyProfile h1{
    color:#409829; font-weight:bold;
    font-size:20px !important;
   
}
#CompanyProfile h2{
    color:#409829; font-weight:bold;
    font-size:20px !important;
   
    
}
#CompanyProfile .profile-address{
    color:#000000;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
}
#CompanyProfile .profile-tel{
    
    color:#409829;
    font-size:13px;
    font-weight:bold;
    line-height:18px;
}
#CompanyProfile .profile-label{
    color:#000 ;
    font-weight:bold; font-size:20px;
}

#CompanyProfile .profileContainer{
    margin-top: 10px; 
    border-top:1px solid #9C9D9F;
    background-image:url('/Images/FIL/Templates/common/sidebar-seperator.gif') !important;
    background-repeat:repeat-y;
    background-position:725px; /*line seperating the side bar from main navigation*/
}
#CompanyProfile .profileLeft{
    float:left;padding-top:10px;
    width:200px;
   border-right:1px solid #9C9D9F;
}
#CompanyProfile .profileMain{
    float:left;padding-top:10px;
    width:500px;    margin-left:20px;margin-right:20px;
}
#CompanyProfile .profileRight{float:left;padding-top:10px; width:180px;}

#CompanyProfile ul{
    margin:0px;padding:0px;
}
#CompanyProfile li{
 padding-bottom:7px;padding-top:5px;
 border-bottom: solid 1px black; width: 190px;
}
/** end classes for directory**/




.sitemap-page-list li
        {
        	padding-bottom: 5px;
        		padding-top: 5px;
        	
        }







/*

PPPC Sidebar

*/

.ppc-leftside-menu ul
{
	
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}

.ppc-leftside-menu a
{
	 color: Black;
	  text-decoration: none;
	  font-weight: bold;
}


.ppc-leftside-menu li
{
	 border-bottom: solid 2px  white;
	 height: 30px;
	 text-align: left;
	  padding-left: 10px;
	  padding-top: 10px;
	  font-size: 12px;
	  width: 220px;
	  
}

.ppc-leftside-menu .green
{
    background-color: 	#c3dbaf;
}


.ppc-leftside-menu .blue
{
 background-color: #dadbdc;
}






.articleListHeading
{
	font-size: 22px;
	text-decoration: none;
	font-family:Arial;
	  font-weight: lighter;	
	  color: Red;
	  
}

.Archives-List
{
	display: block;
}

.Archives-List h1 , .Archives-List .h1
{
 color: black;
  font-style: italic;
  font-size: 22px;
  margin-top: 10px;
  font-family: Verdana;
  font-weight: lighter;	
}


.Archives-List a , .Archives-List .a
{
 color: #43a129;
  font-size: 20px;
  margin-top: 10px;
  font-family: Arial;
  font-weight: bold;
 
}




.Archives-List a:hover , .Archives-List .a:hover
{
   text-decoration: underline;
}


.desc a , .desc .a
{
	 text-decoration: none;
	  color: Black;	
}

.desc a:hover
{
	 text-decoration: none;
	  color: Black;
}

.desc a:visted
{
	 text-decoration: none;
	  color: Black;
}


.listItem
{
	display: block;
}

.listItem:hover
{
	 
}


.archive-link a, .archive-link .a
{
color: #f19520;
 font-size: 15px;
 font-style:italic;	
}


/**/    

.content-placeholder
{
}

.content-placeholder h1
{
	 color: #0e70b1;
}

/**/  







.reseller-content-page 
{
}

.reseller-content-page h1
{
	 color: #3dae48;
	 font-size: 28px;
	 font-weight: lighter;
	 padding-bottom: 10px;
	}      
	
	
.reseller-content-page h2
	{
		color: #646466;
	   
	}
	
	.filspecialist-man
	{
		position: relative;
		 top: -30px;
		 left: 30px;
		  border: solid 0px black;
		 
	}
	
	.reseller-content-page h3
{
	 color: #3dae48;
	 font-size: 30px;
	 font-weight: bold;
	}      
	
	.reseller-content-page p
	{
		 line-height: 20px;
	}
	
	.reseller-content-page ul
	{
	  
	list-style-image: url('/images/green-eye.gif');
  
	}
	
	.reseller-content-page li
	{
		padding-bottom: 8px;
		
	  
	}
	
	.reseller-content-page a
	{
		color: #3dae48;
	} 


    

.reseller-contents-right
	{
		 position: relative;
		 top: -5px;
	}