h1 {
	font-family: arial, helvetica, verdana, swiss;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #666;
}
h2 {font-family: arial, helvetica, verdana, swiss; font-size: 18px; color: #ffffff; font-weight: bold}
h3 {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #888888}

.nav a, .MenuItem span {height: 16px; padding: 0px 0px; spacing=0px 0px; text-indent: 5px; display: block; width: 100px}
.nav a {color: #000000; background-color: #dddddd}
.nav a:hover, .MenuItem span{color: #0064CA; background-color: #dddddd}

A.nav1            {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}
A.nav1:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}
A.nav1:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}

A.nav2            {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.nav2:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.nav2:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}

A.blue            {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.blue:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.blue:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}

A.homeBox            {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: black; text-decoration: none}
A.homeBox:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: black; text-decoration: none}
A.homeBox:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: black; text-decoration: none}

p {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: black}
p.small {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: black}
p.lg {font-family: arial, helvetica, verdana, swiss; font-size: 12px; color: black}

hr {
	color:#000;
	height:2px;
	border:2px solid #000;
	background-color:#000;
	clear:both;}


form {

margin:0;
padding:0;}


li {color: #0066cc; text-indent: 0 px; margin-left: -25 px}

body {background-attachment: fixed; background-image: url(http://www.datalinkcabling.co.uk/images/bgline.gif); background-repeat: no-repeat; background-position: 50% 0px}

input {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: black; border: #777777 1px solid}
input.lg {font-family: arial, helvetica, verdana, swiss; font-size: 12px; color: black; border: #777777 1px solid}
input.nb {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: black; border: white 0px solid}
input.blue {background: #0066cc; border: #888888 1px solid; color: white; font-family: arial, helvetica, verdana, swiss; font-size: 12px}
select {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: black; border: #777777 0px solid}
select.lg {font-family: arial, helvetica, verdana, swiss; font-size: 12px; color: black; border: #777777 0px solid}
textarea {font-family: arial, helvetica, verdana, swiss; font-size: 10px; color: black; border: #777777 1px solid}
textarea.lg {font-family: arial, helvetica, verdana, swiss; font-size: 12px; color: black; border: #777777 1px solid}

#dataGrid A    {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
#dataGrid	A:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
#dataGrid	A:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}


.HeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(http://www.datalinkcabling.co.uk/images/productbar_grad_back.gif);
	background-repeat: repeat-x;
}

A.LinkText            {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.LinkText:visited    {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #0064CA; text-decoration: none; font-weight: none; vertical-align: middle}
A.LinkText:hover      {font-family: arial, helvetica, verdana, swiss; font-size: 11px; color: #000000; text-decoration: none; font-weight: none; vertical-align: middle}



.RedBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: xx-small;
	font-weight: bold;
	color: #FF0000;
}

.DarkBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.WhiteBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.MidBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: xx-small;
	font-weight: bold;
	color: #666666;
}

.TinyDarkBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.TinyMidBody
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
}
.AdminHeaderText
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(http://www.datalinkcabling.co.uk/images/productbar_grad_back.gif);
	background-repeat: repeat-x;
}
.qtyField
{
	width:50px;
}
.LightBody {
	font-family: arial, helvetica, verdana, swiss;
	font-size: x-small;
	color: #FFFFFF;
}
.TinyLightBody {
	font-family: arial, helvetica, verdana, swiss;
	font-size: xx-small;
	color: #cccccc;
}

.MedDarkBody 
{
	font-family: arial, helvetica, verdana, swiss;
	font-size: x-small;
	font-weight: bold;
}



.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.intro-text
{
	padding-right: 22px;
}

.intro-text h1
{
	color: #000;
	margin: 0;
	font-size: 1.70em;
	padding: 0px;
}

.intro-text p
{
	font-family: arial, helvetica, verdana, swiss;
	line-height: 1.4;
	font-size: 13px;
}
.blue {
	color: #416ad0;
}

h2.daily-deals
{
	color: #3165C5;
	font-size: 16px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}

div.daily-deals
{
	min-height: 10px;
	margin: 0 0 10px 0;
	padding: 11px 0 0 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

div.daily-deals .box
{
	float: left;
	width: 155px;
	height: 156px;
	background: url(/images/bg_box_green.gif) no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 4px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
	
}

* html div.daily-deals .box
{
	width: 162px;
	height: 156px;
	
}

div.daily-deals .box p
{
	color:#FFF;
	font-size:11px;
	line-height:14px;

}





div.daily-deals .box-first
{
	clear: left;
	margin-left: 0;
}

div.daily-deals .box a
{
	color:#333;
	font-family: arial, helvetica, verdana, swiss;
	font-size: 11px;
	display: block;
	text-decoration: none;
	line-height: 34px;
}

div.daily-deals .box a:hover
{
	text-decoration: underline;
}

div.daily-deals .box a img
{
	border: 0;
}

div.daily-deals .box-green {
	background-image: url(../images/bg_box_green.jpg);
	background-repeat: no-repeat;
}
div.daily-deals .box-blue {
	background-image: url(../images/bg_box_blue.jpg);
	background-repeat: no-repeat;
}
div.daily-deals .box-purple { background: url(../images/bg_box_purple.jpg) no-repeat; }
div.daily-deals .box-yellow { background: url(../images/bg_box_yellow.jpg) no-repeat; }
div.daily-deals .box-red { background: url(../images/bg_box_red.jpg) no-repeat; }
div.daily-deals .box-pink { background: url(../images/bg_box_pink.jpg) no-repeat; }
div.daily-deals .box-brown { background: url(../images/bg_box_brown.jpg) no-repeat; }
div.daily-deals .box-light-blue { background: url(../images/bg_box_light_blue.jpg) no-repeat; }
div.daily-deals .box-orange { background: url(../images/bg_box_orange.jpg) no-repeat; }
div.daily-deals .box-black { background: url(../images/bg_box_black.jpg) no-repeat; }
div.daily-deals .box-yellow2 { background: url(../images/bg_box_yellow2.jpg) no-repeat; }
div.daily-deals .box-grey { background: url(../images/bg_box_grey.jpg) no-repeat; }

.bg-shopping-cart
{
	width: 156px;
	height: 84px;
	margin: 0 0 20px 2px;
	padding: 5px 0 0 0;
	background: url(http://www.datalinkcabling.co.uk/images/bg_shopping_cart.gif) no-repeat;
}

* html .bg-shopping-cart
{
	height: 89px;
}



.bg-delivery
{
	width: 156px;
	height: 66px;
	margin: 0 0 20px 2px;
	padding: 11px 0 0 0;
	background: url(http://www.datalinkcabling.co.uk/images/bg_delivery.gif) no-repeat;
}

* html .bg-delivery
{
	height: 77px;
}



.bg-email-signup
{
	width: 146px;
	height: 84px;
	margin: 0 0 20px 2px;
	padding: 12px 0 0 10px;
	background: url(http://www.datalinkcabling.co.uk/images/bg_email_signup.gif) no-repeat;
}

* html .bg-email-signup
{
	width: 156px;
	height: 96px;
}
	
	.bg-email-signup h3
	{
		color: #4d4d4d;
		font-size: 13px;
		margin: 0;
		padding: 0 0 8px 0;
	}
	
	.bg-email-signup input,
	input.input-search
	{
		width: 130px;
		color: #808080;
		font-family: arial, helvetica, verdana, swiss;
		font-size: 12px;
		border: 1px solid #a3a3a3;
	}
	
	input.input-search
	{
		width: 105px;
	}
	
	.bg-email-signup .email-submit
	{
		padding-top: 8px;
	}
		
		.bg-email-signup .email-submit input,
		input.btn-go
		{
			width: auto;
			height: auto;
			border: 0;
		}
		


.bg-ad
{
	width: 156px;
	margin: 0 0 20px 0;
}

br.space
{
	line-height: 0.6;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.50em;
	font-weight: bold;
}
.nav-space {
	padding: 0px;
	margin-left: 1px;
	margin-bottom: 10px;
}
#header-image {
	background-image: url(../images/header-image.jpg);
	width: 560px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#intro-text {
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#titlebar {
	background-color:#e91edc;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.5em;
	padding-bottom:1px;
	padding-top:1px;
	text-align:right;
	width:558px;
	height: 40px;
	margin-right:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 0px;
}


#offers {
	
	width:540px;
	top:0px;
	left:0px;
	float:left;
}
#intro2 {
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 22px;
	margin-bottom: 20px;
	margin-top: 15px;
	line-height: 17px;
	padding-right: 20px;
}
.box-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	
	
}

.price{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	}
#footer-div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: right;
	padding-right: 28px;
}