/* df0101 - highway */

body {
	background:#000 no-repeat top center;
	padding:0;
	margin:0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif
}

img {
	border:none;
}

.hide, .Hide {   
    display:none;
}

.ClearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.ClearFix {
	display: inline-block;
}
 
html[xmlns] .ClearFix {
	display: block;
}
 
* html .ClearFix {
	height: 1%;
}


h1, h2, h3, h4, h5, p {
	padding:0;
	margin:0;
	font-weight:normal;
}

a {
	text-decoration:none;
}

p a:hover {
	text-decoration:underline !important;
}

.AlignLeft {
	float:left;
}

.AlignRight {
	float:right;
}

ul, li {
	padding:0;
	margin:0;
	list-style:none;
}

p.SmallText {
	font-size:80% !important;
	line-height:130% !important;
}

/***************** Header ******************/

#Header {
	background:url(/Templates/images/Header.gif) repeat-x #000;
	border-bottom:#df0101 10px solid
}
	#Header .Wrapper {
		width:940px;
		position:relative;
		height:120px;
		margin:0 auto;		
	}
	#Header #Logo {
		width:140px;
		height:90px;
		position:absolute;
		left:0;
		top:20px;
	}
	#Header strong {
		top:40px;
		right:0;
		position:absolute;
		font-size:24px;
		color:#4a4a4a;
		font-weight:lighter;
	}
		#Header strong span {
			color:#df0101;
		}
	#Header ul {
		bottom:20px;
		right:0;
		position:absolute;
		font-size:14px;
		display:inline;
	}
		#Header ul li {
			display:inline;
			padding-left:20px;
		}
		#Header ul li a {
			color:#FFFFFF;
		}
		#Header ul li a:hover {
			color:#FFFFFF;
			text-decoration:underline;
		}
		
/***************** Footer ******************/
	
#Footer {
	width:100%;
	background:#FFFFFF;
	padding:20px 0 50px 0;
	border-top:1px solid #df0101;
}
	#Footer .Wrapper {
		width:940px;
		margin:0 auto;
	}
	#Footer p {
		font-size:14px;
		padding:0 20px 20px 0;
		display:block;
	}
	#Footer p.FooterTop {
		display:block;
		padding:0 0 10px 0;
		border-bottom:1px solid #CCCCCC;
		line-height:24px;
		margin:0;
	}
	#Footer p.FooterTop img {
		padding:5px 20px 0 0;
		float:left;
	}
	
	#Footer ul, #Footer li {
		display:inline;
		padding:0 8px 0 0;
		font-size:14px;
	}
	
	#Footer a {
		color: #df0101;
	}
	
	#Footer a:hover {
		text-decoration:underline;
	}

ul#DesignedBy {
	font-size:80%;
	color:#666666;
}

ul#DesignedBy li a {
	font-size:80%;
	color:#666666;
}

p.Copyright {
	font-size:80%;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	color:#666666;
}

#FooterNav ul {
	padding:0  !important;
	margin:0  !important;
	clear:both;
}

#FooterNav ul li {
	margin:0 15px 0 0;
}

/***************** Body ******************/

#Body  {
	background:#000  no-repeat top center url(/Templates/images/Highway_Bckgrnd_Youtube.jpg);
}
	#Body h1 {
		width:940px;
		padding:10px 0px;
		color:#df0101;
		font-size:48px;
		margin:0 auto;
	}

/*	#Body h1 span {
		font-size:20px;
		color:#FFFFFF;
		display:block;
		padding:0 0 6px 0;
	}
*/
	#Body .Wrapper {
		width:960px;
		margin:0 auto;
	}
	
#Body #SideBar {
	width:240px;
	float:left;
	margin-bottom:10px;
}
	#Body #SideBar ul {
		margin-bottom:12px;
		padding:10px;
		background:#FFFFFF;
	}
	#Body #SideBar ul li {
		border-bottom:1px solid #FFFFFF;
	}
	#Body #SideBar ul li a {
		display:block;
		padding:8px 0 8px 40px;
		background:url(/Templates/images/side-highway.gif) no-repeat left center;
		color:#FFFFFF;
		text-transform:uppercase;
	}
	#Body #SideBar ul li a:hover {
		display:block;
		padding:8px 0 8px 40px;
		background:url(/Templates/images/side-highway.gif) no-repeat -240px 50%;
	}
	
		#Body #SideBar ul ul {
			margin:0;
			padding:0;
			background:url(/Templates/images/Nav.gif) repeat-x;
		}
		#Body #SideBar ul ul li a {
			padding:8px 0 8px 30px;
			background:none;
			color:#333;
			background:url(/Templates/images/sideLine.gif) no-repeat 10px 50%;
			font-size:12px;
			text-transform:none;
		}
			#Body #SideBar ul ul li a:hover {
				padding:8px 0 8px 30px;
				background:none;
				color:#df0101;
				background:url(/Templates/images/sideLineHover-highway.gif) no-repeat 10px 50%;
			}
	
#Body h3 {
	padding:6px 10px;
	background:#df0101;
	font-size:18px;
	text-transform:uppercase;
	color:#FFFFFF;
}

#Body .Panel {
	width:auto;
	border:1px solid #df0101;
	padding:10px 9px;
	background:#FFFFFF;
	margin-bottom:12px;
}

#Body #Breadcrumb {
	padding:0 0;
	background:url(/Templates/images/Grey.gif) left center ;
	color:#333;
	margin-bottom:10px;
}
#Body #Breadcrumb ul, #Body #Breadcrumb ul li {
	display:inline;
}
#Body #Breadcrumb ul li a {
	padding:8px 6px 8px 24px;
	background:url(/Templates/images/whiteArrow.png) no-repeat 6px 50%;
	color:#333 !important;
	font-size:12px;
	display:block;
	float:left;
}
#Body #Breadcrumb ul li a:hover {
	text-decoration:underline;
}
	
#Body #Main {
	width:720px;
	float:right;
}
	#Body #Main #PromoPanel {
		padding:0 0 0 10px;
		width:710px;
	}
		#Body #Main #PromoPanel img {
			width:380px;
			height:225px;
			float:left;
		}
		#Body #Main #PromoPanel .Panel {
			width:330px;
			height:225px;
			background:#4e4e4e;
			border:none;
			float:right;
			padding:0;
		}
			#Body #Main #PromoPanel .Panel h2 {
				padding:20px;
				font-size:22px;
				color:#FFFFFF;
			}
	#Body #Main #Content {
		padding:0 0 0 10px;
		width:710px;
		margin-bottom:10px;
		overflow:hidden;
	}
	
	#Body #Main #Content h4 {
		font-size:20px;
		font-weight:bold;
		color:#df0101;
		padding:10px 0;
	}
	#Body #Main #Content h5 {
		font-size:18px;
		color:#1b1b1b;
		padding:6px 0 10px 0;
		line-height:28px;
	}
	#Body #Main #Content p {
		color:#1b1b1b;
		font-size:16px;
		line-height:24px;
	}
	#Body #Main #Content a {
		color:#df0101;
	}
	
	#Body #Main #Content .TextArea ol, #Body #Main #Content .TextArea ul {
		list-style:circle;
		padding:10px 0 10px 20px;
	}
		#Body #Main #Content .TextArea ol li, #Body #Main #Content .TextArea ul li {
			list-style:circle;
			font-size:16px;
			line-height:24px;
		}
		#Body #Main #Content .TextArea ol li a:hover, #Body #Main #Content .TextArea ul li a:hover {
			text-decoration:underline;
		}
	
	
	#Body #Main #Content .Item {
		padding:6px 0 6px 0;
		border-bottom:1px solid #df0101;
	}
	
	#Body #Main #Content .TextArea {
		width:auto;
		padding:10px 20px;
		background:#FFFFFF;
		margin-bottom:12px;
	}	
	#Body #Main #Content .TextArea h1, #Body #Main #Content .TextArea h2, #Body #Main #Content .TextArea h3 {
		font-size:28px;
		color:#df0101;
		background:none;
		padding:6px 0 10px 0;
		margin:0;
		text-transform:none;
	}
	#Body #Main #Content .TextArea h2 {
		font-size:24px;
		color:#1b1b1b;
	}
	#Body #Main #Content .TextArea h3 {
		font-size:20px;
		color:#666;
	}
	
#Body .ProductList li {
	margin-bottom:10px;
	border:1px solid #df0101;
	padding:20px;
	background:#fff;
}	
	#Body .ProductList li .AlignLeft {
		width:150px;
		height:150px;
		border:1px solid #666666;
	}	
	#Body .ProductList li .AlignRight {
		width:500px;
  min-height:150px;
  height:auto !important;
  height:150px;	}	

#Body .ProductList li ul {
	padding:0 0 0 0;
	margin:0 0 0 20px;
}

#Body .ProductList li ul li {
	list-style:circle;
	font-size:16px;
	line-height:24px;
	border:none;
	padding:0;
	background:none;
	margin:0;
}

#Body .CategoryList {
	width:720px;
}	
	#Body .CategoryList li {
		width:230px;
		height:210px;
		float:left;
		padding:0 10px 10px 0;
		display:block;
	}	
		#Body .CategoryList li a {
			width:210px;
			height:190px;
			background:#FFFFFF;
			text-align:center;
			padding:10px;
			display:block;
		}	
			#Body .CategoryList li a:hover {
				padding:9px;
				border:1px solid #df0101;
			}	
		#Body .CategoryList li img {
			width:150px;
			height:150px;
			margin:6px 0;
		}	
	
		#Body .CategoryList li a span {
			clear:both;
			display:block;
		}
			
	
	#Body .Pages {
	}
	#Body .Pages li {
		float:left;
	}
	#Body .Pages li a, #Body .Pages li span {
		padding:6px 8px;
		background:#fff;
		display:block;
		float:left;
		margin-right:6px;
		font-size:14px;
		background:url(/Templates/images/Grey.gif);
		color:#333333 !important;
	}	
	#Body .Pages li a:hover, #Body .Pages li.Selected a {
		text-decoration:underline;
		background:url(/Templates/images/Grey.gif) 0 -10px;
	}
	
#Body .AdLarge {
	clear:both;
	width:auto;
	background:#FFFFFF;
	border:1px solid #df0101;
	height:100px;
	margin-bottom:20px;
}

.Next, .Prev, .Row a {
	cursor:pointer;
	margin:0 6px 0 0;
	display:inline;
	color:#fff !important;
	padding:4px 8px;
	background:url(/Templates/images/side.gif) no-repeat right center;
}
	.Next:hover, .Prev:hover, .Row a:hover {
		color:#fff !important;
		background:#df0101;
	}
	


.TextArea p, TextArea li {
	color:#333333 !important;
}

/***************** News and Events Styles ******************/

ul#NewsandEventsList li img 
{
    float:left;
    padding:0 10px 0 5px;
}    
ul#NewsandEventsList li 
{
    clear:both;
}  

.NewsEventsTitle 
{
    padding:0;
    display:block;
}

.NewsEventsImage
{
    padding:0 20px 20px 0px;   
}

.SummaryText
{
    float:left;
}  

ul#NewsandEventsList, #Downloads ul li, ul.DocsList {
	margin:0 !important;
	padding:0 !important;
}

ul#NewsandEventsList li, #Downloads ul li, ul.DocsList li {
	border:none !important;
	padding:0 15px 15px 0 !important;
	margin:0 0 15px 0 !important;
	list-style-type:none !important;
	border-bottom:1px solid #CCCCCC !important;
}

strong.NewsEventDate {
	font-size:80%;
	display:block;
	margin:0 0 7px;
}

/***************** Product Styles ******************/
	
	
/*  Items   */

#ProductInformation span.Description ul li {
	border:none;
	padding:0;
	margin:0;
}

#slides {
	border:1px solid #CCCCCC;
	width:500px;
	padding:20px;
	float:left;
	margin:0 10px 0 0;
}

#SlideThumbs {
	border:1px solid #CCCCCC;
	width:80px;
	padding:20px 15px 0 15px;
	float:left;
}

#SlideThumbs img {
	margin:0 0 22px 0;
	border:1px solid #999999;
}

span.VariationDescription {
	font-size:90%;
	padding:5px 0 0 0;
}

span.VariationNote {
	font-size:80%;
	padding:0;
	margin:0;
}

.ColourOptions {
	background:url(/Templates/images/Var_Colour.jpg) no-repeat;
}

.FixingOptions {
	background:url(/Templates/images/Var_Fixings.jpg) no-repeat;
}

ul#Fixings {
	padding:20px 0 0 0;
}

ul#Fixings li {
	width:500px;
	border-bottom:1px solid #e9e9e9;
	padding:10px;
}

ul#Fixings li img {
	float:left;
}

ul#Fixings li a 
{
    color:#df0101;
}

ul#Fixings li a:hover 
{
    color:#df0101;
    text-decoration:underline;
}

a.ColourOptions:hover, a.FixingOptions:hover, a.SignageOptions:hover {
	border:1px solid #999999;
	color:#333 !important;
}


ul#Fixings li span.FixingInfo {
	width:340px;
	float:right;
}

.SignageOptions {
	background:url(/Templates/images/Var_Signage.jpg) no-repeat;
}

ul#SignOptions {
}

ul#SignOptions li img {
	padding:10px 0;
}

ul#SignOptions li {
	width:500px;
	padding:10px;
}

.ColourOptions,.FixingOptions, .SignageOptions {
	margin:10px 10px 10px 0;
	height:30px;
	width:150px;
	padding:120px 0 0 0;
	text-align:center;
	display:block;
	text-transform:uppercase;
	float:left;
	border:1px solid #CCCCCC;
	color:#666666 !important;
}

#ProductInformation #MaterialOptions ul li {
	border:none;
	padding:0;
	margin:0;
}

.Description {
	margin:0 0 10px 0;
}

.Highlight_Quote {
	font-size:18px !important;
	color:#8c8c8c !important;
	font-style:italic;
	margin:0 0 10px 0;

}

.Code {
	font-size:12px !important;
	color:#636363 !important;
	font-weight:bold;
	margin:0 0 10px 0;
}
	
#Form {
	background:url(/Templates/images/QuickForm.gif) no-repeat top left #e5e5e5;
	margin:20px 0 0 0;
	padding:0 0 0px 0;
	clear:both;
	min-height:35px;
	height:auto !important;
	height:35px;
}

h3.QuickForm {
	color:#333333 !important;
	padding:5px 0 5px 30px !important;
	font-size:120% !important;
	margin:0 !important;
}

.QuickForm 
{
	color:#6666FF;
	cursor:s-resize;
}

#QuickEnquiry fieldset
{
    border:none;
    padding:20px;
    width:580px;
}

#QuickEnquiry input
{
    border:1px solid #999;
	font-size:16px;
	color: #333333;
	padding:2px 2px 0 5px;
	height:22px;
	margin:0 0 10px 0;
	width:570px;
}

#QuickEnquiry textarea
{
    border:1px solid #999;
	font-size:16px;
	color: #333333;
	padding:2px 2px 0 5px;
	margin:0 0 10px 0;
	width:570px;
	height:140px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#QuickEnquiry label 
{
    font-size:100%;
    padding-bottom:10px;
	color: #333;
}

#QuickEnquiry .Submit {
    background-color:#333;
    padding:5px;
    height:28px;
	width:580px;
    margin:0;
	font-size:16px;
	color: #fff;
	border:0px;
	cursor:pointer;
	float:left;
}
	
.LinList {
	border-bottom:3px solid #df0101;
}

.LinList li {
		float:left;
		padding:0  !important;
		margin:0  !important;
		border:0 !important;
		background:none !important;
	}
	
	.LinList li a {
		float:left;
		margin:5px 1px 0px 0 !important;
		padding:8px 22px 0 22px !important;
		height:18px !important;
		background:url(/Templates/images/Grey.gif) ;
		color:#333;
		font-size:12px;
		text-align:center;
		color:#1b1b1b !important;
	}
	.LinList li a:hover, .LinList li.Selected a {
		float:left;
		margin:0 1px 0px 0 !important;;
		padding:10px 22px 0 22px !important;;
		height:21px !important;;
		background:#df0101 !important;
		color:#fff !important;
		background:url(/Templates/images/Grey.gif) 0 -60px repeat-x;
	}
	.LinList li.Selected a {
		padding:10px 22px 0 22px;
	}
	



/* OTPS STYLES */

.ViewMore {
    display:block;
    cursor:pointer;
    background:url(/Templates/images/plus.gif) no-repeat 0 1px;
    padding:0 0 20px 22px;   
}

.ViewLess {
    display:block;
    cursor:pointer;
    background:url(/Templates/images/minus.gif) no-repeat 0 1px;
    padding:0 0 20px 22px;   
}

.limiterBox{color:#333;background-color:#ccc;padding:3px 6px;font-size:12px;}

.AdminComment {
	background:url(/Templates/images/adminComment.gif) bottom no-repeat #e56100 !important;
	color:#FFFFFF0 !important;
}
.AdminComment .CommentName, .AdminComment span {
	color:#FFFFFF;
}

/**************************** CUSTOM ICON LINKS - NOT IN ie6 ****************************/

/* 
a[target$='_blank'] {
	background:url(../images/external.gif);
	background-position:right;
	background-repeat:no-repeat;
	display:inline-block;
	padding-right:16px;
}


a[href$='.pdf'] {
	background:url(../images/pdf.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:30px;
	padding-right:0;
	line-height:30px;
}
 

a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
	background:url(../images/xml.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:30px;
	line-height:30px;

}


a[href$='.ppt'] {
	background:url(../images/ppt.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:30px;
	padding-right:0;
	line-height:30px;

}
 

a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
	background:url(../images/doc.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:30px;
	padding-right:0;
	line-height:30px;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
	background:url(../images/doc.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:30px;
	padding-right:0;
	line-height:30px;
}
 */
 
 
/*SoMe */

h4 {font-size:22px !important;color:#ff0000;padding:0 0 6px 0 !important;font-weight:bold;}

h5 {font-size:16px;color:#999999;padding:0 0 6px 0 !important;}
h5 a {color:#999999 !important;}

#Some {width:710px;background:url(../images/Some.gif) repeat-y top right #fff; margin:0 0 10px 0;}
#Some a:hover {text-decoration:underline;}
#BlogPosts {float:left;width:410px;padding:10px;}
#BlogPosts li {border:1px solid #ccc;margin-top:10px;font-size:14px;color:#202020;line-height:20px !important;padding:7px;}
#BlogPosts li:hover {background:#efefef;}
#BlogPosts li a {font-size:17px;color:#ff0000;}
				
#Flickr {width:260px;float:right;padding:10px;}
#Flickr #flickr_badge_wrapper img {margin:0 auto;display:block;padding:20px 0;}
#Flickr p {font-size:12px !important;color:#FFFFFF !important;}
#Flickr p a {font-size:16px !important;color:#FFFFFF !important;}
#Flickr p img {padding:6px 0 0 0;}
*html #Flickr p img {display:none;}
				
#Twitter {clear:both;padding:10px;background:#333333;}
#Twitter #FollowLinpac {float:left;width:200px;border-right:1px solid #ccc;}
#Twitter #FollowLinpac img {float:left;padding:0 10px 0 0;}
#Twitter #FollowLinpac p {font-size:11px !important;color:#FFFFFF !important;padding:1px 0 0 0;line-height:20px !important;}
#Twitter #FollowLinpac p a {font-size:14px !important;color:#FFFFFF !important;}
		
#Twitter #twitter_update_list li {color:#fff;font-size:12px;line-height:20px;padding:3px 0 0 10px;float:right;width:470px;}
#Twitter #twitter_update_list li a {color:#14abe3 !important;	}