@charset "utf-8";
/*-------------------------------------------------------------
Style Sheet 

Version: 1.2
Author: Alternet Solutions
email: webmaster@alternetsolutions.co.uk
website: http://www.alternetsolutions.co.uk/

Logo Blue: #1c52a5
Logo Red: #ee3c26
-------------------------------------------------------------*/

/*Body*/

body {
     margin: 0;
     padding: 0;
     font-size: x-small; /* IE5 Win */
     voice-family: "\"}\""; 
     voice-family: inherit;
     font-size: small; /*for compliant browsers*/
     text-align: center;
	 background: #d7d0bd url(images/body-bg.gif) repeat;
	 font-family: Arial, Helvetica, sans-serif;
     }
html>body { /* be nice to Opera */
     font-size: small;
     }
body>#ds { /*To hide from IE6 as we want to avoid PNG fix which renders nav unoperable*/
	width: 980px;
	margin: 0 auto;
	background: url(images/ds.png) repeat-y;
	}
                
#wrapper {
     width: 960px;
     margin: 0 auto;
     text-align: left;
     background: #f7f7f7;
	 font-size: 105%;
     }
                
/*Header*/

#header {
     width: 960px;
     height: 100px;
	 margin: 0 auto;
     /*background: url(images/logo.png) no-repeat 2% 50%;*/ 
     }
	
#logo {
	margin-top: 10px; /*PNG positioning doesn't work with PNG Fix*/
	width: 250px;
	height: 80px;
	background: url(images/NWS_Logo_RGB.png) no-repeat;
	float: left;
	}  
	
ul#callUs {
	margin: 0;
	padding: 15px 40px 0 0;
	float: right;
	list-style: none;
	}

#callUs li {	
	font-size: 150%;
	}	

/*****************NAV************************/
                
#nav {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
	background: #506fa1 url(images/navBgOff.png) repeat-x;
    }

#nav li {
    float: left;
    margin: 0;
    padding: 8px 0;
    font-size: 100%;
	width: 148px;
	border-right: 1px solid #506fa1;
    }

#nav li.wide {
	width: 180px;
	}

#nav li.last {
	border-right: none;
	}

#nav li:hover {
	background: url(images/navBgOn.png) repeat-x;
	}


#nav a {
    display: block;
    margin: 0;
    padding: 4px 8px;
    color: #fff;
    text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
    }

#nav li a span {
	display: block;
	font-size: 70%;
	font-style: italic;
	color: #7691be;
	}


/*General*/

img {
    border: none;
    }

.clear {
     clear: both;
     }

.bold {
     font-weight: bold;
     }

.red {
     color: #f00;
     }
	
.bigRed {
	color: #ee3c26;
	font-size: 130%;
	}
	
a {
	color: #506fa1;
	text-decoration: none;
	}

a:hover {
	color: #ee3c26;
	}

ul#tickList {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#tickList li {
	padding: 0 0 0 25px;
	background: url(images/tick.jpg) no-repeat left;
	border-bottom: 1px solid #eee;
	}


h4#sideHead {
	margin-top: 40px;
	text-align: center;
	}

.sideImg {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	}
	
/*Breadcrumb Trial*/

p#bcrumb {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 90%;
	border-bottom: 1px solid #000;
	text-transform: capitalize;
	}	

/*Main Structure*/

#fullContent {
      width: 100%;
      float: left;
      line-height: 1.5em;
      }
                
#content {
      float: right;
      width: 670px; /*70%*/
      line-height: 1.5em;
      }

#sideBar {
      float: left;
      width: 240px; /*25%*/
	  /*background: #506fa1;*/
      }
                
/*Gutters*/

#content .gutter, #fullContent .gutter, #sideBar .gutter {
    padding: 15px;
    }

/*Feature*/

#feature {
	margin: 0;
	padding: 0;
	width: 960px;
	float: left;
	border-bottom: 1px solid #cbc6ba;
	}

#feature img {
	float: left;
	border-right: 3px solid #cbc6ba;
	}
	
#feature h1 {
	margin: 0;
	padding: 5px 0;
	font-size: 140%;
	line-height: 1.5em;
	letter-spacing: 2px;
	color: #fff;
	background: #cbc6ba url(images/packagesTitleBg.jpg) repeat-x 100%;
	text-align: center;
	}

#feature .serviceBox {
	width: 165px;
	height: 181px;
	float: left;
	border-right: 1px dotted #cbc6ba;
	display: inline; /*IE6 Double Margin Bug - in this case stops IE6 display extra characters at end*/
	}

#feature .serviceBox h2 {
	margin: 2px 0 0 0;
	text-align: center;
	color: #ee3c26;
	font-weight: 400;
	font-style: italic;
	}

#feature .serviceBox#standard {
	background: url(images/standardBlurred.jpg) no-repeat;
	}

#feature .serviceBox#standard:hover {
	background: url(images/standard.jpg) no-repeat;
	cursor: pointer;
	}

#feature .serviceBox#pro {
	background: url(images/proBlurred.jpg) no-repeat;
	}

#feature .serviceBox#pro:hover {
	background: url(images/pro.jpg) no-repeat;
	cursor: pointer;
	}

#feature .serviceBox#premium {
	background: url(images/premiumBlurred.jpg) no-repeat;
	border-right: none;
	}

#feature .serviceBox#premium:hover {
	background: url(images/premium.jpg) no-repeat;
	cursor: pointer;
	}

/*Home*/

ul#servicesLeft {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	background: url(images/serviceListIcon.jpg) no-repeat left;
	text-indent: 85px;
	}

ul#servicesRight {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
	}

#areasCovered {
	width: 300px;
	float: left;
	margin: 30px 0 0 0;
	}

dl.areas, dl.coProfile {      
    margin: 0;
    padding: 0;
    }

dl.areas:after, dl.coProfile:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

dl.areas dt, dl.coProfile dt {
    margin: 0 0 .3em 0;
    font-size: 120%;
    color: #739ACA;
    }

dl.areas dt img, dl.coProfile dt img {
    float: left;
    margin: 0 5px 0 0;
    padding: 0 4px 4px 0;
    }

dl.areas dd {
    margin-left: 120px;
    font-size: 90%;
    line-height: 1.5em;
    color: #666;
    text-align: justify;
    }

dl.coProfile dd {
    margin-left: 140px;
    font-size: 90%;
    line-height: 1.5em;
    color: #666;
    text-align: justify;
    }

#about {
	width: 300px;
	float: left;
	margin: 30px 0 0 0;
	}

#about img {
	float: left;
	}

h3#callMeBack {
	margin: 0;
	padding: 20px 0;
	background: url(images/callIcon.jpg) no-repeat left;
	text-indent: 45px;
	color: #4271b9;
	font-size: 150%;
	}

h4#washroomProducts {
	margin: 2px 0;
	padding: 0;
	text-align: center;
	}

/*Areas Covered Page*/

#areas {
	width: 640px;
	float: left;
	padding: 5px;
	background: #eee;
	margin-bottom: 15px;
	}

#areas ul {
	margin: 0 60px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#areas li {
	font-size: 95%;
	}

#areas h2 {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	font-size: 120%;
	color: #ee3c26;
	}

/*Washroom Services Page*/

ul#seeAlso {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#seeAlso li {
	margin: 2px 0;
	padding: 0;
	}

#seeAlso li img {
	vertical-align: middle;
	margin-right: 5px;
	}

/*General List Styling for Washroom Services pages*/

ul.itemFeatures {
	margin: 0;
	padding: 0 0 0 105px;
	list-style: none;
	}

.itemFeatures li {
	padding: 0 0 0 25px;
	background: url(images/tick.jpg) no-repeat left;
	border-bottom: 1px solid #eee;
	}

/*Entrance Mats*/

ul.itemFeatures#entrancemats {
	background: url(images/a_Lustre-main.jpg) no-repeat left;
	}

ul.itemSpecs#entrancemats, ul.itemSizes#entrancemats {
	margin: 0;
	padding: 30px 0 30px 105px;
	list-style: none;
	background: url(images/a_Lustre-main.jpg) no-repeat left;
	}
	
/*Feminine Hygiene*/

ul.itemFeatures#sanibin-15 {
	background: url(images/15ltr_sani_bin.jpg) no-repeat left;
	}

ul.itemFeatures#sanibin-20 {
	background: url(images/20ltr_sani_bin.jpg) no-repeat left;
	}

ul.itemSpecs#sanibin-20 {
	margin: 0;
	padding: 30px 0 30px 105px;
	list-style: none;
	background: url(images/20ltr_sani_bin.jpg) no-repeat left;
	}

/*Baby Changing*/


	
/*Air Freshener Page*/

ul.itemFeatures#airfresheners {
	background: url(images/timemistmicro.jpg) no-repeat left;
	}

ul.itemSpecs#left {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 210px;
	list-style: none;
	background: url(images/timemistrefills.jpg) no-repeat left;
	}

ul.itemSpecs#middle {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	}

ul.itemSpecs#right {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*Vending Page*/

ul#femmeSpecsList {
	margin: 0;
	padding: 0 0 0 170px;
	list-style: none;
	background: url(images/femme_sm.jpg) no-repeat left;
	}

#femmeSpecsList li {
	padding: 0 0 0 25px;
	background: url(images/tick.jpg) no-repeat left;
	border-bottom: 1px solid #eee;
	}


/*Legislation Page*/

ul#legislationList {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(images/icons/greenIcon.jpg) no-repeat left;
	}

#legislationList li {
	text-indent: 45px;
	}

/*Washroom Packages*/

ul#washroomIcon {
	margin: 0;
	padding: 5px 0 5px 85px;
	list-style: none;
	background: url(images/washroomIcon.jpg) no-repeat left;
	}

/*Shop*/

.paypalimg {
	float: right;
	}

#catWrap {
	margin: 0 auto;
	}
	
.mainCats {
	float: left;
	margin-right: 25px;
	width: 170px;
	text-align: center;
	border: 1px solid #d7d0bd;
	background: #fff;
	}

.mainCats h3 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%;
	}

/*Category Page*/

.catWrap {
	margin: 0 5px 5px 0;
	padding: 0;
	width: 150px;
	float: left;
	border: 1px solid #d7d0bd;
	background: #fff;
	}

.catWrap p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 95%;
	}

/*Sub Cat Page*/

.items {
	width: 185px;
	/*height: 200px;*/
	margin: 0 5px 5px 0;
	text-align: center;
	float: left;
	border: 1px solid #d7d0bd;
	background: #fff;
	}
	
ul.itemList {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}

.itemList li {
	font-size: 90%;
	}

/*Products*/

.product {
	width: 100%;
	float: left;
	}

.picWrap {
	float: left;
	width: 210px;
	margin-right: 30px;
	}

.picWrap .main {
	float: left;
	margin: 0px 4px;
	}
	
.picWrap .thumbs {
	float: left;
	margin: 2px;
	}

p.cost {
	margin: 0;
	padding: 0;
	}

/*This section is to create area for all technical info and description + buy button*/

.prodinfobox {
	float: left;
	width: 60%;
	}
	
ul.specs {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: circle;
	}

.specs li.techinfotitle {
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	list-style: none;
	}

h2.prodName {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 110%;
	text-decoration: underline;
	}

p.prodDescription {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	font-style: italic;
	font-size: 95%;
	text-align: justify;
	}

#clientWrap {
	float: left;
	width: 475px; /*Adjust if more clients are listed to allow extra width*/
	}
	
.clients {
	margin: 3px;
	float: left;
	width: 150px;
	background: url(images/clientBg.jpg) no-repeat top left;
	}

.clients p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 90%;
	}

/*Call Me Back Feature*/

#quickContact {
	}

#quickContact p {
	margin: 0;
	}
	
.warning {
	font-style: italic;
    color: #f00;
	background-color: inherit;
	font-size: 85%;
	}
.success {
	color: #ff0000;
	font-size: 85%;
	}
#quickContact .formbox {
    width: 150px;
}

#quickContact .formboxSmall {
    width: 95px;
}
	
#quickContact label.label {
	float: left;
	width: 85px;
	font-size: 90%;
    color: #000;
}

#quickContact label.labelBlock {
	display: block;
	font-size: 90%;
	}
	
#quickContact input#send {
	color: #fff;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #506fa1;
	}

#quickContact input#send:hover {
	background: #6c86b1;
	}
/*Carousel Additional Style */

.carouselSpan {
	color:#FFFFFF;
	width:100%;
	font-size:80%;
	float:left;
	text-align:center;
}

/*Footer*/
                
#footer {
    clear: both;
    padding: 5px 0;
    }
                
#footer p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    color: #ccc;
    }

#footer a {
    color: #ccc;
    }

/* Hide from IE/Mac \*/
#footer { height: 1%; }
/* End hide from IE/Mac */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE/Mac */

dl.areas, dl.coProfiles { display: inline-table; }

/* Hides from IE-Mac \*/
* html dl.areas, * html dl.coProfile { height: 1%; }
dl.areas, dl.coProfile { display: block; }
/* End hide from IE-Mac */