/* CSS Document */ li { font-size: 13px; } input { font-size:14px; border:#D2CBAC 1px solid; color:#587A7B; width:200px; height:20px; width:237px; } a.copy { color:#587A7B; } a:hover.copy { color:#003877; } a:active.copy { color:#003877; } a:visited.copy { color:#587A7B; } a.header1 { color:#587A7B; text-decoration:none; } a:hover.header1 { color:#003877; } a:active.header1 { color:#003877; } a:visited.header1 { color:#587A7B; text-decoration:none; } a.header2-a { color:#d2cbad; text-decoration:none; font-weight:bold; } a:hover.header2-a { color:#597b7b; } a:active.header2-a { color:#d2cbad; } a:visited.header2-a { color:#d2cbad; text-decoration:none; } a.white { color:#FFF; text-decoration:none; } a:hover.white { color: #FFFF99; text-decoration:underline; } a:active.white { color:#FFFF99; text-decoration:underline; } a:visited.white { color:#FFF; text-decoration:none; } .header1 { color:#597b7b; font-size:15px; font-weight:bold; } .header2 { color:#597b7b; text-decoration:none; font-weight:bold; } .header3 { color:#597b7b; font-size:14px; font-weight:bold; } .header4 { color:#597b7b; font-size:17px; font-weight:bold; } .copy1 { color:#82806D; } .copy2 { color:#587A7B; font-size:11px; line-height:18px; } .copy3 { color:#82806D; font-size:13px !important; line-height:22px; } .ul-copy { font-size:13px !important; color:#587A7B !important; padding-right:1em !important; } /*font-size:13px; color:#587A7B; padding-right:1em;*/ .mobile-copy { text-align:left !important; } .tt-header { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold; } .submit { display:block; text-align:center; width:80px; height:30px; background-color:#d2cbad; text-decoration:none; color:#3f676f; font-weight:bold; position:relative; } .smallcopy { font-size:12px; line-height:13px; } .nav-separator { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #d0ccab; top:-5px; position: relative; } .telephone { font-size:14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #82806D; top:68px; right: 5px; position: absolute; margin:0 50px; } .full-width { width: 100%; position: relative; display: inline-block; margin: 0px 0 30px 0; } #header { width:1194px; height:160px; background-color:#FFF; margin-left:auto; margin-right:auto; } #photo-header { font-family:Arial, Helvetica, sans-serif; color:#597b7b; text-align:center; font-weight:bold; height:28px; } #photo-header-mobile { font-family:Arial, Helvetica, sans-serif; color:#597b7b; text-align:center; font-weight:bold; height:28px; } #logo { position:relative; top:27px; left:21px; float:left; } #top-nav-line-1 { position: relative; left: 42px; top: 50px; font-family: "Arial"; font-size: 12px; color: #587A7A; float: left; width: 870px; } #top-nav-line-2 { position:relative; left:50px; top:62px; font-family:"Arial"; font-size:12px; color:#587A7A; float:left; width:870px; } #top-nav-line-Social { position:relative; left:890px; top:-25px; float:left; width:870px; } .I { font-size:20px; font-family:"Tacoma"; } #body-container { width:1134px; margin-left:auto; margin-right:auto; background-color:#f9f6ed; padding:30px; } #navigation { width:100%; color:#FFF; font-family:Arial, Geneva, sans-serif; font-size:12px; line-height:17px; float:left; } #border { border-top:1px #D2CBAC solid; width:100%; position:relative; top:0px; padding-bottom: 20px; } #body-content { position:relative; width:893px; top:30px; left:60px; float:left; overflow:hidden;} #text-below-pic { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:15px; width:94%; margin-left: 3%; height: auto; } #text-below-pic1 { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:30px; width:94%; margin-left: 3%; } #text-below-pic2 { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:15px; width:94%; margin-left: 3%; height: auto; } #text-below-pic3 { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:-30px; width:94%; margin-left: 3%; height: auto; } #text-below-pic4 { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:-70px; width:94%; margin-left: 3%; height: auto; } #text-below-pic5 { font-family:Arial, Helvetica, sans-serif; color:#5a7a7a; font-size:13px; line-height:26px; text-align:justify; overflow:hidden;float:left; position:relative; top:-10px; width:94%; margin-left: 3%; height: auto; } #footer { font-family:Arial, Helvetica, sans-serif; color:#91A5A4; font-size:10px; line-height:16px; padding:20px 0px; left:-40px; position: relative; } #footer-medium { font-family:Arial, Helvetica, sans-serif; color:#91A5A4; font-size:11px; line-height:24px; padding:20px 0px; left:-90px; position: relative; } #footer-content { padding:20px 0px; } #footer a { text-decoration:underline; color:#91A5A4; } #footer a:hover { text-decoration:none; } #footer-medium a { text-decoration:underline; color:#91A5A4; } #footer-medium a:hover { text-decoration:none; } .greyout { color:#D2CBAC; } #fadeshowtoggler a { border:0; padding:0; margin:0; text-decoration:none; } #fadeshowtoggler { position:absolute; z-index:1000; right:60px; top:488px; } #fadeshowtoggler .prev, #fadeshowtoggler .next { cursor:pointer; float:left; height:22px; width:22px; } #fadeshowtoggler .prev { background-image:url('../images/bu_left.png'); background-repeat:no-repeat; } #fadeshowtoggler .next { background-image:url('../images/bu_right.png'); background-repeat:no-repeat;} #fadeshowtoggler div:hover.prev { background-image:url('../images/bu_ro_left.png'); } #fadeshowtoggler div:hover.next { background-image:url('../images/bu_ro_right.png'); } #fadeshow1 { overflow:visible; } .descpanelfg { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:18px; width:730px; position:relative; left:24px !important; float:left; } .vspacer { height:8px; width:100%; } .line1 { border-top:1px #D2CBAC solid; width:100%; height:1px; margin:20px 0; position:relative; float:left; top:0px; } .line { width:100%; border-bottom:1px solid #d2cbac; height:1px; float: left; position: relative; } .div-center-1 { width:100%; position:relative; margin:0 auto; text-align:center; } .div-center-2 { width:100%; position:relative; margin:0 auto; text-align:left; } .rates-div-all { width:100%; padding:10px 0; position:relative; float:left; font-size:13px; color:#82806d; line-height:18px; min-width: 60px; text-align: center; } .rates-div-left { width:50%; padding:30px 0 30px 10%; position:relative; float:left; font-size:13px; color:#82806d; line-height:18px; min-width: 280px; } .rates-div-right { width:40%; padding:30px 0 30px 10%; position:relative; float:left; font-size:13px; color:#82806d; line-height:18px; min-width: 280px; } .rates-pdf { width: 50%; padding:10px 20px; background: #D2CBAC; float: left; position: relative; left: 25%; margin-bottom: 30px; text-align: center; } .top--60 { margin-top: -60px !important; position:relative; } #tt_Princess_Palm { display:block; margin-bottom:30px; overflow:hidden; width:60px; height:128px; cursor:pointer; } #tt_Beach_Entry_Pool { display:block; margin-bottom:30px; overflow:hidden; width:94px; height:128px; cursor:pointer; } #tt_Canary_Island { display:block; margin-bottom:30px; overflow:hidden; width:56px; height:128px; cursor:pointer; } #tt_Beach_House { display:block; margin-bottom:30px; overflow:hidden; width:42px; height:128px; cursor:pointer; } #tt_Royal_Palm { display:block; margin-bottom:30px; overflow:hidden; width:70px; height:128px; cursor:pointer; } #tt_Boat_Harbor_Marina { display:block; margin-bottom:30px; overflow:hidden; width:72px; height:188px; cursor:pointer; } #tt_Fishing_Pier { display:block; margin-bottom:30px; overflow:hidden; width:150px; height:45px; cursor:pointer; } #tt_Office { display:block; margin-bottom:30px; overflow:hidden; width:60px; height:128px; cursor:pointer; } #tt_Malayan_Palm { display:block; margin-bottom:-30px; overflow:hidden; width:53px; height:128px; cursor:pointer; } #tt_Jamaican_Palm { display:block; margin-bottom:30px; overflow:hidden; width:59px; height:128px; cursor:pointer; } #tt_Coconut_Palm { display:block; margin-bottom:30px; overflow:hidden; width:62px; height:128px; cursor:pointer; } #tt_Bird_of_Paradise { display:block; margin-bottom:30px; overflow:hidden; width:62px; height:128px; cursor:pointer; } #tt_Fish_Tail_Palm { display:block; margin-bottom:30px; overflow:hidden; cursor:pointer; } .tt_box { display:none; background:url(../images/black_arrow_medium.png) no-repeat; height:216px; width:240px; padding:25px 30px 10px 30px; margin:-50px -10px; position:relative; top:-600px; } .tt_box_bottom { display:none; background:url(../images/black_arrow_medium_bottom.png) no-repeat; height:216px; width:240px; padding:25px 30px 50px 30px; margin:-50px -10px; position:relative; top:-600px; } a:hover.tt { border:#555 1px solid; } /* BEGIN TOP NAVBAR */ #navbar_virtical{ position:relative; z-index:1000; width: auto; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #navbar_virtical li { float: left; position: relative; list-style: none; padding: 0px; line-height:21px !important; width:140px; } #navbar-horizontal-1 { position:relative; z-index:1000; width:auto; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #navbar-horizontal-1 li { float:left; position: relative; list-style: none; line-height:12px !important; border-left:1px solid #d0ccab; } #navbar-horizontal-1-ie li { float:left; position: relative; list-style: none; line-height:12px !important; } #navbar-horizontal-2 { position:relative; z-index:1000; width: auto; margin: 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #navbar-horizontal-2 li { float:left; position: relative; list-style: none; line-height:12px !important; border-left:1px solid #d0ccab; } /**top level menu**/ #navbar_virtical li a { color:#fff; text-decoration: none; display: block; padding:7px 7px 7px 7px; margin: 0; } #navbar_virtical_book_now li a { color:#fff; text-decoration: none; display: block; padding:7px 7px 7px 7px; margin: 0; } #navbar-horizontal-1 li a { text-decoration: none; display: block; margin: 0px 9px; color:#5a7a7b; padding:4px 5px; } #navbar-horizontal-2 li a { text-decoration: none; display: block; margin: 0px 3px; color:#5a7a7b; padding:4px 6px; } /**top menu style remains on while any part of menu is hovered. Works in good browsers**/ #navbar_virtical li:hover > a { color:#003877 text-decoration: none; display: block; } #navbar_virtical li:hover a { color:#003877; } #navbar_virtical_book_now li:hover > a { color:#003877 text-decoration: none; display: block; } #navbar_virtical_book_now li:hover a { color:#003877; } #navbar-horizontal-1 li:hover > a { color:#003877; text-decoration:none; display: block; background-color:#f5f5f5; } #navbar-horizontal-1 li:hover a { color:#003877; } #navbar-horizontal-2 li:hover > a { color:#003877; text-decoration:none; display: block; background-color:#f5f5f5; } #navbar-horizontal-2 li:hover a { color:#003877; } /**persitent menu highlighting occurs when body and anchor classes match. Body can have 2 classes**/ body.Bird_of_Paradise #navbar_virtical li a.Bird_of_Paradise, body.Royal_Palm #navbar_virtical li a.Royal_Palm, body.Coconut_Palm #navbar_virtical li a.Coconut_Palm, body.Canary_Island #navbar_virtical li a.Canary_Island, body.Princess_Palm #navbar_virtical li a.Princess_Palm, body.Jamaican_Palm #navbar_virtical li a.Jamaican_Palm, body.Malayan_Palm #navbar_virtical li a.Malayan_Palm, body.Malayan_Palm_North #navbar_virtical li a.Malayan_Palm_North, body.Malayan_Palm_East #navbar_virtical li a.Malayan_Palm_East, body.Harbor_House #navbar_virtical li a.Harbor_House, body.Fish_Tail_Palm #navbar_virtical li a.Fish_Tail_Palm, body.Little_Palm_Homes #navbar_virtical li a.Little_Palm_Homes, body.Conch_House #navbar_virtical li a.Conch_House, body.Beach_Entry_Pool #navbar-horizontal-1 li a.Beach_Entry_Pool, body.Boat_Harbor_Marina #navbar-horizontal-1 li a.Boat_Harbor_Marina, body.Fishing_Pier #navbar-horizontal-1 li a.Fishing_Pier, body.Sport_Fishing #navbar-horizontal-1 li a.Sport_Fishing, body.Snorkeling_Diving #navbar-horizontal-1 li a.Snorkeling_Diving, body.Boat_Rental #navbar-horizontal-1 li a.Boat_Rental, body.Adventure_Packages #navbar-horizontal-1 li a.Adventure_Packages, body.Weddings_Special_Events #navbar-horizontal-2 li a.Weddings_Special_Events, body.Rates #navbar-horizontal-2 li a.Rates, body.Reservations #navbar-horizontal-2 li a.Reservations, body.Grounds_Map #navbar-horizontal-2 li a.Grounds_Map, body.Directions #navbar-horizontal-2 li a.Directions, body.Guests_Photos_Comments #navbar-horizontal-2 li a.Guests_Photos_Comments, body.Contact_Us #navbar-horizontal-2 li a.Contact_Us { color:#16367d !important; } .corner-ribbon{ width: 380px; background: #e43; position: absolute; top: 25px; left: 200px; text-align: center; padding: 10px 0; color: white; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); font-size: 12px; font-family: Arial; } .corner-ribbon a { color: white; } /* Custom styles */ .corner-ribbon.sticky{ position: fixed; z-index: 1; } .corner-ribbon.shadow{ box-shadow: 0 0 3px rgba(0,0,0,.3); } /* Different positions */ .corner-ribbon.top-left{ top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right{ top: 25px; right: -120px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Colors */ .corner-ribbon.white{background: #f0f0f0; color: #555;} .corner-ribbon.black{background: #333;} .corner-ribbon.grey{background: #999;} .corner-ribbon.blue{background: #39d;} .corner-ribbon.green{background: #2c7;} .corner-ribbon.turquoise{background: #1b9;} .corner-ribbon.purple{background: #95b;} .corner-ribbon.red{background: #e43;} .corner-ribbon.orange{background: #e82;} .corner-ribbon.yellow{background: #ec0;} .label { border-radius: 4px; } .label.tiny { font-size: 11px; padding-bottom: 4px; } .label.turquoise { background: #1b9; } /* * jQuery UI Datepicker 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }.ui-datepicker .ui-datepicker-prev { left:2px; }.ui-datepicker .ui-datepicker-next { right:2px; }.ui-datepicker .ui-datepicker-prev-hover { left:1px; }.ui-datepicker .ui-datepicker-next-hover { right:1px; }.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }.ui-datepicker select.ui-datepicker-month-year {width: 100%;}.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }.ui-datepicker td { border: 0; padding: 1px; }.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }/* with multiple calendars */.ui-datepicker.ui-datepicker-multi { width:auto; }.ui-datepicker-multi .ui-datepicker-group { float:left; }.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }/* RTL support */.ui-datepicker-rtl { direction: rtl; }.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }.ui-datepicker-rtl .ui-datepicker-group { float:right; }.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/} /* Forms-------------------------------------------*/.book-form { }.book-form label { display: block; height: 28px; padding: 0 0 0 5px; }.book-form input { height: 26px; border: none; font-weight: bold; text-align: center; }.book-form input:focus { outline: none; }.book-form button { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.book-form .date { width: 70px; }.book-form .number { width: 30px; }.banner .book-form label { border: solid 1px #484848; background: #202020; color: #999; }.banner .book-form input { background: #202020; color: #fff; }.banner .book-form button { background: #ac4d1c; color: #fff; }.content .book-form label { border: solid 1px #bac5ac; background: #535c45; color: #bac5ac; }.content .book-form input { background: #535c45; color: #fff; }.content .book-form button { background: #bac5ac; color: #535c45; }#play-video { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.check-form-v2 { clear: both; overflow: hidden; height: 100px; width: 240px; padding: 10px 15px; background: url('/template/bg-check.png'); }.check-form-v2 h3 { margin: 0 0 7px; color: #fff; }.check-form-v2 ul { margin: 0; padding: 0; list-style: none; }.check-form-v2 li { float: left; margin: 0 5px 5px 0; }.check-form-v2 label { display: block; height: 28px; padding: 0 0 0 5px; border: solid 1px #db7d41; background: #b0511e; color: #ffb086; }.check-form-v2 input { height: 26px; border: none; background: #b0511e; color: #fff; font-weight: bold; text-align: center; }.check-form-v2 button { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ffb086; color: #b0511e; font-weight: bold; text-transform: uppercase; }.check-form-v2 .number { width: 35px; }.directions-form { overflow: hidden; margin: 0 0 11px; }.directions-form p { float: left; }.directions-form label { display: block; height: 28px; padding: 0 5px 0 5px; border: solid 1px #aaa; background: #eee; color: #666; }.directions-form input { height: 26px; width: 100px; border: none; background: #eee; color: #000; font-weight: bold; }.directions-form input:focus { outline: none; }.directions-form button { display: block; height: 30px; padding: 0 10px; margin: 0 0 0 5px; border: none; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.check-form { overflow: hidden; width: 480px; margin: 20px; }.check-form .checkin-wrap { width: 230px; float: left; }.check-form h3 { margin: 0 0 20px; }.check-form ul { float: left; width: 250px; margin: 0; padding: 0; list-style: none; }.check-form li { margin: 0 0 20px; padding: 0; }.check-form label { display: block; height: 28px; padding: 0 5px 0 5px; border: solid 1px #aaa; background: #eee; color: #666; }.check-form input { height: 26px; width: 100px; border: none; background: #eee; color: #000; font-weight: bold; }.check-form input:focus { outline: none; }.check-form button { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.comment-form { }.comment-form p { margin: 0; }.comment-form ul { overflow: hidden; margin: 0 -22px 0 0; padding: 0; list-style: none; }.comment-form li { float: left; width: 251px; padding: 10px 0 10px 0; margin: 0 22px 0 0; }.comment-form .comment-form-message-wrap { width: 524px; margin: 0; }.comment-form label { display: block; height: 28px; border: solid 1px #484848; padding: 0 0 0 5px; background: #fff; color: #999; }.comment-form input { height: 26px; border: none; background: #fff; color: #535c45; font-weight: bold; }.comment-form input:focus { outline: none; }.comment-form button { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.comment-form textarea { width: 512px; height: 120px; border: solid 1px #484848; padding: 5px; background: #fff; color: #535c45; }.comment-form .error { background: #fdd; color: #900; }.section { margin: 0 0 30px; padding: 20px; background: #dde3d4; }.payment { margin: 0; padding: 19px; border: solid 1px #dde3d4; background: #fff; }.section h2 { margin: 0 0 11px; }.section h3 { margin: 11px 0; color: #535c45; }.choose { margin: 0; padding: 0; list-style: none; }.section .choose label strong { color: #000; font-size: 14px; }.section label { font-size: 13px; }.section label strong { color: #c00; font-size: 12px; }.section input[type=text], .section input[type=email], .section select { display: inline-block; }.section input[type=text], .section input[type=email] { border: solid 1px #ccc; }.section button { height: 30px; padding: 0 10px; border: none; margin: 0; background: #ac4d1c; color: #fff; font-weight: bold; text-transform: uppercase; }.section .field { padding: 3px; background: #ccc; }.section input.error { border: solid 1px #c00; background: #fcc; }.section label.error { color: #c00; }.section .field.error { background: #c00; }.section .long { width: 250px; }.section .medium { width: 150px; }.section .short { width: 90px; }.section dl { overflow: hidden; margin: 0; }.section dt { float: left; clear: left; width: 120px; margin: 0 0 5px; padding: 3px 0; }.section dd { float: left; margin: 0 0 5px; padding: 0; }.order-gifts { margin: 0; padding: 0; list-style: none; }.order-gifts li { padding: 2px 0; }.order-gifts > li { padding: 6px 0; border-bottom: solid 1px #cdd3c4; }.order-gifts > li.selected { padding: 6px 10px; background: #ffc; }.order-gifts > li:last-child { border-bottom: none; }.order-gifts select { clear: right; float: right; }.order-gifts > li ul { list-style: none; }