/*
Theme Name: Montrreal-StreetView Theme
*/


/* Common Selectors */
*
{
    padding:0;
    margin:0;
}
body 
{
    background-color:#E6EBF1;
    text-align:center;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
a, a:visited, a:active {color:#173067; text-decoration:underline; font-weight:bold; }
a:hover {text-decoration:underline;}
p {padding:0; margin:0;}
ul
{
    list-style:none;
    padding-top:0;
	padding-bottom:10px;
    margin:0;
    text-align:left;    
    line-height:16px; 
}
img
{  border-style: none;
}
select
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
input
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}    



/* Headers */
h1 /* Header Big */
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:21px;
    line-height:22px;
    font-weight:bold;
    padding:0;
    margin:0;
}
h1.large /* Header Big */
{
    font-size:33px;
    line-height:34px;
    margin-bottom:5px;
}
h2 /* Header Mid */
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    line-height:18px;
    font-weight:bold;
    padding:0;
    margin:0;
	padding-bottom: 0px;margin-bottom: 0px;
}
h3 /* Header Small */
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    padding:0;
    margin:0;
}
h4 /* Header Background Full */
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    text-indent:7px;
    background:url(images/tmp_hdrB.gif) no-repeat;
    height:30px;
    padding-top:7px;
    margin:0px 0px 2px 0px;
}


h5 /* Header Background Mid */
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    text-indent:7px;
    background:url(images/tmp_hdrB.gif) no-repeat;
    height:30px;
    padding-top:6px;
    display:block;
    margin:0px 0px 2px 0px;
}
h5.mid /* Header Background Small */ 
{
    background:url(images/bgHdrMid.gif) no-repeat;
}
h6 /* Header Background Small */ 
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    text-indent:7px;
    background:url(images/bgHdrBar.gif) no-repeat;
    height:24px;
    padding-top:6px;
    margin:0;
}
h6.mid /* Header Background Small */ 
{
    background:url(images/bgHdrSma.gif) no-repeat;
}
h6.full /* Header Background 100% */ 
{
    background:url(images/bgHdrFul.gif) no-repeat;
}
h6.split /* Header Background 50% */ 
{
    background:url(images/bgHdrSpl.gif) no-repeat;
}
h6.listThin /* Header Background 50% Thin */ 
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:10px;
    font-weight:bold;
    height:24px;
    padding-top:4px;
    text-transform:uppercase;
    margin-bottom:5px;
    background:url(images/bgHdr320.gif) no-repeat;
}

/* Master Page Containers */
#wrapperHeader
{
    width:970px; 
    height:97px;
    background:url(images/bgHeader.jpg) no-repeat;
    margin-bottom:-3px;
}
#wrapperMainColumn {float:left; width:655px;}
#wrapperRightAds {float:right; width:160px;}
#wrapperRightBigBox {margin-bottom:10px;}
.wrapperRightAd {margin-bottom:10px;}
#wrapperMainColumnFull {width:970px;} /* For Page with No Finder */





/*----------300x100 Ad slug under big box------------*/
.AdContainer {
border:1px solid #326699;
margin-top:10px;
width:298px;
height: 98px;
background-color:##D6E0EB;

}
.AdContainer img {
	border:1px solid #666666; 
	margin-top: 5px;
}

.AdContainer .adname{font-size: 10px; color: #999999; text-align:center; padding: 0px; margin: 0px; font-weight:bold;}
.AdContainer .AdTitle {font-weight: bold; display: block; margin-top: 5px;}

/*----------Google Map panorama and controls-----------*/
#pano{width:650px; height:450px; min-width:650px;}

/* --- Container configuration ---------------------------------------------------------- */
        .controls {
            border: none;
            float: left;
            height: 60px;
           /* margin: 0 9px 9px 0;*/
            overflow: hidden;
            position: relative;
            width: 60px;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .controls a {
            display: block;
            position: relative;
        }

        .controls a img {
            height: 30px;
            left: 0px;
            position: relative;
            top: 0px;
            width: 30px;
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .controls a span {
            display: none;
            font-weight: bold;
            height: 100%;
            padding-top: 20px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
		.descriptions
		{
			width: 90px;
			height: 60px;
		}

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            color: #000;
            /*text-shadow: #000 0px 0px 20px;*/
        }





/* Header Search Widget */
.searchHolder
{
    padding:0; 
    margin:0; 
    width:365px; 
    height:59px; 
    position:relative; 
    top:12px; 
    left:-5px;
}

*html .inputSearch /*IE6 Hack*/
{
    top:24px;
    padding-top:1px;    
    height:14px;    
}
.inputSearch
{
    position:relative;
    top:25px;
    left:-17px;
    width:149px;
    font-size:11px;
    padding-top:2px;    
    height:13px;
}
.inputWithin 
{
    position:relative;
    top:24px;
    left:-15px;
    width:298px;
    font-size:13px;
}
.inputWithinCompare
{
    width:199px;
    font-size:11px;
}
.btnSearch
{
    position:relative;
    background:url(images/btnSeard.gif) no-repeat;
    top:24px;
    left:-13px;
    cursor:pointer;
    border:none;
    width:23px; 
    height:20px;
}
/* sidebar search form */
.btnSearchSidebar
{
    position:relative;
    background:url(images/btnSeard.gif) no-repeat;
    cursor:pointer;
    border:none;
    width:23px; 
    height:20px;
}
.form-search
{
    position:relative;
    width:260px;
    font-size:14px;
}


/* Main Navigation Style */
#wrapperMainNav
{
    width:970px;
    margin-bottom:10px; 
    border-bottom:solid 3px #000;
    /*background:url(images/images//App_Themes/standard/images/bgMainNav.gif);*/
}
#mainNav
{
    font-size:10px;
    font-weight:bold;
    background:url(images/bgMainNa.gif) no-repeat right;
    margin-bottom:-5px;
}
#mainNav ul {

	}
#mainNav ul li 
{
    float:left;
    padding:0;
    margin:0;
}


#mainNav ul li a, #mainNav ul li a:visited, #mainNav ul li a:active
{
    display:block;
    height:28px;
    text-decoration:none;
    padding-top:10px;
    text-indent:5px;
    color:#FFF;
    text-transform:uppercase;
}
#mainNav ul li a:hover
{
    color:#f4ff39;
    background:url(images/btnMainN.gif) no-repeat left;
}


/* Home width:90px;*/
#MainNav_Part101 
{
    background:url(images/btnMainO.gif) no-repeat left;  
    width:50px;
}  
#navSelectorPart101 #mainNav ul li #MainNav_Part101 
{
    background:url(images/btnMainN.gif) no-repeat left;  
    width:50px;
    color:#FFF;
}

/* Destinations width:120px;*/
#MainNav_Part102
{
    width:95px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart102 #mainNav ul li #MainNav_Part102
{
    width:95px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

/* Romantic Getaays width:160px;*/
#MainNav_Part103 
{
    width:135px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart103 #mainNav ul li #MainNav_Part103
{
    width:135px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part104 
{
    width:160px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart104 #mainNav ul li #MainNav_Part104
{
    width:160px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part105 
{
    width:75px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart105 #mainNav ul li #MainNav_Part105
{
    width:75px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part106 
{
    width:70px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart106 #mainNav ul li #MainNav_Part106
{
    width:70px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part107
{
    width:100px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart107 #mainNav ul li #MainNav_Part107
{
    width:100px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part108
{
    width:80px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart108 #mainNav ul li #MainNav_Part108
{
    width:80px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part109
{
    width:60px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart109 #mainNav ul li #MainNav_Part109
{
    width:60px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part110
{
    width:60px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart110 #mainNav ul li #MainNav_Part110
{
    width:60px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}

#MainNav_Part111
{
    width:85px;
    background:url(images/btnMainO.gif) no-repeat left;  
}
#navSelectorPart111 #mainNav ul li #MainNav_Part111
{
    width:85px;
    background:url(images/btnMainN.gif) no-repeat left;  
    color:#FFF;
}


/* Sub Navigation Style */
*html #mainSubNav
{
    height:0px;
    padding-top:5px;
    padding-bottom:5px;
}


#mainSubNav
{
    font-size:10px;
    font-weight:bold;
    background-color:#d82200;
	color:#FFF;
    min-height:21px;
    padding-top:5px;
    padding-left:2px;
}
#mainSubNav ul {}
#mainSubNav ul li
{
    display:inline;
    margin:0;
    padding:0;
    background-color:#d82200;
}
#mainSubNav ul li.spacer
{
    color:#800; 
    font-size:10px;
    padding:0px 5px;
	color:#FFF;
}
#mainSubNav ul li a, #mainSubNav ul li a:visited, #mainSubNav ul li a:active
{
    color:#FFF;
    padding:0;
    margin:0;
    padding:3px;
}
#mainSubNav ul li a:hover
{
    text-decoration:none;
    color:#f4ff39;
}

/* Main Styles (.aspx) */
#wrapper
{
    margin:0 auto;
    width:970px;
    padding:3px 15px 0px 15px;
    background-color:#FFF;
    border-left:solid 1px #CCC;
    border-right:solid 1px #CCC;
    text-align:left;
    line-height:16px;
}

/* Section New Vehicles */
.wrapperNewVehiclesRowDiv
{
    width:214px;
    float:left;
}
.wrapperNewVehiclesRowDivBorderBottom
{
    width:655px; 
    border-bottom:solid 1px #EEE;
    padding-bottom:10px;
}


/* Home */
#wrapperTopInfoHome
{
    float:left; 
    width:235px;
    padding-left:15px;
    padding-top:0px; 
    line-height:16px;
}
#wrapperTopInfoHome h1
{
    font-size:18px;
    padding-bottom:5px;
}
#wrapperTopInfoHome p
{
    padding-bottom:15px;
}

/* Search Info Bar New Vehicles*/
.searchInfo
{
    border:solid 1px #CFDCEE;
    background:url(images/bgSearci.gif);
    width:653px;
    margin-bottom:10px;
    padding-bottom:5px;
}
*html .searchInfo .left {padding:12px 0px 0px 7px;}
.searchInfo .left
{
    float:left;
    padding:13px 0px 0px 7px;
    /*font-size:16px;
    font-weight:bold;
    font-family:Arial, Verdana, Helvetica, Sans-Serif;*/
}
.searchInfo .right
{
    float:right;
    text-align:right;
    padding:13px 10px 0px 0px;
    height:24px;
    font-weight:bold;
}
.searchInfo .right a, .searchInfo .right a:visited, .searchInfo .right a:active
{
    border:solid 1px #CFDCEE;
    padding:3px 6px;
    text-decoration:none;
    font-weight:normal;
    background-color:#FFF;
}
.searchInfo .right a:hover
{
    border:solid 1px #173067;
}


/* Article List */
#wrapperArticleList
{
    padding-bottom:5px; 
    margin-bottom:5px;
}
#wrapperArticleList ul li.abstract
{
    margin-bottom:10px;
}


/* Right Links */
#wrapperRightLinks
{
    float:left; 
    width:130px; 
    margin-right:10px;
}
#wrapperLeftLinks
{
    float:left; 
    width:165px;
    margin-right:10px;
}
#wrapperSearchContent 
{
    float:left;width:625px;
}
#wrapperRightLinks h2, #wrapperLeftLinks h2
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    border-bottom:solid 1px #E5E5E5;
    padding-bottom:1px;
    margin-bottom:10px;
}
div .searchDivHolder
{
    border-bottom:solid 1px #E5E5E5;
    padding-bottom:1px;
    margin-bottom:10px; 
    float:left;
    width:100%;
}
div .searchDivHolder h2
{
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:16px;
    font-weight:bold;
}

div .searchDivHolder .searchDivControls
{
    float:right; width:500px;
}
#wrapperRightLinks a, #wrapperRightLinks a:visited, #wrapperRightLinks a:hover, #wrapperLeftLinks a, #wrapperLeftLinks a:visited, #wrapperLeftLinks a:hover
{
    /*line-height:16px;*/
}
ul.ulSpacer li
{
    margin-bottom:5px;
}
.asocBlueLinksContainer {
   border: solid 1px #CFDAE5; padding: 3px;
} 
.leftBlueLinks {
    padding-left: 8px; line-height: 13px;
}
.asocBlueLinksContainer .leftBlueLinks a, .asocBlueLinksContainer .leftBlueLinks a:visited, .asocBlueLinksContainer .leftBlueLinks a:active
{
 font-weight:bold;
}
.asocBlueLinksContainer .leftBlueLinks a:hover
{
  text-decoration:underline;
}



/* Skin Article */
/*#wrapperArticleDisplay div  {display: inline;} */
#wrapperArticleDisplay {font-size:13px;}
*html #wrapperArticleDisplay #MainArticle ul
{
    padding-left:15px;
    list-style:square;
}
/* this is the one used for articles*/
#wrapperArticleDisplay #MainArticle ul
{
    padding-left:15px;
    list-style:square;
}
#wrapperArticleDisplay ul
{
    padding-left:20px;
    list-style:square;
}
#wrapperArticleDisplay h1
{
    font-size:18px;
    color:#173067;
    padding-top:10px;
    margin-bottom:15px;
}
#wrapperArticleDisplay h2
{
    font-size:15px;
    background-image:none;
    margin:0px 0px 0px 0px;
    text-indent:0px;
}

#wrapperArticleDisplay img
{
	border:solid 1px #CFD5E5; 
}


/*#wrapperArticleDisplay a {font-size:13px;}*/
#wrapperArticleDisplay p {margin-bottom:15px;}

#wrapperArticleDisplay #article_credit
{
	font-size: 10px;  
	}
	
#wrapperArticleDisplay #article_credit a
{
	font-size: 10px; 
}

/* map canvas */
#map_canvas
{
	float:right;
	width: 300px; 
	height: 250px;
	border:solid 1px #CFDAE5;
	margin-bottom:10px;
    margin-left:8px;
    clear:right;
}
#map_canvas_searchable
{
	width: 650px; 
	height: 650px;
	border:solid 1px #CFDAE5;
}

/* image canvas */
#image_canvas
{
	float:right;
	width: 300px; 
	height: 250px;
	margin-bottom:10px;
    margin-left:8px;
    clear:right;
}

/* Article Links Card */
#articleCard
{  
    float:right;
    width:214px; 
    padding:10px; 
    border:solid 1px #CFDAE5;
    background:url(images/bgArticl.gif) repeat-x bottom; 
    margin-bottom:10px;
    margin-left:8px;
    clear:right;
} 
#articleCard div {margin-bottom:7px;}
#articleCard div a {color:#173067; font-size:11px;}
#articleCard #related div {margin:0; padding:0;}

#articleCard div.reviews {width:214px; padding-left:25px; background:url(images/icoPhoto.gif) no-repeat left; display: block;
}
#articleCard div.facts {width:214px; padding-left:25px; background:url(images/icoFacts.gif) no-repeat left; display: block;
}
#articleCard div.getaways {width:214px; padding-left:25px; background:url(images/icoWeddi.gif) no-repeat left; display: block;
}
#articleCard div.weddings {width:214px; padding-left:25px; background:url(images/icoWeddi.gif) no-repeat left; display: block;
}
#articleCard div.honeymoons {width:214px; padding-left:25px;  background:url(images/icoActiv.gif) no-repeat left; display: block;
}



#articleInfoBox
{
    float:right;
    width:214px; 
    font-size:11px; 
    background-color:#F2F0E6; 
    border:solid 1px #E5E2CF; 
    padding:10px 10px 10px 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    clear:right;  
}

/* google box within Article */
#articleGoogleBox
{  
    float:right;
    width:300px; 
    padding:0px; 
    clear:right;
	margin-bottom: 10px;
	margin-left: 10px;
	border:solid 1px #CFD5E5; 
} 
#articleGoogleBox div {margin-bottom:7px;}



/* Directions and Map container*/
.leftBoxDirections 
{
    width:260px;
    padding:10px;
    float:left;
}

#virtual-tour-container{
	width: 650px;
	height: 500px;
	background-color:#000;
	color:#fff;
	position:relative;
	margin-bottom: 10px; 
	float: right; 
	margin-left: 
	4px; 
	line-height: 12px;
}

#virtual-tour-description {
  position:absolute;
  top: 325px;
  left: 20px;
  width: 610px;
  text-align: center;
  font: 16pt sans-serif;
  color: #fff;
  display: block;
  z-index: 1;
}

#DestinationInfo .left
{
    font-weight:bold;
}

#DestinationInfo .right
{
	
}

#DestinationInfo .right li
{
	margin:5px;
	list-style: square inside;
}

#DestinationInfo .right p
{
	margin: 5px;
}

.right a, .right a:visited, .right a:active
{
    border:solid 1px #CFDCEE;
    padding:3px 6px;
    text-decoration:none;
    font-weight:normal;
    background-color:#FFF;
}
.right a:hover
{
    border:solid 1px #173067;
}

/* FOOTER START */
.footer {
	margin:10px 0 0px 0;
	padding-top:10px;
	color: #999;
}
.footer, .footer p {
	margin:0px;
	text-align:center;
	font-size:11px;
}
.footer .footer-strong {
	font-weight:bold;
}
.footer .footer-strong a {
	color: #8c1111;
	font-weight:bold;
}
.footer .footer-strong a:hover {
	font-weight:bold;
}
.footer a {
	text-decoration:underline;
	font-weight:bold;
}
.footer a:hover {

	text-decoration:underline;
	font-weight:bold;
}


#MainArticle
{
    padding-bottom:20px;
}

#MainArticle h2
{
	margin-top: 5px;
	margin-bottom: 0px;
}

#MainArticle img
{
	border:solid 1px #CFD5E5; 
}

#articleInfoSimilarBox
{
    float:right;
    width:250px; 
    font-size:8px; 
    background-color:#E6EBF1;
    border:solid 1px #CCCCCC; 
    padding:10px 10px 10px 10px;
    margin-bottom: 10px;
    clear:right;  
}

#articleInfoSimilarBox li
{
	padding:0px 0px 0px 0px;
	list-style: none;
	padding-bottom: 8px;
}

/* table for informations */
.tblProfileInformation
{
    width:655px; 
    border:solid 1px #E5E5E5; 
    margin:0; 
    padding:0;
    margin-bottom:10px;
}
.tblProfileInformation tr.header
{
    background-color:#173067; 
    padding:3px 0px 3px 5px; 
    font-weight:bold;
    font-size:10px; 
    color:#FFF;
    text-transform:uppercase;
}
.tblProfileInformation tr.zebra {background-color:#EEE;}
.tblProfileInformation tr td {padding:3px 0px 3px 5px;}
.tblProfileInformation tr td.left
{
    width:150px; 
    border-right:solid 1px #E5E5E5; 
}
.tblProfileInformation tr td.right
{
    width:505px; 
}

/* Simple Form CSS */

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }  

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
 
form .error { border: 2px solid #e10c0c; } /* js error class */