/*MASS RESET*/
*{padding: 0; margin: 0; outline: none;}
* {outline: none;}

body{
font-family:Verdana, Geneva, sans-serif;
color:#333333; font-size:13px; background: #ededee;}
a{text-decoration: underline; color: #56017a;}
a:hover{color: #f04d91;}
li{list-style-type: none;}
hr {border: 0; width: 100%;}
p{margin: 4px 0px 10px 0px;}
img{border: 0; display1: block;}
form label {cursor: pointer; }

input{font-size: 11px; line-height: 15px; color: #666666; border: 1px solid #cccccc; padding: 0 0 2px 2px;}/*background-color: Transparent !important;*/ /* NOT working in IE because of a FarCry conflict. Used to remove the 'yellow' highlight from the google toolbar */
select{font-size: 11px; line-height: 15px; color: #666666; border: 1px solid #cccccc; padding: 0 0 2px 2px;}
textarea{font: 11px Arial; line-height: 15px; color: #666666; border: 1px solid #cccccc; padding: 0 0 2px 2px; color: #666666;}

#h1{line-height: 44px; overflow: hidden; display: block;}
#h1 span{display: none;}

#h2{line-height: 44px; overflow: hidden; display: block;}
#h2 span{display: none;}

/*LAYOUT*/
#wrap{width: 100%; background: url(/wsimages/bg_wrap.gif) repeat-x;}
#container{width: 802px; margin: 0 auto;  }
#header{height: 134px; margin: 0 0 16px 0;}

/*Header*/
#logo{width:485px;float:left;}
#logo a{background: url(/wsimages/bg_header.gif) no-repeat 22px 50%; height: 90px; width:485px; display: block;}
#logo span{display: none;}
#franchise{float:right;width:220px;margin-right:38px;_margin-right:12px;}
#franchise a {background: url(/wsimages/franchise_button.png) no-repeat 22px 50%;; height: 90px;width:235px;  display: block;}
#franchise a:hover{background: url(/wsimages/franchise_button_hover.png) no-repeat 22px 50%;; height: 90px;width:235px;  display: block;}
#franchise span{display: none;}

/*Navigation*/
#navigation {height: 33px;}
#navigation ul{width:764px; margin: 0 auto;}
#navigation li{display: inline;}
#navigation a{display: block; float: left; width: 124px; height: 33px; line-height: 33px; text-align: center; background-repeat: no-repeat; margin: 0 2px 0 1px;}
#navigation a:hover, #navigation .selected a {background-position: 100% 0 ;}
#navigation span {display: none;}

#navigation .item01{background-image: url(/wsimages/nav_item01.gif);}
#navigation .item02{background-image: url(/wsimages/nav_item02.gif);}
#navigation .item03{background-image: url(/wsimages/nav_item03.gif);}
#navigation .item04{background-image: url(/wsimages/nav_item04.gif);}
#navigation .item05{background-image: url(/wsimages/nav_item05.gif);}
#navigation .item06{background-image: url(/wsimages/nav_item06.gif);}

/*Content*/
#content{background:#ffffff; margin: 0 0 26px 0;}
#contentBottom{height:10px; background: url(/wsimages/bg_contentBottom.gif) no-repeat; overflow: hidden;}
#contentTop{height:10px; background: url(/wsimages/bg_contentTop.gif) no-repeat; overflow: hidden;}
#contentMain{background: url(/wsimages/bg_contentMain.gif) repeat-y; padding: 20px;}

/*A B C*/
#colA{float: left; width: 304px;}
#colB{float: left; width: 304px;}
#colC{float: left; width: 147px;}

#colB .textContent{padding: 0 20px; line-height: 22px; overflow: hidden;}
#colB #h1{width: 264px;}

/*AA C*/
#colAA{float: left; width: 608px;}
#colAA .textContent{padding: 0 18px 0 0; line-height: 22px; }
#colAA #h1{width: 568px; height: 44px;}
#colAA #h2{width:264px; height: 22px;}

/*AAA*/
#colAAA{float: left; width: 755px;}

/*Banners*/
#banners{}
#banners li{float: left; margin: 0 0 10px 0;}


/*Footer*/
#footer{text-align: center; font-size: 10px; line-height: 16px;}

#footerNav {margin: 0 auto; width: 800px;}
#footerNav ul{}
#footerNav li{display: inline; /*float: left;*/ padding: 0px 5px 2px 2px; border-right:1px solid #999;}
#footerNav li.nomark{border-right:0px !important;}
#footerNav a{padding-bottom:5px;}
#footerNav .selected a {color: #666666; text-decoration: none;}

#footerCopyright {margin: 0 auto; width: 380px; line-height: 16px; margin-bottom:10px;}
#footerCopyright ul{}
#footerCopyright li{display: inline; /*float: left;*/ padding: 0px 5px 2px 2px; border-right:1px solid #999;}
#footerCopyright li.nomark{border-right:0px !important;}
#footerCopyright a{}
#footerCopyright .selected a {color: #666666; text-decoration: none;}



/*FORMS*/

.error{color:#cc0000;font-style: italic;}
label.error {margin-left: 10px;width: auto;display: inline;}



/*Get in touch*/
#form_Getintouch{}

#form_Getintouch table td{vertical-align: top; padding: 5px 0; }
#form_Getintouch table  .first{width: 112px;}
#form_Getintouch .inputText{width: 178px;}
#form_Getintouch .select{width: 182px;}
#form_Getintouch .textArea{width: 362px; height: 78px;}
#form_Getintouch .buttonSubmit{width:62px; height:18px; cursor:pointer; border:none; background:url(/wsimages/btn_submit.gif) no-repeat; text-indent: -1000px;}
#form_Getintouch .buttonSubmit:hover{background-position: 100% 0 ;}

/*Franchise Opportunity*/
#form_FranchiseOpportunity table td{vertical-align: top; padding: 5px 5px 5px 0; }
#form_FranchiseOpportunity table td.first{width: 200px;}
#form_FranchiseOpportunity .inputText{width: 178px;}
#form_FranchiseOpportunity .selectSml{width: 72px;}
#form_FranchiseOpportunity .buttonSubmit{width:62px; height:18px; cursor:pointer; border:none; background:url(/wsimages/btn_submit.gif) no-repeat; text-indent: -1000px;}
#form_FranchiseOpportunity .buttonSubmit:hover{background-position: 100% 0 ;}

/*Find Contours*/
#findContours{background: url(/wsimages/search_bg.gif) no-repeat; height: 61px; width: 146px;}
#form_findContours{position: relative; top: 36px; left: 10px;}
#form_findContours .inputText{width: 76px; margin-right: 6px;}
#form_findContours .buttonSubmit{width:38px; height:15px; background:url(/wsimages/search_btn_go.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#form_findContours .buttonSubmit:hover{background-position: 100% 0 ;}


/*Toyota Promotion*/
#form_Promotion{}
#form_Promotion table td{vertical-align: top; padding: 5px 0; }
#form_Promotion table  .first{width: 112px;}
#form_Promotion .inputText{width: 178px;}
#form_Promotion .select{width: 182px;}
#form_Promotion .textArea{width: 362px; height: 78px;}
#form_Promotion .buttonSubmit{width:62px; height:18px; cursor:pointer; border:none; background:url(/wsimages/btn_submit.gif) no-repeat; text-indent: -1000px;}
#form_Promotion .buttonSubmit:hover{background-position: 100% 0 ;}
#form_Promotion .tablePromotionFriends label.error {margin-left:0;width: auto;display: block;}

#form_Promotion .tablePromotionFriends th{text-align:left; font-weight: normal;}
#form_Promotion .tablePromotionFriends td{vertical-align: top; padding: 3px 0; }
#form_Promotion .tablePromotionFriends .first{width: 13px; font-weight: bold; font-size: 11px;}
#form_Promotion .tablePromotionFriends .inputText{width: 130px;}
#form_Promotion .checkbox {border: 0;}


/*Redeeem Now*/
#redeemNow{background: url(/wsimages/bg_redeemNow.gif) no-repeat; width: 147px; height: 128px; }
#form_redeemNow {position: relative; top: 98px; left: 10px;}
#form_redeemNow .buttonSubmit{width:108px; height:18px; background:url(/wsimages/btn_redeem.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#form_redeemNow .buttonSubmit:hover{background-position: 100% 0 ;}

/*Studio*/
.studioAA .textContent #h1{line-height: 22px; margin: 0 0 10px 0;}
.studioAA .textContent #h2{line-height: 22px; margin: 0 0 10px 0; width: 276px;}
.studioC{margin: 32px 0 0 0 ;}

.studioAA .textContent #info{float: left; width: 295px;}

.studioAA .textContent #info .textContent{padding: 18px 18px 0 0;}
.studioAA .textContent #details{float: left; width: 295px; margin: 8px 0; overflow: hidden; }
.studioAA .textContent #details #buttonEnquiry{margin: 8px 0;}

#detailsContent {background: #ebdef0 url(/wsimages/bg_detailsContent.gif) no-repeat  0 100%; line-height: 16px;}

#detailsContent dt{float: left; padding: 2px; width: 86px; font-weight: bold; }
#detailsContent dd{margin: 0; padding: 2px;}
#detailsContent dd a{color: #666666;}

#detailsContent .ContentTab{padding: 20px; }
#detailsContent .ContentTab h3{display: none;}

#detailsContent #ContentTab1{display:block; height: 100%;}
#detailsContent #ContentTab2{display:none; height: 100%;}

#detailsTabs {}
#detailsTabs ul{}
#detailsTabs li{display: inline;}
#detailsTabs a{display: block; float: left; width: 142px; height: 21px; line-height: 21px; text-align: center; background-repeat: no-repeat;}
#detailsTabs a:hover, #detailsTabs .selected a {background-position: 100% 0 ;}
#detailsTabs span {display: none;}

#detailsTabs .item01{background-image: url(/wsimages/tab_studio_item01.gif); margin-right: 11px;}
#detailsTabs .item02{background-image: url(/wsimages/tab_studio_item02.gif);}

.buttonviewMap{float: right;}


.bandComingSoon{width: 90px; height: 90px; background: url(/wsimages/band_comingsoon.png) no-repeat  0 0; position: absolute; }


/*Rewards*/
#wrapRewards {padding-top: 10px;}
#wrapRewards .rewardMember {float: left; width: 150px; text-align: center; overflow: hidden; position: relative; margin: 0 40px 18px 0; line-height: 16px; padding: 0;}
#wrapRewards .rewardMember img{margin-bottom: 6px;}
#wrapRewards .rewardMemberLast{margin-right: 0;}
#wrapRewards .rewardMemberActive{}
#wrapRewards .rewardMemberActive img{position: relative; left: -150px; overflow: hidden; }
#wrapRewards .rewardMember a .info{}
#wrapRewards .rewardMember a{color: #666666; font-weight: bold; text-decoration: none;}
#wrapRewards .rewardMember a:hover {color: #666666; text-decoration: underline;}
#wrapRewards .rewardMemberInfo {float: left; width: 380px; margin-bottom: 18px;}
#wrapRewards .rewardMemberInfo .buttonSubmit{width:53px; height:18px; cursor:pointer; border:none; background:url(/wsimages/btn_back.gif) no-repeat; text-indent: -1000px;}
#wrapRewards .rewardMemberInfo .buttonSubmit:hover{background-position: 100% 0 ;}
#wrapRewards .rewardMemberInfo h3{font-size:13px; font-weight: bold; margin-bottom: 4px;}


/*Classes*/
.clearer{clear: both; height:1;}
.fixer{display: none;}

.topMarginSml{margin-top:8px;}

.nomark{background: none !important;}
.h1Narrow {width: 568px; height: 22px !important;}


.buttonBack{}
.selectedMember {}


/*Image Round Corners*/
.ImgWrapper {position:relative;	float:left;	vertical-align:top;}
.ImgWrapper img{float:left;}
.ImgWrapper div{position:absolute; width: 7px; height: 7px;}
.ImgWrapper div.tl{background:transparent url(/wsimages/tl.png) top left no-repeat; left:0; top:0;}
.ImgWrapper div.tr{background:transparent url(/wsimages/tr.png) top right no-repeat; right:0; top:0;}
.ImgWrapper div.bl{background:transparent url(/wsimages/bl.png) bottom left no-repeat; left:0; bottom:0;}
.ImgWrapper div.br{background:transparent url(/wsimages/br.png) bottom right no-repeat; right:0;bottom:0;}

/*Promotion*/

.promotionHome{float: left; margin: 10px 0;}


/*MAP*/

#wrapMap{}
#Map{float: left; border: 3px solid #56017a; width: 504px; height: 535px;}

#Results{float: left; width: 245px; background: #ebdef0;}

#Results dt, dd {margin: 0; padding: 0; background: #ebdef0; padding-left: 21px;}
#Results dt{ height: 24px; line-height: 30px; background: #ebdef0 url(/wsimages/bg_locationsListToggle.gif) no-repeat 95% 12px; overflow: hidden;}
#Results dd{}
#Results .accordion dt {cursor: pointer;}

#Results .locationListDelimiter{height: 9px; background:url(/wsimages/bg_locationsListDelimiter.gif) no-repeat; display: block; }
#Results .locationListDelimiterEmpty{height: 0px; font-size: 1px; overflow: hidden; display: none;}
#Results .locationInfo{font-size: 10px;}
#Results .locationName{font-weight: bold; font-size: 11px; text-transform: uppercase;}

#Results .locationsListNote{height: 31px; background:url(/wsimages/bg_locationsListNote.gif) no-repeat; display: block;}
#Results .locationsListNote span{display: none;}

#Results .locationInfoLink{font-size: 11px; font-weight: bold; text-decoration: none;}

#Results .locationsListMore{height: 43px; background:url(/wsimages/bg_locationsListMore.gif) no-repeat; display: block;}
#Results .locationsListMore a{line-height: 43px; height: 43px; display: block;}
#Results .locationsListMore a span{display: none;}

#Results .locationsListEnd{height: 17px; background:url(/wsimages/bg_locationsListEnd.gif) no-repeat; display: block;}
#Results .locationsListEnd span{display: none;}

#infoWindowLogo{float:left;padding:0;margin:-5px 0 0 -5px;}
#infoWindow{float:left;padding-left:10px;font-size:10px;}
	#infoWindow h5{padding:2px 0 10px 0;}
	
.mapError{padding:20px;font-style:italic;}


/*New Search*/
#Results .locationsListSearch{height: 87px; background: #80419b url(/wsimages/bg_locationsListSearch.gif) no-repeat; display: block;}
#form_locationsListSearch{position: relative; top: 52px; left: 20px;}
#form_locationsListSearch .inputText{width: 78px; margin-right: 6px; background: #ebdef0 !important; border: 1px solid #c6aad2; line-height: 13px; height: 13px;}
#form_locationsListSearch .buttonSubmit{width:40px; height:18px; background:url(/wsimages/btn_go2.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#form_locationsListSearch .buttonSubmit:hover{background-position: 100% 0 ;}

#Results .locationsListSpecialOffer{height: 89px; background: #56017a url(/wsimages/bg_locationsListSpecialOffer.gif) no-repeat; display: block;}

#form_locationsListSpecialOffer{position: relative; top: 59px; left: 20px;}
#form_locationsListSpecialOffer .buttonSubmit{width:108px; height:18px; background:url(/wsimages/btn_redeem.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#form_locationsListSpecialOffer .buttonSubmit:hover{background-position: 100% 0 ;}

/********* Banner Slideshow ********/
/*** set the width and height to match your images **/
 
#slideshow {
    position:relative;
    height:354px;
    width:590px;
}

.successstories-videos ul li{
_padding:0px !important;
_margin:0px !important
}
.successstories-videos ul li img{
display:block;
*display:inline;
_display:inline;
}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}
/******** Small Change in home page ****/
.textContent{
margin-top:25px;
}
#colB .textContent{
margin-top:0px;
}
#promotion-slideshow-banner{
cursor:hand;
cursor:pointer;
}