@charset "UTF-8";

/* Go2marine Style Sheet */
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    color: #232323;
    font-size: 90%;
    line-height: normal;
    width: 100%;
    background-image:url('/images/go2marine-bg.jpg');
    bacgrkound-repeat:no-repeat;
    background-position:0px 0px;
    background-size: cover;
    background-attachment:fixed;
    background-color:  #ABCEE4;
    /*  background: #D3E6F4;
      background: -moz-linear-gradient(top, #ffffff 10%, #D3E6F4 90%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(90%,#D3E6F4));
      background: -webkit-linear-gradient(top, #ffffff 10%,#D3E6F4 90%);
      background: -o-linear-gradient(top, #ffffff 10%,#D3E6F4  90%);
      background: -ms-linear-gradient(top, #ffffff 10%,#D3E6F4 90%);
      background: linear-gradient(to bottom, #ffffff 10%,#D3E6F4 90%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D3E6F4',GradientType=0 );*/

}

td, div {
    margin: 0;
    padding: 0;
    color: #232323;
    line-height: 1.4em;
}

form {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.header2 {
    font-size: 14pt;
    line-height: normal;
    padding: 2px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid #0455B7;
    text-align: left;
    margin-top: 15px;
    width: 100%;
}

table {
    background-color: #ffffff
}

.header8 {
    font-size: 14pt;
    line-height: normal;
    padding: 2px 2px 2px 10px;
    margin: 10px 0 15px 0;
    font-weight: bold;
    text-transform: none;
    background-color: #019DD6;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: left;
}

.msg_box {
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
    text-transform: none;
    line-height: normal;
    padding: 5px 5px 5px 10px;
    margin: 10px 0 15px 0;
    border: solid #4D9CDD 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*Page -Alginment of the entire Page - these appear in main_layout.jsp */
.page {
    vertical-align: top;
    width: 986px;
    margin: 0;
    padding: 0;
}

.leftColumn {
    margin: 0 8px 0 10px
}

.rightColumn {
    margin-left: 8px;
}

.content {
    vertical-align: top;
    width: 100%;
}

.container {
    width: 100%;
}
.container-wrapper{
    width: 1000px;
    margin:auto;
}

.text_margin {
    margin: 10px;
}

.required, .warning_msg, .error_msg,.form-error_msg > div, .form-error_msg > span, .form-error_msg div {
    color: #DB2020;
}


.info_msg {
    color: #0455B7;
}

.size_10 {
    font-size: 10px;
}

.header_2 {
    font-size: 16px;
    line-height: normal;
    padding: 3px 3px 3px 5px;
    margin-bottom: 2px;
    font-weight: bold;
    color: #0455B7;
    text-align: left;
    text-decoration: none;
    background-color: #EAEEFA;
    border: 1px solid #ABBDEC;
}

.header_6 {
    font-size: 15px;
    line-height: normal;
    padding: 5px;
    margin-bottom: 2px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    background-color: #EAEEFA;
    border: 1px solid #ABBDEC;
}

.larger_text {
    font-size: 12pt;
}
h2{
    font-weight: bold;
    font-size: 21px;
    line-height: 1.3;
}
/* Styles to display various Product Listing Pages */
.product_listing_tbl {
    width: 100%;
    vertical-align: top;
    padding: 0;
    margin: 10px 0;
    font-size: 100%;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}

.product_listing_pad {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 60px;
}

.product_listing_td {
    text-align: left;
    width: 250px;
    vertical-align: top;
    padding: 5px 10px 2px 2px;
}

/* END Styles to display various Product Listing Pages */
.salePrice {
    font-size: 115%;
    font-weight: bold;
    color: #FF3300;
}

.strike {
    color: #232323;
    font-weight: normal;
    text-decoration: line-through;
}

a.product_links:link, a.product_links:visited, a.product_links:active {
    text-decoration: none;
}

a.product_links:hover {
    text-decoration: underline;
}

/* Alternating Row Colors */
.evenRow {
    background-color: #ffffff;
    border-bottom: 1px dotted #B7B7B7;
    margin: 5px;
    padding: 10px 5px 10px 5px
}

.oddRow {
    background-color: #ffffff;
    border-bottom: 1px dotted #B7B7B7;
    margin: 5px;
    padding: 10px 5px 10px 5px
}

/* end Alternating Row Colors */
.rowGrid {
    padding-top: 10px;
    padding-right: 3px;
    padding-left: 3px;
}

.dash_blue {
    border-bottom: 1px dotted #385CB4;
}

.photo_border_thumbnail {
    background-color: #FFFFFF;
    padding: 2px;
    /* border: 1px solid #DDDDDD;*/
    text-decoration: none;
    margin: 0 10px 10px 0;
}
.photo_border_thumbnail2 {
    border: 1px solid #DDDDDD;
}
.thumb_size{
    max-width: 150px;
    max-height:150px;
}

.l_r_margin {
    padding-right: 0;
    padding-left: 0;
}
.top_links{
    padding: 5px 10px;
    display: inline-block;

}
.top_links:hover{
    background-color: rgba(226, 223, 223, 0.82);

}
.top_links{
    color: #004993;
}
a.top_links:link {
    text-decoration: none;
    color: #004993;
    font-size: 12px;
    font-weight: bold;
}

a.top_links:visited {
    text-decoration: none;
    color: #004993;
    font-weight: bold;
}

a.top_links:active {
    text-decoration: none;
    color: #004993;
    font-weight: bold;
}

a.top_links:hover {
    text-decoration: underline;
    color: #004993;
    font-weight: bold;
}
.top_links_menu{
    position: relative;top: 2px;left: 0px;background-color: #EBEBEB;padding: 10px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    font-weight: normal;
    font-size:14px;
    border: solid 1px #ccc;
    border-top: none;
}

/* Styles for Printer Friendly Page */
@media print {
    BODY {
        width: 650px;
        background-color: white;
        background-image: none;
    }
}

/* LIGHT CATEGORY STYLES */
.pad_left10 {
    padding: 2px 0 2px 10px;
}

.pad_l_r10 {
    padding-left: 10px;
    padding-right: 10px;
}

ul.ln {
    margin: 0;
    padding: 2px;
    list-style-type: none;
}

li.ln {
    list-style: none;
    background: url(/images/tables/blue_bullet.gif) no-repeat 0 0;
    MARGIN: 0 0 0 2px;
    padding: 0 4px 2px 11px;
}

ul.link {
    margin: 0;
    padding: 2px;
    list-style-type: none;
}

ul.link li {
    background: url("/images/tables/orange_arrow2.png") no-repeat 0 5px;
    margin-left: 2px;
    padding: 0 4px 2px 12px;
}

ul.sm {
    margin: 5px 0;
    padding: 0 0 5px;
    list-style-type: none;
    list-style-image: none;
}

li.sm {
    margin: 0 0 0 2px;
    padding: 2px 4px 2px 11px;
    list-style-type: none;
    background: url(/images/tables/dk_blue_bullet.gif) no-repeat 4px 5px;
    display: block;
}

.search_box2 {
    font-size: 14px;
    vertical-align: top;
    height: 24px;
}

.text_box2 {
    font-size: 11px;
    height: 19px;
    margin-bottom: 3px;
    width: 120px;
}

.text_box3 {
    font-size: 12px;
    height: 23px;
    margin-bottom: 3px;
    width: 200px;
}

.drop_down_box {
    vertical-align: middle;
    height: 19px;
    margin-bottom: 3px;
}

.box2 {
    border: 1px solid #EAEEFA;
    width: 100%;
}

.box2header {
    background-color: #EAEEFA;
    font-weight: bold;
    width: 100%;
    clear: both;
    border: 1px solid #EAEEFA;
}

.box5 {
    background-color: #EAEEFA;
    border: 1px solid #ABBDEC;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.warning_box {
    color: #FF0000;
    margin: 5px;
    padding: 5px;
    border: 1px solid #FF0000;
}

.box3 {
    border: 1px solid #DDDDDD;
}

.padding5 {
    padding: 5px;
    vertical-align: top;
}

.tagline {
    font-size: 14px;
    color: #282523;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: -3px;
    left: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.grey_title {
    font-size: 11pt;
    line-height: normal;
    padding: 2px;
    margin-bottom: 8px;
    font-weight: bold;
    text-transform: none;
    text-align: left;
}

.title3 {
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    font-style: normal;
    color: #444444;
    text-decoration: none;
}

.text_box {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    height: auto;
}

.dash_box {
    padding: 3px;
    border-right: 1px solid #3559AD;
    border-bottom: 1px dashed #3559AD;
    border-left: 1px solid #3559AD;
}

.size4 {
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    color: #0455B7;
}

.box7 {
    border: 1px solid #CCCCCC;
}

.box7_headerLine {
    font-weight: bold;
    height: 37px;
    border-right: 1px solid #cccccc;
    background-image: url(/images/tables/table-gradient.jpg);
    background-repeat: repeat-x;
    border-bottom: solid 1px #cccccc
}

.box7_header {
    font-weight: bold;
    height: 37px;
    background-image: url(/images/tables/table-gradient.jpg);
    background-repeat: repeat-x;
    border-bottom: solid 1px #cccccc
}

.box7_header_no_border {
    font-weight: bold;
    height: 35px;
    background-image: url(/images/tables/table-gradient.jpg);
    background-repeat: repeat-x;
}

.box7border_right_btm {
    border-right: 1px solid #cccccc;
    border-bottom: 1px dashed #cccccc;
    vertical-align: middle;
}

.box7border_right {
    border-right: 1px solid #cccccc;
    vertical-align: middle;
}

.box7noborder {
    vertical-align: middle;
}

.box7border_btm {
    border-bottom: 1px dashed #cccccc;
    vertical-align: middle;
}

.box7border_top {
    border-top: 1px dashed #cccccc;
    vertical-align: middle;
}

.attribute_border_left {
    border-left: solid 1px #000000;
}

.attribute_td_4 {
    background-color: #efefef;
    padding: 5px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    font-size: 12px;
}

.attribute_td_header_8 {
    background-color: #efefef;
    color: #000000;
    padding: 5px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-right: solid 1px #000000;
}

.attribute_td_8 {
    background-color: #D8D8D8;
    color: #000000;
    padding: 5px;
    border-bottom: solid 1px #FFFFFF;
    border-right: solid 1px #000000;
}

.table_border_left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
}

.table_border_left_light {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
}

.table_border_right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}

.table_dash {
    padding: 3px;
    border-bottom: 1px dashed #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.table_text {
    font-weight: normal;
    padding-right: 2px;
    padding-left: 2px;
}

.table_line {
    padding: 3px;
    border-bottom: 1px solid #cccccc;
}

.tabline_bottom {
    border-bottom: 1px solid #CCCCCC;
}

.tabline_top {
    border-top: 1px solid #CCCCCC;
}

.create_profile_button {
    background: url("/images/buttons/english/create_profile.gif") no-repeat;
    width: 148px;
    height: 26px;
    cursor: pointer;
    margin-top: 10px;
}

.customer_status_msg_box {
    border: solid #CCCCCC 2px;
    padding: 5px 5px 5px 10px;
    margin: 10px 0 15px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* Form field and lable styles */
.label_text {
    width: 120px;
    text-align: right;
    padding-right: 5px;
    float: left;
    padding-bottom: 3px;
}

.box_float {
    text-align: left;
    float: left;
    padding-bottom: 3px;
}

.box_pad {
    padding-bottom: 3px;
    clear: both;
}

/* FORM SUBMIT BUTTONS */
.submit_buttons {
    background: url(/images/buttons/english/continue_checkout.gif) no-repeat left top;
    cursor: pointer;
    height: 26px;
    width: 112px;
    border: none;
    color: white;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif, Verdana;
    padding: 5px;
}

.submit_button {
    background: url(/images/buttons/english/submit.jpg) no-repeat left top;
    cursor: pointer;
    height: 38px;
    width: 115px;
    border: none;
    margin-left: 300px;
}

.login_buttons {
    background: url(/images/buttons/english/button_med.gif) no-repeat left top;
    cursor: pointer;
    height: 26px;
    width: 72px;
    border: none;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.category_header {
    color: white;
    padding-top: 10px;
    font-size: 13pt;
}

li.category_nav {
    list-style: none;
    MARGIN: 0;
    padding: 3px 4px 4px 8px;
    border-bottom: 1px solid #cccccc;
    background: url(/images/tables/bullet_arrow.gif) no-repeat 0px 3px;
}

.cateogry_link {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 7px;
}

a.cateogry_link:link, a.cateogry_link:active, a.cateogry_link:visited {
    color: #333333;
}

a.cateogry_link:hover {
    color: #FF9E0F;
}

/* end left category styles */
/*header nav links */
.header_med_font {
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}
.header_link{
    color: #fff;
}
a.header_link:link, a.header_link:visited, a.header_link:active {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
}

a.header_link:hover {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

a.header_link_white:link, a.header_link_white:visited, a.header_link_white:active, div.header_link_white {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: white;
    padding-right: 3px;
}

a.header_link_white:hover {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #FF9900;
    padding-right: 3px;
}

.page_left_corner {
    background-image: url(/images/tables/left_corner.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 18px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page_right_corner {
    background-image: url(/images/tables/right_corner.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 18px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page_top_border {
    background-image: url(/images/tables/table_bg.jpg);
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    height: 18px;
    background-position: bottom;
}

.page_left_corner_btm {
    background-image: url(/images/tables/left_corner_btm.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 15px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page_right_corner_btm {
    background-image: url(/images/tables/right_corner_btm.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page_top_border_btm {
    background-image: url(/images/tables/table_bg_btm.jpg);
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    height: 15px;
    background-position: top;
}

.page_border {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

/*smaller rounded shawdow square*/
.sm_page_left_corner {
    background-image: url(/images/tables/sm_rounded_left_corner.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sm_page_right_corner {
    background-image: url(/images/tables/sm_rounded_right_corner.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sm_page_top_border {
    background-image: url(/images/tables/small_rounded_bg.jpg);
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    height: 9px;
    background-position: bottom;
}

.sm_page_left_corner_btm {
    background-image: url(/images/tables/sm_rounded_left_corner_btm.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sm_page_right_corner_btm {
    background-image: url(/images/tables/sm_rounded_right_corner_btm.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sm_page_top_border_btm {
    background-image: url(/images/tables/small_rounded_bg_btm.jpg);
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    height: 9px;
    background-position: top;
}

.table_center {
    margin-left: auto;
    margin-right: auto;
}

.no_list {
    text-decoration: none;
}

li.no_list {
    margin: 0;
    padding: 0 4px 2px 6px;
    list-style-type: none;
    background-image: none;
}

ul.no_list {
    margin: 2px;
    padding: 2px;
}

/*blue rounded box*/
.blue_box_left_corner {
    background-image: url(/images/tables/blu_left_corner.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.blue_box_right_corner {
    background-image: url(/images/tables/blue_right_corner.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.blue_box_top_border {
    height: 8px;
    background-image: url(/images/tables/blue_bg_tall.jpg);
    background-repeat: repeat-x;
    background-position: top;
    width: 100%;
    padding: 0;
    margin: 0;
}

.blue_box_border {
    padding: 0;
    margin: 0;
    background-color: #F0F1F5;
    background-position: top;
    background-image: url(/images/tables/blue_bg_tall.jpg);
    background-repeat: repeat-x;
}

.blue_box_left_corner_btm {
    background-image: url(/images/tables/left_blue_corner.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.blue_box_right_corner_btm {
    background-image: url(/images/tables/blue_bottom_right.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.blue_box_border_btm {
    padding: 0;
    margin: 0;
    height: 8px;
    background-color: #F0F1F5;
}

/*end blue rounded box*/
/*
 The classes dialog, dialogTransparency and dialogContents are used to create a modal dialog box.
 In the dialog class, the text-align and padding-top are necessary to make the dialog contents
 appear centered left-to-right and down from the top of the page. Firefox is ok with the auto margins to
 center the contents. A top margin on the contents works in Firefox but not in IE.
*/
.dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    z-index: 0;
    text-align: center;
    padding-top: 200px;
}

.dialogTransparency {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    background-color: #c0c0c0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.dialogContents {
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: #A9A9A9 solid 1px;
    height: 150px;
    width: 450px;
    position: relative;
    border-radius: 6px;
    z-index: 2;
}

.shadow {
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
    background-color: #c0c0c0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/*rounded blue popup*/
.boxtop {
    /*make this the same size as the top image*/
    display: block;
    width: 304px;
    height: 43px; /*set the image as a background*/
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(/images/tables/shadow_box_top.png);
}

.topcontent {
    font-family: arial;
    font-size: 16pt;
    color: white;
    padding: 15px 20px 2px 23px;
    text-align: center;
}

.box1 {
    background-color: #EAEEFA;
    padding: 8px 5px;
    border: 1px solid #ACBEEC;
    width: 100%;
    color: #0455B7;
    vertical-align: middle;
    min-height: 20px;
}

.boxbottom {
    /*make this the same width as the bottom image*/
    /*do not set the height as this needs to be flexible*/
    display: block;
    width: 304px; /*set the image as a background*/
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/images/tables/shadow_box.png);
}

.maincontent {
    /*set the font style for the main content*/
    display: block;
    padding: 10px 30px 40px 30px;
    text-align: left;
}

.review_error {
    color: red;
    font-weight: bold;
    width: 150px;
    float: left;
}

a.top-category-links:link, a.top-category-links:visited, a.top-category-links:active {
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    padding-right: 15px;
    padding-left: 15px;
}

a.top-category-links:hover {
    text-decoration: none;
    font-size: 14px;
    color: #ff9900;
    padding-right: 15px;
    padding-left: 15px;
}

.megamenu .column li {
    margin: 3px 0px 4px 0;
    padding: 0;
    list-style-type: none;
    background-image: none;
}

.megamenu .column ul {
    margin: 2px;
    padding: 2px;
    list-style-type: none;
    background-image: none;
}

.megamenu {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.megamenu .column-wh li {
    margin: 3px 0px 4px 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #cccccc;
    background-image: none;
    background-color: white;
}

.megamenu .column-wh ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: none;
    background-color: white;
}

/*END TOP MENU DROP DOWN STYLES*/
/* drop down menus */
.menu_border {
    /*background-color: #003366;
    border-left: solid 1px #002B55;
    border-right: solid 1px #002B55;
    border-bottom: solid 1px #002B55;*/
    background-color: rgb(16, 83, 142);
    border-left: solid 1px rgb(16, 83, 142);
    border-right: solid 1px rgb(16, 83, 142);
    border-bottom: solid 1px rgb(16, 83, 142);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding-bottom: 10px;
   /* box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);*/
}

a.pop-up-link:link, a.pop-up-link:visited, a.pop-up-link:active {
    text-decoration: none;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 26px;
    font-family: Arial, sans-serif;;
}

a.pop-up-link:hover {
    text-decoration: none;
    color: #0164C9;
}

a.pop-up-link-sm:link, a.pop-up-link-sm:visited, a.pop-up-link-sm:active {
    text-decoration: none;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 26px;
    font-family: Arial;
}

a.pop-up-link-sm:hover {
    text-decoration: none;
    color: #0164C9;
}

/*NEW SITE*/
a, a:link, a:visited, a:active {
    color: #003366;
}

a:hover {
    color: #FF9900;
    text-decoration: underline;
}

a.paging, a.paging:link, a.paging:visited, a.paging:active {
    color: #003366;
}

a.paging:hover {
    color: #FF9900;
    text-decoration: underline;
}

a.no_underline, a.no_underline:link, a.no_underline:visited, a.no_underline:active {
    text-decoration: none;
}

a.no_underline:hover {
    text-decoration: underline;
}

td.no_underline a, td.no_underline a:link, td.no_underline a:visited, td.no_underline a:active {
    text-decoration: none;
}

td.no_underline a:hover {
    text-decoration: underline;
}

a#see_all_products_in_group {
    color: #4D9CDD;
    font-weight: bold;
    font-size: 115%;
    text-decoration: none;
}

a#see_all_products_in_group:hover {
    color: #FF9900;
    text-decoration: underline;
}

.site-sprite {
    /*background-image: url("/images/site-sprite.png");*/
    background-image: url("/images/site-sprite-2017.png");
    background-position: top left;
    overflow: hidden;
    display: block;
    height: 700px;
    width: 500px;
}
.go2marine-customer-service{
    float: right;
    background-position: 551PX 129PX;
    width: 50px;
    height: 32px;
}
#wrapper {
    width: 990px;
    padding: 15px 0 10px 0;
    margin: 15px auto 10px auto;
    background-color: #FFF;
    border-radius: 6px;
    /*border: solid 1px #019DD6;*/
    border: solid 1px #6493d0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.37);
}
#breadcrumbs{
    margin: 5px 0 10px 0;
}

.blue-bar {
    height: 37px;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 35px;
    display: inline-block;
    background-color: #003366;
    background-color: rgba(16, 83, 142, 0.75);
    /*box-shadow: 0 1px 1px rgba(8, 8, 8, 0.52);*/

    /* IE10
    background-image: -ms-linear-gradient(top, #004993 0%, #003366 100%);

    /* Mozilla Firefox
    background-image: -moz-linear-gradient(top, #004993 0%, #003366 100%);

    /* Opera
    background-image: -o-linear-gradient(top, #004993 0%, #003366 100%);

    /* Webkit (Safari/Chrome 10)
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004993), color-stop(1, #003366));

    /* Webkit (Chrome 11+)
    background-image: -webkit-linear-gradient(top, #004993 0%, #003366 100%); */
}



.header_phone_no {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 115%;
    letter-spacing: .035em;
    line-height: 37px;
    vertical-align: middle;
}

/* iPhone was making phone number a link and turning it blue */
.header_phone_no a {
    text-decoration: none;
    color: #FFFFFF;
}

.search_box_left {
    width: 5px;
    height: 46px;
    background-position: -51px -14px;
    float: left
}

.search_box_right {
    width: 5px;
    height: 46px;
    background-position: -57px -14px;
    float: right
}

.go-search:hover {
    width: 50px;
    height: 30px;
    background-position: -2px -195px;
    cursor: pointer;
    border: none;
    float: right;
    margin: 13px 10px 0 0;
    background-color: #FF9900
}

.go-search {
    width: 50px;
    height: 30px;
    background-position: -60px -195px;
    cursor: pointer;
    border: none;
    float: right;
    margin: 13px 10px 0 0;
    background-color: #FF9900
}

#cart {
    width: 35px;
    height: 32px;
    background-position: 270px 32px;
    cursor: pointer;
    display: block;
}

#checkout-box{
    position: relative;
    top: 27px;
    width: 74px;
    left: -12px;
}

#cart-size {
    width: 18px;
    height: 15px;
    position: absolute;
}

#cart_menu .menu_border{
    background-color: #F2F2F2;
    height: 80px;
    width: 156px;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px 15px 15px 10px;

}
#checkout {
    width: 44px;
    height: 20px;
    background-position: 0 -33px;
    cursor: pointer;
    display: block;
    margin: 0 5px 0 2px;
    float:right;
}

#checkout-size {
    width: 44px;
    height: 20px;
    position: absolute;
}

.c_links{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -35px;
    left: -12px;
    background-color: #346D9F;
    background-color: rgba(16, 83, 142, 0.85);
    min-width: 16px;
    text-align: center;
    text-decoration: none;
}

a.c_links:link, a.c_links:active, a.c_links:hover, a.c_links:visited  {
    color: #fff !important;
    text-decoration: none;
}

.tool_links, a.tool_links:visited, a.tool_links:active, a.tool_links:link {
    color: #003366;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold
}

a.tool_links:hover {
    color: #FF9900;
    text-decoration: underline;
}



#nav_tools_box {
    height: 25px;
    float: left;
    padding: 10px 3px 0 80px;
}

.sprite_arrow {
    width: 6px;
    height: 8px;
    background-position: -10px -64px;
    cursor: pointer;
    float: right;
    margin: 4px 5px 0 5px
}

.sprite_arrow2 {
    width: 6px;
    height: 8px;
    background-position: -10px -64px;
    cursor: pointer;
    margin: 4px 5px 0 5px;
    float: left
}

.sprite_arrow_viewed {
    background-position: -10px -64px;
    height: 10px;
    margin: 6px 5px 0 0;
    width: 6px;
    cursor: pointer;
    float: left;
}

.sprite_arrow_crumb {
    background-position: -10px -64px;
    height: 8px;
    width: 6px;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px 5px 0;
    vertical-align: text-bottom;
}

#chat {    display: inline-block;
    width: 219px;
    height: 93px;
    background-position: 0px -259px;
    position: relative;
    top: 3px;
    cursor: pointer;
}
#customer-service-go2marine{
    display: inline-block;
    width: 192px;
    position: relative;
    float: left;
}
#cart-name{
    float: left;
    position: relative;
    left: 10px;
    top: 10px;
    color: #FFAD02;
    font-weight: bold;
}

.category-title {
    width: 160px;
    height: 18px;
    background-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    white-space: nowrap;
    margin: 0 0 2px 0;
    font-size: 100%;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.nav-box {
    /*border-bottom: dotted 1px #A9A9A9;*/
    border-bottom: solid 1px #b7d1e4;
    padding: 2px 0 2px 0;
    width: 100%;
}

.no-margin-padding {
    margin: 0;
    padding: 0;
}

a.bread_link:link, a.bread_link:visited, a.bread_link:active {
    text-decoration: none;
    font-size: 95%;
    color: #595959;
}

a.bread_link:hover {
    color: #FF9900;
    text-decoration: underline;
}

.bread_link {
    text-decoration: none;
    font-size: 95%;
    color: #595959;
}


.w_links, a.w_links:link, a.w_links:active, a.w_links:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 110%;
}

a.w_links:hover {
    color: #FF9900;
    text-decoration: underline;
}

.box-A {
    margin: auto;
    background-color: #fafafa;
    padding: 0 7px 3px 5px;
    height: 35px;
    line-height: 35px;
    border: dotted 1px #A9A9A9;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.box-B {
    margin: auto;
    background-color: #003366;
    padding: 3px 5px 3px 0;
    height: 30px;
    line-height: 30px;
    margin: 3px 0 10px 0;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.category_heading {
    border-bottom: #003366 6px solid;
    color: #003366;
    padding: 5px 10px 0px 5px;
    margin: 0;
    font-size: 16px;
}

.box-D {
    margin: auto;
    background-color: #4D9CDD;
    color: #ffffff;
    padding: 0 7px 3px 5px;
    height: 35px;
    line-height: 35px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.product_textMed, h2.product_textMed, a.product_textMed:link, a.product_textMed:active, a.product_textMed:visited {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #003366;
    font-size: 16px;
    text-decoration: none;
    line-height: normal
}

a.product_textMed:hover {
    color: #FF9900;
    text-decoration: underline;
}

a.specials_text:link, a.specials_text:active, a.specials_text:visited {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #003366;
    font-size: 90%;
    text-decoration: none;
    line-height: normal
}

a.specials_text:hover {
    color: #FF9900;
    text-decoration: underline;
}

.checkout_box_border {
    height: 33px;
    background-position: 0 -363px;
    width: 330px;
    float: left;
}

.checkout_box_left {
    width: 12px;
    height: 33px;
    background-position: -78px -29px;
}

.checkout_box_right {
    width: 12px;
    height: 33px;
    background-position: -92px -29px;
}

.shop-categories {
    width: 192px;
    height: 36px;
    background-position: 0 -314px;
    cursor: pointer;
    float: left;
}

.shop-categories-on {
    background-position: 0 -266px;
    height: 42px;
    width: 185px;
    cursor: pointer;
}

.shop-brand {
    width: 150px;
    height: 36px;
    background-position: -192px -314px;
    cursor: pointer;
    float: left;
}

#shop-brand-hover {
    background-position: -186px -266px;
    height: 46px;
    width: 157px;
    cursor: pointer;
}

.product-guides {
    width: 160px;
    height: 36px;
    background-position: -340px -314px;
    cursor: pointer;
    float: left;
}

#product-guides-hover {
    background-position: -344px -266px;
    height: 46px;
    width: 156px;
    cursor: pointer;
}

.go2Price {
    color: #003366;
    font-size: 115%;
    font-weight: bold;
    line-height: normal;
}

.go2Price:link {
    text-decoration: none
}

/* Begin - Styles for testing msitems:adPrice */
.itemPrice div td {
    color: #003366;
    font-weight: bold;
    font-size: 115%
}

.itemPriceItem div {
    color: #003366;
    font-weight: bold;
    font-size: 140%;

    float: left;
}

.itemPriceMAP {
    color: #003366;
    font-size: 135%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: center bottom;
    cursor: pointer;
    width: 150px;
    height: 40px;
}

.itemPriceMAP div {
    color: #003366;
}

.itemPriceMAP .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPListing .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPListing {
    color: #003366;
    font-size: 115%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: right bottom;
    cursor: pointer;
    width: 150px;
    height: 30px;
}

.itemPriceMAPgrid .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPgrid {
    color: #003366;
    font-size: 115%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: left bottom;
    cursor: pointer;
    width: 150px;
    height: 30px;
}

.itemPriceMAPfilter .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPfilter {
    color: #003366;
    font-size: 125%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: left bottom;
    cursor: pointer;
    width: 120px;
    height: 40px;
    margin-bottom: 5px;
}

.itemPriceMAPitem .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPitem {
    color: #003366;
    font-size: 145%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: left bottom;
    cursor: pointer;
    width: 120px;
    height: 40px;
    margin-bottom: 5px;
}

.itemPriceMAPdetail .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPdetail {
    color: #003366;
    font-size: 115%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: right bottom;
    cursor: pointer;
    width: 150px;
    height: 30px;
}

.itemPriceMAPspecial .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPspecial {
    color: #FF3300;
    font-size: 115%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: center bottom;
    cursor: pointer;
    width: 150px;
    height: 30px;
    margin-bottom: 5px;
}

.itemPriceMAPdropDown .itemPrice:hover {
    text-decoration: underline;
    color: #FF9900;
}

.itemPriceMAPdropDown {
    color: #003366;
    font-size: 115%;
    background-repeat: no-repeat;
    background-image: url("/images/icons/your-price.png");
    background-position: left bottom;
    cursor: pointer;
    width: 150px;
    height: 30px;
    font-weight: bold;
    margin-left: 10px;
}

.itemPriceSpecial {
    font-size: 115%;
    font-weight: bold;
    color: #FF3300;
}

.itemPriceSpecial div {
    font-size: 100%;
    font-weight: bold;
    color: #FF3300;
}

.itemPriceSpecialFilter {
    font-size: 115%;
    font-weight: bold;
    color: #FF3300;
}

.itemPriceSpecialFilter div {
    font-size: 100%;
    font-weight: bold;
    color: #FF3300;
}

.itemPriceSpecialItem {
    font-size: 115%;
    font-weight: bold;
    color: #FF3300;
    float: left;
}

.itemPriceSpecialItem div {
    font-size: 100%;
    font-weight: bold;
    color: #FF3300;
    float: left;
}

.itemPriceCustomer div {
    color: #003366;
    font-size: 115%;
    font-weight: bold;
}

.itemPriceProductPage {
    color: #003366;
    font-weight: bold;
}

.itemPriceProductPage div {
    color: #003366;
    font-weight: bold;
    font-size: 115%;
}

/* End - Styles for testing msitems:adPrice */
.button-barge, a.button-barge:link, a.button-barge:active, a.button-barge:visited {
    width: 110px;
    height: 28px;
    background-position: -248px -159px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    padding: 5px 0 0 0;
}

.button-barge:hover, a.button-barge:hover, .button-barge-blue {
    width: 110px;
    height: 28px;
    background-position: -248px -194px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    padding: 5px 0 0 0;
}

.large-button-barge, a.large-button-barge:link, a.large-button-barge:active, a.large-button-barge:visited {
    width: 148px;
    height: 33px;
    background-position: -170px -450px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    padding: 5px 0 0 0;
}

.large-button-barge:hover, a.large-button-barge:hover, .large-button-barge-blue {
    width: 148px;
    height: 33px;
    background-position: -323px -450px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    padding: 5px 0 0 0;
}
/*
#narrow-by {
    width: 191px;
    height: 40px;
    background-position: 311px -354px;
    clear: both;
}*/
.narrow-by{
    background-color: #024486;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 191px;
    text-indent: 10px;
    padding: 5px 0;
    position: relative;
}
.narrow-by:after {
    top: 100%;
    left: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #024486;
    border-width: 6px;
    margin-left: -6px;
}

.solid-background {
    background-color: #003366;
    width: 100%
}

.button-details, a.button-medium:link, a.button-medium:active, a.button-medium:visited {
    width: 110px;
    height: 27px;
    background-position: -139px -161px;
    cursor: pointer;
    border: none;
    font: bold 100% Tahoma;
    color: #ffffff;
    text-decoration: none;
    padding: 4px 0 0 0;
    text-align: center;
    text-shadow: 1px 1px 1px #3E3E3E;
}

.button-details:hover, a.button-medium:hover {
    width: 110px;
    height: 27px;
    background-position: -139px -193px;
    cursor: pointer;
    border: none;
    padding: 4px 0 0 0;
    text-align: center;
}

.bg-side {
    background-position: 0px 0px;
    height: 10px;
    width: 10px;
}

#logo {
    width: 213px;
    height: 55px;
    background-position: -200px -97px;
    cursor: pointer;
}

.ships_free {
    width: 70px;
    height: 30px;
    background-position: -105px -14px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

#remove_cart_item {
    color: #003366;
    font-size: 95%;
    text-decoration: no-underline;
    cursor: pointer;
}

#remove_cart_item:hover {
    color: #FF9900;
    text-decoration: underline;
    cursor: pointer;
}

#show_all_items {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

#show_all_items:hover {
    color: #FF9900;
    text-decoration: underline;
    cursor: pointer;
}

a.show_all_items, a.show_all_items:link, a.show_all_items:active, a.show_all_items:visited {
    color: #4D9CDD;
    text-decoration: none;
    cursor: pointer;
}

a.show_all_items:hover {
    color: #FF9900;
    text-decoration: underline;
    cursor: pointer;
}

.smaller, a.smaller:link, a.smaller:active, a.smaller:visited, div.smaller {
    color: #003366;
    font-size: 95%;
}

a.smaller:hover {
    color: #FF9900;
}

.twitter {
    width: 32px;
    height: 34px;
    background-position: -218px -10px;
    float: left;
    margin: 10px 10px 0 5px;
    cursor: pointer
}

.youtube {
    width: 32px;
    height: 34px;
    background-position: -255px -10px;
    float: left;
    margin: 10px 0 0 0px;
    cursor: pointer
}

.facebook {
    width: 32px;
    height: 34px;
    background-position: -180px -10px;
    float: left;
    margin: 10px 5px 0 0;
    cursor: pointer
}
.google-plus {
    width: 32px;
    height: 34px;
    background-position: -182px -45px;
    float: left;
    margin: 10px 10px 0 0px;
    cursor: pointer
}

.mailSignupIcon {
    width: 25px;
    height: 25px;
    background-position: -53px -670px;
    float: left;
    margin: 0 10px;
    cursor: pointer
}

.sign-up {
    width: 90px;
    height: 28px;
    background-position: -182px -228px;
    cursor: pointer;
    border: none;
    float: left;
    margin: 0 0 0 8px;
}

.sign-up:hover {
    width: 90px;
    height: 28px;
    background-position: -276px -228px;
    cursor: pointer;
    border: none;
    float: left;
    margin: 0 0 0 8px;
}

.login {
    width: 91px;
    height: 28px;
    background-position: -50px -160px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
}

.login:hover {
    width: 91px;
    height: 28px;
    background-position: -2px -446px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
}

.small_text {
    font-size: .8em;
    color: #232323;
    line-height: 1.4em;
}

a.list_nav:link, a.list_nav:active, a.list_nav:visited {
    font-size: 100%;
    color: #000000;
    text-decoration: none;
    line-height: 26px;
}

a.list_nav:hover {
    color: #FF9900;
    text-decoration: underline;
}

li.list_nav {
    list-style: none;
    color: #ff9900;
    background-image: none;
    margin: 0 1px 0 0;
    padding: 1px 0 1px 0;
    font-size: 90%;
}

ul.list_nav {
    margin: 2px;
    padding: 2px;
}

.order-status {
    width: 108px;
    height: 28px;
    background-position: -359px -160px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
}

.order-status:hover {
    width: 108px;
    height: 28px;
    background-position: -359px -196px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
}

.credit-cards {
    width: 205px;
    height: 68px;
    background-position: -3px -514px;
    margin: 15px 0
}

.submissions-orange {
    width: 196px;
    height: 55px;
    background-position: 2px -580px;
}

.submissions-blue {
    width: 196px;
    height: 53px;
    background-position: -205px -582px;
}

.submissions-heading {
    color: #ff9900;
    font-size: 130%;
    font-weight: bold;
    margin: 10px 0;
    border-bottom: solid 3px #ff9900;
}

.submissions-heading2 {
    color: #003366;
    font-size: 130%;
    font-weight: bold;
    margin-top: 10px;
    border-bottom:solid 3px #003366;

}

.grid-price {
    position: absolute;
    bottom: 0px;
    padding: 0 10px 10px 0;
    right: 50px;
}

.grid-column {
    border-right: solid 1px #D7D7D7;
    float: left;
    width: 30%;
    padding: 0 10px;
}

.add-comment {
    width: 19px;
    height: 18px;
    background-position: -106px -49px;
    float: right;
    margin: 5px
}

.header {
    font-size: 22px;
    color: #003366;
    font-weight: bold;
    margin: 0 0 15px 0;
    border-bottom:solid 5px #E7E7E7;
    line-height: normal;
    padding: 0 0 2px 0;
}

.header4 {
    font-size: 135%;
    font-weight: bold;
    color: #003366;
}

.review_label {
    margin: 10px;
    float: left;
    width: 150px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    padding-bottom: 10px;
}

.review_form_box {
    float: left;
    padding: 10px 0 15px 10px;
    width: 250px;
    text-align: left;
    border: 1px solid #CCCCCC;
    margin: 10px;
}

.submit-button {
    width: 90px;
    height: 27px;
    background-position: -209px -515px;
    cursor: pointer
}

.submit-button:hover {
    width: 90px;
    height: 27px;
    background-position: -209px -545px;
    cursor: pointer
}

.button-checkout {
    width: 149px;
    height: 30px;
    background-position: -299px -548px;
    cursor: pointer
}

.button-checkout:hover {
    width: 149px;
    height: 30px;
    background-position: -299px -516px;
    cursor: pointer
}

.button-continue {
    width: 106px;
    height: 29px;
    background-position: -369px -228px;
    cursor: pointer
}

.button-continue:hover {
    width: 106px;
    height: 29px;
    background-position: -384px -9px;
    cursor: pointer
}

.button-update {
    width: 90px;
    height: 27px;
    background-position: -292px -9px;
    cursor: pointer;
}

.button-update:hover {
    width: 90px;
    height: 27px;
    background-position: -292px -39px;
    cursor: pointer;
}

.box7_noTop {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.header6 {
    font-size: 110%;
    color: #595959;
}

.header3 {
    font-size: 115%;
    line-height: normal;
    padding: 2px;
    margin: 5px 0 5px 0;
    font-weight: bold;
    color: #ff9900;
    text-align: left;
}

.close_button {
    width: 55px;
    height: 15px;
    background-position: -258px -75px;
    float: right;
    cursor: pointer;
}

.black_close_button {
    width: 65px;
    height: 23px;
    background-position: -317px -75px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    margin: 15px;
    cursor: pointer;
}

.header5, a.header5, li.header5 {
    font-size: 105%;
    font-weight: bold;
    border-bottom: 1px dotted #A9A9A9;
    padding: 5px 0 5px 0;
}

.got_questions {
    width: 185px;
    height: 27px;
    background-position: 0 -636px;
}

.helpful_links {
    width: 116px;
    height: 27px;
    background-position: -189px -636px;
}

.enlarge_image {
    width: 92px;
    height: 23px;
    background-position: -389px -42px;
    margin: 5px 0 5px 2px;
    float: left
}

.box-shadow {
    width: 146px;
    height: 15px;
    background-position: -350px -642px;
    float: right;
}

.white, a.white:link, a.white:visited, div.white, a.white:active {
    color: #ffffff;
}

.dot {
    list-style-type: disc;
    font-weight: bold;
    color: #ff9900;
    background-image: none;
    font-size: 100%;
    border-bottom: dotted 1px #cccccc;
}

.size-110, a.size-110:link, a.size-110:active, a.size-110:visited {
    font-size: 14px;
    font-weight: bold
}

.left_blue {
    height: 37px;
    width: 9px;
    background-position: -402px -598px;
    float: left
}

.right_blue {
    height: 37px;
    width: 9px;
    background-position: -412px -598px;
    float: right
}

.category-menu-bottom {
    height: 16px;
    width: 185px;
    background-position: -311px -640px;
    margin-top: -3px
}

.menu-bottom {
    height: 17px;
    width: 452px;
    background-position: -1px -490px;
}

/*Search */
.search-text{
    color: #fff;
    font-weight: bold;
    margin: 3px 10px 0 0;
}
.search-container{
    display: inline-block;
    width: 90%;
    position: relative;
    top: 24px;
    left: 14px;
}

.search-background {
    background-position: 0 -396px;
    width: 470px;
    height: 50px;
    float: left;
}

.button-search {
    width: 50px;
    height: 35px;
    background-position: -433px -516px;
    float: right;
    border: none;
    margin: 8px 4px 0 0;
    background-color: #ff9900
}

.search-box {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 5px 0 0 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1) inset;
    clear: right;
    float: left;
    font-size: 18px;
    height: 40px;
    margin: 0;
    padding: 3px 1px 0px 10px;
    transition: border-color .5s ease 0;
    width: 80%;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    white-space:nowrap;
}
.search_button{
    color: #fff;
    border: none;
    background-color: #FFC403;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC403), to(#FF9900));
    background-image: -webkit-linear-gradient(top, #FFC403, #FF9900);
    background-image: -moz-linear-gradient(top, #FFC403, #FF9900);
    background-image: -ms-linear-gradient(top, #FFC403, #FF9900);
    background-image: -o-linear-gradient(top, #FFC403, #FF9900);
    background-image: linear-gradient(to bottom, #FFC403, #FF9900);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC403, endColorstr=#FF9900);
    float: right;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 15px;
    width: 60px;
    position:relative;
    left: -1px;
    border-top:1px solid #D69D48;
    border-bottom:1px solid #D69D48;
    border-right:1px solid #D69D48;
    box-shadow: 1px 1px 1px #ddd;
    height: 45px;
}
.search_button:hover{

}
.search-input-container{
    float: left;
    width: 60px;
    height: 40px;
}

.combo_box {
    color: #333333;
    font-weight: bold;
    float: left;
    line-height: 25px;
    height: 25px;
    border: solid 1px #ffffff;
    background-color: #ffffff;
}

.button-refine-search {
    background-position: -114px -197px;
    height: 24px;
    width: 25px;
    margin: 4px 5px 0 8px;
    cursor: pointer;
    float: right;
}

.grid {
    width: 26px;
    height: 25px;
    background-position: -260px -672px;
    float: left;
    margin: 0 5px 0 5px;
}

.list {
    width: 26px;
    height: 25px;
    background-position: -289px -672px;
    float: left;
    margin: 0 5px 0 5px
}

.detail {
    width: 26px;
    height: 25px;
    background-position: -319px -672px;
    float: left;
    margin: 0 5px 0 5px
}

.grid2 {
    width: 26px;
    height: 25px;
    background-position: -170px -672px;
    float: left;
    margin: 0 5px 0 5px;
    z-index: 2
}

.list2 {
    width: 26px;
    height: 25px;
    background-position: -199px -672px;
    float: left;
    margin: 0 5px 0 5px;
    z-index: 2
}

.detail2 {
    width: 26px;
    height: 25px;
    background-position: -229px -672px;
    float: left;
    margin: 0 5px 0 5px;
    z-index: 2
}

.inline {
    display: inline;
    background-image: none;
}

li.inline {
    padding: 0 2px 0 0;
}

ul.inline {
    margin: 2px;
    padding: 2px;
}

.button-see-products {
    background-position: -382px -68px;
    width: 120px;
    height: 30px;
    float: right;
    margin: 0 0 5px 10px
}

.button-see-products:hover {
    background-position: -388px -366px;
    width: 120px;
    height: 30px;
    float: right;
    margin: 0 0 5px 10px
}

.table_header_light {
    background-color: #E5E5E5;
    padding: 10px 8px 10px 8px;
    font-weight: bold;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF !important;
    color: #3F3F3F;
    font-size: 12px;
}

.table_header_dark {
    background-color: #efefef;
    color: #000000;
    padding: 5px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-right: solid 1px #CCCCCC;
    font-size: 12px;
}

.table_cell_dark {
    background-color: #efefef;
    color: #000000;
    padding: 5px;
    border-bottom: solid 1px #FFFFFF;
    border-right: solid 1px #CCCCCC;
}

.diagram {
    background-position: -349px -668px;
    height: 32px;
    width: 151px;
    float: right;
    margin: 0 10px 5px 15px;
    cursor: pointer
}

.simple-tab {
    cursor: pointer;
    float: left;
    padding: 5px;
    border: solid 1px #CCCCCC;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px
}

.leaves-warehouse {
    border: solid #CCCCCC 2px;
    padding: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.arrow {
    background-position: -10px -60px;
    width: 6px;
    height: 8px;
}

.menu_list {
    background-image: none;
    border-bottom: solid 1px #002B55;
}

.menu_link, a.menu_link:link, a.menu_link:active, a.menu_link:visited {
    color: #003366;
    text-decoration: none;
    font-size: 100%;
    padding: 0 0 0 5px;
}

a.menu_link:hover {
    color: #FF9900;
    text-decoration: underline;
}

.ship-methods {
    height: 21px;
    width: 52px;
    background-position: -108px -676px;
    float: left;
    margin: 3px 5px 0 0;
    cursor: pointer
}

.bbb {
    width: 69px;
    height: 38px;
    background-position: -95px -447px;
    margin: 15px 0
}

.remove, a.remove, a.remove:active, a.remove:visited, a.remove:hover {
    margin: 0 5px 0 0;
    color: #003366;
    font-size: 92%;
    padding: 0 2px 0 2px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: -7px;
}

.exploded-view {
    background-position: -84px -676px;
    width: 20px;
    height: 20px;
    float: left
}

.hide {
    display: none;
}

.hover_highlight:hover {
    color: #FF9900;
    text-decoration: underline;
}

.down_arrow {
    height: 10px;
    width: 9px;
    background-position: -86px -12px;
    float: left;
    margin: 10px 0 0 8px
}

.blue-border {
    border: solid 2px #4D9CDD;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.tool-link-border {
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    padding: 5px 0 5px 0;
    margin-left: 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    float: right
}

.left-nav-block {
    background-color: #FF9900;
    color: #ffffff;
    padding: 10px 0 10px 10px;
    font-size: 110%;
    line-height: normal;
    display: block;

}

.gradient {
    filter: none;
}

.grey_outline_box {
    border: solid #CCCCCC 2px;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.grey_gradient {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-8 */

}

.grey-container {
    background: #ebebeb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ebebeb 3%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #ebebeb), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebebeb 3%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebebeb 3%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebebeb 3%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #ebebeb 3%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0); /* IE6-8 */

    font-size: 90%;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    color: #003366;
}

.filter-heading {
    background: #019DD6;
    background-color: #019DD6;
    color: #ffffff;
    padding: 8px 0 8px 10px;
    font-size: 95%;
    display: block;
    font-weight: bold;
}

.large-thick-font {
    font-size: 18px;
    color: #003366;
    margin-bottom: 10px;
    line-height: 20px;

}

.large-thin-font {
    /*text-shadow:1px 0px 1px #cccccc;*/
    font-size: 26px;
    color: #003366;
    margin-bottom: 10px;
    line-height: 28px;

}

.medium-thin-font {
    /*text-shadow: 0px 0px 1px #cccccc;*/
    font-size: 20px;
    color: #ff9900;
    margin-bottom: 10px;
    line-height: 28px;

}

.unit_box {

    background-color: #f7f7f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-8 */
    padding: 10px 0 10px 10px;
    margin: 10px 0 10px 0;
    border: solid 1px #cccccc;
    width: 137px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#promoArea.shipping {
    position: relative;
    background: #019DD6;
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.15em;
    padding: 0.25em 1em 0.4em;
    text-align: center;
    margin: -15px 0 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#promoArea.shipping a {
    display: inline-block;
    margin-left: 1em;
    margin-top: -8px;
    font-size: 75%;
    letter-spacing: 0;
    line-height: 75%;
    color: white;
}

#promoArea.shipping,
#promoArea.shipping .equation,
#promoArea.shipping a,
#promoArea.shipping a:hover,
#promoArea.shipping a:visited,
#promoArea.shipping a:active {
    color: white;
}

#promoArea.shipping .equation {
    display: inline-block;
    margin-right: 1em;
    margin-top: -0.5em;
}

.ua-ie-8 #promoArea.shipping .equation,
.ua-ie-7 #promoArea.shipping .equation,
.ua-ie-6 #promoArea.shipping .equation,
.ua-ie-5 #promoArea.shipping .equation {
    display: none;
}

#promoArea.tighter {
    font-size: 21px;
    padding: 0.25em 1em;
}

.site-sprite-icon                   { width: 30px; height: 30px; }
.site-sprite-icon-cube-white        { background-position: 0      -700px; }
.site-sprite-icon-truck-white       { background-position: -30px  -700px; }
.site-sprite-icon-nocharge-white    { background-position: -60px  -700px; }
.site-sprite-icon-cube-blue         { background-position: -90px  -700px; }
.site-sprite-icon-truck-blue        { background-position: -120px -700px; }
.site-sprite-icon-nocharge-blue     { background-position: -150px -700px; }

#promoArea .site-sprite-icon {
    position: relative;
    top: 0.4em;
    display: inline-block;
}

/* NEW STYLES */

/* general styles */
.brand{
    color: #003366;
}
.general-header{
    margin: 12px 0;
    color: #969696;
}
.extra-small{
    font-size: 75%;
}
.small{
    font-size: 85%;
}
.medium{
    font-size: 100%;
}
.large{
    font-size: 110%;
}
.x-large{
    font-size: 120%;
}

.go_left{
    float: left;
}
.go_right{
    float: right;
}
.main_button{
    font-size: 14px;
    border: 1px solid #D69D48;
    -webkit-border-radius: 3px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 6px 40px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FFC403;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC403), to(#FF9900));
    background-image: -webkit-linear-gradient(top, #FFC403, #FF9900);
    background-image: -moz-linear-gradient(top, #FFC403, #FF9900);
    background-image: -ms-linear-gradient(top, #FFC403, #FF9900);
    background-image: -o-linear-gradient(top, #FFC403, #FF9900);
    background-image: linear-gradient(to bottom, #FFC403, #FF9900);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC403, endColorstr=#FF9900);
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13)
}
.minor_button{
    text-shadow: none;
    color: #444444;
    background-color: #CDCDCD;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#CDCDCD));
    background-image: -webkit-linear-gradient(top, #fff 2%, #F9F9F9 5%, #CDCDCD 39%);
    background-image: -moz-linear-gradient(top, #fff 2%, #F9F9F9 5%, #CDCDCD 39%);
    background-image: -ms-linear-gradient(top,#fff 2%, #F9F9F9 5%, #CDCDCD 39%);
    background-image: -o-linear-gradient(top, #fff 2%, #F9F9F9 5%, #CDCDCD 39%);
    background-image: linear-gradient(to bottom, #fff 2%, #F9F9F9 5%, #CDCDCD 39%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC403, endColorstr=#B8B8B8);
    border: solid 1px #bbb;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
}

.main_button:hover {
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.71);
}
.main_button:link,.main_button:active,.main_button:visited, .main_button:hover{
    color: #fff;
    text-decoration: none;
}
.minor_button:hover {
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.71);
    color: #444;
}
.main_button_small{
    padding: 3px 18px;
}
.main_button_extra_small{
    padding: 3px 6px;
}
.site_page .main_button{
    margin: 5px 0;
}
.main_table{
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.main_table_bordered, .main_table_bordered td, .main_table_bordered th{
    border: solid 1px #ccc;
}
.main_table th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    text-align: left;
    background-color: #f5f5f5;
}
.main_table th, .main_table td {
    padding: 8px;
}
.main_table.no_border td, .main_table.no_border th {
    border: none;
}
.btn_to_link{
    border: none;
    background: none;
    color: #003366;
    text-decoration: underline;
}

.plain_table th{
    background-color: #fff;
    border-bottom: none;
    text-align: center;
}
.plain_table th, .plain_table td{
    padding: 4px;
}

.clear{
    clear: both;
}
.clear:before, .clear:after{
    display: table;
    content: '';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.floatContainer{
    width: 100%;
    display: inline-block;
}
.box{
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.box-default{
    border-color: #cacaca;
}
.box-heading{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.box-default>.box-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #cacaca;
}
.box-body{
    padding: 15px;
}
.box-title{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.margin_bottom_md{
    margin-bottom: 10px !important;
}
.margin_top_md{
    margin-top: 10px !important;
}
.margin-left-right{
    margin-left: 10px;
    margin-right: 10px;
}
.margin-left-right-lg{
    margin-left: 20px;
    margin-right: 20px;
}
.margin-md{
    margin: 10px;
}
.align-center{
    text-align: center !important;
}
.align-right{
    text-align: right !important;
}
.align-left{
    text-align: left !important;
}
.good_note{
    background: rgb(214, 239, 222);
    border: solid 1px rgb(189, 215, 190);
    color:rgb(72, 105, 73);
    border-radius: 6px;
    padding: 9px;
    margin: 10px 0;
}
.warining_note{
    background: #f2dede;
    border: solid 1px #E89E9E;
    color: #963636;
    border-radius: 6px;
    padding: 9px;
    margin: 10px 0;
}
.form-display {
    padding: 2px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.qty-text-box{
    padding: 0;
    text-align: center;
    position: relative;
    top: 4px;
}
.select-form-display{
    height: 26px;
}
.form-horiz-group:before, .form-horiz-group:after{
    display: table;
    content: '';
    clear: both;
}
.form-horiz-group, .form-group{
    margin-bottom: 5px;
}
.form-horiz-group .label{
    width:30%;
    padding: 3px 7px 0 0;
    margin-bottom: 0;
    text-align: right;
    float: left;
    display: inline-block;
    font-weight: 700;
}
.form-group .label{
    display: inline-block;
    font-weight: 700;
}
.qtr-col{
    width: 24.5%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.half-col{
    width: 49.5%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.third-col{
    width: 31%;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.three-qtr-col{
    width: 63.5%;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.long_side{
    width: 78%;
}
.short_side{
    width: 20%;
}
.grid-row {
    border-bottom: solid 1px #cccccc;
    position: relative;
    min-height: 400px;
}
#greeting{
    margin: 10px 0 5px 20px;
    color: #595959;
    white-space: nowrap;
    font-weight: normal;
}
/*CART*/
.cart_tabulator{
    border-top: none;
    width: 75%;
    margin-top: -11px;
}

/*Pop Up dialog*/

.popup{
    width: 350px;
}
/*Checkout*/
.shipping_tabulator{
    border-top: none;
    width: 49%;
    margin-top: -11px;
}
#checkout-page .form-display, #updateBillingForm .form-display{
    max-width: 200px;
}


/*Shopper Approved */

table#sv_survey{
    background-color: transparent;
}
/*header*/
#top-header{
    width: 100%;
    /*margin: auto;
    display: inline-block;*/
    background-color: #fff;
}
/*Search Results*/
.search-results-bg{
    background: #F0F0F0;
    padding: 5px 0 5px 0;
    border-radius: 6px;
    margin-bottom: 5px;
}
ul.search-breadcrumb,.search-breadcrumb > li{
    display: inline;
    list-style: none;
    background: none;
    padding: 0;
}
.search-breadcrumb a.bread_link{
    color: #ff9900;
    font-weight: bold;
}


.nav-heading-links {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 0 10px;
    border-right: solid 1px #6493D0;
}
a.nav-heading-link:hover, a.nav-heading-link:link, a.nav-heading-link:active, a.nav-heading-link:visited{
    color: #fff !important;
    text-decoration: none;
}
.nav-heading-links:hover{
    background-color: rgb(16, 83, 142);

}
#top-banner{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,eaeaea+100 */

    background: #efefef; /* Old browsers */

    background: -moz-linear-gradient(top,  #efefef 0%, #eaeaea 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top,  #efefef 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom,  #efefef 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */


    border-bottom: 1px solid #ccc;
    padding: 0 0;
    font-weight: bold;
    color: #004993;
}
#searchBox{
    width: 60%;
}
#footer{

    background: -moz-linear-gradient(top, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.72) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.72) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    copy


}