@charset "UTF-8";
/* CSS Document */

/* general styling */
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color:#666;
}
h3 {
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    line-height: 1em;
}
a {
    text-decoration: none;
    color: #666666;
}
li {
    list-style-type: none;
}
/* clearing floats after <li> */
#clear-float {
    clear: both;
}
/* TOP-BAR */
#top-line {
    border: 1px solid #cccccc;
}
#topBar-left {
    margin:0 5px !important;
}
#topBar-left li {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
#topBar-left ul li a:hover{text-decoration: underline;} 
#topBar-right ul li a:hover{text-decoration: underline;}

#topBar-left li span {
    font-weight:bold;
    padding-left: 10px;    
}
#topBar-right li {
    float: right;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    margin-right: 0px;
    margin-left: 15px;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
#topBar-right li img {
    display:inline !important;
    float:left;
}
.cart span {
    color: #339999;
    float:right;
}
a.cart {display:inline;margin-right:5px;}
/* LOGO-BAR */
#searchHeader {
    float: right;
}
#logo {
    padding-top: 23px;
}
#searchBar {
    padding-top: 16px;
}
/* SEARCH-BOX */
#tfheader{
        background-color:#ffffff;
    }
    #tfnewsearch{
        float:right;
        
    }
    .tftextinput4{
        margin: 0;
        padding: 6px 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#666;
        border:1px solid #e1e1e1; border-right:0px;
        border-top-left-radius: 5px 5px;
        border-bottom-left-radius: 5px 5px;    
        float:left;
        display:inline-block;
    }
    .tfbutton4 {
        margin: 0;
        padding: 0;
        width:30px;
        height:30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        border: solid 1px #e1e1e1; border-right:0px;
        border-top-right-radius: 5px 5px;
        border-bottom-right-radius: 5px 5px;
        background: #e1e1e1;
        float:left; display:inline-block;
    }
    /* Fixes submit button height problem in Firefox */
    .tfbutton4::-moz-focus-inner {
      border: 0;
    }
    .tfclear{
        clear:both;
    }
/* NEW  SEARCH-BOX */    

#tfheader .textfield{ width:312px; display:inline-block; float:right; border: solid 1px #cccccc; border-radius:5px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#cccccc;
 background:url(../images/website/searchBox-icon.png) no-repeat 9px 12px; padding:13px 5px 14px 39px; outline:none;}
    
/* search by item # or keywords radion buttons */

#searchBy {
    text-align: right;
    color: #666666;
    padding-top: 10px;
    /*padding-left: 140px;*/
}
#searchBy br {
    display:none
}
    
/* NAV MENU */
#nav {
    background: #339999;    
}
#nav_wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;    
    background: #339999;    
}
#nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 12px;
    float:left; display:inline-block;background: #339999;     width:100%;
    z-index:999;
}
#nav ul li {
    display:block !important;
    margin-left: 0;
    padding-left: 0;
    float:left;
}
#nav .menu li:hover {
    background-color: #2f8b8b;
    display:block;
}
#nav .submenu li:hover {
    background-color: #2f8b8b;    
    
}
#nav ul li a,visited {
    color: #ffffff;
    display: block;
    padding: 7px;
    text-decoration: none;

}
#nav ul li a:hover {
    color: #ffffff;
    text-decoration: none;

}
#nav ul li:hover ul {
    display: block;    
}
#nav ul ul {
    display: none;
    position: absolute;
    background-color: #339999;
    min-width: 130px;
    width:auto !important;
    float:none !important;
    
}
#nav ul ul li {
    display: block !important;
    float:none !important; width:100%; 
}
#nav ul ul li a{ display:block !important;}
.nav_min{ min-width:186px !important; }

/* TOP-BAR-BANNER */
#top-barBanner {
    padding-bottom:5px;
    width:960px; 
    display:block;
    margin:0px auto -5px auto;
}
#bottom-barBanner {
    width:960px; 
    display:block;
    margin-top:20px;;
}
#cat-barBanner {
    padding-bottom:5px;
    width:960px; 
    display:block;
}
#min_order {width:960px; background-color:#555;text-align:center;margin-top:-15px;padding:5px 0;}
#min_order p {color:#fff; margin:2px auto;display:inline;}

#banner_lft{ display:inline-block; margin:0 1px 0 0; float:left;}
#banner_mid{ display:inline-block; margin:0; float:left;}
#banner_rgt{ display:inline-block; margin:0; float:right;}

#top-barBanner img{ margin:0; display:block;}
.main_content{}
/* PRODUCT NAV */
/* styling product images */

.product-nav-image img {
    display: block;
    margin: 0 auto;
}
.see-all {
    text-decoration: underline;
    color: #666666;
}
.see-all span {
    font-size: 12px;
}
p.see-all {
    position:absolute;
    bottom:-10px;
    padding-left:50px;    
}
.product-nav-text-color {
    color: #666666;
}
.product-nav-text li {
    text-align:justify;
    display:block;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>)
}
.product-nav-text {
    position:relative;
    padding-top: 15px;
    padding-bottom:15px;
}
.product-nav-text ul li a:hover {
    text-decoration: underline;
}
.product-nav-image-small {
    border: 1px solid #e1e1e1;
    height: 40px;
    width: 40px;
}
.product-nav-image-small:hover {
    border:1px solid #339999;
}
.product-nav-small {
    float:left;
    width:40px;
    margin:0 1px;
    text-align:center;
    font-size:12px;
    display:block;
}
.product-nav-small img {
    width:40px;
    height:40px;
}
.product-nav-text-small { 
    white-space: nowrap;
    overflow: hidden;
    font-size:10px;
    padding-top:0;
     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);
}
.main_content_catnav .fieldsetBox {
    display:block;
    width:auto;
    height:55px;
    float:left;
    padding:3px 4px 3px 2px;
    margin-right:20px;
    position: relative;
}
.main_content_catnav .fieldsetBox:after {
    content: url("../Images/STAWebsite/nav-arrow.png");
    position: absolute;
    top: 15px;
    right: -19px;
}
.main_content_catnav .fieldsetBox:last-child:after {
    content:"";
}
.fieldsetBox span {
    display:inline-block;
}
.main_content_catnav {
    display:block;
    width:100%;
    float:left;
    margin-bottom:25px;
    position: relative;
    top: -15px;
}
.main_content {
    display:block;
    width:100%;
    float:left;
}
.main_content_catnav .fieldsetBox br {
    display:none;
}

.product-nav-image-small-selected {
    border: 1px solid #339999;
    height: 40px;
    width: 40px;
}
#screenshot{
    position:absolute;
    border:2px solid #339999;
    background:#333;
    padding:5px;
    display:none;
    color:#000;
    background-color:#fff;
    max-width:100px;
    text-align:center;
    font-size:10px;
    line-height:100%;
    }

                            /* BAR-BANNER-BOTTOM */
/* BLACKBAR */
#blackBar li {
    float: left;
    color: #ffffff;
}
.left {
    padding-top: 7px;
}
.right {
    padding-top: 7px;
}
/* FOOTER NAV */
.footer-nav-text {
    color: #666666;
}
#footer-nav {
    padding-top: 16px;
}
#footer-nav li {
    margin-left: 0px;
    padding-left: 0px;
}
#footer-nav ul li a{}
#footer-nav ul li a:hover{ text-decoration:underline;}
/* WEBSITE NETWORK */
#website-Network-text {
    color: #000000;
    text-align: center;
    padding-top: 40px;
}
.network-logo img {
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}
/* box around network logos */
.network-logo {
    height: 53px;
    width: 150px;
    border: 1px solid #e1e1e1;
}

/* CREDIBILITY */
.credibility-header {
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 2px;
    text-align:right;
    display:block;
}

.shop{ text-align:left !important; display:block;}
/*.credibility-border {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding-top: 55px;
    margin-bottom: 17px;
}*/
.credibility-border2{ width:589px !important; border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding-top: 55px;
    margin-bottom: 17px; }
.credibility-border1{ width:269px !important; border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding-top: 55px;
    margin-bottom: 17px; }    
    
.footer-badges {
    border: 1px solid #cccccc;
}

.payments            { 
    width:960px;
    display:block;
      margin:55px auto 0;}
.payments_lft        { 
        width:270px; 
        display:inline-block;
         float:left; margin:0;}
.payments_lft h3    { 
    width:270px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px;
    font-weight:bold; 
    color:#666;
    display:block; 
    margin:0; 
    padding:0 0 3px 0;
    border-bottom: solid 2px #e1e1e1;
}
.payments_lft ul    { 
    display:inline-block;
     margin:17px 0 0 0;
}
.payments_lft ul li{ 
    width:108px;
    margin:0 50px 0 0 ; 
    float:left; 
    display:inline-block; 
}
.payments_lft ul li a{
     display:inline-block;
}

.payments_rgt        { 
    width:550px; 
    display:inline-block; 
    float:right; 
    margin:0;
}
.payments_rgt h3    { 
    width:550px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:bold; 
    color:#666666; 
    display:block; 
    margin:0; 
    padding:0 0 3px 0; 
    border-bottom: solid 2px #e1e1e1;}
.payments_rgt ul    { 
    display:inline-block; 
    margin:17px 0 0 0;
}
.payments_rgt ul li{ 
    width:108px; 
    margin:0 36px 0 0; 
    float:left; 
    display:inline-block; 
    border: solid 1px #e1e1e1;
}
.payments_rgt ul li a{ 
    display:inline-block;
}

.last1                    { margin:0 !important;}
/* COPYRIGHT */
#footer-links li {
    float: left;
    font-size: 10px;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 4px;
    padding-top: 38px;
}
#footer-links ul li a:hover{text-decoration: underline;}
#copyright li {
    float: left;
    padding-top: 38px;
}
#copyright-right {
    padding-top: 54px;
    font-size: 10px;
    color: #333333;
}
#copyright {
    font-size: 10px;
    color: #333333;
    padding-top: 3px;
}


@font-face {
    font-family: 'HelveticaBold';
    src: url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/Helvetica-Bold/helvetica-bold.eot');
    src: url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/Helvetica-Bold/helvetica-bold.eot') format('embedded-opentype'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/Helvetica-Bold/helvetica-bold.woff') format('woff'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/Helvetica-Bold/helvetica-bold.ttf') format('truetype'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/Helvetica-Bold/helvetica-bold.svg#HelveticaBold') format('svg');
}

@font-face {
    font-family: 'HelveticaNormalRegularRegular';
    src: url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/helvetica-normal/helvetica-normal.eot');
    src: url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/helvetica-normal/helvetica-normal.eot') format('embedded-opentype'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/helvetica-normal/helvetica-normal.woff') format('woff'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/helvetica-normal/helvetica-normal.ttf') format('truetype'),
url('../../../../../../../../../../private/var/folders/ly/p84s4ylj43jg_yf2k6l2lg2w0000gn/T/fonts/helvetica-normal/helvetica-normal.svg#HelveticaNormalRegularRegular') format('svg');
}

/* ------------------------ INNER1 CONTENT HERE --------------*/
.last                                    { margin:106px 0 123px 0 !important;}
.inner1_container                        { margin:0 auto; display:block; }
.inner1_container h1                    { margin-bottom:0; }
.inner1_top_nav                            { margin:0; display:block;}
.inner1_top_nav ul                        { display:inline-block; margin:0; padding:11px 0 0 12px;}
.inner1_top_nav ul li                    { float:left; display:inline-block; margin:0; }
.inner1_top_nav ul li a                    { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#cccccc; display:block;  margin:0 6px 0 0;}
.inner1_top_nav ul li a:hover,.inner1_top_nav ul li a.active{ text-decoration:underline; color:#999999;}
.inner1_top_nav ul li                    { float:left; display:inline-block; margin:0;}
.inner1_container h6                    { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#cccccc; display:block; padding:11px 0 0 12px; margin:0 !important;}
.inner1_container h6 a                    { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999; display:inline-block;}
.inner1_container h6 a:hover            { text-decoration:underline;}
.inner1_container h4                    { font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#999999; display:block; margin:10px 0 0 9px !important;}
.inner1_products                        { width:960px; display:block; margin:0 auto;}
.inner1_products ul                        { display:inline-block; margin:40px 0 45px 0;}
.inner1_products ul li                    { width:220px; display:inline-block; float:left; margin:0 10px 0 10px !important;}
.inner1_products ul li img                { display:block; margin:0 auto; border: solid 1px #e1e1e1;}
.inner1_products ul li h3                { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#666; display:block; margin:0; padding:21px 0 9px 0; letter-spacing:0px; line-height:20px;}
.inner1_products ul li span                { font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px; font-weight:normal; color:#666; display:block; margin:0; padding:0; line-height:17px;}
.inner1_products ul li  a                {  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; display:inline-block; margin:0; padding:0; line-height:16px; text-decoration:underline;}
.inner1_products ul li  a:hover            { text-decoration:none;}

.inner_container2                        { width:960px; margin:0; display:block; border: solid 1px #e1e1e1; padding:0 0 9px 0;}
.inner_container2 h3                    { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#666; display:inline-block; float:right; padding:7px 10px 0 0; margin:0; letter-spacing:0.3px;}
.inner_container2 h3 a                    { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#666; display:inline-block; text-decoration:underline; padding:0; margin:0;}
.inner_container2 h3 a:hover            { text-decoration:none;}
.inner_container2 h4                     { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#666; display:inline-block; float:left; padding:2px 0 0 10px; margin:0; letter-spacing:0.3px;}
.inner_container2 h4 a                    { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#666; display:inline-block; padding:0; margin:0; text-decoration:underline;}
.inner_container2 h4 a:hover            { text-decoration:none;}

/* ------------------------ INNER1 CONTENT ENDS --------------*/

/* ------------------------ INNER2 CONTENT HERE --------------*/

.main_product_lft                            {  display:inline-block; float:left; margin:20px 0 0 0; padding:0;}


.main_product_lft_top                        { width:170px; display:block; margin:0;}
.main_product_lft_top     img                { display:block; margin:0;}
.main_product_lft_top span                { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; font-style:italic; color:#ccc; display:block; line-height:90%; text-align:center;}
.prodimagenote                { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; font-style:italic; color:#ccc; display:block; line-height:90%; text-align:center;}
.product_info                            { display:block; margin:0px 0 0 0; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; padding:0 0 15px ;}
.product_info .function_info { padding: 0 10px; }
div .product_info h4.active { border: 1px solid #339999; border-bottom: 2px solid #339999; }
div .product-info-tab-wrapper h4.active { border: 1px solid #a0a0a0; color: #fff; background: #339999; border-bottom: 2px solid #339999; }
.product_info p                            { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666; display:block; padding:0 0 14px 6px; line-height:20px; letter-spacing:0.5px; margin:0 !important;}
.product_info p a                        { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#339999; text-decoration:underline;}
.product_info p a:hover                { text-decoration:none;}
.product_info h5                        { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666; display:block; margin:16px 0 0 5px!important; letter-spacing:0.6px;}
.product_info h5 a                        { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#339999; text-decoration:underline;}
.product_info h5 a[href$=".pdf"]:after {
    padding: 2px;
    content: url(/images/website/pdf-icon.png);
    vertical-align: sub;
}
.product_info h5 a:hover                { text-decoration:none;}
.product_info .datatable {
    max-width: 100%;
    margin-top: 20px;
}
    .product_info .datatable .header {
        padding: 0 20px 0 0;
    }

    .product_info .datatable.functions_list td:not(:last-child) {
        padding: 0 15px 0 0;
    }
.product_header                            {border-bottom:1px solid #e1e1e1;}
.product_rgt                            { width:calc(100% - 200px); display:inline-block; margin:20px 0 0 10px; padding:0 0 49px 0;}
.product_rgt .product-catalog-cut-link { float:left;}
.product_rgt .product-catalog-cut-link:after{
    padding: 2px;
    content: url(/images/website/pdf-icon.png);
    vertical-align: sub;
}
.product_rgt .email-product-link {
    margin: 15px 0 0;
}
.main_product_rgt                            { display:block; border:solid 1px #e1e1e1;}
.main_product_rgt_top                        { width:auto; display:block; margin:0;}
#ctl00_lmPlaceHolder_lmProductFormView_lmProductDetails_lmEmailProduct                        {float:right;padding-right:20px;}
.main_product_rgt_top h4                    { width:702px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333; text-transform:uppercase; display:block; padding:8px 0 7px 9px;
border-bottom:solid 1px #e1e1e1; margin:0 0 23px 0 !important;}
.main_product_rgt_top ul                    { display:block; margin:0 0 0 11px;}
.main_product_rgt_top ul li                { display:block; margin:0;padding:5px 0;}
.main_product_rgt_top ul li p                { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666; display:block; margin:0 !important; line-height:22px; letter-spacing:0.4px;}
.main_product_rgt_bot                        { width:710px; display:block; margin:0;border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1;}
.main_product_rgt_bot h5                    { width:166px; display:block; background:url(../images/website/inner2_brass_bg.png) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-align:left; margin:0 0 33px 0; padding:5px 0 5px 9px; letter-spacing:0.2px;}
.list_items_lft                            { width:170px; display:inline-block; float:left; margin:0;}
.list_items_lft span                    { font-family:Arial, Helvetica, sans-serif; font-size:14px !important; font-weight:normal; color:#666; display:inline-block; padding:0 0 0 43px;}
.list_items_mid                            { width:310px; display:inline-block; float:left; margin:0;}
.list_items_mid ul                        { display:inline-block; margin:0 0 4px 4px; float:left;}
.list_items_mid ul li                    { width:172px; display:block; margin:0 0 10px 0;}
.list_items_mid ul li .check            { margin:4px 0 0 0 !important; display:inline-block; float:left; }
.list_items_mid ul li p                    { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666; display:inline-block; margin:0 !important; padding:0 0 0 10px; letter-spacing:0.4px; line-height:21px;}
.list_items_mid ul li small                { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#339999; display:block; margin:0 !important;}
.list_items_rgt                            { width:53px !important; display:inline-block !important; margin:0 0 0 70px !important;}

.list_bot                                { display:inline-block; float:right;}
.list_bot b                                { color:#6E6E6E;}
.list_bot input                            { width:55px; display:inline-block; text-align:center; margin:36px 0 0 0; border:solid 1px #999; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#333; padding:6px 1px 4px 1px; border-radius:2px; outline:none;}
.list_bot .scoreplus                    { width:219px; background:#339999; border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#fff; padding:17px 0 15px 0; display:inline-block;float:left; text-align:center; margin:25px 0 0 1px; cursor:pointer;}
.email-product .send-email-btn{background:#339999;}
.default-text-color{color:#339999 !important;}
.list_bot .scoreplus:hover                        { background:#2f8b8b;}
.live_chat                                { width:297px; display:inline-block; margin:0 -2px 0 0; float:left; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1;  border-left:solid 1px #e1e1e1;  border-right:solid 1px #e1e1e1; padding:0 0 10px 0;}
.live_chat span                            { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#999999; background:url(../images/website/inner2_phone_icon.png) no-repeat left center; float:left; display:inline-block; margin:10px 0 0 14px; padding:0px 0 3px 35px;}
.live_chat a                            { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#999999; background:url(../images/website/inner2_chat_icon.png) no-repeat left center; display:inline-block; float:right; margin:10px 0 0 14px; padding:0px 0 3px 33px ;}
.live_chat a:hover                        { text-decoration:underline;}
.product_rgt strong                        { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; display:block; text-align:right; padding:0 2px 0 0; letter-spacing:0.2px; 
margin:3px 0 0 0;}

.large_qunt                                { width:960px; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; display:block; margin:0; }
.large_qunt h3                            { width:229px; display:block; background:url(../images/website/large_quanity_bg.png) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-align:left; margin:0 0 28px 0; padding:8px 0 9px 10px; letter-spacing:0.2px;}
.large_qunt h2                            { font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#666666; text-align:center; display:block; padding:0 0 0 0;}


/* ------------------------ INNER2 CONTENT ENDS --------------*/




/*Original css*/
/*Begin general*/
.showunderline{
    color:#339999;
    text-decoration:underline;
}

.showunderline hover{
    color:#339999;
    text-decoration:underline;
}


.txt p{
    margin-bottom:7px;
    line-height:21px;
}
.txt em{
    color:#666;
}

.txt2{
    color:#666;
    display:block;
    margin-bottom:20px;
}
.txt3{
    color:#666;
    display:block;
    margin-bottom:0px;
}

.txtlist
{
    font-size: 11px;
    display:block;
    margin-bottom:0px;
}

.txtorange
{
    color:#666;
    margin-bottom:0px;
}


.txtsitecolor
{
    color: #339999;
}
.searchOptInputBtn label button {
    background: #339999 none repeat scroll 0 0;
}
.txtsitecolorbold
{
    color: #339999;
    font-weight: bold;
}

.txtsitecolorunderline
{
    color: #339999;    
    text-decoration:underline;
    font-weight: bold;
}

.txtred
{
    color:#ff6666;
    margin-bottom:0px;
}
.txtstock
{
    display:block;
    margin: 10px 0 0 5px;
    font-size: 11px;
}
/*.txtnonstock,
.fieldsetBox span.txtnonstock
{
    display:block;
    margin:10px 0 0 5px;
    font-size: 11px;
}*/

.note
{
    font-size: 11px;    
}

.paddednote
{
    color: #339999;
    font-size: 11px;    
    font-style: italic;
    font-weight:bold;
    padding: 5px 0 5px 2px;
}

.notered
{    
    font-size: 11px;
    color:red;
}

.notegreen
{
    font-size: 14px;    
    float:right;
    color:#339999;
    padding-bottom: 20px;
}

.txtbold 
{
    font-weight: bold;
}
/*End General*/


/*Begin template.master*/
#wrap{
    width:950px;
    margin:0 auto;
    text-align:left;
}

#wrap {
    width: 98%;
    max-width: 950px;
}

#wrap .leftbox3 {
    width: 95%;
    max-width: 960px;
    min-width: 283px;
    /*overflow: auto;*/
}

#wrap .ordersummaryhead {
    width: 48%;
    padding: 8px 1%;
}

#wrap .lefttable {
    max-width: 939px;
    width: 100%;
    /*min-width: 470px;*/
}

#wrap .ordertable2 {
    max-width: 939px;
    width: 100%;
}

.leftbox3 #PrintArea6 {
    overflow: auto;
}

#mainbody{
    /*width:950px;
    overflow:hidden;
    clear:both;*/
}

.leftcon{
    font-size:13px;
    padding: 10px 10px 10px 0px;
    margin-left:0;
    overflow:hidden;
    margin-bottom:10px;
}

.leftcon table tr td img {
    margin-left:0px;
}

.leftcon h2{
    color: #339999;
    font-size: 21px;
}

.leftcon a,
.conleft a {
    margin: 10px 0px 0 0;
    color:#339999;
    text-decoration:underline;
}
.leftcon a:hover{
    text-decoration:underline;
}
.cramtail ul {
    margin-bottom:0px;
}
.cramtail {
    width:960px;
    /*border-top:1px dashed #e5e5e5;    
    border-bottom:1px dashed #e5e5e5;*/
    padding: 10px 10px 0 0;
    background:#fff;
    font-size:13px;
    color:#000000;
    margin: 0 0 0 0;
}

.cramtail {
    padding:0px;
    line-height:25px;
    font-weight:bold;
    color:#828282;
    margin:5px 0 5px 0px;    
    overflow:hidden;
}

.cramtail a{
    margin: 10px 0px 0 0;
    color:#339999;
    text-decoration:underline;
}

.cramtail strong{
    color:#000000;
    font-size:12px;
    float:left;
    
}

.cramtailPathSeparator
{
    /*color: #2D2D2D;*/
}


#mainright2outer
{
    width:180px;
    float:right;
    padding-top: 5px;
}

#mainright2{
    width:180px;
    background:#EBF5F3;
}

#mainright2 table,#mainright2 td{
    border:1px solid #bcd5e9;
    text-align:left;
    margin:3px 0;
}

#mainright2 td{
    padding:2px 3px;
}

#mainright2 .submit2{
    width:67px;
    padding-left:5px;
    background:url(../images/website/submit2.gif) no-repeat;
    margin:10px 0 0 0px; 
    border:0;
    height:23px;
    line-height:23px;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
}
* html #mainright2 .submit2{
    margin:10px 0 0px -8px;
}
*+ html #mainright2 .submit2{
    margin:10px 0 0 -8px;
}

/*#footer{
    padding: 100px 0 15px 5px;
    font-size:11px;
}

#footer p{
    padding: 5px;
    font-size:11px;
    display:block;
    float:left;    
    color:#000000;
}*/

.updateProgress
{
    padding:11px;
    text-align:center;
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:130px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}
/*end template.master*/


/*Begin Header.ascx, Header.ascx.cs*/
.navdefault{
    max-width: 960px;
    width: 100%;
    float: left;
    background-image: url(../images/STAwebsite/menuslice2.gif);
    height: 10px;
}

.nav{
    max-width: 950px;
    float: left;
    display:inline;
    height: 22px;
    background-image: url(../images/STAWebsite/menuslice2.gif);
    /*background-color: #339999;*/
    line-height: 22px;
    color: #339999;
}

.nav ul li{
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    position:relative;
    /*border-right: 1px solid #339999;*/
}
.nav ul li a{
    padding: 0 10px;
    height:22px;
    display:block;
    line-height:22px;
    color:#FFFFFF;
    text-decoration: none;
}
* html .nav ul li a{
    float:left;
}
.nav ul li a:hover{
    background:#51AB95;
    text-decoration:none;
    display:block;
    float:left;
    color:#FFFFFF;
    /*border-top: 1px solid #339999; 
    border-right: 1px solid #339999;
    border-left: 1px solid #339999;
    padding: 0 15px;*/
}

.nav ul li ul{
    position:absolute;
    left:0;
    top:22px;
    padding-top:0px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    visibility:hidden;
    background-color: #F0F0F0;
    /*border-right: 1px solid #339999;*/
    border-left: 1px solid #339999;
    border-bottom: 1px solid #339999;
    margin: -1px -1px 0px -1px;
    width: 50px;
}

.nav ul li ul li{
    text-transform:none;
    color:#fff;
    border-right: 1px solid #339999;
    width: 50px;
}

.nav ul li ul li a{
    text-decoration:none;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#51AB95;
    cursor:pointer;
    display:block;
    font-weight:normal;
    font-size:13px;
    padding: 4px 0 4px 15px;
    line-height:13px;
    height:auto;
    font-weight:bold;
    width: 50px;
}
.nav ul li ul li a:hover {
    background-image: url(../images/STAWebsite/menuslice2.gif);
    /*background-color: #339999;*/
    text-decoration:none;
    display:block;
    float:left;
    color:#FFFFFF;
    padding: 4px 0 4px 15px;
}
/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }

.navtophover
{
    background:#51AB95;    
    color:#339999;
    border-top: 1px solid #339999; 
    border-left: 1px solid #339999;
}

.navtop
{
    background-image: url(../images/STAWebsite/menuslice2.gif);
    /*background-color: #339999;*/
    color:#FFFFFF;
    border: 0px;    
    float: left;
    display:inline;
    height: 22px;
    line-height: 22px;
}


#mainmenu a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #339999;
    text-decoration: underline;
    display:inline;
}
#topmenu {
    float: left;
    width:100%;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #B4DBD1;
}
#mainmenu {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    float: left;
    display:inline;
}

#login{
    float: right;
    text-align:right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    display:inline;
    color:#666;
}

#login a{
    text-align:right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #339999;
    text-decoration: underline;
}


#logos {
    width:100%;
    vertical-align: bottom;
}

#websitelogo {
    float: left;
    margin-top: 3px;
}

#divphone 
{
    float: left;
    vertical-align: bottom;
    font-family: Arial, Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #339999;
    padding-left: 10px;
    margin-top: 16px;
}
#divcompanylogo
{
    float: right;
}

#divcompanylogo span
{
    position: relative;
    bottom: -20px;
}

#sidelogo {
    float: right;
    text-align:right;    
}


#menu{
    float: left;
    width:100%;
    margin-bottom: 15px;
}
/*End Header.ascx, Header.ascx.cs*/


/*Begin Right.ascx, Right.ascx.cs*/
.topsearch{
    padding: 5px 0px 0px 0px;
    text-align: center;
}


.topsearch h4{
    color:#3d3d3d;
    font-size:11px;
    margin: 6px 0 7px 0px;
}


.topsearch a{
    width:35px;
    display:block;
    text-decoration: underline;
    margin-top: 9px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}


.topsearch img
{
    padding: 2px 0 0 0;
}

.divmainright2
{
    text-align: center;
    margin: 5px 0 5px 0;
}

.productnav{
    text-align: left;
    padding: 10px 0 10px 0;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 5px;
}
.productnav h4{
    /*background:url(../images/website/bulletsearch.gif) no-repeat 2px 5px;*/
    color:#000000;
    font-size:13px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
}

.productnav a
{
    color:#339999;
    text-decoration:underline;
}

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

.productnav ul li
{
    padding: 0px 0px 3px 10px;
    font-weight: bold;    
}

.productnav ul li a
{
    color: #000000;
}

.caselink {
    padding: 5px 0 0 20px;
}

.caselink a{
    color: #339999;
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline
}

.smallComment
{
    font-weight: normal;
    font-size: 10px;
    margin-left: 10px;
}

.Commercial
{
    color:#339999;
    font-size:13px;
    text-align: center;
    text-decoration:none;
    padding-bottom: 2px;
}


.MinimumOrder {
    color: #339999;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.MinimumOrderSurcharge {
    color: #000000;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    padding: 0 5px 0 5px;
}

.divmainrightpp {
    text-align: center;
    margin: 5px 0 0 0;
    padding-top: 20px;
    padding-bottom: 20px
}


.divrightlinks
{
    text-align: center;
    margin: 5px 0 5px 0;
    padding-bottom: 10px;
    border:solid 1px #339999;
}

.divrightlinks h4{
    /*background:url(../images/website/bulletsearch.gif) no-repeat 2px 5px;*/
    color:#FFFFFF;
    font-size:13px;
    font-weight: bold;
    /*padding-bottom: 5px;*/
    text-align: center;
    background-color: #339999;
    line-height: 18px;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: -1px;
}

.divrightlinks h4 a
{
    color: #FFFFFF;
}

.linksrightborder
{
    border-top:solid 1px #339999;
    font-size: 11px;
    cursor:pointer;
    margin: 0 10px 5px 10px;
    padding: 0;
}

.txtprice
{
    color:#000000;
    display:block;
    margin-bottom:0px;
    padding-top: 3px;
}
/*End Right.ascx, Right.ascx.cs*/


/*Begin Search.ascx*/
.btnsearch {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
/*End Search.ascx*/


/*Begin Footer.ascx*/
.fieldsetLinks
{
    border: 1px solid #B4DBD1;
    display: inline;
    padding-bottom: 0px;
    margin: 15px 0 5px 0;
    width:950px;
}

.fieldsetLinksLegend
{
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    color: #339999;
}

.linksborderleft
{
    /*border-left:solid 1px #F7A785;*/
    font-size: 13px;
    margin: 0 10px 0 10px;
    padding: 0;
    width: 180px;
    height: 70px;
    float: left;
    text-align: center;
}

.linksborder
{
    /*border-left:solid 1px #F7A785;*/
    font-size: 13px;
    margin: 0 10px 0 10px;
    padding: 0;
    width: 160px;
    height: 70px;
    float: left;
    text-align: center;
}


.headerlinks
{
    text-align:center;
    font-weight: bold;
    color: #339999; 
    text-decoration: underline;
    
}

.contentlinks
{
    margin: 3px 2px 2px 2px;    
}

/*.footerarea
{
    width:950px;
    padding: 0;
    margin: 0;
    overflow:hidden;
}

.footercolumn1
{
    float:left;
    margin: 0;
    width: 650px;
}

.footercolumn2
{    
    float: left;
    margin: 0 0px 5px 10px;
}

.footercolumn3
{    
    float: right;
    margin: 5px 0 0 0;
}*/
/*End Footer.ascx*/


 /*Begin DefaultFooterPOH.ascx, LinkGroups.ascx*/
/*.footertxt
{
    padding: 5px;
    background: #EBF5F3;
    font-size: 13px
}*/
 /*End DefaultFooterPOH.ascx, LinkGroups.ascx*/


/*Begin Left Panel*/
/*Used on DefaultSWI.ascx, DefaultSTA.ascx, DefaultPOH.ascx, DefaultLOC.ascx, DefaultLAE.ascx, DefaultIVE.ascx, DefaultDOR.ascx, DefaultDAC.ascx, DefaultABH.ascx, CompanySTA.ascx, CompanyLOC.ascx, CompanyDOR.ascx*/
/*SavedOrders.aspx, ReviewPayPal.aspx, Policies.aspx, PendingQuoteList.aspx, PendingQuote.aspx, OrderSummaryWOShip.aspx, OrderSummary.aspx, OrderHistory.aspx, OrderDetail.aspx, Group.aspx, FinishChart.aspx, Contact.aspx, Account.aspx*/
/*#mainleft{
    width:760px;
    float:left;
    background:#FFFFFF;
    font-size:13px;
    margin-left:0px;
    padding-left:0px;
    overflow:hidden;
    display:inline;
    margin-bottom:-2px;
}
*+ html #mainleft {
    margin-bottom:2px;
}
.wel{
    margin:17px 0 -25px 0px;
}
#mainleft p{
    padding-top:5px;
    padding-bottom:5px;
    width:750px;
    font-size:13px;
    line-height: 19px;
    color:#000;
    text-align:justify;
}

#mainleft #defaulttop 
{
    text-align: center;
}

#mainleft #defaulttop h1 {
    font-size: 16px;
    font-weight: bold;
    color:#339999;
    padding: 0px;
    margin: 0px 0 0px 0px;
}

#mainleft #defaulttop p
{
    padding-top:5px;
    padding-bottom:5px;
    width:750px;
    font-size:13px;
    line-height: 19px;
    color:#000;
    text-align: center;
}

#mainleft .navlink{
    padding: 0px 40px 0 0px;
    float: right;
    font-weight: bold;
}

#mainleft .contact{
    padding: 0px 0 0 0px;
    color:#000000;
}
#mainleft .account{
    padding:44px 0 0 79px;
    color:#000000;
}*/


/*#mainleft h1{
    font-size:21px;
    font-weight:normal;
    color:#717171;
    margin: 25px 0 15px 15px;
}*/
/*#mainleft h2{
    font-size:15px;
    color:#000000;
    padding: 20px 0 0 0px;
}*/
/*End Left Panel*/



/*Begin DefaultSTA.ascx*/
.clickcase {
    color:#A50D0D;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    font-family: "Trebuchet MS";
    margin: 0 0 10px 5px;    
}
/*End DefaultSTA.ascx*/


/*Begin Account.aspx*/
.leftbox{
    width:960px;
    /*background:#fff url(../images/STAWebsite/lefttop.jpg) no-repeat 0 25px;*/
    padding-top:59px;
    border-top:1px dashed #E5E5E5;
}


.leftbox{
    width:960px;
    /*background:#fff url(../images/STAWebsite/lefttop.jpg) no-repeat 10px 25px;*/
    margin-top:30px;    
    border-top:1px dashed #E5E5E5;
    padding:33px 10px 30px 10px;
    border-bottom:1px dashed #E5E5E5;
    margin-bottom:133px;
    overflow:hidden;
}

.leftbox span{
    padding:5px 0 5px 15px;
    background-color:#339999;
    color:#FFFFFF;
    display:block;
    font-weight:bold;
}
.leftbox b{
    padding:5px 0 5px 15px;
    display:block;
    color:#FFFFFF;
}

.leftbox dl{
    padding:0px;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding-bottom:30px;
    border-bottom:1px solid #CCCCCC;
}

.leftbox li a,.leftbox dl dd a{
    text-decoration:underline;
    color:#339999;
}
#mainleft .leftbox li a:hover,#mainleft .leftbox dl dd a:hover{
    text-decoration:underline;
    color:#339999;
}

.lftlist{
    padding:15px 0 20px 10px;
    background:#F0F0F0;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

.lftlist li{
    padding-left:57px;
    font-size:13px;
    font-weight:bold;
    text-decoration:underline;
    background:url(../images/STAWebsite/bullet2.png) no-repeat 10px;
    margin-bottom:15px;
    height:18px;
}

.lftlist .lftli{
    margin-bottom:0;
}

.lftlist2{
    padding:0px 0 0 10px;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    /*background:#F0F0F0 url(../images/STAWebsite/lefttop.jpg) no-repeat;    */
    padding-top:0px;
}
.lftlist2 a{
    padding-left:5px;
}
.lftlist2 b{
    background-color: #339999;
}
.lftlist2 dd{
    padding: 10px 0 0 57px;
    font-weight:bold;
    background:url(../images/STAWebsite/bullet2.png) no-repeat 15px 15px;
}
/*End Account.aspx*/


/*Begin Customerlogin.aspx, SubmitCard.aspx*/
.formarea{
    /*border-top:1px dashed #e5e5e5;    
    border-bottom:1px dashed #e5e5e5;*/
    padding: 10px 10px 0 0;
    background:#fff;
    font-size:13px;
    color:#666;
    margin: 0 0 0 0;
}

.formarea dt{
    font-size:17px;
    color:#666;
    font-weight:bold;
    margin-bottom:10px;
}
.formarea  dd{
    width:600px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}

.formarea label{
    width:172px;
    float:left;
    line-height:22px;
}

.formarea input[type='text'],.formarea select,.formarea .alttxt, .formarea .altsel{
    width:214px;    
    height:19px;
    border:1px solid #e5e5e5;
    /*background:#f8f8f8 url(../images/website/txtbgX.gif) repeat-x;*/
    padding:1px 0 0 1px;
    font-family:Arial;    
}
.formarea input[type='checkbox'],input.checkbox
{
    width: 15px;
    height:15px;
    background: #ffffff;
    border: 0px;
    padding: 0px;
    margin:0px;
}
.formarea .alttxt{
    width:60px;
    margin-left:5px;
}
.formarea .altsel{
    width:80px;
    height:22px;
    margin-right:5px;
}
.formarea select{
    width:217px;
    height:22px;
}

.formarea .alignright
{
    margin: 20px 0 0 417px;
}

.formarea .alignrightaccount
{
    margin: 20px 0 0 330px;
}

.formarea .btnpayment
{
    margin: 20px 0 0 269px;
    width: 120px;
}

.formarea .formtitle{
    margin-top:30px;
}

.formarea .buttonoverride{
    width:120px;
    margin: 0 5px 0 315px;
}

.cvv{
    cursor:pointer;
    text-decoration: underline;
    color:#339999;
}
/*End Customerlogin.aspx, SubmitCard.aspx*/


/*Begin CombDetail.aspx, CombNav.aspx, ProductDetails.aspx, items.aspx, items.aspx.cs, pkgdetails.aspx, PkgNav.aspx*/
.formarea2{
    padding: 10px 0px 0px 0;
    /*background:#fff;*/
    font-size:13px;
    color:#666;
}

.formarea2 table {
    margin-bottom:5px;
}

.grid-product-list-wrap table.datatable {
    width: 100%;
}

.formarea2 dt{
    font-size:17px;
    color:#000000;
    font-weight:bold;
    margin-bottom:10px;
}
.formarea2  dd{
    width:600px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}
.conarea{
    overflow:hidden;
    background:url(../images/website/border.gif) repeat-y 212px 0;
    position: relative;
    min-height: 250px;
}
.conleft{
    float:left;
    width:200px;
    padding-top:2px;
}
.conleft .product_info {
    border: none;
    bottom: 0;
    margin: 0 0 0 20px;
    padding: 0;
    position: absolute;
    width: auto;
}

.conleft img{
    margin-bottom:0px;
    text-align:center;
}

.conright{
    float:right;
    width:743px;
}
.conarea.itemwrap .conright {
    width: calc(100% - 230px);
}
.conright ul li {
    margin-left:0px !important;
}
/*Begin tabs*/
.tabSelMid
{
    white-space: nowrap; 
    background-image:url(../images/STAWebsite/SelectedCenter.gif);    
}


.tabSelMid span
{
    color: #ffffff;
}


.tabBodyBorder
{
    padding: 0px !important;
    border: solid 1px #339999 !important;     
}
.conarea .notabs-border .grid-product-list-wrap .datatable {
    border-color: #339999;
    width: auto;
}

/*From https://demos.devexpress.com/ASPxNavigationAndLayoutDemos/TabControl/Templates.aspx */
.pcTemplates .dxtc-leftIndent,
.pcTemplates .dxtc-tab,
.pcTemplates .dxtc-activeTab,
.pcTemplates .dxtc-rightIndent
{
    border-width: 0px!important;
    background-color: white!important;
}
.pcTemplates .dxtc-leftIndent,
.pcTemplates .dxtc-tab,
.pcTemplates .dxtc-rightIndent
{
    border-bottom-width: 0px!important;
}

.pcTemplates .dxtc-tab,
.pcTemplates .dxtc-activeTab
{
    height: 31px;
}
/*End tabs*/


/*section above tabs*/
.contop{
    display:block;
    text-align:right;
    overflow:hidden;
    margin-bottom:5px;    
    color:#000000;
}
.contop strong{
    display:block;
    float:left;
    margin-top:10px;
}
.spanfinishchart a{
    display:block;
    float:right;
    color:#000000;
    font-weight:bold;
    font-size:15px;
    margin: 10px 5px 0 10px;
}
/*end section above tabs*/

.quote, .quote a
{
    text-align:left;
    font-weight: bold;
}

/*.prodimagenote
{
    font-style: italic;
    font-size: 11px;
}*/

.quotearea
{
    width:480px;
    float: right;    
}

.prodCatDescHeader
{
    font-weight:bold; 
    font-size:16px;
    color:#339999;
}

.prodCatDescArea
{
    background-color: #F0F0F0;
    padding: 5px;    
    margin-top: 20px;
}


.divaddtocartmain{
    width: 500px;
    float: left;
    margin-bottom: 7px;
}

.divaddtocart1
{
    float: left;
    padding: 3px 10px 3px 0;
}

.divaddtocart2
{
    float: left;
}

.optionarea
{
    background:#EBF5F3;
    padding: 5px;
}

.optionheader
{
    font-weight:bold; 
    font-size:16px;
    color:#339999;
}

.optionnote
{
    font-weight: bold;
    color: Red;
    margin-top: 5px;
}

.changeviewtxt
{
    font-style:italic;
    padding: 0 0 10px 2px;
}

.changeview
{
    font-weight:bold;
    cursor:pointer;
    padding: 0 0 10px 2px;
}
/*End CombDetail.aspx, CombNav.aspx, ProductDetails.aspx, items.aspx, items.aspx.cs, pkgdetails.aspx, PkgNav.aspx*/


/*Begin ProductDetails.aspx*/
.conareaproduct{
    width:710px;
    overflow:hidden;
    background:url(../images/website/border.gif) repeat-y 220px 0;
}
.conrightproduct{
    float:right;
    width:480px;
}

.formareaproduct{
    width:710px;
    /*border-top:1px dashed #e5e5e5;    
    border-bottom:1px dashed #e5e5e5;*/
    padding: 2px 0px 0px 0px;
    background:#fff;
    font-size:13px;
    color:#000000;
    margin-top:5px;
    overflow:hidden;
}

.formareaproduct a{
    margin:10px 7px 0 0;
    color:#339999;
    text-decoration:underline;
}

.formareaproduct a:hover{
    text-decoration:underline;
}
/*End ProductDetails.aspx*/



/*Begin SearchResults.aspx*/
.formarea3{
    width:710px;
    /*border-top:1px dashed #e5e5e5;    
    border-bottom:1px dashed #e5e5e5;*/
    padding:13px 10px 9px 10px;
    background:#fff;
    font-size:13px;
    color:#000000;
    margin-bottom:10px;
}
.formarea3 dt{
    font-size:17px;
    color:#000000;
    font-weight:bold;
    margin-bottom:10px;
}
.formarea3  dd{
    width:600px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}

.conarea2{
    width:960px;
    overflow:hidden;
}
.conleft12{
    float:left;
    /*width:218px;*/
    
}
.conleft12 a{
    color:#000000;
    text-decoration:underline;
}
.conleft12 img{
    display:block;
    margin-left:12px;
}

.conright2{
    width:960px;
}

.conright2 ul{
    margin:25px 0 25px 20px;
    width:100%;
}
* html .conright2 ul{
    margin:25px 20px 25px 0px;
}

.conright2 ul li a.prodresult {
    margin: 10px 3px 0 0;
    color:#339999;
    text-decoration:none;
}

.conright2 ul li a{
    margin:10px 3px 0 0;
    color:#339999;
    text-decoration:underline;
}
.conright2 ul li a:hover{
    text-decoration:underline;
}

.conright2 ul li img{
    margin:13px 7px 0 0;
}

.altleftcon{
    padding-top:0;
}

#lnksearchdesc a
{
    text-decoration: none;    
    color: #000000;
}

#lnksearchdesc a:hover
{
    text-decoration: underline;
}

.searchhead
{    
    text-align: center;
    font-size: 20px;
}

.searchhead2
{    
    padding-top: 5px;
    text-align: center;
}


.highlight
{
    /*COLOR: #000000;*/ 
    /*BACKGROUND-COLOR: #ffff66;*/
    font-weight: 900;
    text-decoration: inherit;
}
/*End SearchResults.aspx*/


/*Begin CustomerLogin.aspx*/
.formhold .chkbox{
    padding:0;
    width:14px;    height:14px;
    float:left;
    margin:2px 3px 0 78px;
}

.formhold label{
    width:77px;
}

.formhold dd{
    width:390px;
}

.leftform{
    width:354px;
    float:left;
}

.leftform .lftspace{
    margin: 0 0 20px 145px;
}

.rightform{
    float:right;
    width:320px;    
}

.newcusthead{
    font-weight: bold;
    font-size:17px;
    margin-bottom:20px;
}

.newuserspace
{
    margin :0 0 20px 0;
}

.rightform .rtspace
{
    margin: 0 0 0 155px;
}
/*End CustomerLogin.aspx*/


/*Begin AccountDetails.ascx*/
.validateerror
{
    font-weight: bold;
    color:#D40001;
    padding-bottom: 10px;
}

input.chkbox1{    
    margin:0 5px 20px 172px;
}

#poptop{
    width:188px;
    background: url(../images/STAWebsite/top.GIF) no-repeat left top;
    padding-top:15px;
    margin:auto;
}
.popbottom{
    width:188px;
    background:url(../images/STAWebsite/bottom.GIF) no-repeat left bottom;
    padding-bottom:45px;
}
.popbg{
    background:url(../images/STAWebsite/popbg.GIF) repeat-y;
    padding:10px 10px;
    text-align:center;
}
.popbg img{
    clear:both;
    margin:10px 0;
}
/*End AccountDetails.ascx*/



/*Begin Cart.aspx*/
.leftbox2 table{
    font-size:11px;
    background:#F0F0F0;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;    
    border-left:1px solid #ccc;    
    clear:both;
}

.leftbox2 table.cartgrid tbody {
    display: block;
}

.leftbox2 table td{
    font-size:11px;
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    padding: 0 10px 0 10px;    
}

.leftbox2 table tr{
    height:49px;
}
.leftbox2 table input{
    width:58px;
    text-align:center;
}
.leftbox2 table .delbtn{
    color:#339999;
    text-decoration:underline;
    font-size: 13px;
}

.leftbox2 h3{
    color:#000000;
    padding: 13px 50px 0 370px;
    float: right;
    font-size:13px;
}
.cartmsg{
    color:#FF6666;
    padding:10px 0 20px 0;
    font-weight: bold;
}
.cartlinkhome{
    padding: 20px 0 0 0;
    color:#FF0000;
}
.leftbox2 strong{
    color:#FFFFFF;
    background-color:#339999;
}
.leftbox2{
    width:960px;
    /*background: url(../images/STAWebsite/lefttop.jpg) no-repeat 0px 25px;*/
    overflow:hidden;
    padding: 33px 10px 30px 0px;
}
.leftbox4{
    width:960px;
    /*border-top:1px dashed #E5E5E5;*/
    padding: 0px 0 10px 0px;
    /*border-bottom:1px dashed #E5E5E5;*/
    overflow:hidden;
    background:#fff;
}
.first{
    width:130px;
    display:block;
    float:left;
    padding-left:10px;
    color:#FFFFFF;
    /*padding-bottom:8px;*/
}
.second{
    width:350px;
    color:#FFFFFF;
    display:block;
    float:left;
    padding:5px 15px 5px 330px;
}
.third{
    width:80px;
    display:block;
    float:left;
    color:#FFFFFF;
    padding:5px 15px 5px 0;
}

.fourth{
    width:80px;
    display:block;
    float:left;
    color:#FFFFFF;
    padding:5px 15px 5px 0;
}

.five{
    width:70px;
    display:block;
    float:left;
    color:#FFFFFF;
    padding:5px 5px 5px 0;
}


.closepopup
{
    width:60px;
    margin: 20px 5px 0 250px;
}

.cartpopup
{
    position:absolute; 
    background-color: #F0F0F0; 
    border: 1px solid #339999;
    padding:5px;
}

.carttxtLink
{
    float:right;
    font-weight:bold;    
    color:#339999;    
    cursor:pointer;
    text-decoration:underline;
    text-transform:uppercase;
}

.popdivBelowMin
{
    width:380px;
    background-color:#EBF5F3;
    border: 1px solid #339999;
    padding:5px;
    position:absolute;
    left:320px;
}


.col1
{
    width: 200px;
    float: left;    
    text-align: right;
}

.col2
{
    width: 50px;
    float: right;    
    text-align: right;
}

.divcartheader
{
    width: 710px;    
}

.divcartheaderleft
{
    font-size:15px;
    font-weight: bold;
    width: 550px;
    float: left;
    vertical-align: top;
}

.divcartheaderright
{
    width: 150px;
    float: right;
    vertical-align: top;
}

.divcartlink{
    float:right;
    font-weight: bold;
}

.divcartheadernote
{
    padding-top: 2px;
    float: right;
    font-weight: bold;
    font-size: 11px;
}

.divcartfooter
{
    width: 960px;
    min-height:30px;    
}

.divcartfooterleft
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 650px;
    float: left;
    font-weight: bold;
    font-size: 11px;
}

.divcombitems {
    padding-left: 30px;
}


.cartgrid td {
    vertical-align: top;
}

.cartcombqty {
    position: relative;
    right: 20px;
    margin-right: -13px;
}
/*End Cart.aspx*/
.saved-orders .navlink-wrap a {
    color: #339999;
}

/*Begin Cart.aspx, Checkout.aspx*/
.popup
{
    width:300px;
    margin: 5px 0 0 0;
}
/*End Cart.aspx, Checkout.aspx*/


/*Begin OrderSummary.aspx*/
.orderSummarybtns
{
    max-width:960px;
    margin: 25px 0 0 0;
}

.orderSummarybtnsLeft 
{
    float: right;
    margin: 0 10px 0 10px;
}

.orderSummarybtnsRight 
{
    float: right;
}

.price{
    padding-top:5px;
}
/*End OrderSummary.aspx*/


/*Begin OrderDetail.aspx, OrderHistory.aspx, OrderSummary.aspx, OrderSummaryWOShip.aspx, PendingQuote.aspx, PendingQuotesList.aspx, ReviewPayPal.aspx, SavedOrders.aspx*/
.ordersummaryhead{
    width:460px;
    color:#FFFFFF;
    float:left;
    padding:8px 6px 8px 5px;
    background-color:#339999;
}

.leftbox3{
    width:960px;
    /*background:#fff url(../images/STAWebsite/lefttop.jpg) no-repeat 10px 25px;*/
    margin-top:30px;    
    border-top:1px dashed #E5E5E5;
    padding:20px 10px 30px 10px;
    border-bottom:1px dashed #E5E5E5;
    margin-bottom:133px;
    overflow:hidden;
}

.leftbox3 .bttnpos{
    margin: 20px 0 0 668px;
}

.leftbox3 .rbttnpos{
    margin: 20px 0 0 540px;
}
.leftbox3 h3{
    font-size:13px;
    color:#000000;
    margin-top:20px;
    clear:both;
    margin-bottom:7px;
}
.leftbox3 .colorrow{
    width:708px;
    height:22px;
    margin-top:10px;
    background:#F0F0F0;
    border-bottom:1px solid #fff;
}

.leftbox3 textarea{
    width:679px;
    border:1px solid #ccc;
    height:200px;
    font-size:12px;
    line-height:19px;
    font-family:Arial, Helvetica, sans-serif;
    padding:1px 1px 1px 3px;
    background:#F6FBFF;
    color:#5B5B5B;
}
.leftbox3 tr{
    height:18px;
}

.lefttable tr th{
    padding-left:10px;
    color:#000;
    width:198px;
    text-align:left;
}
#mainleft.order-summary h2.page-title, #mainleft.order-detail-wrap h2.page-title {
    color: #339999;
}
#mainleft.pending-quote-wrap .note {
        color: #339999;
}
.lefttable tr{
    height:17px;
}

.lefttable th{
    padding-bottom:6px;
    vertical-align:text-top;
    padding-top:4px;
}
.lefttable{
    margin-top:0px;
    clear:both;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    width:939px;
}
.lefttable select{
    width:147px;
}

.lefttable tr td{
    padding-left:10px;
    color:#5B5B5B;
}

.lefttable tr td{
    padding-left:10px;
    color:#5B5B5B;
}

.ordertable{
    width:960px;
    padding:0px 0 8px 0;
    color:#FFFFFF;
    text-align:left;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
/*    background:url(../images/STAWebsite/lefttop.jpg) no-repeat center 0px;*/
    background-color:#339999;
}

.ordertable td{
    color:#666;
    font-size:12px;
    color:#5B5B5B;
    text-align:left;
    padding:3px;
    vertical-align: top;
}
.ordertable tr th{
    width:90px;
    text-align:left;
    height:10px;
    vertical-align:top;
    padding:8px 5px;
}


.bottomul{
    float:right;
    margin-top:15px;
    padding-right:20px;
    color:#5B5B5B;
}
.bottomul strong{
    color:#666;
}
.bottomul label{
    width:95px;
    display:block;
    text-align:right;
    margin-right:20px;
    float:left;
}

.bottomul b{
    color:#666;
}

.lefttable2{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    clear:both;
}

.lefttable2 .orderlisthead {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
}

.lefttable2 tr td{
    padding-left:10px;
    height: 25px;
}
.saved .scroll-wrap .lefttable2 tr td {
    padding-left: 1px;
    padding-right: 1px;
}
.lefttable2 a
{    
    text-decoration:underline;
    color:#339999;
}

.ordertableTop{
    margin-top:0px;
    clear:both;
}

.ordertableTop tr{
    height:17px;
}

.ordertableTop tr td{
    padding-left:10px;
    color:#5B5B5B;
}

.borderpart{
    border-left:2px solid #fff;
}

.divordersummaryfooter
{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    font-weight: bold;
    font-size: 11px;
}

.OrderHead{
    padding:6px 10px 6px 10px;
    width:220px;
    color:#FFFFFF;
    display:block;
    float:left;
    background-color:#339999;
}

.divchangeorderview{
    float:left;
    font-weight: bold;
}

.divnoorders{    
    width:960px;
    margin-top:50px;    
    text-align: center;
    font-weight: bold
}
/*End OrderDetail.aspx, OrderHistory.aspx, OrderSummary.aspx, OrderSummaryWOShip.aspx, PendingQuote.aspx, PendingQuotesList.aspx, ReviewPayPal.aspx, SavedOrders.aspx*/



/*Begin QuoteRequest.aspx, OrderDetail.aspx*/
.ordertable2{
    width:939px;
    padding:0px 0 8px 0;
    color:#FFFFFF;
    text-align:left;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    /*background:url(../images/STAWebsite/lefttop.jpg) no-repeat center 0px;*/
}


.ordertable2 td{
    color:#000000;
    font-size:13px;
    color:#5B5B5B;
    border-right:2px solid #FFFFFF;
    text-align:left;
    padding-left:10px;
}

.ordertable2 tr th{
    text-align:left;
    height:10px;
    vertical-align:top;
    padding-top:10px;
}

.ordertable2 .payment{
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    padding:10px 0 20px 10px;
    border:none;
    background-color:#339999;
}
.ordertable2 .payment2{
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    padding:8px 0 20px 10px;
    border:none;
}
/*End QuoteRequest.aspx, OrderDetail.aspx*/


/*Begin OrderDetail.aspx, PendingQuote.aspx*/
.top{
    width: auto;
    display:block;
    padding-left:10px;
}
/*End OrderDetail.aspx, PendingQuote.aspx*/


/*Begin OrderDetail.aspx*/
.next2{
    font-size:12px;
    height:20px;
    width: auto;
    color:#fff;
    /*background:url(../images/STAWebsite/bottombg.gif) repeat-x center #c7ddec;*/
    background-color:#339999;
    display:block;
    padding: 2px 5px;
    margin:10px 2px;
    cursor:pointer;
    border:1px outset #51AB95;
    box-shadow:2px 2px 5px #333;
    font-weight: bold;
}
.next2:hover
{
    background-color:#2f8b8b;
}
/*End OrderDetail.aspx*/


/*For Printing Orders*/
/*Begin OrderDetail.aspx, print.js, PendingQuote.aspx*/
.itemtable{
    width:940px;
    color:#FFFFFF;
    text-align:left;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    /*background:#F0F0F0 url(../images/STAWebsite/lefttop.jpg) no-repeat 0 0px;*/
}

.itemtable td{
    color:#000000;
    font-size:12px;
    color:#5B5B5B;
    border-right:2px solid #FFFFFF;
    text-align:left;
    padding: 5px 20px 5px 10px;    
    vertical-align: top
}
.itemtable tr th{
    /*width:460px;*/
    text-align:left;
    vertical-align:top;
    padding-top:10px;
    background-color:#339999;
}
.itemtable tr{
    height:30px;
}

.leftbox13{
    width:710px;
    background:#fff url(../images/website/toptable.gif) no-repeat 10px 55px;
    margin-top:30px;    
    border-top:1px dashed #E5E5E5;
    padding:0px 10px 30px 10px;
    border-bottom:1px dashed #E5E5E5;
    margin-bottom:20px;
    overflow:hidden;
}
.leftbox13 h3{
    font-size:13px;
    color:#000000;
    margin-top:20px;
    clear:both;
    margin-bottom:7px;
}
.leftbox13 .colorrow{
    width:708px;
    height:22px;
    margin-top:10px;
    background:#F0F0F0;
    border-bottom:1px solid #fff;
}
.leftbox13 textarea{
    width:679px;
    border:1px solid #ccc;
    height:200px;
    font-size:12px;
    line-height:19px;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px 0 0px 20px;
    background:#F6FBFF;
    color:#5B5B5B;
}
.leftbox13 tr{
    height:18px;
}
.leftbox13 h6{
    padding:20px 0 13px 0;
    font-size:15px;
}
.print{
    width:76px;
    border:none;
    height:22px;
    clear:both;
    display:block;
    font-size:13px;
    font-weight:bold;
    margin:15px 8px 35px 0;
    background:url(../images/website/next.gif) no-repeat;
    cursor:pointer;
}
/*End OrderDetail.aspx, print.js, PendingQuote.aspx*/

/*Begin Cat.aspx*/
.followimage {
    width:765px;
    padding-top: 20px;
    overflow:hidden;
}
/*End Cat.aspx*/

/*Begin CategoryList.ascx, GroupList.ascx*/
/*1) Default home page or when showing category list next to picture */
.box{
    width:360px;
    margin-top:10px;
    overflow:hidden;
    display:block;
    float:left;
    background:#FFFFFF;
    margin-left: 0px;
    padding-left: 0px;
}

#mainleft .box h2{
    color: #339999;
    padding-top:5px;
    display:block;
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 5px;
    font-size:13px;    
    text-transform: capitalize;
    text-decoration: none;
}

.box img{
    margin: 5px 0px 5px 0px;
    float: left;
}

.box span
{
    padding-bottom: 3px;    
}

.box .linkSubcat
{
    text-decoration: none;
    color: #000000;  
}

.box2{
    margin-left:10px;
}

.leftcatimg
{
    border: 1px solid #e5e5e5;
    float: left;
    margin: 5px 0px 5px 10px;    
}

.midcatimg
{
    float:left;
    padding: 5px;
    height:120px;
}

.rightcatimg
{
    float: left;
    margin: 0px 0px 5px 10px;
    vertical-align:top;
    width: 228px;
}

.rightcatimg span
{
    font-style: italic;
}

.rightcatimg ul li {
    padding: 0 0 1px 0;
}
/*End Default home page or when showing category list next to picture */


/*2) Begin category or comb page with link/linkdesc under image*/
.catheader {    
    width:auto;
    vertical-align: bottom;
    padding: 5px 0 0 0px;
    overflow: hidden;
}

.catheader h2 {
    font-size:18px;
    color:#666;
    font-weight: normal;
    text-align: left;
    padding-bottom: 3px;
    border-bottom:  1px solid #e5e5e5;
    margin-right: 5px;
    margin-bottom:5px;
}


.boxcategory{
    width:150px;
    margin: 10px 15px 15px 15px;
    display:block;
    float: left;
    background:#FFFFFF;
}

.boxcategory div 
{
    text-align: center;
}

.boxcategory img 
{
    padding-bottom: 5px;
}

.linkarrow
{
    font-weight: bold;
    background: url("../images/Website/more2.gif") no-repeat scroll left top transparent;
    padding: 0px 0px 5px 29px;
    text-decoration: underline;
}

.boxcategory2{
    margin-left: 10px;
    clear: both;
}

.boxcategorysmall {
    color: #EC5C0A;
    font-size: 11px;
}

.linkdesc {
    padding: 3px 0 0 0;
}

.cathrefs 
{
    float: right;
    padding: 10px 10px 0;
    margin-right: 40px;
}
.cathrefs .goto 
{
    color: #ef4c11;
    font-size: 1.2em;
    font-weight: bold;
}

.cathrefs a 
{
    padding-left: 5px;
    text-decoration: underline;
    color: #339999;
}

/*End category or comb page with link/linkdesc under image*/

/*3) Begin case.aspx page with link/linkdesc under image*/
.caseheader
{    
    width:860px;
    vertical-align: bottom;
    padding: 20px 0 0 0px;
    overflow: hidden;
    float: left;
}

.caseheader h2
{
    font-size:16px;
    color: Black;
    font-weight: bold;
    text-align: left;
    padding-bottom: 3px;
    border-bottom:  2px solid #e5e5e5;
    margin-right: 5px;
}

.boxcase{
    width:200px;
    min-height: 130px;
    margin: 10px 15px 10px 15px;
    display:block;
    float: left;
    background:#FFFFFF;
}

.boxcase div 
{
    text-align: center;
}

.boxcase img 
{
    padding-bottom: 10px;
}

.boxcase2{
    margin-left: 5px;
}
/*End case.aspx page with link/linkdesc under image*/

/*Category pages with no picture & text under link*/
.boxcategoryTxtBelow{
    width:180px;
    margin-top:10px;
    overflow:hidden;
    display:block;
    background:#FFFFFF;
}

.boxcategoryTxtBelow strong{
    color:#339999;
    display:block;
    padding-top:5px;
    padding-bottom: 5px;
}

.boxcategoryTxtBelow a
{    
    text-decoration: underline;
    color: #339999;
    text-align: left; 
}

.boxcategoryTxtBelow2{
    margin-left: 10px;
}
/*End category pages with no picture & text under link*/
/*End CategoryList.ascx, GroupList.ascx*/


/*Begin LinkGroup.ascx*/
.boxgroup{
    width:220px;
    margin-top:2px;
    overflow:hidden;
    display:block;
    float:left;
    margin-left: 10px;
    padding-left: 0px;    
}

.boxgroup2{
    margin-left:10px;
}
/*End LinkGroup.ascx*/

/*Begin ProductDetails.ascx, CombDetail.aspx, PkgDetail.aspx, ItemJScript.js*/
.header{
    padding-left:2px;
    padding-bottom:3px;
    padding-top: 3px;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
}
/*End ProductDetails.ascx, CombDetail.aspx, PkgDetail.aspx, ItemJScript.js*/

/*Begin ItemList.ascx*/
.tabBorderTop
{    
    background-color: #339999;
    width: 100%;
    height: 1px;
}

.datatable{
    padding-bottom:10px;
    width: 100%; 
    font-family:Arial, Verdana, "Trebuchet MS", Georgia, Lucida, Helvetica, Tahoma, sans-serif;
    font-size:13px;
    color:#666;
}
.datatable tr label {
    font-size:12px;
    display:block;
    line-height:22px;
    padding-left:2px;
    padding-right:0px;
    color:#666;
}
.datatable tr label.nonstock {
    font-size:12px;
    display:block;
    line-height:22px;
    padding-left:2px;
    padding-right:2px;
    color:#000000;
}

.datatable tr .rtcell
{
    padding-right:5px;
}

.datatable tr .rtcellheader{
    padding-left:7px;
    padding-bottom:3px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right:20px;    
    font-size:12px;
    font-weight: bold;
    text-align: right;
}

.datatable .toprow lable{
    background:#339999;
}

.datatable a
{
    color:#339999;
    text-decoration:underline;
}
.datatable .header {
    color: #339999;
}
.pkgnav
{
    width: 465px;
}


.colorcol1{
    background:#F0F0F0;
}

.colorcol2{
    background:#FFFFFF;
}

.datatable .colorcol1:hover, .datatable .colorcol2:hover {
    background: #BEBEBE none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}
.colorcolselected /*highlight selected productid in yellow - NOT USED*/
{
    background: yellow;
}

.colorcolblank /*insert blank row between product groups - NOT USED*/
{
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    background: #FFFFFF;
    vertical-align: bottom;
}

/*End ItemList.ascx*/

/*Begin CaseNav.aspx*/
.casearea{
    width:950px;
    overflow:hidden;
    /*background:url(../images/website/border.gif) repeat-y 212px 0;*/
}
.caseleft{
    float:left;
    width:220px;
    padding-top:10px;
}

.caseimagenote
{
    font-style: italic;
    font-size: 11px;
    width: 200px;
}


.caseleft img{
    display:block;
    margin-bottom:0px;
    text-align:center;
}

.casemiddle{
    float:left;
    width:570px;
}
.caseright {
  width: 160px; 
  float: right;
  /*position: fixed;
  left: 70%; 
  top: 185px; 
  z-index: 999;*/
}

.caseinstruc {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    margin: 50px 10px 0 0;
}

.caseerror {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    color: red;
}

.casedatatable{
    width: 533px; 
}
.casedatatable tr .caseGroupHead {
    font-size:16px;
    font-weight: bold;
    line-height:22px; 
    padding-left: 5px;
    padding-top: 10px; 
    color:#e95d00;
    background-color: #FFF;
}

.casedatatable tr .rtcell
{
    padding:0 5px 0px 0;
    vertical-align: bottom;
    float: right;
    position: relative;
    bottom: 5px;
}

.casedatatable tr .headcell {
    padding-left: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.casedatatable tr .detailcell {
    padding-left: 5px;
}

.casedatatable tr .single {
    padding: 10px 0 0 5px;
    font-size: 11px;
}

.casedatatable a
{
    color:#339999;
    text-decoration:underline;
}

.casenavbtn {
    padding: 10px 10px 0 0;
    float: right;
}



.casenav a
{
    color:#339999;
    text-decoration:underline;
    font-weight: bold
}

.casenav a:hover
{
    text-decoration: underline;
}
/*End CaseNav.aspx*/


/*Begin CasePriceList.ascx*/
.caseList
{
    margin: 5px 0 0 0;
}

.caseList td
{
    padding-right: 10px;
}

.caseList .brown {
    color: #339999;
}

.casetxtbox{
    width:80px;
    height:16px;
    color: grey;
    font-size: 11px;
    text-align: center
}
/*End CasePriceList.ascx*/



/*Begin APIError.aspx*/
.field{
    width:55px;
    height:16px;
}
/*End APIError.aspx*/



/*Begin Policies.aspx, CompanySTA.ascx*/
.about{
    padding-bottom:10px;
}
.about img {
    margin-left:0px;
}
.about p{
    padding:0px;
}
/*Begin Policies.aspx, CompanySTA.ascx*/


/*Begin Search.ascx*/
.fieldsetSearch
{
    border: 1px solid #CCCCCC;
    display: inline;
    margin:  0 0 5px 0;
    padding: 0 0 5px 5px;
    width: 85%;
}

.searchOptInput input 
{ 
    float:left;
    vertical-align: top;
} 

.searchOptInput label 
{ 
    display:block; 
    float: left;
    line-height: 22px;
} 

.txtSearch{
    width:160px;
    height:15px;
    border:1px solid #339999;
    margin: 0 10px 2px 9px;
}
/*End Search.ascx*/


/*Begin Buttons*/
/*Begin Items.aspx, CombNav.aspx, PkgNav.aspx*/
.button{
    height:25px;
    width: auto;
    color:#fff;
    /*background:url(../images/STAWebsite/bottombg.gif) repeat-x top #c7ddec;*/
    background-color:#339999;
    display:block;
    padding: 2px 5px;
    cursor:pointer;
    border:1px outset #51AB95;
    border-radius-topleft:5px;
    border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    box-shadow:2px 2px 5px #333;
    font-weight: bold;
}
.button:hover
{
    background-color:#2f8b8b;
  /*box-shadow:0px 0px 2px 1px rgb(79,147,255);*/
  /*background:url(../images/STAWebsite/bottombg2.gif) repeat-x top rgb(125,182,209);*/
}
/*End Items.aspx, CombNav.aspx, PkgNav.aspx*/

/*Begin Checkout.aspx, CurrentCart.ascx, ProductDetails.ascx, Search.ascx, ShippingAddresses.aspx, ItemJScript.js*/
.smbutton{
    font-size:12px;
    height:20px;
    width: auto;
    color:#fff;
    /*background:url(../images/STAWebsite/bottombg.gif) repeat-x center #c7ddec;*/
    background-color:#339999;
    display:block;
    padding: 2px 5px;
    margin:0 2px;
    cursor:pointer;
    border:1px outset #51AB95;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    box-shadow:2px 2px 5px #333;
    font-weight: bold;
}
.smbutton:hover
{
    background-color:#2f8b8b;
  /*box-shadow:0px 0px 2px 1px rgb(79,147,255);*/
 /* background:url(../images/STAWebsite/bottombg2.gif) repeat-x center rgb(125,182,209);*/
}
/*End Checkout.aspx, CurrentCart.ascx, ProductDetails.ascx, Search.ascx, ShippingAddresses.aspx, ItemJScript.js*/


/*Begin ShippingAddresses.aspx*/
.buttonedit{
    width: 60px;
    margin: 0px 5px 0 5px;
}
/*End ShippingAddresses.aspx*/

/*Begin Checkout.aspx, ShippingAddresses.aspx*/
.btnright
{
    float: right;    
}
/*End Checkout.aspx, ShippingAddresses.aspx*/
/*End Buttons*/


/*Begin ItemJScript.js*/
.lftbtnoptpopup
{
    float:left;
}

.rtbtnoptpopup
{
    float:right;
}

.txtLinkFunctionOver
{
    color: #339999;
    cursor:pointer;
    text-decoration:underline;
}


.formareapopup{
    width:500px;
    border-bottom:1px dashed #e5e5e5;
    padding: 10px 10px;
    background:#fff;
    font-size:13px;
    color:#000000;
}

.armpopup
{
    position:absolute;
    background-color: #F0F0F0; 
    border: 1px solid #339999;
    padding:5px;
    font-size: 11px;
}
/*End ItemJScript.js*/


/*Begin CurrentCart.ascx*/
.divmainright3
{
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    margin: 5px 0 0px 0;
}

.divcartright2{
    padding-top: 4px;
    text-align: center;
}
    
.divcartright2 li
{
    display:block;
    text-align:center;
    width: 160px;
    padding: 0 20px 0 20px;
}

.currentcartbtn
{
    width: 110px;
}


.bottom
{
    background:#FFFFFF;
    overflow:hidden;
    width:160px;
    padding: 5px 5px 5px 5px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 5px;
}

.bottom h4{
    /*background:url(../images/website/bulletsearch.gif) no-repeat 1px 5px;*/
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 0 0 5px 0;
    text-align: center;
}
.bottom img
{
    float:left;
}

.bottom ul li p{
    width:73px;
    float:left;
    display:block;
}

.bottom a
{
    color: #339999;
    text-decoration: underline;
}

.bottom a:hover
{
    color: #339999;
    text-decoration: underline;
}
.bottom .loginright2{
    float:left;
    height:22px;
    padding: 0 6px;
    line-height:22px;
    float:left;
}
.bottom .loginright3{
    float:left;
    height:22px;
    padding:0 6px;
    line-height:22px;
    float:left;
    cursor:pointer;
}

.bottom textarea{
    width:123px;
    height:67px;
    padding:2px 0 0 6px;
    border:1px solid #bcd5e9;
}
/*End CurrentCart.ascx*/


/*Begin AccountDetails.ascx, Checkout.aspx, Items.aspx, OptionDetails.aspx.cs, ProductDetails.ascx, ShippingAddresses.aspx, ItemJScript.js*/
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;
}


.modalPopup 
{
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    padding: 5px; 
    width:250px;
    height: 170px; 
    font-weight: bold;
    text-align: center;
}

.modalPopup .verified
{
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #EBF5F3; /*#339999;*/
    width: 200px;    
    margin-left: 20px;
}

.modalPopup .verified dd
{
    text-align: center;
    color: #000000;
    width: 200px;
}

.modalPopup .notverified
{
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: Red;  
    width: 200px;
    margin-left: 20px;
}

.modalPopup .notverified dd
{
    text-align: center;
    color: #ffffff;
    width: 200px;
}

.modalPopup .dllinks
{    
    padding:5px;
    width: 240px;
    text-align: center;
}

.modalPopup .dllinks dd
{
    text-align: center;
}

.modalPopup .link
{
    color:#339999;
    text-decoration:underline;
}

.modalPopup .linkred
{
    color:#FF0000;
    text-decoration:underline;
}


.modalPopupPV
{
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    padding: 5px; 
    width:450px;
    height: 170px; 
}

.modalPopupPV .header
{
    padding: 5px;    
    text-align: center;
    font-weight:bold; 
    color:#339999;
    font-size:16px;
}

.modalPopupPV .dlcontent
{    
    padding: 2px;
    background-color: #EBF5F3; 
    text-align: left;
}

.modalPopupPV .dllinks
{    
    padding:0 5px;
    width: 450px;
    text-align: right;
}

/*Used on itemlist.ascx*/
.modalAddon
{
    height: 100px;    
}


.fieldsetBox
{
    border: 1px solid #CCCCCC;
    display: inline;
    padding: 8px;
    margin: 10px 8px 0 0;
    width: 95%;
}


.custFieldsetBox
{
    /*border: 1px solid #CCCCCC;*/
    width: 600px;
    padding: 5px;
}

.fieldsetPopup
{
    border: 1px solid #CCCCCC;
    display: inline;
    padding: 0 8px 0 8px;
}

.fieldsetLegend
{
    padding-bottom: 4px;
    color: #339999;
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.fieldsetLegendDisabled
{
    padding-bottom: 4px;
    color: #828282;
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.fieldsetLegendSmall
{
    padding-bottom: 3px;
    color: #339999;
    font-weight: bold;
    font-size: 12px;
}

.fieldsetLegendPopup
{
    padding-bottom: 1px;
    color: #339999;
    font-weight: bold;
    font-size: 12px;
}

.innerFieldsetBox
{ 
    /*border: 1px solid #CCCCCC;*/
    padding: 5px;
    margin: 10px 10px 20px;
    width:280px;
}
.innerFieldsetBox .smbutton {
    padding:7px 25px !important;
    height:auto !important;
    border-radius:3px !important;
    margin:0 !important;
}

.selectList
{
    height: 15px;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}

.functionpopup
{
    position:absolute;
    background-color: #F0F0F0; 
    border: 1px solid #339999;
    padding:5px;
    font-size: 11px;
    width: 250px;
}

.detailpopup
{
    background-color: #FFFFFF; 
    border: 1px solid #339999;
    width: 200px;
    padding: 0px;
}

.detailpopup.prod-detail {
    width:auto;
}

.detailpopup .header{
    padding-bottom:1px;
    padding-top: 1px;
    text-align: center;
    color: #339999;
    font-weight: bold;
    font-size: 14px;
}
/*End AccountDetails.ascx, Checkout.aspx, Items.aspx, OptionDetails.aspx.cs, ProductDetails.ascx, ShippingAddresses.aspx, ItemJScript.js*/




/*Begin OptionDetails.ascx, OptionDetails.ascx.cs, ItemList.ascx, ItemJScript.js, ProductVariets.ascx.cs*/
.optionpopup
{
    position:absolute;
    background-color: #F0F0F0; 
    border: 1px solid #339999;
    width: 200px;
    padding:5px;
    font-size:11px;
}

.optionfilterpopup
{
    position:absolute;
    background-color: #F0F0F0; 
    border: 1px solid #339999;
    padding:5px;
    width: 170px;
    height: 100px;
}


.optiondesctext
{
    font-size: 11px;
}

.optionwarning
{
    font-size: 13px;
    font-weight: bold;
    color: Red;
}


.optInput input 
{ 
    margin-top: 5px;
    float:left;
    vertical-align: top;
} 

.optInput label 
{ 
    /*margin-top: 5px;*/
    margin-top: 2px;
    margin-left : 15px;
    vertical-align: top;
    display:block; 
    /*float: left;*/
    white-space: nowrap;
    width: 100%;
}

#divoptpopuptext fieldset.fieldsetPopup table {
    margin-top: 10px;
    margin-bottom: 10px;
}

#divoptpopuptext fieldset.fieldsetPopup td input {
    
}

.optprice
{
    color: #339999;
}


.hidetr
{
    display: none;
}

.showtr
{
    display: block;
}

.hidetd
{
    display: none;
}
/*End OptionDetails.ascx, OptionDetails.ascx.cs, ItemList.ascx, ItemJScript.js, ProductVariety.ascx.cs*/



/*Begin OptionDetails.ascx.cs*/
.txtLinkOpt
{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #666;
    cursor:pointer;
    text-decoration:underline;
    margin-left: 7px;
}
/*End OptionDetails.ascx.cs*/



/*Begin Checkout.aspx*/
.shipdiv{
    font-size:13px;
    padding: 2px 10px 10px 0px;
    margin-left:0px;
    overflow:hidden;
    margin-bottom:10px;
    font-size: small;
    margin-bottom:5px;
    font-weight:normal;    
    font-family: Verdana,Arial;
}

.shipleft
{
    float: left;
    width: 300px;    
}

.shipright
{
    float: right;
    width: 620px;    
}

.shipheader
{ 
    font-family: Verdana,Arial;
    color: #339999; 
    font-weight: bold;
    font-size: 18px;
}

.shipsmallheader
{
    padding-bottom: 5px;
    color: #666;
    font-weight: bold;
}

.shipcol
{
    padding-right: 30px;
}

.shiplabel dl
{
    vertical-align: top;
}

.shiplabel  dd{
    width:600px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}

.shiplabel label{
    width:172px;
    float:left;
    line-height:22px;
    font-weight: bold;
}

.shiplabel .txtinput{
    width:214px;    
    height:19px;
    padding:1px 0 0 1px;
}


.chkeditship
{
    font-weight: bold;
    color: #339999; 
}

.contactlabel
{
    width: auto;  
    background:#F0F0F0;
    padding: 5px;
}

.contactlabel  dd{
    height: 100%;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}

.contactlabel label
{
    float:left;
    width: 90px;
    line-height:22px;
    font-weight: bold;
}

.contactlabel input
{
}

.divpopupcheckout
{
    width:500px;
    background-color:#EBF5F3;
    border: 1px solid #5E5D5D;
    padding:5px;
    /*position:absolute;
    top:250px;
    left:30px;*/    
}
/*End Checkout.aspx*/


/*Begin ShippingAddresses.aspx*/
.currentcontact
{
    color: #666;
    margin-bottom: 10px;    
}

.btnarea
{
    margin-bottom: 10px;
    width: 100px;
}


.editship
{
    width: 400px;  
    padding: 5px;
}

.editship dd{
    height: 100%;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}

.editship label
{
    float:left;
    width: 90px;
    line-height:22px;
    font-weight: bold;
}

.divpopupship
{
    width:900px;
    background-color:#EBF5F3;
    border: 1px solid #5E5D5D;
    padding:5px;
    position:absolute;
    top:50px;
    left:30px;
    z-index:1000;
}


.shipgrid table{
    clear:both;
}

.shipgrid table td{
    font-size:11px;
    border-left:0px;
    border-top:0px;
    padding: 0 1px 0 1px;    
}

.empty{
    padding:20px 0 0 20px;
    color:#FF0000;
}
/*End ShippingAddresses.aspx*/

/*Begin CombNav.aspx.cs, Items.aspx.cs, PkgNav.aspx.cs*/
.tab
{
    font-size:11px;
    color: #000000;
}

.tab2
{
    font-size:9px;
    color: #000000;
}
/*End CombNav.aspx.cs, Items.aspx.cs, PkgNav.aspx.cs*/



/*Begin QuoteRequest.aspx*/
.quoteRequest{
    width:732px;
    padding:0px 10px;
    border:1px solid #c2c2c2;
    border-radius: 5px;
    background-color: #ffffff;
    font-size:13px;
    color:#000000;
    margin: 0 0 0 0;
    overflow: hidden;
}

.quoteRequest dt{
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    background-color: #f8f9f9;
    border-bottom: 1px solid #c2c2c2;
    margin:0 0 10px -10px;
    padding-left: 10px;
    width: 110%;
}
.quoteRequest dd{
    width:350px;
    display:block;
    overflow:hidden;
    margin-bottom:5px;
}
.quoteRequest #quoteRequestRight dd:last-child {
    background-color: #f8f9f9;
    border-radius: 2px;
    border:1px solid #f8f9f9;
    font-family: 'Roboto', sans-serif;
    color: rgba(85, 85, 85, 0.75);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding:10px;
}
.quoteRequest label{
    width:100px;
    float:left;
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.quoteRequest input[type='text'],.quoteRequest select{
    width:200px !important;    
    height:35px !important;
    border:1px solid #999;
    background:#f8f8f8 url(../images/website/txtbgX.gif) repeat-x;
    padding:1px 0 0 1px;
    font-family:Arial;
    border-radius: 2px;
    font-size:14px;
    color:#666;
}

.quoteRequest select{
    width:217px;
    height:22px;
}

.quoteRequest #quoteRequestLeft
{
    float: left;
}

.quoteRequest #quoteRequestRight
{
    float: right;
}
/*End QuoteRequest.aspx*/



/*Begin CheckoutComplete.aspx, OrderDetail.aspx*/
.CheckoutCompleteHead
{
    font-size: 20px;
    color:#339999;
    padding-bottom: 20px;
}
/*End CheckoutComplete.aspx, OrderDetail.aspx*/


/*Begin ProductDetails.ascx.cs*/
.cartpopupheader
{
    margin: 10px 0 10px 0;
    font-weight:bold; 
    font-size:16px;
    color:#339999;
}
/*End ProductDetails.ascx.cs*/



/*Begin Sitemap.aspx*/
h1.sitemaphead{
    font-size:21px;
    color:#000000;
    margin-top: 10px;
    font-weight:normal;    
}

/* - Level 0 - */
.dxsmLevel0_Flow,
.dxsmLevel0_Flow a,
.dxsmLevel0Categorized_Flow a,
.dxsmLevel0Categorized_Flow
{
    color: #339999;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

/* - Level 1 - */
.dxsmLevel1_Flow,
.dxsmLevel1_Flow a,
.dxsmLevel1Categorized_Flow a,
.dxsmLevel1Categorized_Flow
{    
    font-family:Arial, Verdana, "Trebuchet MS", Georgia, Lucida, Helvetica, Tahoma, sans-serif;
    color: #000000;  
    font-size: 10px;
    text-decoration: underline;    
}
/*End Sitemap.aspx*/


/*Begin PasswordSent.aspx, PasswordResetFinished.aspx, Cat.aspx, items.aspx, Detail.aspx*/
.pagemessage
{
    font-size: 20px;
    color:#339999;
    padding: 20px 0 0 0;
    text-align: center;
}
/*End PasswordSent.aspx, PasswordResetFinished.aspx, Cat.aspx, items.aspx, Detail.aspx*/



/*Begin Help.aspx*/
#mainhelp h1 {
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    margin: 5px 0 0px 0px;
}


#mainhelp h2{
    font-size:15px;
    color:#339999;
}


#mainhelp a{
    color:#339999;
    text-decoration:underline;
}
/*End Help.aspx*/
.conarea a:link {
    text-decoration: underline;     
}
.dxeHD table {
    margin-bottom:0 !important;
}
.sitecolor {
    color: #339999;
}
.sitecolor-forced {
    color: #339999 !important;
}
.grid_2_1 {
    padding:5px 8px 5px 8px !important;
}
    /* READ MORE BUTTON */
.maxlist-more { padding-left:0px; }
.maxlist-more a { text-decoration:none; border-bottom: 1px dotted #339999; color:#339999; }
.maxlist-more a:hover { text-decoration:none; border-color: #666666; color:#339999; } 
#viewall {background:#fff;z-index:50;padding-bottom:5px;}
#viewall ul { margin-bottom:0; }

.dxpLite a {
    margin-top:1px !important;
}
.top_space {
    padding-top:50px;
}
.woimg {
    display:inline-block;
    float:left;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom:5px;
}
.bxslider li {
    margin:0 !important;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    clear:both;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;*/
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
.footer-nav-text-last  {
    color: #efeff0;
    padding: 1em 0;
    text-align: justify;
}
.footer-nav-text-last a {
    text-decoration:underline;
    color:#339999;
}
.footer-nav-text-last a:hover {
    text-decoration:none;
}
/*YOU PRICE IT*/
.youpriceitheader {
    width: 752px;
    border:1px solid #c2c2c2;
    border-radius: 5px;
    background-color: #ffffff;
}
.youpriceitheadertop {
    background-color: #339999;
    text-align:center;
    border-bottom:1px solid #c2c2c2;
    padding-top:10px;
}
.youpriceitheadertop h3 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; 
    margin-bottom:0px;
}
.youpriceitheadertop h5 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom:0px;
    text-transform:uppercase;
}
.youpriceitheadertop p {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin:0 100px 0 100px;
    padding-bottom:10px;
}
.youpriceitheaderbottom {
    overflow:auto;
}
.youpriceitheaderbottom h5{
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin:10px;
    text-transform:uppercase;
    
}
.youpriceitheaderbottom ul {
    padding-bottom:30px;
}
.youpriceitheaderbottom ul li {
    font-family: 'Roboto', sans-serif;
    list-style-type:disc;
    float:left;
    width:45%;
}
.inforeq {
    color: rgba(85, 85, 85, 0.75);
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: 10px 0;
}
.addrow {
    width: 752px;
    border:1px solid #c2c2c2;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top:20px;
}
.addrow .ordertable2 {
    border:none;
    width:760px;
}
.addrow .ordertable2 tr th {
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    background-color: #f8f9f9;
    border-bottom:1px solid #c2c2c2;
    padding-left:10px;
    width:80px;
}
.addrow .ordertable2 tr td input {
    border-radius: 2px;
}
.addrow .ordertable2 tr td {
    padding-top: .5em;
    padding-bottom: .5em;
    border-right:none;
}
.addrow input[type='text'] {
    width:200px;    
    height:35px;
    border:1px solid #999;
    background:#f8f8f8 url(../images/website/txtbgX.gif) repeat-x;
    padding:1px 0 0 1px;
    font-family:Arial;
    border-radius: 2px;
    font-size:18px;
    color:#666;
}
.addrow .button {
    box-shadow:none;
    border-radius:0;
    margin-left: 20px;
    padding: 0 15px;
}
.ypnotes {
    width: 732px;
    border:1px solid #c2c2c2;
    border-radius: 5px;
    padding:0 10px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top:20px;
}
.ypnotes p {
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    background-color: #f8f9f9;
    border-bottom: 1px solid #c2c2c2;
    margin: 0 0 10px -10px;
    padding-left: 10px;
    width: 110%;
}
.ypnotes textarea {
    margin-bottom:20px;
    width:99%;
    border: 1px solid #999;
    color:#666;
}
.ypfooter {
    width: 752px;
    border:1px solid #c2c2c2;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top:20px;
}
.ypfootertop {
        text-align:center;
        background-color: #f8f9f9;
        border-bottom:1px solid #c2c2c2;
}
.ypfootertop:empty {
        border-bottom:hidden;
}
.ypfootertop p {
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    transform: scaleY(0.997);
    padding: 10px 0 0 0;
}
.ypfootertop h3 {
    font-family: 'Roboto', sans-serif;
    color: #545f6e;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom:20px;
}
.ypfootertop input {
    width:100px;
    height:40px;
    border:1px solid #999;
    border-radius: 2px;
    background-color: #ffffff;
    font-size:22px;
    color:#666;
}
.ypfooterbottom {
    padding:10px;
}
.ypfooterbottom table {
    border-collapse: separate;
    border-spacing: 20px 5px;
}

.ypfooterbottom .button {
    box-shadow:none;
    border-radius:0;
    margin-left: 20px;
    padding: 0 15px;
}
.ypfooterbottom .upper {
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.ypfooterbottom p {
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.ypfooterbottom .captchainput {
    line-height:35px;
    margin-top: -7px;
    border:1px solid #999;
    border-radius:2px;
    width:120px;
    font-size:24px;
    color:#666;
    text-align:center !important;
}
.yp-min-order p {
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    color:#339999;
    font-size:15px;
}
.yp-top-banner {
    margin-bottom:10px;
    display:block;
    background-image:url(../Images/STAWebsite/yp-banner-sta.png);
    width:756px;
    height:313px;;
}
.ypleft {
    float:left;
}
.ypright {
    float:right;
    width:200px;
}
.ypright img {
    margin-bottom:20px;
    padding-top:10px;
}
.ypfootertop input:focus, .ypfooterbottom .captchainput:focus, .ypnotes textarea:focus, .addrow input[type='text']:focus, .quoteRequest input[type='text']:focus, .quoteRequest select:focus {
    border-color:#339999;
    box-shadow:0 1px 1px #339999 inset;
    outline: 0 none;
}

.addrowheader {
    border-bottom:1px solid #c2c2c2;
}
.catfooter {
    width:960px;
    padding:10px;;
    overflow:hidden;
    text-align:left;
    display:block;
}
.catfooter a {
    text-decoration:underline;
    color:#339999;
}
.catfooter a:hover {
    text-decoration:none;
}
#promo-bar {
    display:block !important;
    color:#fff;
    background-color: #555;
    text-align: center;
}
#promo-bar p {
    margin:0 !important;
    padding: 5px 0;
}
#promo-bar a {
    color:#fff;
    text-decoration:underline;
}
#promo-bar a:hover {
    text-decoration:none;
}
.logo_img {
	background:url(/Images/STAWebsite/logo.png) no-repeat;
	height:65px;
	margin:10px 0;
    background-size: contain;
}
.contact-right {
    width:100%;
    clear:both;
    float:none;
}
.survey {display:none !important;}
.lock-ads { margin-top:5px;}
.lock-ads img { width:960px;}

.coupon {
    padding:5px;
    height:100px;
    margin-bottom:10px;
}
.coupon input[type='text'] {
    width: 150px;
      height: 20px;
      border: 1px inset;
      padding: 1px 0 0 1px;
      font-family: Arial;
    margin:5px;
}
.coupon a {
    margin-left:5px;
    font-size:14px;
    text-decoration:none;
}
.coupon a:hover {
    text-decoration:underline;
}
.coupon .button {
    margin-left:5px !important;
}
.pkg-header {
    display:none !important;
}
.catads {
    display:none !important;
}
#nav_wrapper #mobile-menu-wrap {
    background: #339999;
}
.container_12 #searchBy {
    left: 0;
}
.saved.leftbox3 .lefttable2 thead tr:first-child {
    background: #339999;
}
.order-list-wrap .cartgrid tr:first-child {
    background: #339999;
}
.sta-finish-chart-img img {
    max-width: 100%;
    height: auto;
}
#spnGroupHead.coblistouter1 .comblistouter1 > span .grid_2_1.category-item-wrap {
    clear: none !important;
}
#searchBar #tfheader .textfield {
    width: 220px;
    padding-right: 125px;
}
.order-detail-wrap .leftbox3 #ctl00_lmPlaceHolder_uxOrderView {
    border-collapse: separate !important;
}

#divoptpopuptext .fieldsetPopup .area_clickable td {
    vertical-align: middle;
}

@media only screen and (max-width: 960px) {
    #searchBar #tfheader .textfield {
        margin-right: 10px;
        width: 120px;
        padding-right: 115px;
    }

    .cat-list .catheader {
        padding: 5px 15px 0;
    }
}

@media only screen and (max-width: 639px) {
    #searchBar #tfheader .textfield {
        width: 65%;
        padding-right: 25%;
        float: none;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 500px) {
    #printsection tr, #printsection td {
        display: block;
    }
    #printsection > table > tbody > tr > td {
        width: 98% !important;
        text-align: left !important;
    }
    #printsection tr tr td {
        display: table-cell;
    }
}

@media only screen and (max-width: 479px) {
    #searchBar #tfheader .textfield {
        width: 55%;
        padding-right: 30%;
    }
    .shipping-adresses .innerFieldsetBox .btnright {
        float: none;
    }
    .divpopupship .editship {
        width: auto;
    }
    .divpopupship .shipgrid table {
        width: 100%;
    }
    .divpopupship .shipgrid td .buttonedit {
        width: 90px;
        float: none;
    }
    .divpopupship .shipgrid td .buttonedit.btnright {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 390px) {
    #searchBar #tfheader .textfield {
        padding-right: 120px;
        width: 45%;
    }
}


.homeheader h1
{
    margin-bottom: 5px
}

.homesubheader 
{
    font-size:14px;
    text-align: center
}

.quote_form_container .col_submit .btn_submit {
    background-color: #339999;
}

.quote_form_container .form-row .btn_delete_item .icon_wrapper {
    background: url(/images/STAwebsite/icon-x-round.png) no-repeat;
}

.quote_form_container .form-row .btn_add_another .icon_wrapper {
    background: url(/images/STAwebsite/icon-plus-round.png) no-repeat;
}

.quote_form_container .form-row .btn_delete_item {
    transform: none;
}

.header_outer{border-top: 2px solid #339999;}
.cart_number{background-color: #339999;}
.header_login ul li::before {
    background-color: #339999;
}
.header_login ul li a:hover{color: #339999;}
.header_login ul li a.accnt_dropdwn:hover::after{border-top: 7px solid #339999;}
.basic_btn:hover{background-color: #339999;}
.header_login ul li li a.create_btn:hover{border-color: #339999;}
.account_view .account_box a:hover{color: #339999; border-color: #339999;}
.custm_nav li.menu_focus:hover>a, .custm_nav li.ctgry_link.is_active> a, .custm_nav li.menu_focus.hover_effect > a{color: #339999;}
.custm_nav li.menu_focus.hover_effect::before{background-color: #339999;}
.custm_nav li.ctgry_link .catmenu-item-wrapper .catmenu-item a::before {
    background: #339999; 
}
.custm_nav li.ctgry_link .catmenu-item-wrapper .catmenu-item.selected a {
    color: #339999;
}
.custm_nav li.menu_focus .dropdown_content .menu-content .menu-cat-item-wrapper li>a:hover{color: #339999;}
.header_btm h5 strong{color: #339999;}
.header_btm h5 span{color: #339999;}
.custm_nav li.menu_focus .dropdown_content .menu-content .menu-cat-item-wrapper li.menu-subheader {
    border-bottom: 3px solid #339999;
    color: #339999;
}
.hardwre_heading h1 span{color: #339999;}
.hrdwr_itm_inner>a:hover{color: #339999;}
.hardwr_list>a:hover{color: #339999; border-color: #339999;}
.hlist_inner {
    border-bottom: 1px solid #339999;
}
.hlist_inner ul li a:hover{color: #339999;}
.cross_list {
    border: 1px solid #339999; 
    color: #339999;
}
    .cross_list:hover {
        background-color: #339999;
    }

.vst_wbste_lstng ul li a:hover{
	color: #339999;
}

.vst_all a:hover{
	color: #339999;
	border-color: #339999;
}
.cstmr_srvce_lstng ul li a:hover{
	color: #339999;
}
.foot_links_cntnr ul li a:hover{
	color: #339999;
}
.custm_nav li.menu_focus.hover_effect> a span {
    color: #339999;
}
.homepage .cat-list-wrapper .list-item .product-nav-text h3 a:hover {
    color: #339999;
}
.comblistouter1 .cat-default.subcat-list .category-item-wrap:hover .product-nav-text h3 a {
    color: #339999;
}
.top-menu-wrapper.standalone .menu-list .menu-right-item .link-wrapper:hover {
    color: #339999;
}
.custm_nav .mobile-submenu-links .mobile-submenu-item-wrapper .mobile-submenu-item a {
    color: #339999;
}
.slider {
    text-align: center;
}
.srch_submit {
    background-image: url(/images/STAwebsite/search_icon.png);
}
.chardwre_outer.homepage .cat-list-wrapper {
    margin-top: 2em;
}
.hardwre_heading {
    padding: 0 150px 50px;
}