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

body { font: 11px/18px Arial, Verdana, sans-serif; background:#fff url(/Image/HaderBG.jpg) 0 0 repeat-x  ; color:#333; text-align:center; padding:0; margin:0; }

ul,li { padding: 0; margin:0; list-style-type:none; }
img { border: 0px none; }
a { color: #112E83; text-decoration: none; }
a:hover { text-decoration: none; }

form { padding:0; margin:0; }

h1 { font-weight: bold; font-size: 19px; line-height: 19px; margin:0px; padding:0;  border-bottom:#CCCCCC 1px solid; color: #000000; clear:both; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-top: 5px; margin-bottom: 18px; font-weight: bold; padding:0;  }
h3 { font-weight: bold; font-size: 13px; color:#333333; margin-bottom: 18px; font-weight: bold; padding:0; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
h5 { font-weight: bold; font-size: 10px; line-height: 18px; }
h6 { font-weight: bold; font-size: 10px; line-height: 18px; }

.Row { clear:both; padding:5px 0 0 0 ;}
.RowLeft { width:200px; float:left; text-align:right; }
.RowRight { width:200px; float:left; text-align:left; padding: 0 0 0 5px; }
.textarea { padding:3px; width:170px; height:100px; color:#666666; font: 11px/18px Arial, Verdana, sans-serif; border: 1px #999999 solid; background:#FFFFFF; }
.input {width:170px; height:12px; padding:3px; color:#666666; font: 11px/18px Arial, Verdana, sans-serif; border: 1px #999999 solid; background:#FFFFFF;}
.SubLeft { width:125px; float:left; text-align:left; padding: 5px 0 0 0;  }
.SubRight  { width:75px; float:left; text-align:left; padding: 5px 0 0 0; }


/*/////////////////////////////
//  FRAME
/////////////////////////////*/
#Frame { width:960px; margin-left:auto; margin-right:auto; text-align:left; }

/*/////////////////////////////
//  TOP
/////////////////////////////*/
#Top .heading { font-size: 20px; border:0; color:#333; font-weight:normal; padding:0; margin:0; line-height:23px; text-align:left; }
#Top { font-size:11px; padding:7px 0 0px 0 ;height:95px;  background:#fff url(/Image/HaderBG.jpg) 0 0 repeat-x  ; }

#TopLeft { float:left; width:110px; text-align:left; padding: 24px 0 0 20px; height:65px; }

#TopRight { float:left; width:709px;  height:81px; padding: 0 0 0 120px; line-height:1.0em}
#TopRight a { color:#333; }
#TopRight a:hover { color:#112E83; }
#TopRightInner {height:60px; text-align:right; color:#666;}
#TopRightInnerLeft { float:left; text-align:left; width:400px; padding:15px 0 0 10px; color:#999; line-height:1.7em;}
#TopRightInnerRight { float:left; text-align:right; width:284px; padding:15px 15px 0 0; color:#999; line-height:1.5em;}
#TopRightInnerRight a { color:#000; font-weight:bold; }
#TopRightInnerRight a:hover { color:#666;}
#TopRightInnerRight .red { color:#ed1c24;}
#TopRightInnerRight a.red { color:#ed1c24;}


/*/////////////////////////////
//  BANNER
/////////////////////////////*/

.Banner { padding: 88px 31px 0 517px; width:145px; height:167px; background:url(/Image/BannerBG.jpg) 0 0 no-repeat; line-height:1.5em; }

.Banner a { color:#333; width: 105px; height: 20px; margin-top:4px; padding: 1px 20px 0px 20px; background:url(/Image/LinkBackground.gif) 0 0 no-repeat; display:block; text-align:center; }
.Banner a:hover { color:#999;  }
 
/*/////////////////////////////
//  MAINCONTENT
/////////////////////////////*/

#MainContent { background:url(/Image/Main-BG.jpg) 0 0 repeat-y}
#MainContentLeft { width:263px; float:left; padding: 0 3px 0 0; overflow: hidden; }
#MainContentRight { width:693px; float:left; }

#MainContentLeft .FrontPod  {background: url(/Image/box-heading.gif) top left repeat-x; padding: 3px 0 0px 8px;  margin:0; border: 1px solid #CCCCCC;  height: 14px; }
#MainContentLeft .FrontPod .SubTitle { line-height: 11px; font-size: 11px; font-weight: bold; color: #112e83; text-decoration: none; }
#MainContentLeft .ColumnSub { padding:7px 10px 4px 10px; border: 0px solid #CCCCCC;  border-top: none; }

#NationwideMap { width:263px; height:350px; display:block; }
#NationWidePostcode {width:231px; height:18px; font-size:14px; padding:3px; color:#666666; border: 1px solid  #888;}
#MainContentLeft .PCwidth {width:239px; margin-top:5px;}
#MainContentLeft .blur { color:#999; }
#partnumber {width:231px; height:18px; font-size:14px; padding:3px; color:#666666; border: 1px solid  #888;}

#MainContentLeft .ColumnSub select { width:230px;}


#MainContentRight .FrontPod  {background: #FFFFFF url(/Image/box-heading.gif) bottom left repeat-x; padding: 4px 0 0px 8px;  margin:0; border: 1px solid #CCCCCC; border-bottom: none; height: 15px; }
#MainContentRight .FrontPod .SubTitle { line-height: 11px; font-size: 11px; font-weight: bold; color: #112e83; text-decoration: none; }
#MainContentRight .FrontPod h3 { line-height: 11px; font-size: 11px; font-weight: bold; color: #112e83; text-decoration: none; padding:0; margin:0; }
#MainContentRight .ColumnSub { padding:7px 10px 4px 10px; border: 1px solid #CCCCCC; background: url(/Image/targetblock.gif) 0 0 repeat-y; border-top: none; }

#MainContentRight .ColumnSub ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#MainContentRight .ColumnSub li { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#MainContentRight .ColumnSub li a { color:#000000; width:180px; height: 18px; display:block; background-image: url(/Image/ArrowBullet.gif); background-position: 3px 8px; background-repeat:no-repeat;  margin: 0 0 0 0; padding: 3px 0 0 15px; border-bottom: 1px solid #ccc; }
#MainContentRight .ColumnSub li a:hover { background-position: 6px 7px; }

.Trail { padding: 0 0 10px 0px; color:#ccc; }
.Trail a { color:#999999; } 
.Trail a:hover { color:#000; } 

.TextContent { padding: 0px;}

.TextContentFull { padding: 20px;}

.TextContent ul { list-style-type: square; margin: 0 0 0 15px; padding: 0 0 0 10px; }
.TextContent li { list-style-type: square; margin: 0 0 0 0; padding: 0 0 0 15px; }
.NewsStory {padding:0 0 8px 0; margin:0;}
.NewsStoryDate { font-size: 10px; color: #666666; width: 60px; padding:0; float:left;}
.NewsStoryTitle {color: #000000; padding:0 0 0 0px; margin:0; float:left; width: 125px;}
.NewsStoryTitle a {color: #000000; padding:0; margin:0; text-decoration:none; font-weight:normal; }
.NewsStoryTitle a:hover  {color: #112E83;}

.TextContentLeft {  width:433px; float:left; padding:20px; }
.TextContentRight { width:220px; float:left; }

.Logo { width:160px; float:left; display:block; padding:20px 0 0 10px; }

#SearchPCLeft {width:150px; float:left; padding: 4px 5px 0 0;}
#SearchPCRight {width:55px; float:left; padding: 0 5px 0 0;}

.PostcodeContact {width:231px; height:18px; font-size:14px; padding:3px; color:#666666; border: 1px solid  #888;}

.DealerMap {width: 350px; height: 230px; float:left; margin: 0 10px 0 0; overflow: hidden; color:#000000;  }
#DealerMap {width: 300px; height: 230px; float:left; margin: 0 10px 0 0; overflow:hidden; color:#000000;  }
#DealerMap a {  color:#013666;  }
#DealerMap input {width:70px; background:#ffffff; color:#000; border:1px solid #666666; font-size:11px; padding:2px 0 2px 0;}
.CallNow {color:#999999; font-size:20px; font-weight:bold; padding:  0 0 10px 0; }
.CallNowLeft { color: #A1A1A1; text-align:right; font-size:16px; font-weight:bold; width: 300px; float:left; padding: 0 5px 0 0; }

#MapContact .RowLeft { text-align:left; }

#Box { padding:0px; margin:0px; list-style-type:none;}
#Box ul { padding:0px; margin:0px; list-style-type:none;}
#Box li { width:100px; height:100px; display:block; float:left;  background:#efefef; border: #CCCCCC solid 1px; margin: 5px 0 0 5px; float:left; text-align:center; line-height:1.0em; list-style-type:none;  }
#Box li a { width:90px; height:65px; display:block;  padding:35px 5px 0 5px; background-image:url(/Image/boxBG.jpg); background-position: 0px 0px ; background-repeat: repeat; }
#Box li a:hover { color:#000; background-position: 0px -100px ; }

#BoxTwo { padding:0px; margin:0px; list-style-type:none;}
#BoxTwo ul { padding:0px; margin:0px; list-style-type:none;}
#BoxTwo li { width:100px; height:100px; display:block; float:left;  background:#efefef; border: #CCCCCC solid 1px; padding: 0 5px 0 5px; margin: 5px 0 0 5px; float:left; text-align:center; line-height:1.0em; list-style-type:none;  }
#BoxTwo li a { width:90px; height:35px; display:block;  padding:65px 5px 0 5px; background-image:url(/Image/boxBG.jpg); background-position: 0px 0px ; background-repeat: repeat; font-size:10px; overflow:hidden; }
#BoxTwo li a:hover { color:#000; background-position: 0px -100px ; }

#ProductHolder .Row { background:#eee; margin-top: 5px; }
#ProductHolder .RowLeft { text-align:left; padding: 0 0 0 5px;   }

.StoryDate { text-align:right; color:#666666; width:120px; float:right; }

#NewsRight { width:165px; padding:10px; background:#efefef; float:right; margin: 0 0 0px 15px ; line-height:1.4em;}
#NewsLeft { float:left; width: 440px;}

#CatList { list-style-type:none; padding:0; margin:0;   }
#CatList li { list-style-type:none; padding:5px 0 0 5px;  margin:0;  }
.One { background:  #efefef url(/Image/BackgroundSearch.jpg) 0% 80% repeat-x;;  border-top: #FFFFFF solid 1px; }
.Two { background:  #E4E4E4 url(/Image/BackgroundSearch.jpg) 0% 0%  repeat-x;; border-top: #ccc solid 1px; }

.CallLeft{ float:left; width:60px; padding: 0 0 0px 0;  }
.CallRight{ float:left; width:220px; padding:5px 0 0 10px;  }

.RegisterHolder { background: url(/Image/BackgroundSearch.jpg) 0% 60% repeat-x; padding:20px; margin:10px 0 0px 0;   }
#PleaseLogin h3 { background:url(/Image/visual-shade.gif) 0 0 repeat-x; padding: 8px 5px 0 10px; margin:0 0 0px 0; }

/*/////////////////////////////
//  SELECTABLE MENUS
/////////////////////////////*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; text-align:left; }
.ui-selectmenu-menu-popup { margin-top: -1px;  text-align:left;}
.ui-selectmenu-menu-dropdown {  text-align:left;}
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


/*/////////////////////////////
//  NAVIGATION
/////////////////////////////*/

#nav a:hover { color:#000; }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: bold; }
ul.dropdown li { padding: 7px 5px 7px 15px; color: #000; }
ul.dropdown li.hover,  ul.dropdown li:hover { /*background-color: #eee;*/ color: #000; }
ul.dropdown a:link,  ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #666; }
ul.dropdown a:active { color: #000; }

/* -- level mark -- */
ul.dropdown ul { width: 160px; margin-top: 1px; }
ul.dropdown ul li { font-weight: normal; }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { padding: 2px 5px 7px 15px; display:block;   }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 15px; /*background: #FFFFFF url(/Image/nav-more.gif) 0 0 no-repeat;*/  color:#000;}
ul.dropdown-upward *.dir { background-image: url(/Image/nav-arrow-top.png); }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir { background: #FFFFFF url(/Image/nav-more.gif) 0 0 no-repeat; color:#000; }
ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 15px; background: url(/Image/nav-arrow-transparent.gif) 0% 50% no-repeat; }

/*-------------------------------------------------/
 * @section		Base Style Extension */
ul.dropdown a, ul.dropdown span { display: block; padding: 2px 5px 7px 15px; color:#000; background:url(/Image/arrow.jpg) 5px 5px no-repeat;  }

/*-------------------------------------------------/
 * @section		Base Style Override */
ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 5px 5px 5px 15px; }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */
ul.dropdown li {  color: #000; font-weight:bold; font-size:10px;  }
ul.dropdown li.hover, ul.dropdown li:hover {  color: #666; font-weight:bold; }
ul.dropdown li a:active {  }

/* Non-first level */
ul.dropdown ul { margin-top: 0; color:#000; }
ul.dropdown ul a { color:#000; background:none; padding-left:20px; }
ul.dropdown ul li { background: #FFFFFF url(/Image/nav-background.gif) 0 0 no-repeat;}
ul.dropdown ul li.hover,  ul.dropdown ul li:hover { background: #999999 url(/Image/nav-background-hover.gif) 0 0 no-repeat; color: #000; font-weight:normal; }
ul.dropdown ul li a:hover { color:#000; }

/* Mixed */
ul.dropdown *.dir { /*background: url(/Image/nav-arrow-transparent.gif) 10px 5px no-repeat;*/ font-size:10px;   }
ul.dropdown li a { font-size:10px;   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */

ul.dropdown li.hover *.open {  color: #000; padding-left: 15px;  }
ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open { background: #999999 url(/Image/nav-more-hover.gif) 0 0 no-repeat; font-weight:normal;  }
ul.dropdown-vertical-rtl li.hover *.open { }
ul.dropdown-upward li.hover *.open {  }
ul.dropdown-upward ul li.hover *.open { }

/* CSS2 clone */
ul.dropdown li:hover > *.dir {  color: #000; padding-left: 15px;   }
ul.dropdown ul li:hover > *.dir,  ul.dropdown-vertical li:hover > *.dir { padding-left: 25px;  background: #999999 url(/Image/nav-more-hover.gif) 0 0 no-repeat;  color:#000; font-weight:normal; }
ul.dropdown-vertical-rtl li:hover > *.dir {  }
ul.dropdown-upward li:hover > *.dir {  }
ul.dropdown-upward ul li:hover > *.dir {  }


/*/////////////////////////////
//  BUTTON CODE
/////////////////////////////*/

.fg-button { outline: 0; margin:0 4px 0 0; padding: .2em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }


/*/////////////////////////////
//  SHADOWBOX
/////////////////////////////*/
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer; color:#FFFFFF;}
#sb-nav-close{background-image:url(/Scripts/shadowbox-build-3.0b/resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(/Scripts/shadowbox-build-3.0b/resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(/Scripts/shadowbox-build-3.0b/resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(/Scripts/shadowbox-build-3.0b/resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(/Scripts/shadowbox-build-3.0b/resources/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/*/////////////////////////////
//  FOOTER
/////////////////////////////*/
#TruckFooterHolder {width: 990px; background: #FFFFFF url(/Image/FooterBG2.jpg) 0 0 no-repeat; margin-left:auto; margin-right:auto; }
#TruckFooterHolder h4 { font-size:16px; color:#112E83; }
#TruckFooterHolder .TruckFooter li a { color:#333333; background:url(/Image/arrow.jpg) 0px 4px no-repeat; padding:0 0 0 7px; font-size:0.9em;  }
#TruckFooterHolder .TruckFooter li a:hover { color:#112E83;  }

#Copyright { text-align:left; background: #FFFFFF url(/Image/Copyright.jpg) 0 0 repeat-x; font-size:10px; color:#666; padding: 15px 0 0 0 ; }
#Copyright a { color:#999;  font-size:11px; }
#Copyright a:hover { color:#666;  }
#Copyright ul { list-style-type:none; width:660px; float:left; }
#Copyright li { display:inline; border-right: solid #efefef 1px; padding: 4px 10px 4px 10px  ;}

#Copyright .CopyRight { float:right; width:auto;}
#Copyright .CopyRight  li { float:right; display:block; text-align:right; width:auto; padding: 4px 0px 4px 0px  ; border-right:0 none;}

.TruckFooter {width:122px; float:left; padding: 23px 0 0 95px; }
.TruckFooterLeft {width:235px; padding:35px;float:left;}

.OtherLogos {width: auto; min-height:27px; height:auto; padding:10px 0 0 0; margin:0; float:left;}
.OLogos {width: auto; min-height: 27px; height:auto; padding:0 10px 0 0; margin:0; float:left; }

.Signature { color:#999; font-size:10px; }	
.Signature a { color:#999;  font-size:10px;}	

	
/*/////////////////////////////
//  OVERIDES
/////////////////////////////*/

.hidden { display:none; }
.noBackground { background:none; }
.noBorder { border: 0px none; }
.red { color:#ed1c24;}
a.red { color:#ed1c24;}