@import url("/modules/lightbox2/frontend.css");

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* png fix for IE  source: http://www.twinhelix.com 
img, div, a, input, li { behavior: url(/templates/common/iepngfix.htc) }*/

img { border: 0; }

body { behavior:url("/templates/common/csshover3.htc"); font-size: 100.1%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; color: #000; margin-top: 4px; }

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
}

/*                                HOME PAGE                                   */
/******************************************************************************/

#home-wrap { width: 800px; }

#flash-container { width: 800px; height: 600px; }

.home-text { display: none; }

#home-footer { width: 800px; color: #a7a9ac; font-size: .625em; text-align: center; padding-top: 6px; margin-bottom: 12px; }

/*                             GENERAL PAGES                                  */
/******************************************************************************/

#outer-wrap { width: 820px; }

#toprow { width: 678px; padding-left: 128px; position: relative; min-height:20px; height:auto !important; height:20px; }

.company-name { margin-bottom: 2px; font-size: 9.5px; position: absolute; bottom: 0; }

.social-icons { font-size: 0.63em; float: right; margin-top: 2px;  }
.social-icons img { vertical-align: middle; margin-right: 8px; }

/* -----------  SEARCH ---------------- */
.search { float: right; padding-bottom: 2px; }
.searchbox { font-size: 10px; margin-left: 8px; padding-left: 2px; font-style: italic; }
.gobutton { font-size: 10px; margin: 0; padding: 0; cursor: pointer; }


#leftcol { width: 104px; float: left; padding-left: 16px; }
#rightcol-wrap { float: left; }

#rightcol-frame { width: 698px; border: solid 1px #bcbec0; }
#rightcol-footer { width: 700px; color: #a7a9ac; font-size: .625em; text-align: center; padding-top: 6px; margin-bottom: 12px; }

#title-icons-container, #breadcrumbs-icontext-container, #alttop, #alt-bottom1 { border-bottom: 1px solid #bcbec0; }

#alttop, #content-bottom { width: 682px; padding: 0 8px; }

#title-icons-container, #breadcrumbs-icontext-container { width: 690px; padding: 0 0 0 8px; }

.title-container { float: left; color: #bdbdbd; font-size: 22px; font-weight: bold; }


/* -----------  ICONS ---------------- */

.icons-container { width: auto; height: 27px; margin: 1px 0; float: right; background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; }
.icon-diving, .icon-diving-off, .icon-sport, .icon-sport-off, .icon-yachting, .icon-yachting-off, .icon-watersports, .icon-watersports-off, .icon-design, .icon-design-off { width: 38px; height: 27px; display: block; float: left; cursor: crosshair; }

.icontext-container { float: right; position: relative; width: 190px; }
.icontext-container div { font-size: 0.69em; font-weight: bold; position: absolute; top: 2px; left: 0; visibility: hidden; }

.icons-container span { display: none; }
.icon-diving-off { background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; background-position: 0 -27px; }
.icon-sport-off { background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; background-position: -38px -27px; }
.icon-yachting-off { background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; background-position: -76px -27px; }
.icon-watersports-off { background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; background-position: -114px -27px; }
.icon-design-off { background-image: url(/media/images-design/icons.gif); background-repeat: no-repeat; background-position: -152px -27px; }

/* -----------  BREADCRUMBS ---------------- */
.breadbrumbs { height: 20px; float: left; width: auto; }
.breadbrumbs ul { list-style-type: none; }
.breadbrumbs li { float: left; color: #7d7d7d; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px 4px 0; }
.breadbrumbs li.active { color: #0091b0; }
.breadbrumbs a { color: #7d7d7d; }
.breadbrumbs a:hover { color: #0091b0; }


/*               ALT TOP, BOTTOM-1, BOTTOM-2 BLOCKS formatting                */
/******************************************************************************/
.alttop-content { padding-top: 2px; }

#alttop { position: relative; min-height:30px; height:auto !important; height:30px; }
#alttop p { font-size: .6875em; padding-top: 4px; }

#alt-bottom1 { min-height:20px; height:auto !important; height:20px; }

#alt-bottom2 { min-height:14px; height:auto !important; height:14px; padding: 3px; }
#alt-bottom2 { font-size: .6875em; text-align: center; }
#alt-bottom2 a { color: #0091b0; text-transform: uppercase; text-decoration: none; }
#alt-bottom2 a:hover { color: #000; }
#alt-bottom2 table { margin: 0 auto; }
#alt-bottom2 table td { padding: 0 12px; }

#content-container { width: 674px; padding: 12px 12px; border-bottom: 1px solid #bcbec0; }


/* -----------  MAIN NAVIGATION ---------------- */
.nav-container { margin-top: 8px;  }
.nav-container ul { list-style-type: none; }

/* 1st level */
.nav-container li { margin-bottom: 24px;  }
.nav-container li a { text-decoration: none; text-transform: uppercase; color: #000; font-size: 0.6875em; letter-spacing: 2px; display: block; }
.nav-container li a:hover { color: #0091b0; }

.nav-container li ul li { padding-left: 8px; margin: 3px 0; }
.nav-container li ul li a { text-transform: none; letter-spacing: 0;}
.nav-container li.menu-parent a, .nav-container li.menu-current a { color: #0091b0; }

/* 2nd level */
.nav-container li.menu-parent ul li.menu-current a { color: #0091b0; }
.nav-container li.menu-parent ul li a, .nav-container li.menu-current ul li a { color: #7d7d7d; }
.nav-container li.menu-parent ul li a:hover , .nav-container li.menu-current ul li a:hover { color: #0091b0; }
.nav-container li.menu-parent ul li.menu-parent a { color: #0091b0; }

/* 3rd level */
.nav-container li.menu-parent ul li.menu-current ul li a { color: #7d7d7d; }
.nav-container li.menu-parent ul li.menu-current ul li a:hover { color: #0091b0; }
.nav-container li.menu-parent ul li.menu-parent ul li.menu-current a { color: #0091b0; }
.nav-container li.menu-parent ul li.menu-parent ul li a { color: #7d7d7d; }
.nav-container li.menu-parent ul li.menu-parent ul li a:hover { color: #0091b0; }


/* -----------  CONTENT  ---------------- */
.content { font-size: .6875em; min-height:350px; height:auto !important; height:350px; }

.content p { margin-bottom: .6875em; }

.content hr { width: 100%; height: 1px; border-top: 1px solid #0091b0; margin: .75em 0; border-bottom-width: 0; }

.content ul, .content table ul { margin: 0 0 .7em 1.5em; }
.content ol, .content table ol { margin: 0 0 .7em 2.125em; }

.content img { margin: 0 12px 12px 0; }

h1 { color: #0091b0; font-size: 1.5em; font-weight: bold; margin-bottom: .6875em; }
h2 { color: #0091b0; font-size: 1.25em; font-weight: bold; margin-bottom: 0; }
h3 { color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 0; }
h4 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; }
.sub { color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 0; }

.page-top a { color: #0091b0; text-decoration: none; text-transform: uppercase; display: block; padding: 1px 0 1px 12px; float: right; background-image: url(/media/images-design/arrowup.gif); background-repeat: no-repeat; background-position: left center; }
.page-top a:hover { text-decoration: underline; }

/* -----------  CONTENT TABLES ---------------- */
table { border-collapse: collapse; }
td { vertical-align: top; }


/* -----------  INSTRUCTIONS/SPECIFICATIONS TABLE ---------------- */
.instructions-specifications { width: 100%; }
.instructions-specifications td { padding: 3px 4px; }


/* -----------  FOOTER CONTAINER ---------------- */
#rightcol-footer a, #home-footer a { text-decoration: none; color: #a7a9ac; }
#rightcol-footer a:hover, #home-footer a:hover { text-decoration: underline; }


/* -----------  FANCY BULLETED LINK LIST ---------------- */
ul.bulletlist { list-style-type: none; margin: 0; padding: 0; }
.bulletlist li { background-image: url(/media/images-design/arrowrgt.gif); background-repeat: no-repeat; padding: 0 0 12px 12px; margin: 0; background-position: 0 3px; }
.bulletlist a { text-decoration: none; color: #7d7d7d; }
.bulletlist a:hover { color: #0091b0; }

a.plainlink { text-decoration: underline; color: blue; }

/* -----------  SERVICE INFORMATION FAQ BULLETS ---------------- */
ul.faq { list-style-type: none; margin: 0; padding: 0; }
.faq li { background-image: url(/media/images-design/arrowrgt.gif); background-repeat: no-repeat; background-position: 0 center; padding: 1px 0 1px 12px; margin: 0; }
.faq a { text-decoration: none; color: #7d7d7d; }
.faq a:hover { color: #0091b0; }

/*                            LIST OF PRODUCTS PAGE                           */
/******************************************************************************/
#list-wrap { width: 698px; overflow: hidden; background-image: url(/media/images-design/ListofProducts-bg-stripe.gif); background-repeat: repeat-y; background-position: 208px 0; border-bottom: 1px solid #bcbec0; }

.list-leftcol { float: left; width: 209px; }
.list-centercol { float: left; width: 280px; position: relative; min-height:350px; height:auto !important; height:350px; }
.list-rightcol { float: right; width: 209px; }

.list-leftcol ul, .list-rightcol ul { list-style-type: none; margin: 18px 21px 0; }
.list-leftcol li, .list-rightcol li { padding-bottom: 16px; font-size: 0.6875em; text-transform: uppercase; }
.list-leftcol li a, .list-rightcol li a { text-decoration: none; text-transform: uppercase; color: #a7a9ac; display: block; }
.list-leftcol li a:hover, .list-rightcol li a:hover { color: #0091b0; }

/*.list-leftcol div { padding-bottom: 16px; }
.list-leftcol div a, .list-rightcol li a { text-decoration: none; text-transform: uppercase; color: #a7a9ac; font-size: 0.6875em; display: block; }
.list-leftcol div a:hover { color: #0091b0; }*/

.list-centercol div { position: absolute; top: 0; left: 0; font-size: .6875em; visibility: hidden; }
.list-centercol div p { margin: 12px; }
.list-centercol div img { display: block; margin: 0 auto; }

.galleryinstructions-links ul { list-style-type: none; }
.galleryinstructions-links td { text-align: center; }

/*                            	 PRODUCTS PAGE          	                 */
/******************************************************************************/
#modelpic-1, #modelpic-2 { float: left; }

.modelcode { color: #89898a; font-size: 9.5px; text-align: center; padding-top: 4px; padding-bottom: 12px; }
.image-na { color: black; font-size: 11px; line-height: 14px; vertical-align: middle; margin:125px 24px 0 36px; }

/* -----------  PRODUCTS PAGES SUB NAVIGATION ---------------- */
.faceband-wrap { font-size: 11px; width: 100%; }

.faceband-wrap a { color: #a7a9ac; font-size: 10px; text-decoration: none; margin: 0; }
.faceband-wrap a:hover { color: #000; }
.faceband-wrap a.selection { color: #000; text-decoration: none; cursor: default; }
.faceband-wrap img { vertical-align: middle; }

.face-wrap, .face-col1, .face-col2, .band-wrap, .band-col1, .band-col2 { width: 100%; }

.border-right { border-right: 1px solid #bcbec0; }
.border-left { border-left: 1px solid #bcbec0; }

.modelselect-sub {font-weight: bold; margin: 2px 0 2px 6px; }
.modelselect-cell { border-top: 1px solid #bcbec0; padding: 1px 0 2px 0; }
.modelselect-icon { margin: 0 6px 0 6px; }

/*                          2-COLUMN PAGES  (PRODUCT)                         */
/******************************************************************************/
#twocol-wrap { width: 100%; overflow: hidden; border-bottom: 1px solid #bcbec0; }
.twocol-leftcol { width: 392px; float: left; padding: 0 12px; min-height:316px; height:auto !important; height:316px; }
.twocol-rightcol { width: 270px; float: right; padding: 70px 12px 12px 0; font-size: .6875em; }
.twocol-rightcol p { margin-bottom: .6875em; }

.twocol-rightcol ul, .twocol-rightcol table ul { margin: 0 0 .7em 1.5em; }
.twocol-rightcol ol, .twocol-rightcol table ol { margin: 0 0 .7em 2.125em; }

/*                      REPLACEMENT BAND PAGE FORMATTING                      */
/******************************************************************************/

.bandselector-details img { margin-right: 32px; }
.bandselector-details td { vertical-align: bottom; }
.bandselector-form { margin-bottom: 12px; }

.shoppingcart-table, .shoppingcart-address-outertable, .shoppingcart-cc-outertable { margin-bottom: 6px; }
.shoppingcart-table td { padding: 2px 4px; border: solid 1px #000; vertical-align: middle; }

.shoppingcart-table-toprow { background-color: #cccccc; }
.shoppingcart-table-toprow td { vertical-align: bottom; font-weight: bold; }

.shoppingcart-address-outertable td { padding: 2px 4px; border: solid 1px #000; }
.shoppingcart-address-innertable td { border: 0; border-collapse: collapse; }

.shoppingcart-cc-outertable { }
.shoppingcart-cc-outertable td { padding: 2px 4px; }

.shoppingcart-vin { margin-left: 32px; }

.formfield { width: 175px; }
.vinfield { width: 25px; }

.product-registration td { padding: 2px 4px;  }

/*                           CUSTOMER FEEDBACK FORM                           */
/******************************************************************************/
.feedback-text { width: 350px; }
.feedback-area { width: 350px; height: 100px; }

/*                           SITE MAP                           */
/******************************************************************************/
.sitemap a { color: #a7a9ac; text-decoration: none; }
.sitemap a:hover { text-decoration: underline; }

/* -----------  FRONT END LOGIN formatting  ---------------- */
.frontend_login { font-size: .6875em; padding-top: 4px; }
.loginfields {  }
.login-button { vertical-align: bottom; font-size: 90%; }

/*                           PARTNERS SECTION                           */
/******************************************************************************/

/*                           PARTNERS IMAGE LIBRARY                           */
/* this overrides the universal img margin right and bottom */
.pictures img { margin: 0; }

/*                           PARTNERS ONLINE ORDERING                           */
/* required field missing text */
.missing { font-weight: bold; font-size: 1.5em;  }