html, body {min-width:320px; padding:0; margin:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
body {background:#f5f5f5 url(../images/body-bg.png) repeat-x; }
img {border:0;}
#cookiebar {display:none; background:#f9ea01; text-align:center; padding:15px;}
#cookiebar img  {vertical-align:middle; margin-right:8px;}
#topbar {height:18px; background:#024c83; color:#FFF; font-size:90%;}
#wrapper {margin:0 auto;  max-width:1280px; min-width:320px; border:0px #CCC dashed}
.toptags {font-size:100%; margin:0; text-indent:300px; padding:4px; background:#024c83 url(../images/h-bg.png) repeat-x; color:#FFF; 
margin-top:76px; height:20px; line-height:20px; overflow:hidden;}
header {position:relative; 
background:#f5f5f5; color:#000;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbdada));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #dbdada);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #dbdada); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #dbdada);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #dbdada);	 /* Opera 11.10+ */
height:140px; padding:8px; border:4px #024c83 solid; border-top:0;}
#logo {position:absolute; left:10px; bottom:10px; z-index:90}
#tele {position:absolute;right:10px;top:-102px; z-index:50}
#scooter {position:absolute; right:10px; top:-50px;}
#strapline { position:absolute;left:50%; width:560px; margin-left:-120px;  text-align:center;   padding:4px; font-weight:bold; }
#strapline {font-size:150%;  color:#024c83;  border:0px #333 dotted;  top:0;}
#stores {position:absolute; bottom:12px; right:5px;text-align:center;  padding:0px; font-size:80%; border:0px #333 dashed; 
width:65%;
/* Firefox */
width: -moz-calc(100% - 386px);
/* WebKit */
width: -webkit-calc(100% - 386px);
/* Opera */
width: -o-calc(100% - 386px);
/* Standard */
width: calc(100% - 386px);
}
#stores p {margin:0; }
#stores p.stores-top {margin-bottom:-10px;}
.stores-top { color:#FFF; }
.stores-bottom { color:#000; padding-top:14px; font-size:110%; }

.stores li {width:35%; float:left; margin-left:1.1%; border:1px #666 solid;  background:#f5e334;padding:0.3%; height:60px; overflow:hidden;
border-radius: 6px; 	-moz-border-radius:6px;	-webkit-border-radius: 6px; -khtml-border-radius:6px;}
.stores li:first-child {width:29.2%;}
.stores li:last-child {width:29.2%;}

.inner-content {min-width:320px;  max-width:1280px; margin:0 auto;}
.curv-16 {border-radius: 16px; 	-moz-border-radius:16px;	-webkit-border-radius: 16px; -khtml-border-radius:16px;}
.curv-10 {border-radius: 10px; 	-moz-border-radius:10px;	-webkit-border-radius: 10px; -khtml-border-radius:10px;}
.curv-8 {border-radius: 8px; 	-moz-border-radius:8px;	-webkit-border-radius: 8px; -khtml-border-radius:8px;}
.curv-6 {border-radius: 6px; 	-moz-border-radius:6px;	-webkit-border-radius: 6px; -khtml-border-radius:6px;}
.curv-top-6 {border-radius: 6px 6px 0px 0px; 	-moz-border-radius:6px 6px 0px 0px; 	-webkit-border-radius: 6px 6px 0px 0px;  -khtml-border-radius:6px 6px 0px 0px; }
.curv-top-16 {border-radius: 16px 16px 0px 0px; 	-moz-border-radius:16px 16px 0px 0px; 	-webkit-border-radius: 16px 16px 0px 0px;  -khtml-border-radius:16px 16px 0px 0px; }
.curv-bottom-6 {border-radius: 0px 0px 6px 6px; 	-moz-border-radius:0px 0px 6px 6px; 	-webkit-border-radius:0px 0px 6px 6px;  -khtml-border-radius:0px 0px 6px 6px; }
.curv-bottom-10 {border-radius: 0px 0px 10px 10px; 	-moz-border-radius:0px 0px 10px 10px;	-webkit-border-radius:0px 0px 10px 10px;  -khtml-border-radius:0px 0px 10px 10px; }
.curv-bottom-16 {border-radius: 0px 0px 16px 16px; 	-moz-border-radius:0px 0px 16px 16px;	-webkit-border-radius:0px 0px 16px 16px;  -khtml-border-radius:0px 0px 16px 16px; }
.fright {float:right;}
.fleft {float:left;}
.zmt {margin-top:0;}
.acenter {text-align:center!important;}
.aleft { text-align:left;}
.aright { text-align:right;}
.img {border:0;}
.med-text {font-size:90%;}
.small-text {font-size:70%;}
.clear {clear:both;}
.tul {text-decoration:underline;}
.size1 {font-size:1.75em!important;}
.size2 {font-size:1.5em!important;}
.size3 {font-size:1.25em!important;}
.size4 {font-size:1!important;}
.grey {color: rgb(123, 122, 122)!important;}


nav ul { list-style-type:none; margin:0; padding:0; overflow:hidden; }
.prodmenu {display:none;}
.topmenu, .mobile-menu {border:3px #024c83 solid; height:40px; margin-top:-14px; }
.topmenu, .topmenu li a,  .mobile-menu, .mobile-menu li a,  .prodmenu li a { 
background:#024c83;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#176096), to(#00355c));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #176096, #00355c);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #176096, #00355c); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #176096, #00355c);    /* IE 10 */ 
background: -o-linear-gradient(top, #176096, #00355c);	 /* Opera 11.10+ */
}
.topmenu li, .prodmenu li {float:left; border-left: 1px #024c83 solid; text-align:center; margin-top:12px; width:14%;}
.topmenu li a, .prodmenu li a {display:block; color:#FFF; padding:4px 9px 2px 9px;  line-height:23px; text-decoration:none; font-size:105%;  }
.topmenu li a:hover, .mobile-menu li a:hover, .prodmenu li a:hover {  background:#f5e334; color:#000;}
.topmenu li:first-child {border-left:0; }
.topmenu li:last-child {border-right:0; }
.topmenu li:first-child a {border-radius: 0px 0px 0px 14px; 	-moz-border-radius:0px 0px 0px 16px; 	-webkit-border-radius:0px 0px 0px 16px;  -khtml-border-radius:0px 0px 0px 16px;}
.topmenu li:last-child a {border-radius: 0px 0px 14px 0px; 	-moz-border-radius:0px 0px 14px 0px; 	-webkit-border-radius:0px 0px 14px 0px;  -khtml-border-radius:0px 0px 14px 0px;}
.topmenu li.mws { width:11.9%;}
.topmenu li.mwm {width:16.8%;}

.mobile-menu {display:none; overflow:hidden;}
.mobile-menu  img{vertical-align:middle; margin-top:-4px;}
.mobile-menu  li{border:0; }
.mobile-menu li a {display:block; float:left; color:#FFF; padding:8px 2% 0px 2%;  line-height:36px; text-decoration:none; font-size:110%; width:46%;
border-radius: 0px 0px 14px 14px; 	-moz-border-radius:0px 0px 14px 14px; 	-webkit-border-radius:0px 0px 14px 14px;  -khtml-border-radius:0px 0px 14px 14px;
}
.mobile-menu li:first-child a {text-align:left; border-radius: 0px 0px 0px 14px; 	-moz-border-radius: 0px 0px 0px 14px;  	-webkit-border-radius: 0px 0px 0px 14px;   -khtml-border-radius: 0px 0px 0px 14px; }
.mobile-menu li:last-child a {text-align:right; border-radius: 0px 0px 14px 0px; 	-moz-border-radius:0px 0px 14px 0px; 	-webkit-border-radius:0px 0px 14px 0px;  -khtml-border-radius:0px 0px 14px 0px;}

.content {margin-top:20px; background:#FFF; border:4px #024c83 solid; padding:10px; overflow:hidden;} 

.left-menu {float:left; width:23%; margin-bottom:10px;}
.left-menu ul {background:#024c83;border:1px #024c83 solid;}
.left-menu li {text-align:left; padding:5px;}
.left-menu li.title {color:#FFF; text-align:center; font-weight:bold;}

.left-menu li a {display:block;padding:6px; text-decoration:none; background:#f5e334; color:#000;}
.left-menu li a {border-radius: 10px; 	-moz-border-radius: 10px; 	-webkit-border-radius: 10px;  -khtml-border-radius:10px;}
.left-menu li a:hover {background:#d4430c; color:#FFF;} 
.left-box {background:#024c83;border:1px #024c83 solid; padding:6px; margin-top:8px;}
.left-box p {margin:4px 6px 8px 6px; padding:6px; border:2px #be3400 solid; background:#f5e334; color:#000;}

.right-content {float:right; width:76%; border:0px #e1e1e1 dashed;}
.right-content p {text-align:left; margin:1px; padding:6px; }

.grid-wrapper, .col-wrapper {margin:0 auto; overflow:hidden; clear:both; margin-bottom:10px;}

.col-2 {position:relative;width:45.8%; border:1px solid #e1e1e1; display:inline-table; margin: 4px 0.7% 4px 0.7%; vertical-align:top; background:#fff; padding:1%;}

.grid-2, .grid-3 {position:relative;width:45.8%; border:1px solid #e1e1e1; display:inline-table; margin: 4px 0.7% 4px 0.7%; vertical-align:top; background:#fff; padding:1%;
background:#f5f5f5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbdada));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #dbdada);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #dbdada); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #dbdada);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #dbdada);	 /* Opera 11.10+ */
}
.grid-3 {width:29.1%;}

.grid-2 img {float:right; margin:5px; border-radius: 10px; 	-moz-border-radius:10px;	-webkit-border-radius: 10px; -khtml-border-radius:10px; padding:3px; border:1px #e2e2e2 solid;}
.grid-2 h3, .grid-3 h3 {margin:0; padding:4px;}
.grid-2 .info {display:block; text-decoration:none; color:#333; width:140px; height:29px; background: url(../images/more-info-opt.png) no-repeat; text-indent:-1000em;
position:absolute; left:-6px; bottom:16px;}

.grid-content {background:#fff; padding:6px; border:1px #CCC solid; border-radius: 8px; 	-moz-border-radius:8px;	-webkit-border-radius: 8px; -khtml-border-radius:8px;}

.product-footer{font-size:130%;}
.list, .stores {list-style-type:none; margin:0 auto; padding:0; overflow:hidden; }
.list li {display:inline-block; border:1px #CCC dashed; margin:1%}


#main-image {max-width:330px;}
.std-bullets, .lge-bullets {margin:0; padding:0 0 0 20px; list-style-type:square; font-size:90%; text-align:left;}
.std-bullets li {padding-bottom:6px;}
.lge-bullets {font-size:110%; margin-top:10px;}
.lge-bullets li {padding-bottom:6px;}

footer {display:block; clear:both; font-size:80%; overflow:hidden; color:#333; 
background:#f5f5f5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbdada));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #dbdada);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #dbdada); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #dbdada);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #dbdada);	 /* Opera 11.10+ */
margin:20px -12px -12px -12px;
border-top:4px #024c83 solid; padding:8px; 
}
footer a {text-decoration:none; color:#333;}
footer a:hover {text-decoration:underline;}

@media screen and (max-width: 1040px) {
.toptags {font-size:90%; text-indent:288px; height:18px;}
.topmenu li.mwm {width:16.7%;}
.std-bullets {font-size:84%;}
.std-bullets li {padding-bottom:0px;}
.grid-2 img {width:150px; height:auto;}
.left-box img {width:100%; height:auto;}
#stores { bottom:10px;  font-size:75%; }
#main-image {width:98%; height:auto;}
}

@media screen and (max-width: 930px) {
.toptags {font-size:70%; height:15px;}
#strapline {font-size:120%; top:-4px;}
#strapline{ width:434px; margin-left:-58px}

#tele {top:-97px; right:0px;}
.topmenu li a {  padding:4px 6px 3px 6px; font-size:100%; line-height:20px;}
.topmenu li.mws { width:11.8%;}
#stores { font-size:68%; }
.stores li {}
.grid-3 {width:28.5%;}



}
@media screen and (max-width: 850px) {
.grid-2 {width:45.5%;}

.grid-2 img {float:none;}
.grid-2 h3 {font-size:105%;}
.grid-2 ul {margin-bottom:46px;}
.col-2 {margin: 4px 0.5% 4px 0.5%;}

}
@media screen and (max-width: 780px) {
	h2 {font-size:110%;}
#strapline {font-size:110%; }
#strapline{ width:320px; margin-left:0px; top:28px;}
.topmenu li a { padding:4px 6px 2px 6px;  font-size:90%;  }
.topmenu li.mws { width:11.5%;}
.topmenu li.mwm { width:17%;}
#stores, #tele { display:none; }



}
@media screen and (max-width: 700px) {
#strapline { width:150px;margin-left:100px; top:20px;}
.topmenu li a {  font-size:80%;}
.topmenu li.mws { width:10.1%;}
.topmenu li.mwm {width:18.3%;}
.left-box p {margin:4px 0px 8px 0px; padding:4px; font-size:90%;}



}
@media screen and (max-width: 600px) {
	.mobile-menu {display:block;}
	.topmenu, .prodmenu {display:none; height:auto; margin-top:0px; width:92%; margin:0 auto;}
	.topmenu li, .prodmenu li {float:none; margin:0; width:100%; border: 0;}
	.topmenu li a, .prodmenu li a {width:96.4%; display:block; text-align:left; padding:10px 2%; margin:0; font-size:100%; line-height:23px;}
	.topmenu li.mws, .topmenu li.mwm { width:100%;}
.topmenu li:first-child a {border-radius: 0px; 	-moz-border-radius:0px; 	-webkit-border-radius:0px;  -khtml-border-radius:0px;}
.topmenu li:last-child a, .prodmenu li:last-child a {border-radius: 0px 0px 14px 14px; 	-moz-border-radius:0px 0px 14px 14px; 	-webkit-border-radius:0px 0px 14px 14px;  -khtml-border-radius:0px 0px 14px 14px;}
	.grid-2 img {float:right;}
	.grid-2, .grid-3 {width:98%; padding:1%; margin-left:0;}
	.left-menu {display:none;}
	.right-content {width:100%; margin:0 auto}
	}


@media screen and (max-width: 530px) {
.toptags { margin:0; text-align:center; text-indent:0;}
header {text-align:center; height:130px; }
#logo {position:relative; }	
#logo {width:351px; height:auto; content: url("../images/mobility-logo1.png"); left:-1px; bottom:0;}
#strapline, #tele, #topbar {display:none; }	
.list li img {width:60%; height:auto;}
.col-2 {margin: 4px 0.3% 4px 0.3%; display:block; width:98%;}
}


@media screen and (max-width: 400px) {
	#topbar, .toptags {display:none;}
header {height:110px; border:0;}	

#logo {width:316px; height:auto; content: url("../images/logo-sml.png"); top:-8px; left:-3px;}
}