* {
   font-family: Arial;
   font-size: 11px;
   color: #333333;	
}

.fullWidth {width: 866px;}

A {
   font-size: 11px;
   font-family: Trebuchet MS;
   color: #333333;   
}
A.alt {
   font-family: Arial;
}

A.bold {
   color: #666666;
   font-weight: bold;
   font-family: Arial;
}

H1 {
   font-size: 22px;
   color: #cc0066;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing:-1px;
   margin: 0 0 0.5em 0;
}
H2 {
   font-size: 14px;
   color: #cc0066;
   margin: 0 0 0.5em 0;
   font-weight: normal;
}
H2.col1 {
   color: #333333;
}
H4 {
   font-size: 11px;
   font-family: Arial;
   margin: 1em 0 0;
   font-weight: bold;
}
SELECT, .selectWidth {
   width: 140px;	
}

A.noUnderline { text-decoration: none; }
A.noUnderline:hover { text-decoration: underline; }


.info {
   padding-right: 24px; margin-right: 10px; background: url('../img/info-button.gif') right no-repeat;
}

P.slim {margin: 0px; }
P.bread {
   color: #333333;
   font-weight: normal;
   margin: 0 0 0.5em 0;
}
P.breadB {
   color: #666666;
   font-weight: bold;
   margin: 0 0 0.5em 0;
}
.SubHeader {
   font-weight: bold;
}

 .headerBar {
         height: 5px;
         margin: 0px;
         padding: 0px;
         /*line-height: 5px;*/
         margin: 0px 6px 0px 1px;
         padding: 0px;
         overflow: hidden;
      }


#menu {
   background: white;
   margin: 0px;
   padding: 11px 0px 0px;
   color: #3d3e3f;
}
#menu_main {
	position: relative;
	height: 64px;
   margin-left:auto;
   margin-right:auto;
   boder: 1px solid green;
}
#menu_main_content {
	position: absolute;
	top: 23px;
	left: 110px;
   font-size: 13px;
}
#menu_sub_content {
   font-size: 13px;
}
#menu_main_content SPAN, #menu_sub_content SPAN {
   font-size: 18px;
   color: #cc0066;
   padding: 0px 8px;
}
#menu_main_content A, #menu_sub_content A {
   color: #3d3e3f;
   text-decoration: none;
   font-size: 13px;
   letter-spacing:-1px;
} 
#menu_main_content A:hover, #menu_sub_content A:hover {
   text-decoration: underline;
}
#menu_main_content A.selected, #menu_sub_content A.selected {
   font-weight: bold;
   color: #cc0066;
}
#login, .logout {
/*	position: absolute;
	top: 1px;
	right: 0px;*/
	position: relative;
	height: 48px;
	color: #3d3e3f;
}
#login_menu_wrapper{
	padding:0px;
	position: absolute;
	top: 1px;
	right: 0px;
   width: 250px;
}
#login_TAB_wrapper {
   padding: 0px 8px 8px;
   position: relative;	
}
#login_wrapper{
	padding:0px;
	position: absolute;
	top: 16px;
	right:0px;
   width:250px;
}
#logged_in_info{
text-align:left;
}
#login INPUT {
	display: inline;
	margin: 0;
	width: 80px;
	position: absolute;
	top: 0px;
}
#login INPUT.login {left: 0px}
#login INPUT.password {left: 95px;}
#login A {
	position: absolute;
	font-size: 11px;
}
#login A.go {left: 190px; top: 1px;}
#login A.newUser {left: 0px; top: 23px;}
#login A.forgot {left: 95px; top: 23px;}
#login P, .logout p {
   font-size: 11px;
   font-family: Trebuchet MS;
   font-weight: bold;
   margin: 0px;
}
.logout {
   height: auto;
   text-align: right;
}
#menu_main_to_sub {
   background-image: url(../img/bkgr_menu_main_to_sub.gif);	
   background-repeat: repeat-x;
   height: 6px;
   margin: 0px;
   padding: 0px;
}
td.menu_sub {
	background-color: #e8e8e8;
   height: 30px;
   margin: 0px;
   padding: 0px;
}
#menu_sub {
   position: relative;
   height: 30px;
   margin-left:auto;
   margin-right:auto;
}
#menu_sub_content {
   margin-left: 111px;	
}
#menu_sub_to_root {
   background-image: url(../img/bkgr_menu_sub_to_root.gif); 
   background-repeat: repeat-x;
   height: 6px;
   margin: 0px;
   padding: 0px;
}


#root {
   overflow: visible;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   margin-top: 10px;
}
.flowText {
   width: 600px;
}

div.puff {
   position: relative;
   margin: 0 -4px 6px 0;
   background-image: url('../img/bkgr_puff_middle.gif');
   background-repeat: repeat-y;
   width: 255px;
}
div.puff img.puffTop {
   position: absolute;
   top: 0px;
   left: 0px;   
}
div.puff img.puffBottom {
   position: absolute;
   bottom: 0px;
   left: 0px;
}
div.puff div.content {
   padding: 10px;
}
div.puff * A {
   color: #666666;
   font-family: Arial;
   font-weight: bold;
}
div.puff H2 {
   margin-bottom: 0px;
}
div.puff P {
   color: #666666;
   /*font-weight: bold;*/
   margin: 10px 0 0.3em;
}
div.puff .headerBar {
   margin-right: 4px;	
}
img.puffSeparator {
	margin: 4px 0px;
}
div.startSub a span.forwardArrow{
	color:white;
}
div.startSub span{
	color:white;	
}
div.puff a span.forwardArrow{
	color:#56770F;
}
#footer {
   position: relative;
   margin-left:auto;
   margin-right:auto;
   margin-top: 8px;
}
#footer a {
   color: #a7a7a7;
}

#footer SPAN {
   padding: 0 0 0 25px;
   font-size: 11px;
   font-family: Trebuchet MS;
   color: #a7a7a7;   
}

.startMain {width: 608px; height: 362px; background-image: url('../img/bkgr_start_main.gif');   position: relative;}
.startSub  {width: 608px; height: 103px; background-image: url('../img/bkgr_start_bottom.png'); position: relative; background-repeat: no-repeat; background-position: 1px; margin-top: 7px; position: relative}
.startMain * P.slim { color: #333333;}
	

.addThisLink {
	margin: 30px 0 15px;
   line-height: 16px;
   text-align: right;
}


.map_coverage_core_tr_dark{
	background-color:#DDDDDD;
}
.map_coverage_core_tr_light{
	background-color:#EEEEEE;
}










/* Map related stuff */
.mapIcon{
   position: absolute;
   cursor: pointer;
   z-index: 2; 
}
.mapSignSmallHidden {
   position: absolute;
   visibility: hidden;
}
.mapSignSmall {
   position: absolute;
   visibility: visible;
   z-index: 4;
}
.mapSignInfo {
   width: 214px;
   height: 36px;
   z-index: 4;
}
.mapSignInfo #signImg {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 30;
}
.mapSignInfo #signText {
   position: absolute;
   vertical-align: middle;
   line-height: 16px;
   top: 6px;
   left: 6px;
   width: 196px;
   height: 18px;
   overflow: hidden;
   z-index: 31;
   cursor: text;
}
.itemInfo {
   background-color: white;
   padding: 5px;
   border: 1px solid black;
   width: 240px;
   z-index: 40;
}

#grayDiv {
   position: absolute;
   background-color: white;
   z-index: 77;
   padding: auto;
   
   filter: alpha(opacity:80);
   KHTMLOpacity: 0.80;
   MozOpacity: 0.80;
   opacity: 0.80;
}
#grayDivOverlay {
   position: absolute;
   z-index: 78;
   text-align: center;
}
.sendDestinationDialog {
   border: 1px solid black;
   background: white;
   padding: 5px;
   text-align: left;
   position: relative;
}

.resultActions {
   position: absolute;
   padding: 0px;
   top: 2px; right: 0px;
   border: 1px solid #ccc;
}
.resultActions P {
   border-bottom: 1px solid #ccc;
   padding: 2px;
   text-align: center;
   margin: 0px;
   background: #ccc;
}
.resultActions UL {margin: 0px; list-style: none; padding:0px; background: white}
.resultActions UL LI {margin: 0px 10px; padding: 0px; line-height: 18px; text-align: center;}
.resultActions UL LI A {color: #333333}
#warning {position: absolute; right: 0px; top: 0px; height: 64px; width: 380px; overflow: hidden; margin: 1px; border: 1px solid #E8E8E8; cursor: pointer; visibility: hidden}
#mapItemContainer{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 20;
}
.ywpLogo {position: absolute; top: 90px; left: 14px}
.mapCopyright {position: absolute; bottom: 41px; right: 2px; margin: 0px; padding: 0px; text-align: right;}
.field {
   padding: 0px 0px 10px 16px;
   width: 156px;
   z-index: 10;
   float: left;
   height: 32px;
}
.field INPUT {
   width: 151px;
}
.field SELECT {
   width: 156px;
}
.buttonField {text-align: right}
.buttonField INPUT {width: 100px}
.searchHelp {
   padding: 5px;
   background-color: #ffffff;
}
#results{
   background-color: #ffffff;
}
.searchFieldCaption, .searchFieldCaptionB{
   margin: 0px;
   text-align: left;
   /*width: 100px;*/
   color: white;
   /*overflow: hidden;*/
   display: block;
}
.helpCursor {
   cursor: help;
}
.selectedRoutesButton{
   margin: 10px;
   width: 170px;
}
#selectedRoutesContainer {
   background-color:white;
}
.selectedRoutesItem0, .selectedRoutesItem1 {
   padding: 3px;
   margin: 0px;
}
.selectedFolder{
   background-image: url("../img/bg_selectedFolder.gif");
   padding: 3px;
}
.unselectedFolder{
   background-image: none;
   padding: 3px;
}

.closestVehiclesHidden, .closestVehiclesVisible{
   z-index: 5;
   position: absolute;
   background-color: white;
   margin-left: auto;
   width: 225px;
}
.closestVehiclesHidden {
   visibility: hidden;
}
.closestVehiclesVisible{
   border: 2px solid black;
}

.groupSettingsField {
   background-color: #E8E8E8;
   width: 190px;
   height: 430px;
}
#groupSettingsContainer {
   background-repeat: no-repeat;
   background-image: url('../img/bg_groupSettings.gif');
   position: absolute;
   top: 0px;
   left: 200px;
   width: 770px;
   height: 430px;
}
#groupSettingsViewhole {
   margin: 10px;
   height: 410px;
   overflow: auto;
}
.groupMemberInfo {
   margin: 5px;
   width: 575px;
   margin-bottom: 12px;
}
.groupMemberName {
   padding: 10px;
   float: right;
   width: 120px;
}
#selectedRoutesContainer p.smallHeader {
   color: black;
}


.flowText .fieldContainer {
   clear: left;
   padding-top: 20px;
}
.flowText .field {
   padding: 10px 20px 10px 0px;
   float: left;
   text-align: left;
   width: 180px;
}
.flowText .field INPUT, .flowText .field SELECT {
	width: 180px;
	padding: 2px 0;
}
.flowText img:first-child{
    margin-bottom: 10px;
}


.searchTitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-decoration: none;
   font-weight: bold;
   color: #000;
}

A.isokSearchResultHead {
   color: #cc0066;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}

.selectedSearchResult, .unselectedSearchResult{
   margin: 0px;
   padding: 4px;
}
.selectedSearchResult{
   background-image: url("../img/bg_selectedSearch.gif");
}  
.unselectedSearchResult {
   background: none;
}

.phoneDescriptionB {
   color: #fff;
}
#searchBar{
background-color:#ffffff;	
}

.featMenu {
   float: left; 
   width: 140px; 
   background-image: url('../img/bkgr_inline_menu.gif'); 
   position: relative; 
   padding: 0 7px 0 0;
}
.featMenu P {
   font-family: Trebuchet MS;
   color: #3d3e3f;
   font-size: 12px;
   margin: 0px;
   padding: 6px 4px 4px;
   font-weight: bold;
}
.featMenu A {
   display: block;
   color: #3d3e3f;
   padding: 4px;
   margin: 0px;
   font-weight: bold;
   font-family: Arial;
}
.featMenu A.selected {
   color: #cc0066;
}
.featMenu DIV {
   padding: 5px 5px 20px 5px;
}








.faq A {
   color: #666666;
   font-family: Arial;
}
.faq .answer {
   height: 0px;
   padding-left: 1em;
   margin-bottom: 8px;
}



.shopContainer {
   background-color: #e8e8e8;
/*   margin: 1em 0;*/
   margin: 0 0 2em;
}
.shopContainer P {
   margin-left: 9px;
}
.shopContainer A {
	color: #333333;
} 
.shopContainer .login, .shopContainer .password {
   width: 100px;
}
.shopContainer .spacer { margin: 0px; height: 10px}
.shopContainer .but {
   width: 65px;
   margin-right: 10px;
}
DIV.option, TR.option, TD.option {line-height: 37px;}
TR.bkgr, TD.bkgr {background-color: #e8e8e8;}
td.cb { padding: 0 10px; text-align: center }
td.title { width: 140px; font-weight: bold; }
td.select { width: 150px; }
td.details { width: 286px; text-align: right; }
td.details A { color: #333333;}
td.padded { padding-top: 20px; }

.popup {
   position: absolute;
   visibility: hidden;
   z-index: 100;
}
.popup .bkgr {
   position: absolute;
}
.popup .content {
   background-image: url('../img/bkgr_popup.gif');
   background-repeat: repeat-y;
   margin-top: 6px;
   margin-bottom: 30px;
   padding: 0 12px;
   width: 121px;
}
.popup .content P:FIRST-CHILD{
   margin-top: 0px;
   padding-top: 0px;
}


div.warning {
   margin: 45px 0;
   background-color: #ffcccc;
   padding: 22px;
}

.countryContext {
   margin-bottom: 2em;
}

#sendInstallSMSContainer {
	background: #e8e8e8;
	width: 420px;
	position: relative;
	text-align: left;
}
#sendInstallSMSContainer .padded {
   padding: 10px;	
}


/*Discover */
.stuff {
   background-image: url('../img/bkgr_AllFeaturesStripe.gif');
   background-position: right;
   background-repeat: repeat-y;
}
P.stuffHead {
   position: relative;
   margin: 1.5em 0 0 0 !important;
}
DIV.stuffBody {
   position: relative;
}
DIV.stuffBody P {
   margin: 0px 56px 0px 0px !important;
}
div.discoverContentText{
	width:92%;
}
img.phoneDot { position: absolute; right: 31px;}
img.webDot   { position: absolute; right: 8px; }
span.phone   { position: absolute; right: 29px;}
span.web     { position: absolute; right: 0px; }

.traffic FORM .field { padding: 0 10px; color: white; height: auto; }
.traffic FORM .field .searchFieldCaption { color: white; display: inline; }

table.profile td { padding: 4px 0px; }
table.myFeatures td { padding-left: 30px }
table.myFeatures td.feat { padding-left: 10px }

input.double {width: 277px; }
textarea.double {width: 277px; height: 100px }
#warningMessage{ font-size: 24px; font-weight: bold }

.getStartedInfo{
	background-image: url('../img/q-mark.gif');
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-color: #9C9C9C;
	color: white;
	padding: 5px 5px 5px 25px;
}
.getStartedInfo A{
	color: white
}
.getStartedSmall {
   font-size: 85%;
   margin: 0px;
   padding: 0px;
}
BODY {background-color:white; background-image:url(../img/bkgr_body.gif); background-repeat:repeat-x; margin:0; padding:0;}


/*Carousel css*/

#frameLeft{
position:absolute;
width:13px;
height:405px;
left:0px;
background-image:url('../img/carousel/left.gif');
}
#frameCenter{
position:absolute;
left:13px;
width:300px;
height:405px;
background-image:url('../img/carousel/center.gif');
}
#frameRight{
position:absolute;
left:400px;
width:16px;
height:405px;
background-image:url('../img/carousel/right.gif');
}
#frameHolder{
position:absolute;
left:0px;
width:600px;
height:405px;
align:left;
}
#carouselWrapper{
position:absolute;
top:10px;
left:8px;
}
#carouselFrame{

position:relative;
padding-top:60px;
border:solid;
border-width:0px;
overflow:hidden;
}
#allHolder{
position:relative;
z-index:100;
height:400px;
top:150px;
}
#shadow_left{
position:absolute;
top:10px;
left:8px;
z-index:100;
width:207px;
height:385px;
background-image:url('../img/carousel/shadow.png');
}
#shadow_right{
position:absolute;
top:10px;
left:400px;
z-index:100;
width:207px;
height:385px;
background-image:url('../img/carousel/shadow_right.png');
}
#baseProdSelect{
	width:180px;
	margin-left:10px;
}

   .flowText #login2 {
      position: relative;
      top: 0px;
      left: 0px;
      width: 320px;
      margin-top: 41px;
      height: 62px;
      overflow: visible;
   }
   .flowText #login2 P {
      margin-bottom: 0px;
   }
   .flowText #login2 input {
      position:relative;
      margin-top:15px;
      width: 95px;
      float:left;
   }
   .flowText #login2 .password {
      position:relative;
      margin-top:15px;
      margin-left:5px;
	  width: 95px;
	  float:left;
   }
   .flowText #login2 .submitButton {
      position:relative;
      margin-top:15px;
      margin-left:5px;
      width:95px;
      float:left;
   }
.prices_n_prods_uncolored{
	background-color:#EEEEEE;
	height:20px;
}
.prices_n_prods_colored{
	background-color:#DDDDDD;
	height:20px
}


#start_puff_tnb_holder{
height:180px;
}
#start_puff_tnb1{
	position:relative;
	margin-top:25px;
	color:white;
}
#start_puff_tnb2{
	position:relative;
	width:165px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
#start_puff_tnb_h2{
	font-weight:bold;
	font-size:1.4em;
	color:white;
}
#start_puff_tnb3{
	text-align:right;
	margin-right:40px;
}
#start_puff_tnb4{
	position:absolute;
	top:100px;
	left:28px;
	width:198px;
	height:86px;
	background-image: url('../img/customer_button_try.gif');
}
#start_puff_upper1{
	height:242px;
}
#start_puff_tnb1 a{
color:white;
}

.help{
   position: absolute;
   top: 0px;
   left:0px;
   visibility: hidden;
   z-index: 100;
}

#results {
   clear:both;
   margin: 10px 0px;
   text-align:left;
}

#startPoint {
   overflow: hidden;
   width: 360px;
   height: 46px;
   text-align: left;
}
#searchContext {
   position: relative;
   width: 970px;
   height: 450px;
   background-color: white;
}

#searchContextHeadImage{
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0;	
}

#searchContextFootImage{
	z-index: 4;
	position: absolute;
	bottom: 0;
	left: 0;
}

#searchBarScroller {
   z-index: 3;
   position: absolute;
   top: 0; left: 0;
   width: 390px;
   height: 450px;
   background-position: top right;
   background: url('../img/bkgr_searchBarContent.gif') repeat-y scroll 0 0;
   overflow: hidden;
}

#searchBar{
   padding: 0px;
   margin: 8px;
   height: 434px;
/*   overflow-y: scroll;
   overflow-x: hidden;*/
   overflow: auto;
   position: relative;
   z-index: 4;
}
#searchBar>img {
   margin: 2px;
   cursor: pointer;
}
#searchFields {
   background-color: #666666;
   position: relative;
   width: 352px;
}

.centerBox{
	margin:1em auto;
	width:50%;
}

.searchBarTrafficInfo {
	background-color: #666666 !important;
}

.searchFieldTable { background-color: #666666 !important; }
#searchFields .field { background-color: #666666 !important; }
#searchFields P {
   color: white;	
}
#searchBarExtender {
   position: absolute;
   top: 185px;
   left: 390px;
   z-index: 4;
}
.mapContainer, #mapContainerInner, #searchMap {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 970px;
   height: 450px;
   z-index: 0;
/* Note! Must be changed in dragmap.js also!! */
}
#mapContainerInner {
   overflow: visible;
   cursor: move;
}
#searchMap {
   overflow: hidden;
}
.mapTile {
   position: absolute;
   z-index: 0;
}

#routeInfo, #localSearchContainer {
   background: #666666;
   height: 1px;
   overflow: hidden;
}

#routeInfoInner {
   margin: 4px 0px;
   border: 1px dashed black;
   color: white;
}
#routeInfoInner SPAN, #routeInfoInner td { color: white}

#zoomBar {
   position: absolute;
   right: -3px;
   top: 410px;
   z-index: 5;
   background-color: #e8e8e8;
   padding: 0 10px;
}
.zoomBut {
	padding: 0 10px;
}
.zoomNumber {
   color: black;
   text-decoration: none;
   font-weight: normal;
   font-size: 14px;
}
.zoomNumber:HOVER {
   text-decoration: underline;
}
.zoomNumberSelected {
   color: black;
   font-size: 14px;
   text-decoration: underline;
   font-weight: bold;
}

#supportContext {
   position: relative;
   width: 970px;
}

#supportPhonePlate {
	position: absolute;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	width: 230px;
	height: 111px;
}
#supportImage {
	margin-left: 240px;
	width: 730px;
	height: 111px;
}
#supportMenu {
	position: absolute;
	top: 121px;
	left: 0px;
	width: 230px;
}
#supportResult {
	position: relative;
	margin: 0px 0px 20px 240px;
	width: 730px;
	min-height: 400px;
	top: 10px;
}
#compatiblePhone {
	position: absolute;
	left: 152px;
	top: 9px;
}


#subscriptionContext {
   width: 970px;
   position: relative;
}

#subscriptionSmallInfo {
	position: absolute;
	top: 0px;
	left: 740px;
}

#subscriptionInfo {
	margin-top: 10px;
}

#subscriptionHeader{
}

H1 {
   color: #FABB00;
   color: #000000;
}
H2 {
   color: #000000;
}
.headerBar {
   background-color: #FABB00;
}
//#menu_main_content { top: 42px; left: 1px }
#menu_main_content { left: 250px }
#menu_sub_content  { margin-left: 1px }
#menu_main_content SPAN, #menu_sub_content SPAN {
   color: #000000;
}
#menu_main_content A.selected, #menu_sub_content A.selected {
   color: #FABB00;
}
A.isokSearchResultHead {
   color: #000000;
}
.featMenu A.selected {
   color: #FABB00;
}
#menu_main_logo {
   position: absolute;
   top: 10px;
   left: 0px;
}
#login P, .logout p {
   position: absolute;
   right: 0px;
   text-align: right;
   width: 430px;
}
div.puff a span.forwardArrow{
	color:#666666;
}

#menu_main_content SPAN, #menu_sub_content SPAN {
   color: #000000;
}
#menu_main_content A, #menu_sub_content A {
   color: #000000;
} 
#menu_main_content A:hover, #menu_sub_content A:hover {
   text-decoration: underline;
}
#menu_main_content A.selected, #menu_sub_content A.selected {
   color: #000000;
}
#login, .logout {
	color: #000000;
}
.logout{
	position:absolute;
	right:0px;	
}
.stuff{
	background-image:none;
}
div.puff h2 {
	font-size: 1.5em;
}