/************************************************************************************************** *************************************************************************************************** LIBRARY IMPORTS *************************************************************************************************** ***************************************************************************************************/ @import 'library/reset.css'; @import 'library/margin.css'; @import 'library/padding.css'; @import 'library/width.css'; @import 'library/height.css'; @import 'library/font.css'; @import 'library/text.css'; @import 'library/corners.css'; @import 'library/generic.css'; div, img, input { behavior: url(iepngfix/iepngfix.htc) } /************************************************************************************************** *************************************************************************************************** BASIC ELEMENTS *************************************************************************************************** ***************************************************************************************************/ html {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;} body {background: url(../../graphics/marine-page-bg.jpg) repeat-x; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align:center;min-height: 700px; } h1 {color: #666666; font-size: 18px; font-weight: bold; line-height: 20px;} h2 {color: #ffffff; font-size: 16px; font-weight: bold; line-height: 18px;} h3 {color: #666666; font-size: 14px; font-weight: bold; line-height: 16px;} h4 {color: #666666; font-size: 12px; font-weight: bold; line-height: 14px;} a, a:link {color: #333333; text-decoration: none; cursor: pointer; cursor: hand;} a:visited {color: #333333; text-decoration: none; cursor: pointer; cursor: hand;} a:hover {color: #333333; text-decoration: underline; cursor: pointer; cursor: hand;} a:focus {color: #333333; cursor: pointer; cursor: hand;} a:active {color: #333333; cursor: pointer; cursor: hand;} a img {border: none; cursor: pointer; cursor: hand;} .corner {border: 4px double #cccccc;} a.float-left {text-decoration: none; cursor: pointer; cursor: hand;} hr {color: #ffffff;} p {text-align: justify; padding-right: 10px;} .enableJS {border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;} div.row {clear: both; padding: 5px 0px;} div.row span.left {float: left; text-align: left;} div.row span.right {float: right; text-align: right;} .left {float:left;} .right {float:right;} .spacer {clear: both;} .textcenter {text-align:center;} .textleft {text-align:left;} .textright {text-align:right;} .pad5 {padding:5px;} /************************************************************************************************** *************************************************************************************************** TABLES *************************************************************************************************** ***************************************************************************************************/ th {color: #333333; width: 200px; text-align: center} td {} td a:link {color: #333333;} td a:visited {color: #333333;} td a:hover {color: #333333;} /************************************************************************************************** *************************************************************************************************** FORMS *************************************************************************************************** ***************************************************************************************************/ .auto_form {width: 630px; padding: 20px; float: left;} .auto_form .form_input {float: left; border: 1px solid #838383; padding: 5px;} .auto_form .form_input-highlighted {background: #f8f8f8; border: 1px solid #ff0000; float: left; padding: 5px;} .auto_form div.row span.label_col {color: #000; border: none; font-size: 12px; float: left; width: 200px; height: 14px; text-align: right; margin: 0px; padding: 5px;} .auto_form div.row span.input_col {float: left; width: 290px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;} .auto_form input[type='text'] {width: 300px;} .auto_form input[type='button'] {width: 310px; color: #ffffff; margin-left: 220px; background: #0e419d; border: 2px outset #000000;} .auto_form input[type='password'] {width: 300px;} .auto_form select {width: 312px; float: right; font-size: 13px; line-height: 22px;} .auto_form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 300px; height: 200px;} .auto_form .submit_div {text-align: center; padding-top: 10px; height: auto; float: left;} .auto_form fieldset legend {margin-left: 50px; font-weight: bold; font-size: 16px;} /************************************************************************************************** *************************************************************************************************** LAYOUT *************************************************************************************************** ***************************************************************************************************/ /**define your sites layout style here**/ .wrapper {width: 920px; height: auto; margin: 0px auto; } .masthead {width: 920px; height: 150px; background: url('../../graphics/masthead.png') no-repeat;} .leftcol {float: left; width: 200px;} .leftcol .box {width: 180px; height: auto;} .leftcol .box-head {width: 180px; height: 20px; background: url('../../graphics/leftcol-head.png') no-repeat;} .leftcol .box-content {width: 180px; height: auto; background: url('../../graphics/leftcol-body.png') repeat-y;} .leftcol .box a {width: 180px; line-height: 20px; color: #333333; font-weight: bold;} .leftcol .box-foot {width: 200px; height: 25px; background: url('../../graphics/leftcol-foot.png') no-repeat;} .midcol {float: left; width: 460px; margin-left: 0px; margin-top: 8px;} .midcol .pagetitle {} .midcol .pagetitle h1 {text-align: left; color: #000000; font-size: 24px; margin-top: 0px;} .midcol .pagetitle p {text-align: left; color: #000000; font-size: 16px; margin-top: 0px; line-height: 20px;} .midcol .special-offers {background: #5c8585; width: 450px; padding: 5px; color: #000000; border: 3px dotted #cccccc;} .scart {float: right; width: 250px; height:100px; margin-right: 20px; margin-top: 15px;} .rightcol {float: left; width: 260px; min-height: 500px; margin-left: 0px;} .rightcol .box {width: 260px; height: auto; margin-left: 5px;} .rightcol .box-head {width: 260px; height: 40px; background: url('../../graphics/rightcol-head.png') no-repeat;} .rightcol .box-head .title {float: left; color: #333333; font-weight: bold; margin-left: 30px; margin-top: 16px;} .rightcol .box-head .register {float: left; color: #ffffff; margin-top: 14px; margin-left: 75px;} .rightcol .box-head .edit-account {float: left; color: #ffffff; margin-top: 14px; margin-left: 38px;} .rightcol .box-content {width: 260px; height: auto; clear: all; background: url('../../graphics/rightcol-body.png') repeat-y;} .rightcol .box-content .text {text-align: left; padding-left: 30px;} .rightcol .box a {width: 260px; line-height: 20px; color: #333333; font-weight: bold; cursor: pointer; cursor: hand;} .rightcol .box-foot {width: 260px; height: 25px; margin-top: 0px; background: url('../../graphics/rightcol-foot.png') no-repeat;} .foot {width: 900px; height: 19px; margin-top: 30px; padding-top: 4px; color: #000000;} .foot a {color: #000000;} /************************************************************************************************** *************************************************************************************************** CUSTOM *************************************************************************************************** ***************************************************************************************************/ .menu {float: left; width: 225px; height: 44px; background: url(../../graphics/marine-menu.png) no-repeat;} .menulong {float: left; height: 38px; width: 673px; background: #0e419d; border-bottom: 6px solid #ffffff; border-right: 1px solid #ffffff;} .upright {float-left; width: 1px; height: 31px; background: url(../../graphics/upright.png) no-repeat;} .arrow-right {padding-top: 10px; font-size: 13px; margin-right: 2px; text-decoration: none;} .arrow-right:hover {background: url(../../graphics/blue_arrow.jpg) no-repeat top right; margin-right: 2px; text-decoration: none;} a .arrow-right {color: #ffffff; text-decoration: none;} .left-menu-head {width: 218px; height: 52px; background: url(../../graphics/left-menu-head.png) no-repeat;} #accordion {width: 218px; height: auto; background: #666666;} .left-menu-foot {width: 218px; height: 38px; margin-top: 3px; margin-left: 1px; background: url(../../graphics/marine-left-menu-foot.png) no-repeat;} .state-active {color: #ffffff} a.state-active {color: #ffffff} .state-highlight {color: #0e419d;} .greybg {line-height: 18px; width: 174px; height: 25px; background: url(../../graphics/greytitle.png) no-repeat right; font-size: 16px; color: #ffffff; padding-top: 10px; padding-left: 20px; text-align: left;} .redbg {line-height: 18px; float-left; width: 200px; height: 25px; background: url(../../graphics/bluetitle.png) no-repeat right; font-size: 16px; color: #ffffff; padding-top: 10px; padding-left: 20px; text-align: left;} .redbg a:link, a:visited {color: #ffffff; text-decoration: none;} .redbg_outter {float:left; height: 35px; padding-left: 15px; background: url(../../graphics/bluetitle_outter.png) no-repeat left; text-align: left;} .redbg_inner {line-height: 35px; height: 35px; background: url(../../graphics/bluetitle_inner.png) no-repeat right; font-size: 16px; color: #ffffff; padding-right: 20px; text-align: left;} .redbg_inner a:link, .redbg_inner a:visited {color: #ffffff; text-decoration: none;} .redbutton {line-height: 18px; width: 204px; height: 35px; background: url(../../graphics/bluebutton.png) no-repeat; font-size: 16px; color: #ffffff; padding-top: 10px; text-align: center;} .redbutton a:link, a:visited {color: #ffffff; text-decoration: none;} .redbutton_outter {padding-left:7px; height: 35px; background: url(../../graphics/bluebutton_outter.png) no-repeat; } .redbutton_inner {line-height: 35px; padding-right: 7px; height: 35px; background: url(../../graphics/bluebutton_inner.png) no-repeat; background-position: right; font-size: 16px; color: #ffffff; text-align: center;} .redbutton_inner a:link, .redbutton_inner a:visited {color: #ffffff; text-decoration: none;} .bluebutton {width: 204px; height: 35px; background: url(../../graphics/bluebutton.png) no-repeat; font-size: 16px; color: #ffffff; padding-top: 10px; text-align: center;} .bluebutton a:link, .bluebutton a:visited {color: #ffffff; text-decoration: none;} .readmore {background: url(../../graphics/readmore.png) no-repeat;} .redbg a:hover {color: #000000; text-decoration: none;} .redbg_inner a:hover {color: #000000; text-decoration: none;} .redbutton a:hover {color: #000000; text-decoration: none;} .redbutton_inner a:hover {color: #000000; text-decoration: none;} .bluebutton a:hover {color: #000000; text-decoration: none;} .mmnav a:hover, a:hover .arrow-right {color: #000000; text-decoration: none;} a.state-active:hover {color: #000000; text-decoration: none;} #fck { } #fck strong { color: #bf0000; } #fck ul { padding: 10px 0px 5px 20px; } #fck p { padding: 5px 0px 5px 0px; } #fck h2 { color: #666666; } #fck a, #fck a:link, #fck a:visited, #fck a:hover { color: #555555; } .faceboxclose {background: url('../../graphics/blueclose.gif') no-repeat; width:22px; height:25px; float:right;} .acc_left_bg {background: url('../../graphics/acc_left_bg.jpg') bottom left no-repeat;} .acc_right_bg {background: url('../../graphics/acc_right_bg.png') bottom left no-repeat;} .acc_last {background: url('../../graphics/last_bg.jpg') bottom left no-repeat;} .about_one {margin-top: 30px; margin-left:20px; width:290px;} .about_two {margin-top: 30px; margin-left:10px; width:300px; margin-right:20px;} .comments {margin-top: 30px; font-style:italic; font-size:11px;} .comments_two {margin-top: 5px; font-style:italic; font-size:11px;} /************************************************************************************************** *************************************************************************************************** DIALOGS *************************************************************************************************** ***************************************************************************************************/ #facebox .b {background:url(images/b.png); } #facebox .tl {background:url(images/tl.png); } #facebox .tr {background:url(images/tr.png); } #facebox .bl {background:url(images/bl.png); } #facebox .br {background:url(images/br.png); } #facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup {position: relative; } #facebox table {border-collapse: collapse; } #facebox td {border-bottom: 0; padding: 0; } #facebox .body {background: #ffffff; width:370px;} #facebox .body .content h1 {padding: 5px; padding-left: 10px; font-size: 18px; background: #0f429d; color: #ffffff;} #facebox .body .content p {padding: 5px; font-size: 12px; margin: 5px;} #facebox .body .content li {font-size: 12px; margin-left: 15px;} #facebox .loading {text-align: center; } #facebox .image {text-align: center; } #facebox img {border: 0; margin: 0; } #facebox .footer {padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #0f429d; margin-top: 10px;} #facebox .foot .close {margin: 0px; padding: 0px; height: 10px;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide {z-index:-100; } .facebox_overlayBG {background-color: #000; z-index: 99;} * html #facebox_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} /************************************************************************************************** *************************************************************************************************** PAGINATION *************************************************************************************************** ***************************************************************************************************/ .pagenav {} .pagenav .previous {float:left;} .pagenav .pages {float:right; margin:0 1em;} .pagenav .next {float:right;} /************************************************************************************************** *************************************************************************************************** SHOPCART *************************************************************************************************** ***************************************************************************************************/ .shopcart_form {} .shopcart_form .form_input {} .shopcart_form .form_input-highlighted {} .shopcart_form div.row span.label_col {float: left; width: 0;} .shopcart_form div.row span.input_col {float: left;} .shopcart_form .spacer {} .listDisplay .totcell {border:1px solid #999999; background-color:#eeeeee; text-align:right; font-weight:bold;} .clearCart {text-align:center;} .checkout {margin:10px; padding:10px; border:5px solid #3B425F;} .declined {margin:10px; padding:10px; border:2px solid #FF0000;} .approved {margin:10px; padding:10px; border:2px solid #00FF00;} /************************************************************************************************** *************************************************************************************************** CALENDER *************************************************************************************************** ***************************************************************************************************/ /** do not change this **/ img.tcalIcon {cursor: pointer; margin-left: 1px; vertical-align: middle;} div#tcal {position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;} div#tcal table {width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;} div#tcal table.ctrl {border-bottom: 0;} div#tcal table.ctrl td {width: 15px; height: 20px;} div#tcal table.ctrl th {background-color: white; color: black; border: 0;} div#tcal th {border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;} div#tcal td {border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;} div#tcal td.othermonth {color: silver;} div#tcal td.weekend {background-color: #ACD6F5;} div#tcal td.today {border: 1px solid red;} div#tcal td.selected {background-color: #FFB3BE;} iframe#tcalIF {position: absolute; visibility: hidden; z-index: 98; border: 0;} div#tcalShade {position: absolute; visibility: hidden; z-index: 99;} div#tcalShade table {border: 0; border-collapse: collapse; width: 100%;} div#tcalShade table td {border: 0; border-collapse: collapse; padding: 0;} .icon_imb { margin-top: -5px; margin-bottom: -8px; width: 11px; height: 25px; } a.bluelinks:link, a.bluelinks:visited, a.bluelinks { font-weight: bold; color: #0E419D; } ol { margin-left:30px; } ul { margin-left:30px; }