@charset "UTF-8";
/* CSS reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1em;
    padding: 0;
    margin: 0; 
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img, abbr {
  border: 0;
}
ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
}
q:before, q:after {
  content: '';
}
/*CSS reset end*/

/* Body Style */
a {
	text-decoration:none;
	padding:0;
	margin:0;
}
a:hover {
	text-decoration:underline;
}
body {
	background:url(../images/janitorial_supplies_bg.gif);
	background-repeat: repeat-x;
}
/* clearing div*/
.clear-blue {
	clear:both;
	border-bottom: 1px solid #36acca;
	margin: 0 20px 0 20px;
}
.clear{
	clear:both;
}

/* Object Styling */
#container {
  	width:984px;
	min-height:768px;
  	padding: 0 1000 0 1000;
	margin: 0 auto 0 auto;
  	background:url(../images/janitorial_supplies_bg.gif);
	background-repeat: repeat-x;
	
}
#header {
	width:756px;
	padding: 20px 22px 0px 22px;
	margin: 0 auto 0 auto;
	height:71px;
	background-image:url(../images/janitorial_supplies_bg.gif);
	background-repeat: repeat-x;
}
#logo {
	float:left;
	width:480px;
	height:55px;
}
#top_nav {
	color:white;
	float:right;
	width:270px;
	height:35px;
	text-align:right;
}
#navigation {
	width:800px;
	padding: 0px 20px 0 20px;
	margin: 0 auto 0 auto;
}
#body {
	width:800px;
	margin: 0 auto 0 auto;
	min-height:430px;
}
#main {
	width:495px;
	min-height:390px;
	padding: 3px 20px 0px 20px;
	margin-right:7px;
	float:left;	
	
}
#sidebar {
	width:245px;
	min-height:390px;
	padding: 0px 10px 20px 0px;
	float:left;
}
#footer {
	width:800px;
	margin: 0 auto 0 auto;
	height:260px;
	
}

/* Header styles - Logo and Navigation */
ul.top_nav li {
	display:inline;
	font-size: .7em;
}
ul.top_nav li a {
	color:white;
	margin: 0px;
	padding:0px;
}
ul.top_nav li a:hover {
	text-decoration:underline;
}
#top_nav h3 {
	margin-top:10px;
	font-size:1em;
}
.pipe {
	font-size:.8em;
	margin: 0 0px 0 6px;
}
#logo h2, #logo a {
	float:left;
}
#logo img {
	margin: 0 10px 0 0;
}
#logo h2 {
	color:white;
	font-weight:normal;
	margin: 15px 0 auto 0;
	font-size:1.2em;
}

/* Product navigation style */
ul.products {
	height:70px;
	text-align:left;
	margin-top:10px;
	padding: 13px 0px 0px 25px;
}
ul.products li {
	display:inline;
	margin:0px;
	
}
ul.products a {
	color:white;
	font-size:0.95em;
	margin: 20px 18px 0px 0px;
}

a.janitorial {
	background-image:url(../images/janitorial-supplies.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 40px;
}
a.janitorial-active {
	background-image:url(../images/janitorial-supplies.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 40px;
	text-decoration: underline;
}
a.cleaning {
	background-image:url(../images/cleaning-products.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 40px;
}
a.cleaning-active {
	background-image:url(../images/cleaning-products.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 40px;
	text-decoration: underline;
}
a.washroom {
	background-image:url(../images/washroom-products.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 72px;
}
a.washroom-active {
	background-image:url(../images/washroom-products.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 72px;
	text-decoration: underline;
}
a.kitchen {
	background-image:url(../images/kitchen-supplies.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 60px;
}
a.kitchen-active {
	background-image:url(../images/kitchen-supplies.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 60px;
	text-decoration: underline;
}
a.pest {
	background-image:url(../images/pest-control.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 65px;
}
a.pest-active {
	background-image:url(../images/pest-control.png);
	background-repeat:no-repeat;
	padding: 20px 0px 38px 65px;
	text-decoration: underline;
}
/* Sidebar styles */
ul.sidebar li {
	display:block;
}
#sidebar a:hover {
	text-decoration:none;
}
a.customer {
	background-image:url(../images/ljc-customer-services.png);
	background-repeat:no-repeat;
	display:block;
	width: 222px;
	height:190px;
	padding: 15px 15px 0px 15px;
	color:white;
	font-size:.85em;
}
a.newcustomer {
	background-image:url(../images/ljc-new-customers.png);
	background-repeat:no-repeat;
	display:block;
	width: 222px;
	height:180px;
	padding: 15px 15px 0px 15px;
	color:white;
	margin:0px;
}

/* Main area stye */
div.main_pic {
	width:499px;
	height:201px;
	padding:;
}
div.main_pic img{
	margin: 0;
}
div.copy {
	padding:10px;
}
.main-heading {
	color:#36acca;
	margin-bottom:5px;
}
.main-copy {
	font-size:.8em;
	margin-bottom:10px;
}
a.body-link {
	color:#36acca;
}

/* Footer box style */
ul.footer_boxes {
	padding: 10px 10px 0 20px;
}
ul.footer_boxes li {
	float:left;
}
a.paper-supplies {
	background-image:url(../images/ljc-paper-supplies.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 250px;
	height:200px;
}
a.pest-future {
	background-image:url(../images/pest-control-future.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 250px;
	height:200px;
	margin: 0 0 0 7px;
}
a.delivery {
	background-image:url(../images/ljc-delivery.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 250px;
	height:200px;
	margin: 0 0 0 13px;
}
p.sign-off {
	padding-left: 22px;
	font-size:.75em;
	color:#36acca;
	clear: both;
}
/*//////////////PRODUCT PAGES////////////*/
#product-overview {
	padding: 0 20px 0 20px;
}
div.products-listing {
	background:url(../images/janitorial_supplies_bg.gif);
	background-repeat: repeat-x;
	background-position:0% 24%;
	padding:20px;
	min-height:200px;
	border-top: 1px solid #36acca;
        font-size: 0.9em;
}
div.product-copy {
	float:left;
	width:250px;
}
ul.product-list {
	list-style-type: square;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size:.85ems;
}
li.products {
	font-size:.9em;
}
p.stock-list {
	font-size:.8em;
	margin-bottom:10px;
}
img.products {
	float:right;
}

/* Form style */
form.contact {
	font-size:.80em;
}
p.contact-error {
	font-size: .85em;
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0px 2px 5px 0px;
	background: red;
	color: white;
	width: 90%;
}
p.contact-note {
	font-size: .85em;
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0px 2px 5px 0px;
	background: #36acca;
	color: white;
	width: 90%;
}
#thanks {
	font-size:.8em;
	width: 300px;
	margin: 20px 0 20px 0;
}
/*Terms and conditions*/
ol.tandc {
	font-size:.8em;
	padding-bottom: 20px;
}
ol.tandc  li {
	padding-bottom: 10px;
}