/* CSS Document */
/***********************************
 * Modal pop up windows
 * And all forms (modal or otherwise)
 ***********************************/

/* modal form styles */


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait; width:110%;}

/* Container */
#simplemodal-container {width:600px; background-color:#fff; border:3px solid #ccc; }
#simplemodal-container a.modalCloseImg {background:url(/content/image/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

#modalContainer{ background-color:#fff;position:absolute; top:113px; width:608px; left:50%; margin-left:-304px;}
/* overlay */
#modalOverlay {background-color:#000; overflow:scroll; width:110%; height:100px;}
.findDealerMap #modalOverlay {margin-top: 105px; /*z-index: 1 !important;*/}
.findDealerMap #mcFindDealer{/*z-index: 2 !important;*/}

.buildYourOwn #modalOverlay {margin-top: 105px; /*z-index: 1 !important;*/}

#modalAutoShow { top: 90px; width: 980px; left: 50%; margin-left: -490px; height: 487px; background: url(/content/events/as_2011_ny/2012_impreza_debut_420_2/bg_iframe.png); }
#modalAutoShow .innerContainer { width: 980px; height: 487px; position: relative; }
#modalAutoShow .innerContainer iframe { height: 330px; width: 520px; position: absolute; top: 96px; left: 229px; }
#modalAutoShow .innerContainer .btnClose { height: 11px; width: 11px; position: absolute; top: 25px; right: 25px; cursor: pointer; }
#modalAutoShow.six { background: url(/content/events/as_2011_ny/2012_impreza_debut_420_6/bg_iframe.png); }
#modalAutoShow.five { background: url(/content/events/as_2011_ny/2012_impreza_debut_420_5/bg_iframe.png); height: 564px; }

/* Dog Tested */
#modalDogEntry { width: 487px; margin: 0 auto; top: 670px; left: 50%; margin-left: -243px; }
#vme_modalDogEntry { width: 487px; color: #444; font-size: .9em; }
#vme_modalDogEntry .innerContainer { width: 487px; background: url(/content/images/site/dogs_modal_bg_side.png) repeat-y right; }
#vme_modalDogEntry .innerContainer .row { padding-top: 18px; font-size: .9em; }
#vme_modalDogEntry .innerContainer input { width: 242px; border: 1px solid #000; height: 16px; }
#vme_modalDogEntry .innerContainer input.zip { width: 100px; }
#vme_modalDogEntry .innerContainer a { color: #493; text-decoration: none; font-size: .9em; }
#vme_modalDogEntry .innerContainer h2 { color: #666666; padding: 25px 0 0 0; }
#vme_modalDogEntry .innerContainer .leftContent { width: 152px; float: left; }
#vme_modalDogEntry .innerContainer .leftContent img { padding: 0 0 30px 18px;  }
#vme_modalDogEntry .innerContainer .rightContent { width: 335px; float: right; position: relative; }
#vme_modalDogEntry .innerContainer .rightContent .closeModal { position: absolute; right: 18px; top: 12px; }
#vme_modalDogEntry .innerContainer .rightContent .submit { padding-bottom: 25px; }
.soa #thankYouContent p { font-size: 17px; margin-top: 30px; width: 250px; }

#dog_park { top: 200px; width: 945px; left: 50%; margin-left: -475px; }


/* SOA Foundation */
#vme_modalSOAFoundation { width: 900px; height: 300px; padding: 10px; }
#modalSOAFoundation { width: 900px; margin-left: -450px; background: #fff; top: 120px; left: 50%; }
.surveyGizmo { width: 900px; background:none transparent; top: 60px; }
#closeGizmo { position:absolute; top:-73px; right:35px; z-index:9999; }

/* Share The Love Modal */
#vme_modalShareTheLove {width:360px; height:556px; padding:11px 0 0 16px;}
#modalShareTheLove {width: 320px; margin: 0 auto; top: 120px; left: 50%; margin-left: -160px;}
#modalShareTheLove h2 {padding:0;font-weight:normal;font-size:18px;color:#0089b0;}
#modalShareTheLove p {font-size:11px; padding:10px 0 30px;}
#modalShareTheLove .content {width: 304px;padding:10px 24px 0px;position:relative;background:url(/content/images/site/modal_stl_bg.png) repeat-y;}
#modalShareTheLove img.close {position:absolute;top:-17px;right:-4px;cursor:pointer;}
#modalShareTheLove div.row {padding:0 0 10px;width:302px;}
#modalShareTheLove div.row.button {height:28px;padding:20px 0 80px;}
#modalShareTheLove input {border: solid 1px #ccc;height:19px;color:#56564C;padding:0 0 0 8px; text-align:left !important;}
#modalShareTheLove #newVIN {width:150px;float:left;margin-right:9px;}
#modalShareTheLove .vinQuestion img {margin-top:4px;float:left;}
#modalShareTheLove #firstName {width:92px;float:left;}
#modalShareTheLove #lastName {width:184px;margin-left:4px;}
#modalShareTheLove #city {width:126px;float:left;margin-right:4px;}
#modalShareTheLove #zipCode {width:92px;float:left;}
#modalShareTheLove #stateCode {width:54px;float:left;margin-right:4px;height:21px;}
#modalShareTheLove .fullWidth {width:290px;}
#modalShareTheLove .chk_donate {border:none;}
#modalShareTheLove div.row.subscribe {height:35px;}
#modalShareTheLove div.row.subscribe input {float:left; margin:0; padding:0;}
#modalShareTheLove div.row.subscribe label {margin:0;padding:0;}
#modalShareTheLove div.row.subscribe div {margin:3px 0 0 3px; padding:0;float:left;}
#modalShareTheLove label {float:none;font-size:12px;padding-left: 20px;font-size:11px;}
#modalShareTheLove .blue {color:#0089b0; padding: 0;font-size:12px;}
#modalShareTheLove .row.submit {margin:20px 0 80px;}
#modalShareTheLove .errorPlaceHolder {display:none;}
#modalShareTheLove #stepTwo div.row {height:100px;}
#modalShareTheLove #stepTwo input {float:left;z-index:500}
#modalShareTheLove #stepTwo div.row div.col {height:71px;float:left;margin:0;padding:0;z-index:499}
#modalShareTheLove #stepTwo label {display:block;height:71px;width:141px;padding:0;margin:0;cursor:pointer;}
#modalShareTheLove #stepTwo label.aspca {background: url(/content/images/site/modal_stl_aspca.jpg);width:130px;}
#modalShareTheLove #stepTwo label.bigbrothers {background: url(/content/images/site/modal_stl_bigbrothers.jpg);width:130px;}
#modalShareTheLove #stepTwo label.habitat {background: url(/content/images/site/modal_stl_habitat.jpg) 0 -19px; height:50px; margin: 20px 0 0 -10px;}
#modalShareTheLove #stepTwo label.meals {background: url(/content/images/site/modal_stl_meals.jpg); width:130px;}
#modalShareTheLove #stepTwo label.ocean {background: url(/content/images/site/modal_stl_ocean.jpg); width:182px;}
#modalShareTheLove #stepTwo .error {display:block;height:50px;}
#modalShareTheLove input.button, #modalShareTheLove img.button {border:none;float:right !important;height:auto;cursor:pointer;}
#modalShareTheLove img.back {float: left !important;}
#modalShareTheLove #stepThree p {padding-bottom:0;}
#modalShareTheLove .errorCont {clear:both;}
#modalShareTheLove .errorCont .top { display: none; }
.cluetip-tip200.stlTip { z-index: 5000 !important; margin-top: 10px; }

/* specific modal form styles */
#modalFindDealer {width:282px; left:50%; top:194px; margin-left: -141px;}
#modalFindDealer .top {height:60px;min-height:60px;background:url(/content/images/site/modal282Top.gif) right top no-repeat;}
#modalFindDealer .errorCont .top {background: none;}
#modalFindDealer .top h2 {padding:15px 5px 0 19px;font-weight:normal;font-size:18px;color:#56564c;}
#modalFindDealer .content {width:222px;padding:10px 40px 40px 20px;background-color: #fff;}
#modalFindDealer .content p {margin-bottom:10px;color:#55554B;font-size: 12px;line-height:1.25em;}
#modalFindDealer .content form input {float:left; width:120px; margin-left:50px;}
#modalFindDealer .content form .search_button {height:21px;left:192px;margin:0;position:absolute;top:125px;width:17px;}
#modalFindDealer .bottom {height:7px; background:url(/content/images/site/modal282Bottom.gif) right bottom no-repeat;}

/* Rally Media Gallery */
#rallyMediaCont {width:950px; left:50%; top:0px; margin-left:-475px; z-index:3200; cursor:pointer; background-color: #000;}

/* media galleries */
#mediaGalleryCont {position:relative; height:566px; width:950px; background:#000000;}
#mediaGalleryCont #TB_flash_content {background-color: #000;}
#mediaGalleryCont .mediaPlayerClose {position:absolute; width:47px; top:24px; margin-left:859px; font-size: 11px; font-weight: normal; cursor:pointer; z-index:3300;}
#mediaGalleryCont .rallyMPC {color:#ffffff; background: url(/content/images/site/thickboxClose-rally.gif) right 1px no-repeat;}
#mediaGalleryCont .defaultMPC {color:#55554b; top:27px;}
.ie9.win #mediaGalleryCont .defaultMPC {top:29px;}

/* -- tell a friend -- */
#mcTellFriend {width:607px; left:50%; top:105px; margin-left:-303px;}
#mcTellFriend .modalTop {width:607px; height:10px; background:url(/content/images/site/mf607_modalTopCorners.gif) left top no-repeat;}
#mcTellFriend .modalBottom {width:607px; height:10px; background:url(/content/images/site/mf607_modalBottomCorners.gif) left top no-repeat;}
#mcTellFriend .modalBody {width:567px; padding:15px 15px 0px 25px; background:#fff; color:#66675d;}
#mcTellFriend .modalBody h2 {padding-bottom:10px; color:#177bb1; font-size:15px; font-weight:bold;}
#mcTellFriend .modalBody p {padding:0 0 15px 0; line-height:18px; font-size:12px; border-bottom:1px solid #90908a;}
#mcTellFriend .modalBody form {width:567px; margin:20px 0 0 0;}
#mcTellFriend .modalBody form h3 {clear:both; float:left; margin-left:140px; padding:10px 0 15px 0; font-size:12px; font-weight:normal;}
#mcTellFriend .modalBody form label {clear:both; float:left; width:130px; padding:0 10px 0 0; text-align:right; font-size:10px; font-weight:normal;}
#mcTellFriend .modalBody form p.senderName {float:left; font-size:10px; margin-top:-3px; padding:0 0 10px 0; border-bottom:none;}
#mcTellFriend .modalBody form input {float:left; width:282px; margin:-3px 0 10px 0; border:1px solid #90908a;}
#mcTellFriend .modalBody form textarea {clear:both; float:left; width:262px; height:110px; margin-left:140px; padding:10px; font-size:10px;}
#mcTellFriend .modalBody form .buttonRight {margin-right:145px;}
#mcTellFriend .modalBody form .formButton input {margin-top:0;}

#mcFindDealer {width:282px; left:50%; top:194px; margin-left:-141px;background:url(/content/images/site/modal282Bottom.gif) 0 bottom no-repeat;padding-bottom:7px;}
#mcFindDealer .component {padding:0 0 0 0;margin:0 0 0 0;}
#mcFindDealer .component .title {width:282px;background:url(/content/images/site/modal282Top.gif) 0 0 no-repeat;padding-top:15px;height:45px;min-height:45px;}
#mcFindDealer .component .content {float:left;background-color:#ffffff;border:1px solid #d2d3ce;border-style: none solid;padding:10px 40px 40px 20px;width:220px;}
#mcFindDealer .component .content p {margin-bottom:10px;}
#mcFindDealer .component form input {width:122px; margin-left:50px;height:16px }
#mcFindDealer .component form .search_button {height:22px;margin:0;position:absolute;top:70px;width:19px;left:195px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
#mcFindDealer .component form .search_button {top:70px;}
}

#mcFindDealer .noDealersFound{margin:10px 0 0 15px !important; text-align:center;}

/* Specials */
#mcFindDealer .component .offers_content {width:242px; background: url(/content/swf/outback_detergent/assets/modal_detergent_background.jpg) left top repeat-y; border:none;}
#mcFindDealer .component .content .offers {position:relative;}
#mcFindDealer .component .content .offers img {position:absolute; margin:15px 0 0 0px; cursor:pointer;}


#mcDealerLogos {width:450px;left:50%;top:105px; margin-left:-225px; z-index:3200;background:url(/content/images/site/modal450Bottom.gif) 0 bottom no-repeat;padding:0 0 7px 0;}
#mcDealerLogos .component {width:450px;margin:0;padding:0;}
#mcDealerLogos .component .title {background:url(/content/images/site/modal450Top.gif) 0 0 no-repeat;width:450px;}
#mcDealerLogos .component .title .closeModal {float:right;margin:23px 23px 0 0;display:block;width:75px;text-align:right;font-size:11px;}
#mcDealerLogos .component .title .closeModal img {float:none;margin:0 0 -2px 4px;}
#mcDealerLogos .component .content {background:#ffffff;border:1px solid #d2d3ce;border-style: none solid;padding:10px 23px;color:#55554b;}
#mcDealerLogos .component .content h2 {font-size:14px;width:100%;min-height:10px;}
#mcDealerLogos .component .content h2 img {margin:2px 7px 0 -2px;}
#mcDealerLogos .component .content p {border-bottom:1px solid #d2d3ce;font-size:11px;padding:5px 0 10px;margin-bottom:10px;width:100%;min-height:10px;}
#mcDealerLogos .component .content .last {border-bottom:none;padding:5px 0 0;margin-bottom:0px;}

#mcCounties {width:450px;left:50%;top:205px; margin-left:-225px; z-index:3200;background:url(/content/images/site/modal450Bottom.gif) 0 bottom no-repeat;padding:0 0 7px 0;}
#mcCounties .component {width:450px;margin:0;padding:0;}
#mcCounties .component .title {background:url(/content/images/site/modal450Top.gif) 0 0 no-repeat;width:450px;}
#mcCounties .component .content {background:#ffffff;border:1px solid #d2d3ce;border-style: none solid;padding:23px;color:#55554b;}
#mcCounties .component .content h2 {font-size:12px;width:100%;font-weight:bold;color:#b00b00;line-height:18px;}
#mcCounties .component .content h2 .exclamation {float:left;width:18px;font-size:38px;height:40px;line-height:37px;}
#mcCounties .component .content p {font-size:11px;padding:5px 0 10px;margin-bottom:10px;width:100%;min-height:10px;}
#mcCounties .component .content form {}
#mcCounties .component .content form label {position:relative;z-index:9999;}
#mcCounties .component .content .component_button a {background:transparent url(/content/images/site/button-blue-door.gif) no-repeat scroll left top;color:#ffffff;text-transform:uppercase;}
#mcCounties .component .content .component_button a span {background:transparent url(/content/images/site/button-blue-right.gif) no-repeat scroll right top;line-height:23px;padding:0 22px 0 13px;font-weight:bold !important;font-size:10px;}

.print_summary{padding:10px 30px 0 31px; font-size:12px; color:#55554b;}
.print_summary .left_column{width:242px; float:left;}
.print_summary .right_column{width:287px; float:right; margin-bottom:32px;}
.print_summary .closeModal{position:absolute;right:34px;text-decoration:none;}
.print_summary .closeModal img{width:12px; height:12px;right:-15px;top:-8px; position:absolute;}
.print_summary p{font-size:13px; padding-top:10px;}
.print_summary .hr{border-bottom:1px dotted #666666; margin-bottom:10px; margin-top:5px;}
.print_summary img{margin-top:10px; margin-bottom:20px; margin-left:10px; width:220px;}
.print_summary h1{font-size:20px; color:#217bb1;}
.print_summary h2{font-size:18px;  color:#217bb1;}
.print_summary h3{font-size:16px; border-bottom:1px dotted #666666; margin-top:20px; margin-bottom:5px;}
.print_summary ul{clear:both; padding-top:10px;}
.print_summary ul li{ list-style:none; padding-bottom:3px;}
.print_summary ul li a{text-decoration:none;}
.print_summary ul li a:hover{text-decoration:underline;}
.print_summary .dealer_listing{}
.print_summary .dealer_listing a{display:block; line-height:20px;}
.print_summary .special_offers{}

.print_summary .special_offers p{font-size:12px;}
.print_summary .key_value_list{ list-style:none;}
.print_summary .key_value_list li{}
.print_summary .key{font-weight:bold; }
.print_summary .value{padding-left:10px;}


.print_summary .price_list{margin-bottom:10px;}
.print_summary .price_list li{line-height:21px;}
.print_summary .price_list .title{font-weight:bold;}
.print_summary .price_list .name{ clear:both; float:left;}
.print_summary .price_list .price{ float:right; font-weight:bold;}
.print_summary .price_label{ clear:both; float:left; font-weight:bold; color:#217bb1;}
.print_summary .price{ float:right; font-weight:bold;  color:#217bb1;}
.print_summary hr{border:none;border-bottom:1px dotted #666666; margin:0 0 10px;width:287px;}
.print_summary .nav-button{display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/content/images/site/button-blue-door.gif) no-repeat;line-height:23px;height:23px;text-transform:uppercase;}

.print_summary .nav-button a{display:block;float:left;background:url(/content/images/site/button-blue-right.gif) no-repeat top right;height:23px;padding:0 7px; border:none; font-size:10px; font-weight:bold; color:#eeeeee; text-decoration:none;}

.print_summary .nav-button a:hover{color:#ffffff;text-decoration:none;}

.hideVisability {visibility: hidden;}

#mcOwnerStory {width:450px;left:50%;top:105px; margin-left:-225px; z-index:3200;background:url(/content/images/site/modal450Bottom.gif) 0 bottom no-repeat;padding:0 0 7px 0;}
#mcOwnerStory .component {width:450px;margin:0;padding:0;}
#mcOwnerStory .component .title {background:url(/content/images/site/modal450Top.gif) 0 0 no-repeat;width:450px;}
#mcOwnerStory .component .title .closeModal {float:right;margin:23px 23px 0 0;display:block;width:75px;text-align:right;font-size:11px;}
#mcOwnerStory .component .title .closeModal img {float:none;margin:0 0 -2px 4px;}
#mcOwnerStory .component .content {background:#ffffff;border:1px solid #d2d3ce;border-style: none solid;padding:10px 23px;color:#55554b;}
#mcOwnerStory .title h1 {padding-top:18px;}
#mcOwnerStory .component .content h2 {font-size:14px;width:100%;min-height:10px;}
#mcOwnerStory .component .content h2 img {margin:2px 7px 0 -2px;}
#mcOwnerStory .component .content h4 {font-size:12px; font-weight:bold; margin-top:5px;}
#mcOwnerStory .component .content p {font-size:11px;width:100%;min-height:10px;}
#mcOwnerStory .component .content .last {border-bottom:none;padding:5px 0 0;margin-bottom:0px;}
#mcOwnerStory  form {}
#mcOwnerStory  form h3 {clear:both; float:left; margin-left:140px; padding:10px 0 15px 0; font-size:12px; font-weight:normal;}
#mcOwnerStory  form label {width:130px; padding:0 10px 0 0; font-size:10px; font-weight:normal;}
#mcOwnerStory  form p.senderName {float:left; font-size:10px; margin-top:-3px; padding:0 0 10px 0; border-bottom:none;}
#mcOwnerStory  form input {width:282px; border:1px solid #90908a;}
#mcOwnerStory  form textarea {border: 1px solid #90908A; clear:both; width:378px; height:110px; padding:10px; font-size:10px;}