/********************************************************************************************************************
* 
* Copyright (c) Ford Motor Company.  All rights reserved.
* =========================================================================================================
* This software consists of voluntary contributions made by many individuals of 
* Sync My Ride AD/S3 team memebers. 
* 
* File name    : global_v2.css
* Created By   :
* Created on   :
* Purpose      : Sitemap
*
* Memeber      Date            Ticket		Description
* ------------------------------------------------------------------------------------------------------------
* sardhana     06/22/2010      9235510		SiteMap updates - Added firsthalfMod,  
*											to handle English and French translation, dropDown, relatedTitle, 
*											colLinkMid1, colLinkMid2 and linkoutside
*
*******************************************************************************************************************/
 
/* global styles */

img.vhr-warn { margin-bottom: -2px; }

.content-container-padding { padding: 15px; }

DIV.pageTopMargin {height:20px;}
.marginLeft_mod {margin-left:20px;}
.marginRight_mod {margin-right:20px;}

DIV.globalOneCol_Header {
	padding-left: 22px;
}

.globalOneCol_Header .fullPageMod {
    width: 806px;
}

.globalOneCol_Header .capShim_full {
    width:796px;
    height:4px;
}

.pageBG {
    background: #fff;
}

.pageTitle {
    min-height:72px;
    max-height: 100px;
    overflow: hidden;
    background:#666666 url(/Own/img/Global/bg/pageTitle.jpg) repeat-x center;
    padding: 0 27px;
}

.pageTitle .clearBoth {
    height: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
}

.pageTitle H1 {
    /*width: 645px;*/
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    padding: 22px 0;
}

.pageTitle H1 span.txtNormal {
    font-weight: normal;
}

.pageHeaderUtilities {
    float: right;
    width: 140px;
}

.pageHeaderUtilities .item-utility {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.pageHeaderUtilities .item-utility img, .pageHeaderUtilities .item-utility .fixPNG {
    position: absolute;
    margin-left: -30px;
}

.pageHeaderUtilities .item-utility-doprint img, .pageHeaderUtilities .item-utility-doprint .fixPNG {
    margin-top: -3px;
}

.pageHeaderUtilities .items-utility-single {
    padding-top: 24px;
}

.pageHeaderUtilities .items-utility-double {
    padding-top: 15px;
}

.pageHeaderUtilities a {
    color: #FFF;
}

.pageHeaderUtilities .item-utility a:hover {
    text-decoration: underline;
}

.pageHeaderUtilities .faqLink {
    display: block;
    text-align: right;
    text-decoration: none !important;
    padding: 22px 5px 0 0;
}



/* module styles */
    /* module widths */
.oneThirdMod {
	width:214px;
}
.twoThirdMod {
	width:586px;
}

/* Sitemap styles */
.firsthalfMod {
	float:left;
	display:inline;	
	width:380px;
}

.dropDown
{
    padding: 0px 0px 0px 0px;
    border-width:10px 10px 10px 10px;
    height:13px;
	width:13px;
}

.relatedTitle  {
	float:left;
	vertical-align:bottom;
}

.colLinkMid1 {
	width:55%;
}

.colLinkMid2 {
width:85%;
}

.linkoutside {
	-moz-background-inline-policy:continuous;
	background:url(/Own/img/Global/icons/vhr_dealerContact_site.gif) no-repeat scroll 100% 50% transparent;
	padding-right:0px;
}

/*  */

.twoThirdMod .halfMod {width:286px;}
.twoThirdMod .capShim_half {width:276px;}

.capShim_2_3 {
	width:576px;
	height:4px;
}

.capShim_1_3 {
	width:204px;
	height:4px;
}
/* generic module header */

.topCap {background: #EEEEEE;}
.sectionHeader {
    padding:0px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#D2D1D1;
	background:url(/Own/img/Global/bg/sec_hdr_v2_default.jpg) repeat-x;
}

.sectionHeader .withReturnBtn { padding-right: 100px; min-height: 15px; _height: 15px; }
.downloads .sectionHeader .withReturnBtn { padding-right: 180px; }

.sectionHeaderNoTitleGradient {
    padding:0px;
    border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#D2D1D1;
	background:url(/Own/img/Global/bg/sec_hdr_v2_default.jpg) repeat-x;
}

.noTitleBoxContent
{
    position: relative;
    margin-top: -30px;
    _margin-top: -40px;
    padding: 20px 15px 1px 15px;
}

.sectionHeader H2,.sectionHeader H3, .subHeader H3 
{
	font-size: 15px;
	font-weight: 600;
	font-weight: bold;
    color:#000000 !important;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding-top:12px;
    padding-bottom:13px;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff; 
}

.sectionHeader H4 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding:8px 5px;
    color:#000000;
    font-weight:bold;
    font-size:13px;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff; 
 }

.sectionHeader H2 {padding-left:19px;}
.sectionHeader H2.back A {
    display: block;
    background: transparent url(/Own/img/Global/button/back_btn_arrow2.png) no-repeat;
    padding: 0px 0px 5px 25px;
    color:#000000;
    font-size:12px;
}

.sectionHeader H3 {padding-left:14px;}

.subHeader {
	background: #fff url(/Own/img/Global/bg/sectionHeader_bg.jpg) repeat-x;
	border-bottom: solid 1px #d2d1d1;
	padding: 0 0 0 20px;
	margin-bottom: 13px;
}

/* blue hight light*/
.box-highlight .moduleShell { background-color: #e2eaed; }
* html .box-highlight .moduleShell { background-color: #e2eaed !important; }
.box-highlight .bottomCap { background-color: #e2eaed; border-bottom: 1px solid #fff; }

/* error messaging module */
.box-highlight-warn .sectionHeader { color: #930; background-color: #fefef4; background-image: url(/Own/img/Global/bg/sec_hdr_v2_warn.gif); }
.box-highlight-warn .sectionHeader h3 { color: #930 !important; background: url(/Own/img/Global/icons/iconError.gif) no-repeat 15px 50%; padding-left: 37px; }
.box-highlight-warn .moduleShell { background-color: #fefef4; }
* html .box-highlight-warn .moduleShell { background-color: #fefef4 !important; }
.box-highlight-warn .bottomCap { background-color: #fefef4; }
* html .box-highlight-warn .moduleShell { background-color: #fefef4; }

/* faq question list module */
.box-highlight-faq .moduleShell { background-color: #f1f6f9; } 
.box-highlight-faq .bottomCap { background-color: #ffffff; }

/* module body content */
DIV.hr{border-top:1px solid #CECECE;}
.moduleShell {
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#D2D1D1;
	zoom: 1;
}
* html .oneThirdMod .moduleShell, * html .twoThirdMod .moduleShell {background:none;}
.oneThirdMod .moduleShell .contentShell {padding:13px 14px 12px 14px;}



.halfMod .moduleShell .contentShell {padding:15px 13px 12px 19px;}


.twoThirdMod .halfCol {
    width:290px;

}

UL.arrowListSmall{
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	padding-right:10px;
}

 UL.arrowListSmall LI{
    background-image:url(/Own/img/Global/arrowCircleSmall.png);
	background-repeat: no-repeat; 
	padding-left: 22px;
    padding-bottom:5px; margin: 0;
}
 UL.arrowListSmall LI.first{
 /* Fix weird IE6 Padding issue. */
    _padding-left: 23px;
 }


 UL.arrowList{
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	padding-right:10px;
}


* html .supportHome UL.ie6-float-fix { clear: both; margin-top: -10px; }

 UL.arrowList LI{
    background-image:url(/Own/img/Global/arrowCircle.gif);
	background-repeat: no-repeat; 
	padding-left: 25px;
    padding-bottom:5px; margin: 0;
}
 UL.arrowList LI.first{
 /* Fix weird IE6 Padding issue. */
    _padding-left: 23px;
 }

 UL.arrowList LI P.smaller { font-size:0.9em;}
 UL.arrowList LI P.hasBtmLine {
     border-bottom:1px dashed #989898;
    padding-bottom:10px;
    margin-bottom:10px;
 }
 
  UL.arrowList LI P.hasBtmLine2 {
     border-bottom:1px dashed #989898;
    margin-top:10px;
    margin-bottom:10px;
 } 
/* headers with icons */
.halfMod .hasIcon {padding-left:90px;}
.faqTeaser H3 {
    padding-left:55px;
    background:url(/Own/img/Global/icons/icon_FAQ.gif) no-repeat 14px 4px;
}
.ownResourcesTeaser H3 {
    padding-left:55px;  
    background:url(/Own/img/Global/icons/iconOtherResources.gif) no-repeat 14px 9px;  
}

/***               MODULES MODULES                    ***/

/* how to details styles*/





.howToDetail .phoneInfo {
    height:84px;
    background-color:#ECECEC;
}

.howToDetail .phoneInfo .col1 {
    width:90px;
    text-align:center;
    padding-top:10px;
}
.howToDetail .phoneInfo .col2 {
    width:360px;
    font-size: 11px;
}
.howToDetail .phoneInfo .phoneInfo-message {
    padding-top: 20px;
    padding-right: 15px;
}
.howToDetail .phoneInfo .phoneInfo-specific {
    font-size: 20px;
    padding-top: 25px;
}
.howToDetail .phoneInfo .col3 {
    width:110px;
    padding-top:28px;
}


/* start ad hoc bulleting styles */

.link-bulleted { color: #35759d; }
.item-bulleted { display: block; }
.item-bulleted-raquo { padding-left: 8px; }
.item-bulleted-check { padding-left: 18px; }
.item-bulleted-arrow { padding-left: 22px; }
.item-bulleted .item-bullet { position: absolute; }
.item-bulleted-raquo .item-bullet { font-size: 105%; margin: -1px 0 0 -8px; }
.item-bulleted-check .item-bullet { margin: 1px 0 0 -18px; }
.item-bulleted-arrow .item-bullet { margin: 0 0 0 -22px; }

/* end ad hoc bulleting styles */


/**** print buttons ***/
.exitPrintContainer { position: absolute; border: none; padding: 12px 0 10px 0px; right: 32px; }
.exitPrintContainer img { }

/**** download widget list **/
.downloadWidgetInfo .topicHeader { background: url(/Own/img/Global/bg/topicheader-bg.gif) no-repeat 0 2px; padding-left: 20px; margin-bottom: 6px; } 

/*** back buttoon located on the subheader ***/
.moduleShell .returnBtn {  position:relative; text-align:right; right:5px; top:-40px; padding: 0px; }
.moduleShell .returnBtn img { /*text-align: right; margin-left: -25px; */ text-align:left; margin-left:0px; }
.moduleShell .returnBtn a, .moduleShell .returnBtnLeft a { position: relative; top: -10px; _top: -5px; margin-left: 5px; }

.moduleShell .returnBtnLeft {  position:relative; text-align:left; margin-left:20px; top:-40px; padding: 0px; }
.moduleShell .returnBtnLeft img { text-align: left; }

.moduleShell .faqBtn {  position:relative; text-align:right; right:15px; top:-37px; padding: 0px; margin-bottom:-29px; }
.moduleShell .faqBtn img { /*text-align: right; margin-left: -25px; */ text-align:left; margin-left:0px; }
.moduleShell .faqBtn a, .moduleShell .returnBtnLeft a { position: relative; top: -10px; _top: -5px; margin-left: 5px; }

* html .ie6Indent {text-indent:3px;}
* html .ie6Padding {padding-left:3px;}

.tm .tm-icon { position: absolute; margin-left: 1px; }
.tm .tm-spacer { margin-left: 1em; }

.registrationCompleteWidgets {
	padding: 20px;
	}
.registrationCompleteWidgets p {
	margin-bottom: 10px;
	}