@charset "UTF-8";
/* CSS Document */

#topnav
{
	background: #000;
}

#head #search form input.searchbutton{background:url(../assets/img/layout/btn-go-grey.png) top; width:70px; color:white; height:22px; border:none; outline:none; padding:0; margin:0 0 0 5px; float:left; text-indent:-15000px; cursor:pointer}

/* login form */

#login-box
{
	float: left;
	width: 400px;
	margin: 20px auto;
}


#login-box h2
{
	color: #C00;
	font-weight: normal;
	margin-bottom: 15px;
}

#login-box label
{
	display: block;
	font-weight: bold;
	font-size: 11px;
	margin-right: 10px;
	width: 200px;
}

#login-box input
{
	font-size: 11px;
	font-family: Arial;
	color: #000;
	margin-bottom: 10px;
}

#login-box input#login_submit
{
	border: none;
	background-color: #C00;
	padding: 3px 5px;
	color: #FFF;
}

#login-box input#login_submit:hover
{
	background-color: #000;
}

#login-box h3
{
	padding: 0 0 3px 0;
}

#login-box #rl-signup-container
{
	padding: 10px 5px 7px 5px;
	margin-bottom: 5px;
	background: #dedede;
}

#login-box input.submit
{
	border: none;
	background-color: #C00;
	padding: 3px 5px;
	color: #FFF;
}

/*page layout*/

.rlhome #update
{
	float: left;
	width: 120px;
	height: 160px;
	margin: 0 0 20px 20px;
	background-color:#CCC;
}

.rlhome #update h2
{
	font-size: 12px;
}

.rlhome #update p
{
	padding:6px 6px 0 6px;	
}

.rlhome #ssc h2
{
	font-weight: bold;
	font-size: 13px;
}

/*Stock Enquiry*/

#stockform
{
	width: 222px;
	background-color: #EEE;
	padding: 8px 15px;
}

#stockform label
{
	display: block;
	font-weight: bold;
	font-size: 10px;
}

#stockform select
{
	width: 200px;
	margin-bottom: 10px;
}

#stockform input
{
	width: 80px;
	margin-bottom: 10px;
}

#stockform input.datefield
{
	width: 30px;
	margin-bottom: 2px;
}

#stockform .finetext
{
	font-size: 9px;
	margin-bottom: 5px;
}

#stockform .buttons
{
	margin-top: 10px;
}

#details #tools #stock-loading p
{
	background-color: #000;
	color: #FFF;
	padding: 5px;
}

#stockform .buttons input
{
	border: 1px solid #000;
	color: #FFF;
	background-color: #000;
	padding: 3px 5px;
	width: 100px;
	text-align: center;
}

#stockform #output
{
	font-weight: bold;
}

#stockform #output.success
{
	color: green;
}


#stockform #output.fail
{
	color: red;
}


#list-items h3.name
{
	margin-bottom: 10px;
}
#list-items .item p
{
	margin: 5px 0;
	font-size: 11px;
}

#customer-details
{
	float: left;
	clear: left;
	padding: 20px;
	width: 460px;
	background-color: #EEE;
	border: 1px solid #EEE;
}

#customer-details h3
{
	color: #C00;
	font-size: 20px;
	margin-bottom: 10px;
}

#customer-details div
{
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 3px;
}

#customer-details div.breaker
{
	margin-bottom: 15px;
}

#customer-details label
{
	float: left;
	width: 120px;
	display: block;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
}

#customer-details label.tall
{
	height: 20px;
}

#customer-details input, #customer-details textarea
{
	border: 1px solid #EEE;
	font-size: 12px;
	font-family: Arial;
	width: 320px;
	padding: 3px;
	margin-left: 10px;
}

#customer-details input.postcode
{
	width: 80px;
}

#customer-details textarea
{
	height: 70px;
}


#customer-details textarea.comment
{
	height: 100px;
}


#customer-details .buttons
{
	clear: both;
	float: left;
	margin-top: 20px;
	padding-left: 120px;
}

#customer-details .buttons input
{
	width: 90px;
	float: left;
	border: none;
	font-family: Arial;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	padding: 3px 0;
	text-align: center;
}

#customer-details .buttons input:hover
{
	background: #000;
}

#customer-details input.print
{
	background: #999;
	margin-right: 20px;
}

#customer-details input.submit
{
	background: #C00;
	width: 200px;
	margin-left: 20px;
}

#pricelists h2
{
	color: #C00;
	margin-bottom: 10px;
}

#whatsnewresource{width:241px;height:135px; float:right;  background:url(../assets/img/home/box-whatsnewresouce.png) no-repeat; margin:30px 45px 40px 0;}
#whatsnewresource a{width:241px; height:135px; display:block}

#icupdate{width:241px;height:135px; background:url(../assets/img/home/tile-epromo.png) no-repeat; float:right; margin:30px 45px 0 0; margin-bottom:40px}
#icupdate a{width:241px; height:135px; display:block; color:black;}

.home #ssc
{
	float: left;
	width: 170px;
	height: 140px;
	margin: 0 20px 0 0;
}
.home #ssc h2
{
	font-weight: normal;	
}

.home #ssc img 
{ 
	float:right; padding: 0;
}
.home #newcatalogue #rand-new-prd
{
	float: left;
	width: 180px;
	height: 137px;
}
