/* @group reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* @end */
/* @group #page */
body {
background: #dddddd;
width: 100%;
font: 12px/20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
color: #333;
}
#page {
margin: 0 auto 14px auto;
padding-top: 3px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
width: 954px;
background: #ffffff;
border-bottom: 4px solid #cccccc;
}
img {
border: none;
}
blockquote {
margin: 0;
padding: 0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: italic;
}
sup {
vertical-align: top;
font-size: .6em;
}
.clear {
clear: both;
line-height: 0px;
height: 0px;
font-size: 0px;
overflow: hidden;
}
/* @end */
/* @group #header */
#ctl00_ctl00_skin_body_area_body_pickamotorheader {
width: 954px;
height: 140px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-color: Transparent;
position: relative;
background-image: url(banners.jpg);
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader.freshwater
{
background-position: left top;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader.saltwater
{
background-position: left center;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader.primarypropulsion
{
background-position: left bottom;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader .accent {
width: 6px;
height: 6px;
margin: 0;
padding: 0;
background: transparent url(block_accent.png) no-repeat;
position: absolute;
top: 0px;
right: 0px;
text-indent: -5000px;
overflow: hidden;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader h1 {
width: 408px;
height: 37px;
margin: 0;
padding: 0;
background: transparent url(header_h1_background.png) no-repeat;
position: absolute;
top: 40px;
left: 171px;
text-indent: -5000px;
overflow: hidden;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader a.select {
width: 130px;
height: 46px;
margin: 0;
padding: 0;
background: transparent url(header_a_background.png) no-repeat;
position: absolute;
top: 35px;
left: 20px;
text-indent: -5000px;
overflow: hidden;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation {
position: absolute;
bottom: 0px;
left: 21px;
height: 24px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li {
margin-right: 2px;
float: left;
display: inline;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a {
height: 24px;
text-indent: -5000px;
overflow: hidden;
display: block;
background-color: transparent;
background-image: url(header_navigation_a_background.png);
background-repeat: no-repeat;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.freshwater {
width: 89px;
background-position: 0 0;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.freshwater:hover {
width: 89px;
background-position: 0 -24px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li.active h2 a.freshwater {
background-position: 0 -48px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.saltwater {
width: 78px;
background-position: -89px 0;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.saltwater:hover {
width: 78px;
background-position: -89px -24px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li.active h2 a.saltwater {
background-position: -89px -48px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.primary {
width: 134px;
background-position: -167px 0;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li h2 a.primary:hover {
width: 134px;
background-position: -167px -24px;
}
#ctl00_ctl00_skin_body_area_body_pickamotorheader #navigation li.active h2 a.primary {
background-position: -167px -48px;
}
/* @end */
/* @group #filter */
#filter, #PrimaryPropulsionCopy {
width: 954px;
float: left;
background-color: #f7f7f7;
margin-bottom: 5px;
}
#PrimaryPropulsionCopy
{
padding: 15px;
color:#666666;
font-size:12px;
line-height:14px;
margin-left: 20px;
width: 804px;
background-color: Transparent;
}
#filter_caps_top {
width: 954px;
height: 9px;
background: #f7f7f7 url(filter_caps.png) no-repeat 0 -9px;
float: left;
display: inline;
line-height: 0;
font-size: 0px;
}
#filter_caps_bottom {
width: 954px;
height: 9px;
background: #f7f7f7 url(filter_caps.png) no-repeat 0 0;
float: left;
display: inline;
line-height: 0;
font-size: 0px;
}
#filter #subnavigation {
height: 31px;
width: 913px;
margin-top: 11px;
margin-left: 20px;
float: left;
display: inline;
background: transparent url(filter_subnavigation.png) repeat-x 0 bottom;
}
#filter #subnavigation li {
margin-right: 2px;
float: left;
display: inline;
}
#filter #subnavigation li h3 a {
height: 31px;
text-indent: -5000px;
overflow: hidden;
float: left;
display: inline;
background-image: url(filter_subnavigation_a_background.png);
background-repeat: no-repeat;
}
#filter #subnavigation li h3 a.boattype
{
width: 104px;
background-position: 0px -62px;
}
#filter #subnavigation li.active h3 a.boattype {
background-position: 0px -31px;
}
#filter #subnavigation li.set h3 a.boattype {
background-position: 0px 0px;
}
#filter #subnavigation li h3 a.boatlength {
width: 121px;
background-position: -104px -62px;
}
#filter #subnavigation li.active h3 a.boatlength {
background-position: -104px -31px;
}
#filter #subnavigation li.set h3 a.boatlength {
width: 121px;
background-position: -104px 0;
}
#filter #subnavigation li h3 a.motorlocation {
width: 141px;
background-position: -225px -62px;
}
#filter #subnavigation li.active h3 a.motorlocation {
background-position: -225px -31px;
}
#filter #subnavigation li.set h3 a.motorlocation {
width: 141px;
background-position: -225px 0;
}
#filter #subnavigation li h3 a.shaftlength {
width: 128px;
background-position: -366px -62px;
}
#filter #subnavigation li.active h3 a.shaftlength {
background-position: -366px -31px;
}
#filter #subnavigation li.set h3 a.shaftlength {
width: 128px;
background-position: -366px 0;
}
#filter #subnavigation li h3 a.steeringcontrol {
width: 154px;
background-position: -494px -62px;
}
#filter #subnavigation li.active h3 a.steeringcontrol {
background-position: -494px -31px;
}
#filter #subnavigation li.set h3 a.steeringcontrol {
width: 154px;
background-position: -494px 0;
}
#filter #subnavigation li h3 a.batteries {
width: 102px;
background-position: -648px -62px;
}
#filter #subnavigation li.active h3 a.batteries {
background-position: -648px -31px;
}
#filter #subnavigation li.set h3 a.batteries {
width: 102px;
background-position: -648px 0;
}
#filter #subnavigation li a.motoroptions {
width: 100px;
height: 22px;
margin-top: 4px;
margin-left: 2px;
float: left;
text-indent: -5000px;
overflow: hidden;
background: transparent url(filter_subnavigation_a_background.png) no-repeat -150px -93px;
}
#filter #selections {
height: 38px;
width: 911px;
margin-top: 0px;
margin-left: 20px;
float: left;
display: inline;
background-color: #ffffff;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
#filter #selections li {
margin-right: 2px;
float: left;
display: inline;
background-color: #f4f4f4;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
white-space: normal;
text-align: center;
line-height: 12px;
height: 23px;
}
#filter #selections li h4 {
color: #4d738f;
font-weight: normal;
font-size: 10px;
font-style: normal;
}
#filter #selections li.boattype {
width: 83px;
}
#filter #selections li.boattypeActive {
width: 83px;
background-color: #ffffff;
}
/*#filter #selections li.boattypeActive h4 {
visibility: hidden;
}*/
#filter #selections li.boatlength {
width: 101px;
}
#filter #selections li.boatlengthActive {
width: 101px;
background-color: #ffffff;
}
/*#filter #selections li.boatlengthActive h4 {
visibility: hidden;
}*/
#filter #selections li.motorlocation {
width: 121px;
}
#filter #selections li.motorlocationActive {
width: 121px;
background-color: #ffffff;
}
/*#filter #selections li.motorlocationActive h4 {
visibility: hidden;
}*/
#filter #selections li.shaftlength {
width: 108px;
}
#filter #selections li.shaftlengthActive {
width: 108px;
background-color: #ffffff;
}
/*#filter #selections li.shaftlengthActive h4 {
visibility: hidden;
}*/
#filter #selections li.steeringcontrol {
width: 134px;
}
#filter #selections li.steeringcontrolActive {
width: 134px;
background-color: #ffffff;
}
/*#filter #selections li.steeringcontrolActive h4 {
visibility: hidden;
}*/
#filter #selections li.batteries {
width: 82px;
}
#filter #selections li.batteriesActive {
width: 82px;
background-color: #ffffff;
}
/*#filter #selections li.batteriesActive h4 {
visibility: hidden;
}*/
#filter #selections li.youranswers {
width: 150px;
margin-right: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background: transparent url(filter_subnavigation_a_background.png) no-repeat 0 -93px;
height: 38px;
}
#filter #selections li.youranswers h3 {
text-indent: -5000px;
overflow: hidden;
}
#filter #ctl00_ctl00_skin_body_area_body_options {
width: 875px;
float: left;
clear: both;
margin-bottom: 11px;
margin-left: 20px;
padding-top: 17px;
padding-right: 18px;
padding-bottom: 15px;
padding-left: 18px;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #ffffff;
display: inline;
}
#filter #ctl00_ctl00_skin_body_area_body_options table {
margin-top: 11px;
margin-bottom: 0px;
max-width: 780px;
}
#filter #ctl00_ctl00_skin_body_area_body_options h4 {
color: #242424;
font-size: 16px;
padding: 0;
margin: 0;
line-height: 16px;
display: inline;
}
#filter #ctl00_ctl00_skin_body_area_body_options span.learn_more
{
margin-left: 18px;
color: #5b86a1;
font-size: 11px;
font-weight: normal;
font-style: normal;
line-height: 16px;
}
#filter #ctl00_ctl00_skin_body_area_body_options span.learn_more a{
color: #5b86a1;
font-size: 11px;
padding: 0;
margin: 0;
font-weight: normal;
font-style: normal;
display: inline;
line-height: 16px;
}
#filter #ctl00_ctl00_skin_body_area_body_options a.nextstep {
width: 86px;
height: 27px;
float: right;
background: url(options_nextstep.png) no-repeat;
background-position: 0 0;
text-indent: -5000px;
overflow: hidden;
margin-top: -25px;
margin-right: -3px;
}
#filter #ctl00_ctl00_skin_body_area_body_options a.nextstep:hover {
background-position: 0 -27px;
}
#filter #ctl00_ctl00_skin_body_area_body_options table tr td {
}
#filter #ctl00_ctl00_skin_body_area_body_options table tr td input {
float: left;
margin-left: -2px;
}
#filter #ctl00_ctl00_skin_body_area_body_options table tr td label {
font-size: 11px;
color: #6e6e6e;
float: left;
padding-left: 7px;
margin-right: 41px;
padding-bottom: 3px;
}
#filter #ctl00_ctl00_skin_body_area_body_options table tr td label.disabled {
color: #dddddd;
}
/* @group #ctl00_ctl00_skin_body_area_body_motor_options */
#ctl00_ctl00_skin_body_area_body_motor_options {
width: 903px;
float: left;
clear: both;
margin-bottom: 11px;
margin-left: 20px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #ffffff;
display: inline;
}
#ctl00_ctl00_skin_body_area_body_motor_options .opt_head {
background-color: #eef3f5;
padding-top: 4px;
padding-right: 16px;
padding-bottom: 4px;
padding-left: 16px;
}
#ctl00_ctl00_skin_body_area_body_motor_options .opt_head h4 {
color: #5b86a1;
font-size: 14px;
font-weight: bold;
margin-bottom: 7px;
display: inline;
}
#ctl00_ctl00_skin_body_area_body_motor_options .opt_head p {
color: #666666;
font-size: 11px;
font-weight: normal;
line-height: 18px;
display: inline;
padding-left: 8px;
}
#ctl00_ctl00_skin_body_area_body_motor_options .cell p {
color: #666666;
font-size: 11px;
font-weight: normal;
float: left;
clear: left;
line-height: 16px;
width: 100%;
}
#ctl00_ctl00_skin_body_area_body_motor_options .cell .learnmore
{ display: block; position:absolute; bottom: 0px; right: 10px; padding-right: 8px; font-weight: bold; color: #6892A4; background: url(/selectamotor/Skin/learnmore-arrow.jpg) no-repeat 100% .5em; }
#ctl00_ctl00_skin_body_area_body_motor_options .cell {
width: 196px;
height: 122px;
border-right: 1px;
border-right-color: #dddddd;
border-right-style: solid;
float: left;
padding-top: 16px;
padding-right: 14px;
padding-bottom: 19px;
padding-left: 14px;
position: relative;
}
#ctl00_ctl00_skin_body_area_body_motor_options .cell input {
float: left;
margin-left: -2px;
}
#ctl00_ctl00_skin_body_area_body_motor_options .cell h5 {
margin-left: 5px;
margin-bottom: 7px;
color: #333333;
font-size: 14px;
font-weight: bold;
float: left;
}
/* @end */
/* @end */
/* @group #results */
#results {
width: 914px;
height: 690px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
float: left;
clear: both;
position: relative;
background: #242424 url(block_accent.png) no-repeat right top;
}
#results.placeholder
{
background: #242424 url(results_placeholder.png) no-repeat left top !important;
}
#results #filter_settings {
float: left;
display: inline;
height: 116px;
width: 151px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 14px;
overflow: hidden;
background: #444343 url(filter_settings_background.png) no-repeat;
}
#results #filter_settings h3 {
float: left;
overflow: hidden;
background: url(results_h3_yourresults.png) no-repeat 0 0;
width: 124px;
height: 12px;
text-indent: -5000px;
}
#results #filter_settings h4 {
float: left;
clear: both;
color: #efefef;
line-height: 14px;
font-size: 12px;
margin-top: 8px;
width: 100%;
}
#results #filter_settings h4 span {
color: #333333;
}
/* @group #static_table */
#results #static_table {
width: 185px;
position: relative;
float: left;
clear: left;
margin-top: 4px;
}
#results #static_table table {
width: 185px;
background-color: #efefef;
float: left;
clear: both;
}
#results #static_table table thead th {
text-align: center;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
display: block;
height: 20px;
border: none;
border-top: 1px #dddddd solid;
border-right: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
border-left: 1px #dddddd solid;
}
#results #static_table table th {
text-align: left;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 12px;
font-size: 10px;
color: #333333;
text-transform: capitalize;
line-height: 1em;
border-right: 1px #dddddd solid;
border-left: 1px #dddddd solid;
display: block;
height: 10px;
overflow: hidden;
}
#results #static_table table th.corner_pocket {
border-left: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
text-align: center;
height: 36px;
display: block;
}
#results #static_table table tr.even th {
background-color: #e8e8e8;
}
#results #static_table table th.price {
color: #5b86a1;
font-weight: bold;
padding: 10px;
height: 10px;
overflow: hidden;
}
/* @end */
/* @group #dynamic_table */
#results #dynamic_table {
width: 728px;
float: left;
overflow: hidden;
margin-top: -127px;
position: relative;
}
#results #dynamic_table #resultsControl_tray {
width: 10000px;
float: left;
position: relative;
}
#results #dynamic_table .item {
width: 182px;
float: left;
margin-top: -1px;
position: relative;
}
#results #dynamic_table .item table {
background-color: #ffffff;
width: 182px;
}
#results #dynamic_table .item table td {
text-align: center;
border-right: 1px #dddddd solid;
padding: 8px;
display: block;
font-size: 10px;
color: #333333;
text-transform: capitalize;
line-height: 1em;
height: 10px;
}
#results #dynamic_table .item table tr.even td {
background-color: #f7f7f7;
}
#results #dynamic_table .item table thead th {
text-align: center;
border-top: 1px #dddddd solid;
border-right: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
display: block;
height: 20px;
}
#results #dynamic_table .item table tfoot th {
text-align: center;
display: block;
border-top: 1px #dddddd solid;
border-right: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
padding: 5px;
height: 20px;
}
#results #dynamic_table .item table tfoot th.learnmore {
text-align: center;
display: block;
border-top: none;
border-right: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
padding: 0;
height: 20px;
}
#results #dynamic_table .item table td.image {
height: 132px;
border: none;
padding: 0;
background: #242424;
}
#results #dynamic_table .item table td.image a {
width: 178px;
height: 128px;
float: left;
background-color: transparent;
overflow: hidden;
margin-left: 4px;
text-decoration: none;
}
#results #dynamic_table .item table td.image a h5 {
color: #ffcc33;
text-transform: none;
display: block;
margin-left: 10px;
margin-top: 10px;
text-align: left;
text-decoration: none;
font-size: larger;
line-height: 120%;
}
#results #dynamic_table .item table td.price {
font-size: 14px;
color: #5b86a1;
font-weight: bold;
height: 14px;
line-height: 14px;
overflow: hidden;
}
#results #dynamic_table .item span.front {
width: 52px;
height: 17px;
margin-right: 0px;
margin-left: 0px;
float: left;
text-indent: -5000px;
overflow: hidden;
background: #ffffff url(results_a_move_front.png) no-repeat;
cursor: pointer;
background-position: 0 0;
}
#results #dynamic_table .item span.front_inactive {
width: 52px;
height: 17px;
margin-right: 0px;
margin-left: 0px;
float: left;
text-indent: -5000px;
overflow: hidden;
background: #ffffff url(results_a_move_front.png) no-repeat;
}
#results #dynamic_table .item span.move.front
{
height: 17px;
margin-right: 0px;
margin-left: 0px;
float: left;
text-indent: -5000px;
overflow: hidden;
width: 52px;
background: url(results_a_move_front.png) no-repeat;
background-position: 0 0;
}
#results #dynamic_table .item span.move.front:hover
{
background-position: 0 -17px;
}
#results #dynamic_table .item table.inactive span.move.front
{
background-position: 0 -34px;
cursor: default;
}
#results #dynamic_table .item span.move.wrapper
{
height: 17px;
margin-right: 0px;
margin-left: 4px;
float: left;
text-indent: -5000px;
overflow: hidden;
cursor: pointer;
width: 59px;
}
#results #dynamic_table .item span.move.wrapper:hover
{
background-position: 0 -17px;
}
#results #dynamic_table .item table.inactive span.move.wrapper
{
background: url(results_a_move_v3.png) no-repeat;
background-position: 0 -34px;
cursor: default;
}
#results #dynamic_table .item span.move.left,#results #dynamic_table .item span.move.right
{
background: url(results_a_move_v3.png) no-repeat;
}
#results #dynamic_table .item .active span.move.left
{
height: 17px;
margin-right: 0px;
float: left;
text-indent: -5000px;
overflow: hidden;
width: 29px;
background-position: left top;
}
#results #dynamic_table .item .active span.move.left:hover
{
background-position: 0px -17px;
}
#results #dynamic_table .item table.inactive span.move.left
{
background-position: left bottom;
cursor: default;
}
#results #dynamic_table .item table.inactive span.move.right
{
background-position: right bottom;
cursor: default;
}
#results #dynamic_table .item .active span.move.right
{
height: 17px;
margin-right: 0px;
margin-left: 0px;
float: left;
text-indent: -5000px;
overflow: hidden;
width: 30px;
background-position: right top;
}
#results #dynamic_table .item .active span.move.right:hover
{
background-position: -29px -17px;
}
#results #dynamic_table .item span.move.back
{
height: 17px;
margin-right: 0px;
margin-left: 4px;
float: left;
text-indent: -5000px;
overflow: hidden;
width: 52px;
background: url(results_a_move_back.png) no-repeat;
background-position: 0 0;
}
#results #dynamic_table .item .active span.move
{
cursor:pointer;
}
#results #dynamic_table .item span.move.back:hover
{
background-position: 0 -17px;
}
#results #dynamic_table .item table.inactive span.move.back
{
background-position: 0 -34px;
cursor: default;
}
#results #dynamic_table .item a.wheretobuy {
width: 80px;
height: 19px;
float: left;
margin-left: 45px;
margin-right: 9px;
text-indent: -5000px;
overflow: hidden;
background: url(results_a_wheretobuy.png) no-repeat;
background-position: 0 0;
}
#results #dynamic_table .item a.wheretobuy:hover {
background-position: 0 -19px;
}
#results #dynamic_table .item table.inactive a.wheretobuy {
background-position: 0 -38px;
cursor: default;
}
#results #dynamic_table .item a.mail {
width: 15px;
height: 9px;
float: left;
margin-top: 6px;
margin-right: 10px;
text-indent: -5000px;
overflow: hidden;
background: url(results_a_mail.png) no-repeat;
background-position: 0 0;
}
#results #dynamic_table .item table.inactive a.mail {
background-position: 0 -9px;
cursor: default;
}
#results #dynamic_table .item a.print {
width: 15px;
height: 11px;
float: left;
margin-top: 4px;
text-indent: -5000px;
overflow: hidden;
background: url(results_a_print.png) no-repeat;
background-position: 0 0;
}
#results #dynamic_table .item table.inactive a.print {
background-position: 0 -11px;
cursor: default;
}
#results #dynamic_table .item a.learnmore {
width: 181px;
height: 19px;
float: left;
text-indent: -5000px;
overflow: hidden;
background: url(results_a_learnmore.png) no-repeat;
background-position: 0px 0px;
}
#results #dynamic_table .item table.inactive a.learnmore {
background-position: 0px -38px;
cursor: default;
}
#results #dynamic_table .item a.learnmore:hover {
background-position: 0px -19px;
}
/* @end */
/* @group #scrollbar */
#results #scrollbar_track {
width: 671px;
height: 25px;
background: transparent url(scrollbar_track_background.png) no-repeat 0 0;
position: relative;
float: left;
padding-top: 4px;
padding-right: 28px;
padding-bottom: 4px;
padding-left: 27px;
margin-left: 3px;
}
#results #scrollbar_track span.left {
width: 18px;
height: 17px;
background: transparent url(scrollbar_track_a_left.png) no-repeat 0 0;
display: block;
overflow: hidden;
position: absolute;
top: 4px;
left: 5px;
}
#results #scrollbar_track span.right {
width: 18px;
height: 17px;
background: transparent url(scrollbar_track_a_right.png) no-repeat 0 0;
display: block;
overflow: hidden;
position: absolute;
top: 4px;
right: 5px;
}
#results #scrollbar_bar {
width: 188px;
height: 17px;
background: transparent url(scrollbar_bar_background.png) no-repeat 0 0;
cursor: pointer;
}
.lowercase
{
text-transform: lowercase;
}
/* @end */
/* @end */
/* @group #selectamotor_lightbox */
#selectamotor_overlay{
position: absolute;
top: 0;
left: 0;
z-index: 500;
background-color: #000;
opacity:.75;
width: 100%;
height: 1532px;
}
#selectamotor_lightbox {
position: absolute;
left: 0;
top: 196px;
width: 100%;
z-index: 501;
text-align: center;
line-height: 0;
}
#selectamotor_lightbox #outerContainer{
position: relative;
margin: 0 auto;
width: 814px;
}
#selectamotor_lightbox #outerContainer .container_cap_top{
float: left;
clear: both;
height: 9px;
width: 814px;
background: url(lightbox_caps.png) no-repeat 0 -9px;
line-height: 0;
font-size: 0;
}
#selectamotor_lightbox #outerContainer .container{
float: left;
clear: both;
background: #ffffff;
width: 773px;
padding-top: 12px;
padding-right: 19px;
padding-bottom: 20px;
padding-left: 20px;
}
#selectamotor_lightbox #outerContainer .container_cap_bottom{
float: left;
clear: both;
height: 9px;
width: 814px;
background: url(lightbox_caps.png) no-repeat 0 0;
line-height: 0;
font-size: 0;
}
#selectamotor_lightbox #outerContainer h1 {
width: 812px;
height: 53px;
text-indent: -5000px;
overflow: hidden;
float: left;
display: inline;
background: transparent url(lightbox_h1.png) no-repeat 0 0;
}
#selectamotor_lightbox #outerContainer .container a {
color: #5b86a1;
text-decoration: none;
}
#selectamotor_lightbox #outerContainer .container ul {
float: left;
clear: both;
display: inline;
}
#selectamotor_lightbox #outerContainer .container ul li {
float: left;
display: inline;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a {
width: 255px;
height: 144px;
text-indent: -5000px;
overflow: hidden;
float: left;
display: inline;
background: transparent url(landing_overlay_h2_a.jpg) no-repeat 0 0;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.freshwater {
background-position: left top;
margin-right: 4px;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.saltwater {
background-position: center top;
margin-right: 4px;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.primarypropulsion {
background-position: right top;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.freshwater:hover {
background-position: left bottom;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.saltwater:hover {
background-position: center bottom;
}
#selectamotor_lightbox #outerContainer .container ul li h2 a.primarypropulsion:hover {
background-position: right bottom;
}
#selectamotor_lightbox #outerContainer .container p{
line-height: 14px;
color: #666666;
font-size: 12px;
text-align: left;
float: left;
clear: both;
display: inline;
margin-top: 16px;
width: 100%;
}
/* @end */
/* @group #ctl00_ctl00_skin_body_area_body_no_results_lightbox */
#ctl00_ctl00_skin_body_area_body_no_results_overlay{
}
#ctl00_ctl00_skin_body_area_body_no_results_lightbox {
position: absolute;
top: 21px;
left: 0;
width: 954px;
height: 200px;
z-index: 301;
line-height: 0;
}
#ctl00_ctl00_skin_body_area_body_no_results_lightbox .container{
position: absolute;
top: 0;
left: 0;
z-index: 302;
width: 954px;
height: 200px;
text-align: center;
}
#ctl00_ctl00_skin_body_area_body_no_results_lightbox .container p{
color: #cccccc;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}
#ctl00_ctl00_skin_body_area_body_no_results_lightbox .container p span{
color: #ffcc33;
}
#ctl00_ctl00_skin_body_area_body_no_results_lightbox .container p span.subtitle{
color: #999999;
font-size: 12px;
}
/* @end */
/* @group #learn_more_lightbox */
#learn_more_lightbox {
position: absolute;
left: 0;
top: 196px;
width: 100%;
z-index: 501;
text-align: center;
line-height: 0;
}
#learn_more_lightbox #outerContainer{
position: relative;
margin: 0 auto;
width: 322px;
}
#learn_more_lightbox #outerContainer.wide
{
width: 633px;
}
#learn_more_lightbox .cap_top{
float: left;
height: 6px;
width: 343px;
background-image: url(learn_more_cap_background.png);
background-color: transparent;
}
#learn_more_lightbox .spacer{
background-color: white;
float: left;
height: 6px;
width: 290px;
}
#outerContainer.wide .cap_top
{
width: 343px;
background-image: url(learn_more_cap_background.png);
}
#learn_more_lightbox .container {
float: left;
clear: left;
width: 310px;
background-color: #ffffff;
padding-top: 10px;
padding-left: 18px;
padding-right: 15px;
padding-bottom: 21px;
text-align: left;
}
#outerContainer.wide .container
{
width: 600px;
}
#learn_more_lightbox h4{
color: #5b86a1;
font-size: 12px;
font-weight: bold;
margin-bottom: 6px;
text-align: left;
line-height: 18px;
text-transform: capitalize;
}
#learn_more_lightbox p, #learn_more_lightbox table{
font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
color: #999999;
line-height: 19px;
font-size: 11px;
width: 260px;
margin-bottom: 10px;
}
#outerContainer.wide p
{
width: 528px;
}
#learn_more_lightbox a.close{
display: block;
width: 57px;
height: 23px;
background: url(learn_more_a_close.png) no-repeat;
background-position: 0 0;
text-indent: -5000px;
overflow: hidden;
margin-top: 13px;
float:right;
position: relative;
bottom: 18px;
left: 10px;
}
#learn_more_lightbox .sizing_chart
{
margin-top: 10px;
border: 1px solid #EFEFEF;
padding-top:10px;
padding-left: 15px;
padding-bottom: 15px;
float: left;
width: 579px;
}
.sizing_chart legend
{
color:#5B86A1;
font-size:11px;
font-weight:bold;
text-align:left;
text-transform:capitalize;
}
#learn_more_lightbox .sizing_chart table
{
margin-top: 10px;
display: block;
float: left;
border-bottom: 1px solid #EFEFEF;
width: auto;
}
#learn_more_lightbox .sizing_chart tr
{
height: 20px;
}
#learn_more_lightbox .sizing_chart td, #learn_more_lightbox .sizing_chart th
{
text-align: center;
padding: 4px;
padding-bottom: 0px;
}
#learn_more_lightbox .sizing_chart th
{
border-bottom: 1px solid #EFEFEF
}
#transom_to_waterline img
{
margin-left: 35px;
position: relative;
top: 13px;
}
.sizing_chart th.first
{
width: 119px;
}
.sizing_chart th.last
{
width: 157px;
}
#bow_to_waterline img
{
margin-left: 28px;
position: relative;
top: 33px;
}
#engine_mount img
{
margin-bottom: -20px;
}
#ctl00_ctl00_skin_body_area_body_LnkShowCurrentResults {
color:#5B86A1;
display:block;
clear: both;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:16px;
margin:0;
padding:0;
}
/* Wrapping Compabibilities */
#middle
{
margin-top: 20px;
}
div#ctl00_ctl00_skin_body_area_body_motor_options h5.disabled
{
color: #dddddd;
}
.reset_results
{
font-size: 11px;
font-weight: normal;
color: #CCCCCC
}
.youranswers a
{
background-image:url(filter_subnavigation_a_background.png);
background-position:-103px -107px;
display:block;
height:13px;
left:103px;
position:relative;
text-indent:-999999px;
top:2px;
width:32px;
}
p.disclaimer
{
color:#EFEFEF;
font-size:smaller;
position:relative;
clear:both;
}
#results.placeholder p.disclaimer
{
top: 660px;
right: 0px;
}
#results p.disclaimer
{
top: -2px;
right:0;
}
h5
{
color: #6E6E6E;
font-size: 10px;
}
div#ctl00_ctl00_skin_body_area_body_options h5
{
line-height: 12px;
margin-top: 5px;
}
#filter_settings .reset_results
{
margin-top: 15px;
}
#newsSignUp
{
line-height: 14px;
font-size: 11px;
}
/* @end */