/*
CSS - DMD Shelving Direct
*/

/* layout styles */
* {padding: 0;	margin: 0;}/* this will reset all elements to margin/padding = 0 */

body {margin: 0; padding: 0; background: #f6f2e7 url(../images/background.jpg) repeat-x; margin-top:25px;}
#container {margin: 0 auto; padding: 0; width: 870px; background:#FFF;}

#banner {width:870px; background:#fff url(../images/storage_solutions.jpg) right top;}
#main-container{width:870px; background:#FFF;}
#left{width:185px; float:left; background:#fff; padding:0 10px 0 10px;}
#left-location{padding:215px 0 0 14px; height:38px; margin:7px 0 7px 0; background:url(../images/location.gif) no-repeat;}
#right{width:650px; float:left; background:#fff; padding:0 5px 35px 0;}

#footer{width:870px; height:35px; background:#231986;}

#catalogue-row{height:250px;}
#catalogue-listing{width:130px; height:200px; float:left; margin:5px; padding:4px; border:1px solid #d6d7ea; text-align:center;}
.catalogue-listing-title{height:50px; text-align:center;}
#catalogue-listing-product{height:100px; text-align:center;}
#catalogue-listing-description{height:80px;}
#product{padding:25px 0 10px 0; text-align:center;}
.product-detail { padding-left: 15px;}

#catalogue-listing-product2{ height:150px; text-align:center; margin:30px; background:#FFFFFF;}
#catalogue-listing-description2{padding:20px; margin:30px; background:#FFFFFF; }

/* font styles */
div#right p{font:11px "Tahoma", Arial, Helvetica, sans-serif; color:#333; line-height:18px; padding:0 0 15px 0;}
div#right h1{
	height:24px;
	font:11px "Tahoma", Arial, Helvetica, sans-seriff; 
	color:#FFF; 
	font-weight:bold; 
	background:url(../images/titles/long_blue_tab.jpg) no-repeat; 
	padding:5px 15px 0 15px;
	text-transform:uppercase;}
div#right h2{font:14px "Tahoma", Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#ffb400; font-weight:bold;}
div#right h3{font:12px "Tahoma", Arial, Helvetica, sans-serif; padding:10px 0 10px 0; color:#ffb400; font-weight:bold;}
div#right h4{font:12px "Tahoma", Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#231986;}
div#right h5{font:12px "Tahoma", Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#666666; font-weight:normal; padding:20px;}


div#right ul {
	padding-left: 30px;
	margin-bottom: 18px;
}

div#right ul li {
	list-style: disc;
	line-height: 1.5em;
}

div#right ol {
	padding-left: 30px;
	margin-bottom: 18px;
}

div#right ol li {
	margin-left: 20px;
	line-height: 1.5em;
}
	
div#footer p{font:10px "Tahoma", Arial, Helvetica, sans-serif; color:#fff; padding:10px;}

#catalogue-listing-description2 p{font:11px "Tahoma", Arial, Helvetica, sans-serif; color:#333; line-height:18px; padding:0 0 15px 0;}
#catalogue-listing-description2 h1{
	height:24px;
	font:11px "Tahoma", Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-weight:bold; 
	background:url(../images/titles/long_blue_tab.jpg) no-repeat; 
	padding:5px 15px 0 15px;
	text-transform:uppercase;}
#catalogue-listing-description2{font:12px "Tahoma", Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#231986;}

/* navigation */
#navlist li {display: inline;}
#navlist{ width: 185px; font: "Tahoma", Arial, Helvetica, sans-serif; margin: 0; padding: 0; border:0;}
#navlist a {
	padding: 4px 0 0 15px;
	width: 170px; 
	height: 21px;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	background: #f0f3ff url(../images/nav/bg_blue.gif) repeat-x;
	border:0;
	text-decoration: none;
	font: 11px "Tahoma", Arial, Helvetica, sans-serif;
	color: #231986;}
#navlist a:hover { background: #e3e8fa url(../images/nav/bg_yellow.gif) repeat-x; }

div#footer {margin: 0 auto;}
div#footer a{font:11px "Tahoma", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-weight:bold;}
div#footer a:hover{color:#ffd633; text-decoration:underline; font-weight:bold;}

div#right a{font:"Tahoma", Arial, Helvetica, sans-serif; color:#231986; text-decoration:none; font-weight:bold; border:none;}
div#right a:hover{color:#ffb400; text-decoration:underline; font-weight:bold;}


/* styles */



.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 100px;
	font:11px "Tahoma", Arial, Helvetica, sans-serif; color:#231986;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px "Tahoma", Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	text-indent:-9999;
	width: auto;
	border:1px solid #FFF;
	background: #fff;
	color: #fff;
	cursor: pointer;
}

.noborder{border:none;}
img {border:none;}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

.bodytext {
	font:11px "Tahoma", Arial, Helvetica, sans-serif; 
	color:#333; 
	}