/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}

img { 
    border:0; 
}

p, td {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
}

a {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight: bold;
	 text-decoration: none;
}

.web {
     font: 17pt Arial, Helvetica, sans-serif;
	 color:#febe10;
	 font-weight:bold;
}

.small {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#000000;
}


h1 {  /* large title */
     font: 13pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:bold;
}

h2 { /* title */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:bold;
}

h3 { /* bold text */
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:bold;
}


h4 { /* products title (blue) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:bold;
}

.h4so { /* products title (blue) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:bold;
	 margin-bottom:0px;
}


.blue { /* products title (blue) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:bold;
}

h5 {  /* golf title (green) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight:bold;
}

.green {  /* golf title (green) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight:bold;
}


h6 {  /* trade title (red) */
     font: 11pt Arial, Helvetica, sans-serif;
	 color:#c7001a;
	 font-weight:bold;
}

.price {
     font: 12pt Arial, Helvetica, sans-serif;
	 color:#ff0000;
	 font-weight:bold;
}

.subNav {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;
}
.subNav:hover{ font-weight:bold;}
.subNavOn {font-weight:bold; text-decoration:none}

.subNavWhite {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#ffffff;
	 font-weight:normal;
	 text-decoration:none;
}
.subNavWhite:hover{ font-weight:bold;}
.subNavWhiteOn {font-weight:bold; text-decoration:none}

.subNav1 {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;
}

.subNav1:hover {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight: normal;
	 text-decoration: none;
}

.subNav1On {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:normal;
	 text-decoration:none;
}

.subSubNav1 {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav1:hover {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav1On {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#022c9f;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subNav2 {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;
}

.subNav2:hover {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight: normal;
	 text-decoration: none;
}
.subNav2On {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav2 {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav2:hover {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav2On {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#008a00;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subNav3 {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;
}

.subNav3:hover {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#c7001a;
	 font-weight: normal;
	 text-decoration: none;
}.subNav3On {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#c7001a;
	 font-weight:normal;
	 text-decoration:none;	 
}.subSubNav3 {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav3:hover {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#c7001a;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subSubNav3On {
     font: 8pt Arial, Helvetica, sans-serif;
	 color:#c7001a;
	 font-weight:normal;
	 text-decoration:none;	 
}
.subNav4 {
     font: 9pt Arial, Helvetica, sans-serif;
	 color:#000000;
	 font-weight:normal;
	 text-decoration:none;
}

.pageBg {background-image : url(images/pageBg.gif); background-repeat : repeat-x;}
.pageBgBlue {background-image : url(images/pageBg-blue.gif); background-repeat : repeat-x;}
.pageBgRed {background-image : url(images/pageBg-red.gif); background-repeat : repeat-x;}
.pageBgGreen {background-image : url(images/pageBg-green.gif); background-repeat : repeat-x;}

.leftBg {background-image : url(images/leftBg.gif); background-repeat : repeat-y;}
.homeBg {background-image : url(images/golf-trolley2.jpg); background-repeat:no-repeat;}

.toplinks, .toplinksDL {
	width:135px;
	height:40px;
	background:url(graphics/tab2.gif) no-repeat left top;
	text-align:center;
}
	.toplinks a {
		display:block;
		padding:15px 0 0 0;
		font-size:13px;
		font-color:white;
		text-decoration:none;
}
	.toplinksDL a {
		display:block;
		padding:5px 0 0 0;
		font-size:13px;
		font-color:white;
		text-decoration:none;
}
	
	.toplinks a:hover, .toplinksDL a:hover {
		text-decoration:underline;
}

.toplinks2 {
	width:115px;
	height:40px;
	background:url(graphics/tab.gif) no-repeat left top;
		text-align:center;
}
	.toplinks2 a {
		display:block;
		padding:15px 0 0 0;
		font-size:13px;
		font-color:white;
		text-decoration:none;
}
	
	.toplinks2 a:hover {
		text-decoration:underline;
}
			
div.viewrange1 {
	width:220px;
	height:59px;
	background:url(graphics/find_out_more.png) no-repeat left top;
	float:left;
	margin:0 0 0 10px;
}

	.viewrange1 a {
		display:block;
		padding:13px 0 0 0;
		padding-left:41px;
		font-size:25px;
		font-color:white;
		text-decoration:none;
}
	.header {
	width:498px;
	height:60px;
	background:url(graphics/header_bg.png) no-repeat left top;
	display:block;
	padding:29px 0 0 0;
	padding-left:25px;
	font-size:15px;
	font-color:white;
	text-decoration:none;
}
div.deluxe {
	width:230px;
	height:245px;
	background:#FFCC33;
	border:1px solid #666;
	float:left;
	margin:0 23px 15px 0;
	border-style:groove;
	font-size:1.0em;
}
	.deluxe a {
		display:block;
		padding:10px 0 0 10px;
		font-size:17px;
		font-color:white;
		text-decoration:underline;
	}
div.superior {
	width:240px;
	height:230px;
	background:#FFCC33;
	border:1px solid #666;
	}
	.superior a {
		display:block;
		padding:20px 0 0 10px;
		font-size:17px;
		font-color:white;
		text-decoration:underline;
	}
div.viewrange2 {
	width:220px;
	height:59px;
	background:url(graphics/find_out_more.png) no-repeat left top;
	float:right;
	margin:0 15px 0 0;
}
	.viewrange2 a {
		display:block;
		padding:12px 0 0 0;
		padding-left:41px;
		font-size:25px;
		font-color:white;
		text-decoration:none;
}
		
#breadcrumbs

{

margin:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;

}

#breadcrumbs a

{

font-size:90%;

}

#footer

{

width:800px;
margin-left:180px;
background-color:#fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#333333;
padding-bottom:15px;


}

#footer a

{
font-weight:normal;
color:#333333;
}

.mobility

{

font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#333333;

}

.callto

{

font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
color:#333333;

}

/* Fresh Egg Additions */

table.products{ margin: 1em; border-collapse: collapse; }
table.products td{ padding: .5em; border: 1px #ccc solid; }
table.products a:hover{ text-decoration:none; color:#999999; }
table.products th { background:#FCD966; padding: .5em; border: 1px #ccc solid; }

/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */

/* HOMEPAGE CHANGES BY BEN SHAW 19 05 10*/
#slider-wrap { position:relative;}
#slider-wrap #slider{ height:204px; background: url(graphics/slider-bg.jpg) no-repeat left top; padding:10px 0 40px 0}
#slider-wrap #slider .slider-img{ position:absolute; bottom:25px; right:0px; z-index:10;}
#slider-wrap ul.slidernav{height:0px; position:absolute; left:3px; top:3px; list-style:none; z-index:10; width:196px; padding:0px; margin:0px;}

#slider-wrap ul.slidernav li a.slidernav1 { border-right:5px solid #fff;  background:url(graphics/nav1.jpg) 0 0; width:191px; height:63px; padding:0 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li a.slidernav2 { border-right:5px solid #fff;  background:url(graphics/nav2.jpg) 0 0; width:191px; height:63px; padding:0 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li a.slidernav3 { border-right:5px solid #fff;  background:url(graphics/nav3.jpg) 0 0; width:191px; height:63px; padding:0 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li a.slidernav4 { border-right:5px solid #fff;  background:url(graphics/nav4.jpg) 0 0; width:191px; height:62px; padding:0 0 0 0; font-size:0px; display:block;}

#slider-wrap ul.slidernav li a.slidernav1:hover {background-position:-193px 0;}
#slider-wrap ul.slidernav li a.slidernav2:hover {background-position:-193px 0}
#slider-wrap ul.slidernav li a.slidernav3:hover {background-position:-193px 0}
#slider-wrap ul.slidernav li a.slidernav4:hover {background-position:-193px 0}

.activeSlide{background-position:-193px 0!important;}
/*
#slider-wrap ul.slidernav li.slidernav1{ background:url(graphics/slider-nav-bg.png) 0 0; width:191px; height:0px; padding:62px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav2{ background:url(graphics/slider-nav-bg.png) 0 -62px; width:191px; height:0px; padding:62px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav3{ background:url(graphics/slider-nav-bg.png) 0 -124px; width:191px; height:0px; padding:64px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav4{ background:url(graphics/slider-nav-bg.png) 0 -186px; width:191px; height:0px; padding:64px 0 0 0; font-size:0px; display:block;}

#slider-wrap ul.slidernav li.slidernav1:hover{ background:url(graphics/slider-nav-bg.png) -193px 0; width:191px; height:0px; padding:62px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav2:hover{ background:url(graphics/slider-nav-bg.png) -193px -62px; width:191px; height:0px; padding:62px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav3:hover{ background:url(graphics/slider-nav-bg.png) -193px -124px; width:191px; height:0px; padding:64px 0 0 0; font-size:0px; display:block;}
#slider-wrap ul.slidernav li.slidernav4:hover{ background:url(graphics/slider-nav-bg.png) -193px -186px; width:191px; height:0px; padding:64px 0 0 0; font-size:0px; display:block;}
*/

#slider-wrap #slider h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#002891; margin:10px 0 5px 0; padding:0px;}
#slider-wrap #slider p.sub-text{ z-index:200; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; color:#333; padding:0px; margin:0 0 5px 0;}
#slider-wrap #slider p{z-index:200; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; color:#000;}

h2.home-header{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#002891; margin:10px 0 5px 0; padding:0px;}


.slider1{width:528px;  padding:0 220px 0 211px; height:280px; }
.slider2{width:528px;  padding:0 220px  0 211px; height:280px;}
.slider3{width:528px;  padding:0 220px  0 211px; height:280px;}
.slider4{width:528px;  padding:0 220px  0 211px; height:280px;}

h2.lower-content-box-head		{float:left; background: url(graphics/h2-lowercontentheadbg.png) no-repeat left top; width:958px; height:37px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#002891; margin:10px 0 0 0; padding:0px;}
.lower-content-box					{ position:relative; float:left;  width:918px; background:url(graphics/lower-content-box-bg.png) bottom left; padding:0 20px 80px 20px; margin:0px;}
.deals-wrap 								{float: left; clear: left; width: 1015px; margin:0 0 30px 0;}
.deals-wrap .batteryDeal 												{position:relative; background:url(graphics/deal-bg.jpg) no-repeat left top; width:260px; height:285px; float:left; margin:0 58px 0 0; padding:0 10px 0 10px}
.deals-wrap .batteryDeal .dealContent h3 a			{ display:block; padding:6px 0 20px 25px; font-size:14px;}
.deals-wrap .batteryDeal .savings 							{float:left; padding:0 0 0 0px;}
.deals-wrap .batteryDeal .savings p.fromonly		{font-size:14px; font-weight:bold; float:left; margin:10px 150px 0 0; padding:0px;}
.deals-wrap .batteryDeal .savings p.price				{font-size:32px; font-weight:bold; color:#000; float:left; padding:0 0 50px 0; margin:0px;}
.deals-wrap .batteryDeal .savings p.price-end		{font-size:20px; font-weight:bold; color:#000; float:left; padding:0px 0 0 0; margin:0px;}
.golf-img					{float:left; padding:5px;}
.deals-wrap .batteryDeal .dealContent2 h3	{padding:0 0 10px 25px;}
.dealContent, .dealContent2 			{float: left; padding:0 10px 0 9px}
.dealContent p.bodytext{ height:120px; overflow:hidden;}
.dealImage 				{position:absolute; bottom:-10px; right:-10px;}
.dealSaving 			{font-weight: bold;}

#readMore span { position:absolute; right:15px; bottom:20px; overflow:hidden; font-size:0px; background:url(graphics/readmore.jpg) no-repeat left top; width:219px; height:57px; display:block; cursor:pointer; color:#fff;}
#closeMore span {position:absolute; right:15px; bottom:20px; overflow:hidden; font-size:0px; background:url(graphics/closemore.jpg) no-repeat left top; width:219px; height:57px; display:block; cursor:pointer;color:#fff;}



/* New Homepage Styles - DE 17/05/10 */
/* --------------------------------- */

.clear {clear: both;}

#homeHead {margin-top: 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#032d9c; font-weight:100;}
#moreContent {display: none;}
#mainHomeContent {margin-bottom: 0px !important;}

p.home-text{ color:#727272; }
#tabData2 {display: none;}
#tabData3 {display: none;}
#tabData4 {display: none;}

.homeInfoTabs {
	list-style: none;
	margin: 0;
	padding: 0;}
.homeInfoTabs li {
	float: left;}
.homeInfoTabs li a {
	float: left;
	width: 135px;
	height: 34px;
	padding-top: 6px;
	background: url("graphics/tab2.gif") no-repeat left top;
	text-align: center;}
.homeInfoTabs li a:hover {text-decoration: underline;}
.homeInfoTabs li a.Active {cursor: default;}
.homeInfoTabs li a.Active:hover {text-decoration: none;}
.imgRight{
	float:right;
	padding:10px 0 10px 10px;
	clear:right;
	}
.videoContainer object{
	float:left;
	width:395px;}

.videoContainer img{
	float:left;
	width:300px;}