/* Teardrops CSS */ /* www.firstchoicemotorhomes.com.au */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} .container {width:977px; margin:0 auto;} body {position:relative; background:#4a533b url(img/bg_body.jpg) center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em;color:#aea57c; } a {color:#aea57c;} a:hover {color:#bbb286;} img {border:none; display:block;} hr {display:none;} sup {font-size:50%;} fieldset {border:none;} .clear {clear:both;} .hrzrule {height:1px; background:#bbb286; margin:1em 0;} .hrzrule2 {height:1px; background:#5c3c26; margin:1em 0;} .separator {padding:2em 0;} .photoright {float:right; margin:0 0 1em 10px;} .legal {font-size:.8em;} .red, .error {color:#ac2124;} h1 {font-family:"Times New Roman", Times, serif; font-size:2.1em; color:#ac2124; font-weight:normal; text-transform:uppercase; letter-spacing:4px; line-height:1em; margin-bottom:.8em;} h2 {font-family:"Times New Roman", Times, serif; font-size:2.1em; color:#ac2124; font-weight:normal; text-transform:uppercase; letter-spacing:4px; line-height:1em; margin-bottom:.8em;} h3 {font-family:"Times New Roman", Times, serif; font-size:1.2em; color:#ac2124; font-weight:normal; text-transform:uppercase; letter-spacing:2px;} h3 a {text-decoration:none;} h4 {font-size:1.1em; margin-bottom:.2em; color:#ac2124;} h4 a {color:#ac2124!important; text-decoration:none;} h4 a:hover {color:#5c3c26!important;} .radios_outer {float:right!important; width:182px;} .radios label {float:left!important; padding:0 16px 0 4px;} .radios input {float:left!important; width:15px!important; height:15px!important; border:none!important; position:relative; top:4px;} input.button {border:none!important; width:auto!important; padding:0!important;} /* HEADER ******************************************************************/ #header {position:relative; height:61px;} #header ul {position:absolute; top:37px; right:0; width:335px; list-style-type:none; font-size:.8em; font-weight:bold;} .browserSafari #header ul {font-weight:normal;} #header ul li {float:left;} #header ul li a {position:relative; display:block; padding:0 10px 0 0; text-decoration:none; text-transform:uppercase; line-height:1em;} #header ul li a.last {border-right:1px solid #aea57c; margin-right:10px;} #header ul li a:hover, #header ul li a.current {color:#dbc28b;} #header label {display:block; text-transform:uppercase; font-weight:bold; line-height:1em;} .browserSafari #header label {font-weight:normal;} #header input.searchbox {position:absolute; right:50px; top:-5px; width:101px; height:14px; background:#e7ce95; padding:2px; border:1px solid #aa9e67; border-right:none; font-size:1em;} #header input.go {position:absolute; right:21px; top:-5px; border:none;} /* MAIN ******************************************************************/ #main {position:relative; background:url(img/bg_main.jpg) repeat-y;} #main a {color:#5c3c26;} #main a:hover {color:#ac2124;} #main div.hrzrule {background:#d0bda0;} #nav {position:relative; width:976px; height:204px; background:url(img/bg_header.jpg) left top no-repeat; z-index:4;} #nav ul {position:absolute; top:21px; left:155px; list-style-type:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase;} #nav ul li {float:left;} #nav ul li a {display:block; float:left; padding:0 11px; font-size:.8em; font-weight:bold; border-right:1px solid #5c3c26; color:#5c3c26; text-decoration:none; letter-spacing:1px; line-height:1em;} #nav ul li a.break {padding-right:55px; border-right:none;} #nav ul li a.last {border-right:none;} #nav ul li a:hover, #nav ul li a.current {color:#ac2124; text-decoration:none;} #main.company #nav {background:url(img/bg_header_company.jpg) no-repeat; height:450px;} #logo {position:absolute; top:0; left:0; width:117px; height:629px; background:url(img/leather.png) top left no-repeat; z-index:10;} #logo a {position:absolute; top:35px; left:23px; display:block;} /* HOME PAGE */ body#home {background-image:none;} #home #main {height:615px; background:url(img/bg_main.jpg) -3px 0 repeat-y;} #home #logo {background:none;} #home #nav {background:none;} #home #main_left {display:none;} #home #main_right {width:436px; float:right; padding-right:0px;} #home #bottom_nav {height:185px; background:none; position:absolute; top:430px;} #home #bottom_nav a {height:102px!important;} #home #footer {position:relative; top:-55px; background:none;} #home #promo1 {position:relative; float:left; width:180px; height:180px; padding-right:28px; margin:0 28px 1em 0; border-right:1px solid #5c3c26;} #home #promo1 div.copy {position:absolute; top:0; right:28px; width:178px; z-index:2;} /*width:128px */ #home #promo1 div.copy h2 {font-size:1.6em; line-height:1em; color:#5c3c26; letter-spacing:3px;} #home #promo1 img {position:absolute; top:0; left:0; z-index:1;} #home #promo2 {position:relative; float:left; width:180px; height:180px;} #home #promo2 div.copy {position:absolute; top:0; left:0; width:176px; z-index:2;} #home #promo2 div.copy h2 {font-size:1.6em; line-height:1em; color:#5c3c26; letter-spacing:3px;} #home #promo2 img {position:absolute; top:-4px; right:-2px; z-index:1;} #home #promo3 {position:relative; float:left; padding-top:10px;} #home #promo3 h2 {margin-bottom:0;} #home_canoe_selector select {width:207px; padding:2px 5px; border:1px solid #ad977a; background:#f7e8c5; font-size:1em; font-weight:bold; color:#ac2124;} #home_canoe_selector option {padding-left:7px;} /* END HOME PAGE */ /* MAIN_CONTENT ******************************************************************/ #main_content {float:left; position:relative; top:-143px; left:135px; width:821px; min-height:425px; height:auto!important; height:425px; padding:1em 20px 0 0; color:#5c3c26; z-index:9;} #main.company #main_content {top:-27px;} #main a {color:#ac2124; text-decoration:none; outline:none;} #main a:hover {text-decoration:underline;} #main optgroup option {padding-left:15px;} /* SUBNAV/LEFT CONTENT */ #main_left {float:left; width:156px;} #main_content.events #main_left {width:175px;} #main_left h3 {position:relative; margin-bottom:10px; top:2px; /*height:25px;*/ padding-bottom:8px; font-size:1em; border-bottom:1px solid #5C3C26;} /*#main_left #subnav {padding-top:10px; border-top:1px solid #5c3c26;}*/ #main_left #subnav ul {position:relative; left:-20px; margin:0; padding:0; width:155px; list-style-type:none;} #main_left #subnav ul li {float:left; display:block; clear:left; width:155px;} #main_left #subnav ul li a {display:block; text-decoration:none; padding:2px 0 2px 20px; color:#5c3c26;} #main_left #subnav ul li a:hover, #main_left #subnav ul li a.current {background:url(img/icn_subnav_current.gif) left 7px no-repeat; color:#ac2124;} #main_left #subnav ul li ul {position:static; padding:0 0 0 20px;} #main_left #subnav ul li ul li {margin-bottom:0;} #main_left #subnav ul li ul li a {font-size:.9em;} /* RIGHT CONTENT */ #main_right #productdetail {outline:none;} #main_right {position:relative; float:left; width:632px; padding-left:21px; z-index:7;} #main_content.events #main_right {width:603px;} #main_right p {margin-bottom:1em; font-size:.9em;} #main_right p.intro, #main_right p.large {font-family:"Arial", Times, serif; font-size:1.1em; line-height:1.25em; margin-bottom:2em;} #main_right p.large {margin-bottom:1em;} #main.company #main_right p.intro {margin-bottom:1em;} #main_right ul {list-style-type:disc;} #main_right ul li {margin-left:16px; font-size:.9em;} #main_right td.hrzrule {padding-bottom:1em; background:none;} #main_right a.arrow_right {text-transform:uppercase; font-weight:bold; background:url(img/arrow_right.gif) right no-repeat; padding-right:12px;} .browserSafari #main_right a.arrow_right {font-size:9px;} /* BREADCRUMBS */ #main_right #topnav {width:100%; height:23px; margin-bottom:2em; padding:4px 0 0; border-bottom:1px solid #5c3c26; font-size:.8em; line-height:1em;} #main_right #topnav ul.breadcrumb {position:relative; top:1px; list-style-type:none;} #main_right #topnav ul.breadcrumb li {float:left; margin-left:0;} #main_right #topnav ul.breadcrumb li a {display:block; margin-right:5px; padding-right:6px; border-right:1px solid #5c3c26; color:#5c3c26; text-decoration:none;} #main_right #topnav ul.breadcrumb li a:hover {color:#ac2124;} #main_right #topnav ul.breadcrumb li a.last {color:#ac2124; border-right:none;} #main_right #topnav #share {float:right;} #main_right #topnav #share a {display:block; font-size:1.1em; font-weight:bold; color:#ac2124; text-transform:uppercase;text-decoration:none; padding-right:12px; background:url(img/arrow_right.gif) right 2px no-repeat;} #main_right #topnav #share a:hover {color:#5c3c26;} #main_right .price {display:block; margin:0 0 2em 0; padding:6px 10px; color:#ac2124; font-weight:bold; background:url(img/bg_msrp3.gif) no-repeat;} #main_right .price strong {color:#000;} #main_right .price span {margin:0 5px;} #product_list table {width:622px;} #product_list table td {vertical-align:top; padding:0 2px 1em; width:33.3%;} #product_list table td img {margin-bottom:1em;} #gallery table {width:622px;} #gallery table td {vertical-align:top; padding:0;} #gallery table td img {margin-bottom:.1em; border:1px solid #5c3c26;} #main .photonav {width:622px; font-weight:bold;} #main .photonav td a {color:#ac2124; text-decoration:none;} #main .photonav td a:hover {color:#5c3c26;} #main .photonav td.previous {width:40px; text-align:left;} #main .photonav td.previous a {padding-left:12px; background:url(img/arrow_left.gif) left 4px no-repeat;} #main .photonav td.previous span.disabled {color:#e7b198; padding-left:12px; background:url(img/arrow_left_disabled.gif) left 4px no-repeat; cursor:default;} #main .photonav td.pagination {width:542px; text-align:center;} #main .photonav td.pagination ul {list-style-type:none; cursor:pointer;} #main .photonav td.pagination ul li {display:inline; margin-left:0;} #main .photonav td.pagination ul li a {font-weight:bold; padding:0 5px 0 3px; border-right:1px solid #ac2124; color:#ac2124; text-decoration:none;} #main .photonav td.pagination ul li a:hover {color:#5c3c26; text-decoration:underline;} #main .photonav td.pagination ul li a.last {border-right:none; padding-right:0;} #main .photonav td.next {width:40px; text-align:right;} #main .photonav td.next a {padding-right:12px; background:url(img/arrow_right.gif) right 4px no-repeat;} div.specs div {width:279px; float:left; margin:0 30px 2em 0;} div.specs .minigallery {min-width:186px; width:auto !important; width:186px;} div.specs div.last {margin-right:0;} div.specs div h3 {margin-bottom:10px; padding-bottom:4px; border-bottom:1px solid #bbb286;} div.specs div ul, div.specs div p, div.specs div table {width:278px;} div.specs div table td {font-size:0.9em;} div.specs div table td.data {text-align:right;} div.specs div.minigallery a {float:left; display:block; border:1px solid #5c3c26; margin:0 3px 3px 0;} div.specs div.minigallery a.last {margin-right:0;} div.specs div.minigallery a:hover {border:1px solid #ac2124;} #main_right fieldset ul {list-style-type:none;} #main_right fieldset ul li {float:left; margin:0 10px 1em 0;} #main_right fieldset ul li select {padding:2px 5px; border:1px solid #ad977a; background:#f7e8c5; font-size:1em; font-weight:bold; color:#ac2124;} #main_right fieldset ul li input {padding:2px 5px; border:1px solid #ad977a; background:#f7e8c5; font-size:1em; font-weight:bold; color:#ac2124;} #main_right fieldset ul li textarea {padding:2px 5px; border:1px solid #ad977a; background:#f7e8c5; font-size:1em; font-weight:bold; color:#ac2124; font-family:Arial, Helvetica, sans-serif;} #main_right fieldset ul li input.submit {position:relative; top:15px; border:none; width:60px; height:auto; background:none;} #main_right table.dealers {width:100%; margin-top:1.5em; line-height:1.1em;} #main_right table.dealers td {width:33%;} #main_right table.dealers td p {margin-bottom:1em;} #main_right #contact_form {float:right; display:inline; margin-left:40px; width:335px;} #main_right #contact_form label {float:left; display:block; width: 100px;} #main_right #contact_form input, #main_right #contact_form select, #main_right #contact_form textarea {width:210px;} #main_right #contact_form textarea {height:100px;} #main_right #contact_form li {float:none !important; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ad977a;} #main_right #contact_form li.noborder {border:none;} /* PHOTO GALLERY ******************************************************************/ #search_gallery {margin:20px 0;} #search_gallery div {margin-bottom:4px;} #search_gallery div label {font-size:.9em; color:#6e6b3d; font-weight:bold;} #search_gallery div.form_field {float:left; background:url(img/bg_formfield4.gif) top left no-repeat; width:172px; height:25px; position:relative; top:-3px; } #search_gallery input.search {border:solid 1px #fff; padding:0 3px; width:148px; margin:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #search_gallery input.button {width:auto;} #photo_album .hrzrule {margin-top: 20px;} #photo_album table {margin-bottom:1em; list-style-type:none;} #photo_album table td {padding:0 26px 18px 0; vertical-align:top;} #photo_album table td.td_hrzrule {height:26px; background:url(img/hrzrule1.gif) no-repeat;} #photo_album table td img {border:solid 3px #5c3c26; width:180px; height:120px; margin-bottom: 10px;} #photo_album table td p {margin-bottom:0;} #photo_album table td p a {display:block; text-decoration:none; color:#b56628;} #photo_album table td p a:hover {text-decoration:underline;} #photo_album table td h3 {font-size:1.3em; margin-bottom:4px; } #photo_album table td h3 a {color:#A05B16; text-decoration:none;} #photo_album table td h3 a:hover {text-decoration:underline;} .submit_gallery { display: block; padding: 8px 0 8px 0;} #photo_album_pagination {position:relative; margin-bottom:2em; text-align:center;} #photo_album_pagination div.next {display:block; position:absolute; top:0; right:0; z-index:+1; width:52px; height:16px; background:url(img/button_next.gif); float:right; text-indent:-999em; overflow:hidden;} #photo_album_pagination div.next a {display:block; width:52px; height:16px;} #photo_album_pagination div.prev {display:block; position:absolute; top:0; left:0; z-index:+1; width:79px; height:16px; background:url(img/button_previous.gif); float:left; text-indent:-999em; overflow:hidden;} #photo_album_pagination div.prev a {display:block; width:79px; height:16px;} #photo_album_pagination .dim {background-position:0 -16px;} #photo_album_pagination a {text-decoration:none; padding:2px 5px;} #photo_album_pagination a.current {text-decoration:underline; color:#a05b16; font-weight:bold;} #gallery-add-image h3 {margin-bottom: 18px;} #gallery-add-image .hrzrule {margin-top: 18px; margin-bottom: 18px;} #add-image-form {width: 100%;} #add-image-form li {float: left; margin-right: 25px;} #add-image-form .image-upload {float: right;} #imageupload {outline: none!important;} /* GALLERY FORM ******************************************************************/ #gallery {margin-bottom:1.5em; border:none;} #gallery ol {float:left; margin:0; padding:0; list-style:none;} #gallery li {margin-bottom:10px; margin-right: 22px !important;} #gallery label {display:block; margin-bottom:2px; font-weight:bold; color:#656233; cursor:pointer;} #gallery button {float:right; margin:0px 15px 0 0; padding:0; background:none; border:none; cursor:pointer;} #gallery input {margin:0; padding:6px; width:280px; font-size:1em; border:1px solid #ad977a; background:#f7e8c5;} #gallery select {margin:3px 0 0 5px; padding:2px 0; width:280px; font-size:1em; border:none; background:none;} #gallery option {background:#f7e8c5;} #gallery div.select {margin:0 0 0 0; padding:0; height:28px; border:1px solid #ad977a; background:#f7e8c5;} #gallery textarea {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #ad977a; background:#f7e8c5; width:280px; height:130px; margin:0; padding:6px; overflow:auto;} #gallery .legal {float:left; margin:3px 0 0;} /* DEALER LOCATOR ******************************************************************/ #dealerlocator {margin:-10px 0 20px; border:none;} #dealerlocator h3 {margin-bottom:5px;} #dealerlocator form {float:left; width:310px;} #dealerlocator ul {width:280px; margin:0; list-style-type:none;} #dealerlocator li {float:left; width:280px; background:#f7e8c1; margin:0 0 4px 0 !important; padding:5px 10px;} #dealerlocator li.nobg {background:none;} #dealerlocator label {float:left; font-weight:bold;} #dealerlocator select {float:right; width:162px;} #dealerlocator option {margin-bottom:4px; padding:0 5px;} #dealerlocator input {float:right; width:150px;} #dealerlocator input.submit {top:0 !important;} /* BOTTOM_NAV ******************************************************************/ #bottom_nav {position:relative; top:-171px; left:0px; height:148px; background:url(img/bg_footer.jpg) top center no-repeat; z-index:2;} #main.company #bottom_nav {top:-100px;} /* FOOTER *****************************************************************/ #footer {float:left; position:relative; top:-171px; margin-bottom:-171px; width:956px; padding:14px 10px 125px; background:#4a533b;} #footer.company {top:-100px;} #footer ul {float:right; list-style-type:none;} #footer ul li {float:left;} #footer ul li a {display:block; text-indent:-999em; width:30px; height:29px; padding-right:4px;} #footer ul li a.icon {background-position:0 0; background-repeat:no-repeat;} #footer ul li a.icon:hover {background-position:0 -30px;}