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

/* --------------- CSS Cleardown ------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------- END ---------*/


/* -- Basics -- */

html {
	height: 100%;
	/*min-width: 960px;*/
}

body {
	font-family: 'Lato', sans-serif;
	font-size:13px;		
	line-height:1.5;
}

h1 {
	font-size:1.846em;		/* --- Font size 24px (based on html 13px)--- */
	color: #2f1d51;
	font-weight:bold;
	margin-bottom:5px;
}

h2 {
	font-size: 1.385em;		/* --- Font size 18px (based on html 13px)--- */
	color: #663366;
	font-weight:bold;
}

h3 {
	font-weight:lighter;
	font-size:3.692em;
	color:#28337b;
}

h4 {
	font-weight:bold;
	color:#28337B;
}

h4 a{
	color:#28337b;
	text-decoration:none;
}

h5 {
	font-size:2.769em;
	font-weight:bolder;
	color:#28337B;
}

h5 a {
	text-decoration:none;
	color:#28337B;
}

h6 {
	color:#28337B;
	font-size:1em;
	padding-left:5px;
	margin-bottom:10px;
	font-weight:bold;
}



p {
	margin-bottom:10px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic
}

/* --- Page Elements --- */

.clear {
	clear:both
}

.link {
	color: #2f1d51;
	text-decoration: none;
}

.bold {
	font-weight: bold;	
}

/* -------------------------------- Top of page -------------------------------------*/


#wrappertop {
	margin: 0px auto;
	padding: 0px;
	width:90%;
	max-width: 1000px;
	/*height: auto;*/
}

#Languages {
	text-align:right;
	float:left;
	margin-right:1.5%;
	margin-top:5px;
	padding-bottom:-5px;
	color:#663366;
	font-size:0.692em;
}

#header {
	clear:both;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 138px;
	margin-bottom:5px;
}

#header #logo {
	float: left;
	width: 70.9%;			/* 709px based on 1000px page */
	margin-top: 25px;
}

/*#header #strapline {
	float: left;	
	margin-top: 22px;
}*/

#header #login {
	margin: 0px;
	padding: 0;
	width: 22%;				/* 220px based on 1000px page */
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	line-height:1.0;
}

#header #login input {
	width: 148px;		/* 148px based on 220px login */			
	height: 16px;
	border: 1px solid #000000;
}

#header #login label {
	display: block;
	width: 60px;		/* 60px based on 220px login */
	height: 15px;
	padding-top: 3px;
	text-align: right;
	float: left;
	font-size: 0.875em;
	margin-right:5px;
}

#header #login input.button {
	width: auto;
	height: auto;
	clear: both;
	margin-top:5px;
	margin-left: 70px;	/* 70px based on 220px login */
	border: none;
}

#header #login .register {
	font-size: 0.875em;
	color: #999;
	text-decoration: none;
}

#header #login .register:hover {
	text-decoration: underline;
}

#loginSm {
	display:none;
	float: right;
	line-height:1.0;
}

#loginSm input {
	border: 1px solid #000000;
}

#loginSm input.button {
	width: auto;
	height: auto;
	margin-top:2px;
	clear: both;
	float:right;
	border: none;
}

#loginSm label {
	display: block;
	text-align: right;
	font-size: 0.769em;
	margin-right:5px;
}

#menu {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	height: 32px;
	background-image:url(../images/newrptbkg.jpg);
	background-repeat: repeat-x;
}

#menu-sm {
	clear:both;
	display:none;
	margin: 0px auto;
	padding: 0;
	width: 100%;
	min-width:261px;
	background: #cdcdcd;
	background: -moz-linear-gradient(top,  #cdcdcd 0%, #ffffff 49%, #ffffff 53%, #d0d0d0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(49%,#ffffff), color-stop(53%,#ffffff), color-stop(100%,#d0d0d0));
	background: -webkit-linear-gradient(top,  #cdcdcd 0%,#ffffff 49%,#ffffff 53%,#d0d0d0 100%);
	background: -o-linear-gradient(top,  #cdcdcd 0%,#ffffff 49%,#ffffff 53%,#d0d0d0 100%);
	background: -ms-linear-gradient(top,  #cdcdcd 0%,#ffffff 49%,#ffffff 53%,#d0d0d0 100%);
	background: linear-gradient(to bottom,  #cdcdcd 0%,#ffffff 49%,#ffffff 53%,#d0d0d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#d0d0d0',GradientType=0 );

	
	border-color:#5C5C5C;
	border-style:solid;
	border-top-width:1px;
	box-shadow: 0 -2px 6px #848484;
}

#menu-sm ul {
	margin:0 auto;
	width:96%;
}

#menu-sm li {
	float: left;
	list-style: none;
	z-index: 2;
}

#menu-sm li a{
	text-decoration: none;
	display:block;
	color:#000;
	width: 125px;
	float:left;
	text-align:center;
	}

#menu-sm li a:hover {
	color:#FF0;
	font-weight:bold;
	background:#663366;
	border-radius: 10px;
	border-color:#990033;
	border-style:solid;
}

.current_sm {
	background:#663366;
	border-radius: 10px;
	border-color:#990033;
	border-style:solid;
	/*border-width:2px;*/
	
}

#ribbon {
	margin: 0px auto;
	padding: 0;
	height: 315px;
	width: 100%;
	background: #67388e; /* Old browsers */
	background: -moz-linear-gradient(top,  #67388e 0%, #2b1f54 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67388e), color-stop(100%,#2b1f54)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67388e 0%,#2b1f54 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67388e 0%,#2b1f54 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67388e 0%,#2b1f54 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67388e 0%,#2b1f54 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67388e', endColorstr='#2b1f54',GradientType=0 ); /* IE6-9 */
	
		
	/*background-image:url(http://www.seventelematics.co.uk/images/Banners/DoubleSwish2.png);
	background-repeat:no-repeat;*/
}


#ribbon-shaddow {
	display:block;
	width:100%;
	height:8px;
	background: -moz-linear-gradient(top,  rgba(197,197,197,1) 0%, rgba(237,237,237,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,197,197,1)), color-stop(100%,rgba(237,237,237,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(237,237,237,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(237,237,237,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(237,237,237,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(197,197,197,1) 0%,rgba(237,237,237,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#00ededed',GradientType=0 ); /* IE6-9 */
}


#outer {
	margin:0 auto;
	width:96%;
	max-width:1000px;
}

#ribbon-sm {
	margin: 0px auto;
	padding: 0;
	height: 33px;
	width: 100%;
	background-image:url(../images/newtelematicsbkgsml.jpg);
	background-repeat:repeat-x;
}

/* ---------------------------------------------- END ------------------------------------------------------*/



/* ---------------------------------------------BODY of page ----------------------------------------------*/

.section {
	margin:0 auto;
	width:89.5833%;								/* -- width 960px -- */
	max-width:960px;
}

.points {
	padding-top:10px;
	margin:0 auto;
	width:31.25%;			/* -- width 300px (based on 960)-- */
	float:left;
	color:#666;
	line-height:1;
}

.points img{
	width:13.33333%;			/* -- width 40px (based on 300)-- */
	margin-left:5%;				/* -- margin left 15px -- */
	margin-right:5%;			/* -- margin right 15 -- */
	float:left;
}

.points p{
	width:75%;			/* -- width 225px -- */
	float:left;
	margin-bottom:15px;
}


.hr {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
}


#wrapperbottom {
	margin: 0px auto;
	padding: 0;
	height: auto;
	width:90%;
	max-width:1000px;
	background-color:#FFF;
}

.cols {

	margin:0 0.5% 0 0.5%;		/* Margin top 0px - right 5px - bottom 0px - left 5px */
	width:35.5%;				/* Width 355px */
	float:left;
}

.cols ul li {
	list-style-image: url(../images/listdot.jpg);
	margin-left:7.04225%;
	cursor:default;
	margin-bottom:5px;
}

.img-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	clear: both;
}

.home-module {

	margin: 0px auto;
	padding: 11px 3.09859% 11px 3.09859%; 	/* Padding 11px all round */
	width: 93.80281%;						/* Width 333px */
	height: auto;
	margin-bottom: 5px;
	
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 1%, #cccccc 49%, #cccccc 52%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(49%,#cccccc), color-stop(52%,#cccccc), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 1%,#cccccc 49%,#cccccc 52%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 1%,#cccccc 49%,#cccccc 52%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 1%,#cccccc 49%,#cccccc 52%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 1%,#cccccc 49%,#cccccc 52%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

	border-radius: 15px;
	border-color:#A2A2A2;
	border-style:solid;
	border-width:2px;
	box-shadow: 2px 2px 5px #888888;
	/*margin-left: 60px;*/
	/*background-image: url(http://www.seventelematics.co.uk/images/bkg-home-moduleLRG.jpg);
	background-repeat:no-repeat;
	background-size:contain;*/
}

.home-module img {
	float:right;
	width:30.928%;
	max-width:120px;
	margin-left: 3.092%;
	margin-bottom: 10px;
}

#twitter {
	float:right;
	margin:0 0 0 0.5%;		/* Margin top 0px - right 5px - bottom 0px - left 5px */
	width:25%;					/* width 250px */
}

.twittersm {
	display:none;
}

.container {
	clear:both;
	width:90%;							/* -- width 900px (based on 1000 width) -- */
	margin:0 auto;
	margin-bottom:20px;	
}

.share	{
	float:right;
	width: 73.95833%;
	margin-bottom:10px;
}

.article {
	float:right;
	width: 73.95833%;
}

.article ul{
	margin-left:25px;
	list-style:disc;
	margin-bottom:10px;
}

.article-img {
	 width:20%;
	 float:left;
}

#smallshow {
	display:none;
}

/* ----------------------- Dealer Page 50/50 Split --------------*/
.split {
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.divide {
	padding-top:20px;
	width:48%;
	float:right;
}

.dealer {
	float:left;
	width:50%;
}



/* ----------------------- Regulations Page THIRDS --------------*/

.third {
	width:31.20567%;							/* -- width 293.333px (based on 960 width) -- */
	margin-left:1.06382%;						/* -- margin left 10px (based on 960 width) -- */
	margin-right:1.06382%;						/* -- margin right 10px (based on 960 width) -- */
	float:left;
		
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
	font-size:0.857148em;						/* -- font size 12px (based on 14px) -- */
	text-align:center;
}
	
.third img{
	width:100%;									/* -- width 293.333px (based on 960 width) -- */
	margin-bottom:10px;
}


.third ul{
	margin-left: -17px;
	text-align:left;
	list-style:circle;
}

.regs-footer {
	margin-left:0.277777%;
	margin-right:0.277777%;
	width:10%;
}

/* ----------------------- News Main Page FOURTHS -------------------*/
.fourth {
	float:left;
	margin-left:10px;			/* -- margin right 10px (based on 900 width) -- */
	margin-right:10px;			/* -- margin right 10px (based on 900 width) -- */
	width:205px;				/* -- FIXED width!! -- */
}

.preview {
	background:#EAE9F1;
	width:100%;
	height:346px;
	overflow:hidden;
	z-index:0;
}

.preview img {
	background:#FFFFFF; 
	margin-top:5px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:10px;
	padding:5px;
	width:90%;
	height:116px;
	overflow:hidden;
	box-shadow: 2px 2px 2px #888888;
}

.preview p {
	font-size:0.846em;
	color:#28337B;
	padding-left:5px;
	margin-left:6px;
	margin-right:11px;
}

.continue {
	background:#BFBDD5;
	margin:0 auto;
	width:143px;
	height:30px;
	margin-top:-20px;
	padding-top:10px;
	text-align:center;
	z-index:2;
	margin-bottom:10px;
	overflow:hidden;
}

.NexPrev {
	clear:both;
	width:90%;							/* -- width 900px (based on 1000 width) -- */
	margin:0 auto;
	margin-top:30px;
	margin-bottom:150px;
	font-size: 1.385em;
	color: #000;
	font-weight:bold;
}

.NexPrev h2 {
	font-size:1.154em;
	margin-bottom:-10px;
	
}

.next {
	float:left;
	width:33%;
}

.prev {
	float:right;
	width:33%;
	text-align:right;
}

.return {
	float:left;
	width:33%;
	text-align:center;
}

.newsnap {
	clear:both;
}

.newsnap img {
	background:#FFFFFF; 
	/*margin-top:5px;
	margin-left:6px;
	margin-right:6px;*/
	padding:2px;
	overflow:hidden;
	box-shadow: 2px 2px 2px #888888;
}

/*-----------------------------------END----------------------------*/


/*-------------------------------- Footer --------------------------*/

#footer {
	margin-top: 50px auto;
	padding: 0px;
	height: 200px;
	width: 100%;
	clear: both;
	float: left;
	background: #67388E;
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL); /* fallback */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#67388E), to(#2B1F54)); /* Saf4+, Chrome */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL), -webkit-linear-gradient(top, #67388E, #2B1F54); /* Chrome 10+, Saf5.1+ */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL),    -moz-linear-gradient(top, #67388E, #2B1F54); /* FF3.6+ */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL),     -ms-linear-gradient(top, #67388E, #2B1F54); /* IE10 */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL),      -o-linear-gradient(top, #67388E, #2B1F54); /* Opera 11.10+ */
	background-image: url(http://www.seventelematics.co.uk/css/IMAGE_URL),         linear-gradient(top, #67388E, #2B1F54); /* W3C */
}

#footer a{
	color: #ffffff;
	text-decoration: none;
}


#footer #footer-container {
	margin: 0 auto;
	margin-top: -242px;
	padding: 0;
	width:90%;
	max-width:1000px;
	Height:400px;
	background-image: url(http://www.seventelematics.co.uk/images/seventelematics_995.png);
	background-position:center; 
	background-repeat: no-repeat;
	}


#footer #footer-left {
	margin: 0px auto;
	padding-top: 70px;
	float: left;
	margin-top: 200px;
	margin-left: 100px;
	color: #fff;
	font-size: 0.9em;
	
}

#footer #footer-right {
	margin: 0px auto;
	padding-top: 80px;
	float: right;
	margin-right: 20px;
	color: #fff;
	font-size: 0.9em;
}


@media only screen
and (min-device-width : 560px)  
and (max-width : 1024px) { /*469 - 1024*/
	html {
		min-width:0px;
	}
	
	/*body {
		font-size:11px;
	}*/

	#login {
		display:none
	}
	
	#loginSm {
		display:block;
	}
	
	#loginSm img {
		margin-top:5px;
		width:75px;
	}
	
	#header #logo {
		margin-bottom:5px;
		margin-top:-20px;
	}
	
	#menu {
		display:none;
	}
	
	#menu-sm {
		display:block;
		height:50px;
		
	}
	
	#menu-sm ul {
		padding-top:5px;
		min-width:540px;
		max-width:550px;
	}
	
	/*.article {
		float:none;
		width:100%;
	}
	
	.share	{
		float:none;
		width:100%;
		margin-bottom:10px;
	}*/
	
	.cols {
		margin:0 0.5% 0 0.5%; 
		width:49%;
	}
	
	.cols ul li {
	margin-left:10%;
	}
	
	#twitter {
		display:none;
	}
	
	.twittersm {
		display:block;
	}
	
	
	.fourth {
		float:left;
		margin:0 auto;
		width:100%;				/* -- width 205px (based on 900 width) -- */
	}
	
	.preview {
			height:200px;
			padding-bottom:20px;
		}
	
	.preview img {
		float:left;
		padding:5px;
		width:50%;
		height:auto;
		overflow:hidden;
		box-shadow: 2px 2px 2px #888888;
		max-width:250px;
		
	}
		
	.continue {
		clear:both;
		z-index:999;
	}
	
}

@media only screen
and (max-device-width : 559px) {  /*468*/
	html {
		min-width:0px;
	}
	
	body {
		font-size:10px;		
		line-height:1.5;
	}

	#header #logo {
		margin-bottom:5px;
		margin-top:10px;
	}
	
	#login {
		display:none
	}
	
	#loginSm {
		display:none;
	}
	
	#loginSm img {
		display:none;
	}
	
	#menu {
		display:none;
	}
	
	#menu-sm {
		display:block;
		height:80px;
		box-shadow: 0 -1px 3px #848484;
	}
	
	#menu-sm ul {
		padding-top:5px;
		max-width:300px;
	}
	
	.cols {
		margin:0 0.5% 0.5% 0; 
		width:49%;
	}
	
	.cols ul li {
		list-style-image: url(http://www.seventelematics.co.uk/images/listdot-micro.jpg);
		margin-left:15%;
	}
	
	.home-module img {
		display:none;
	}

	#twitter {
		display:none;
	}
	
	.twittersm {
		display:block;
	}
	
	.home-module img {
		display:none;
	}

	.products ol{
		margin-left:4.22535%;			/*30*/
	}
	
	.fourth {
		float:left;
		margin:0 auto;
		width:100%;				/* -- width 205px (based on 900 width) -- */
	}
	
	.regs-footer {
		margin-left:0.277777%;
		margin-right:0.277777%;
		width:30%;
	}

	.preview {
		height:200px;
		padding-bottom:20px;
	}

	.preview img {
		float:left;
		padding:5px;
		width:50%;
		height:auto;
		overflow:hidden;
		box-shadow: 2px 2px 2px #888888;
	}
	
	.continue {
		clear:both;
		z-index:999;
	}
	
	.article {
		float:none;
		width:100%;
	}
	
	.article-img {
		float:none;
		width:100%;
	}
	
	#smallhide {
		display:none;
	}
	
	#smallshow {
		display:block;
	}
	
	.share {
		width:100%;
	}
	
	/* ----------- Dealer Page ----------*/
	.dealer {
		float:none;
		margin-top:10px;
		margin-left:5%;
		margin-right:5%;
		width:90%;
	}
	
	.divide {
		float:none;
		margin-left:10px;
		width:90%;
	}
	
	.divide h2 {
		clear:both
	}
	
	.divide img {
		float:none;
		margin:0 auto;
		margin-bottom:5px;
	}
}