﻿/* GENERAL */
    * {
        margin: 0; 
        padding: 0;
        }
    table,fieldset,img,abbr,acronym {
        border: 0;
        }
    caption,th {
        text-align: left;
        }
    body {
        background: #A7A9AC url(/sw/images/interface/BackgroundGrid.png);
        text-align: center;
        color: #333;
        font: 11px Verdana,Arial,Helvetiva,sans-serif;
    }
    a {
        color: #369;
        text-decoration: none;
    }
    a:hover,a:focus {
        text-decoration: underline;
    }
    li {
        list-style-type: none;
    }
    h1,h2,h3,h4,h5,h6 {
        font-size: 100%;
        color: #525151;
        }
    h1 {
        /* margin-bottom: 26px; */
        font: 23px Verdana;
        clear:both;
    }
    h2 {
        margin-bottom: 10px;
        font-size: 12px;
    }
    h4, h4 a {
        margin-bottom: 5px;
    }
    input,select,textarea {
        background-color: #FFF; /* OK - used for buttons */
        border: 1px solid #010101;
    }
/* GENERAL */
/* MISC CLASSES */
    .clear {
        clear: both;
    }
    .txtcenter {
        text-align: center;
    }
    .hrnone hr {
        display: none /* QUESTIONABLE - extra hr should be removed if it's hidden */
    }
    .hr hr {
        display: none /* QUESTIONABLE - extra hr should be removed if it's hidden */
        }
    div.hr {
        background: transparent url(/sw/images/interface/bg_hrbox.gif) left center repeat-x;
    }
    div.hr,div.hrnone {
        clear: both;
        height: 17px;   
    }
    .cfdebug {
        text-align:left;
    }
    .cfdebuglge
     {
        text-align:left;
    }
    div.print {
        display:none;
    }
    #main .stdSubmitBtn {
        color: #000000;
        border: none;
        background-color: #707070;
        color: #ffffff;
        font-weight: bold;
        font-size: 10px;
        cursor:pointer;
        height:18px;
        padding-bottom:3px;
    }
    .box h3 {
        margin-bottom:10px;
        color:#666;
    }
    .noborder { /* for IE */
        background-color: transparent !important;
        border: 0 !important;
    }
    .shadedbg {
        background-color: #dadada;
        padding: 3px;
    }
    .header_search {
        border:none;
    }
    ul.grayarrow li {
        background: url(/sw/images/interface/gray_arrow.png) no-repeat 0 8px;
        padding-left: 8px;
    }
    .HeadingImage {
        display: block;
    }
    .c1margin {
        margin: 0 20px 0 0;
    }
    .c3margin {
        margin: 0 0 0 20px;
    }
    div.rss_Icon {
        float: right;
        padding-right: 6px;
    }
    div.rss_Icon a {
        padding-left: 22px;
        background: url(/sw/images/interface/ico_rss.gif) no-repeat;
        color: #E67B1B;
        font-weight: bold;
        line-height: 19px;
        display: block;
    }
/* MISC CLASSES */
/* SITE LAYOUT DIVS */
    #container,#main,#wrap, #footer {
        /* position: relative; */
        margin: 0 auto;
    }
    #container {
        background: url(/sw/images/interface/BackgroundShadow.png) repeat-y;
        width: 1045px;
        text-align: left;
    }
    #main {
        width: 961px;
        background: #FFF;
        position: relative;
    }
    #wrap {
        width: 961px;
    }
    #wrap {
        padding: 0 0 20px 0;
        background-color: #efefef;
    }
    #header {
        width: 961px;
        poition: relative;
    }
    #HeadingContent {
        background-color: #efefef;
    }
    #columnone {
        float: left;
        margin: 0 20px 0 0;
    }
    #columnthree {
        float: left;
        margin: 0 0 0 20px;
        width: 192px;
    }
    #modal {
        clear: both;
        padding: 10px 0 0 0;
        margin: 0 15px;
    }
    #columntwo {
        float: left;
    }
    #content {
        background-color:#fff;
        padding: 15px 0 0 0;
    }
    .con1col {
        width: 931px;
    }
    .con2collt {
        width: 725px;
    }
    .con2colrt {
        width: 715px;
    }
    .con3col {
        width: 500px;
    }
    #contentb {
        padding: 0 20px
    }
    #breadcrumb {
        margin: 0 0 8px 0;
        width: 695px;
        font-size: 10px;
        float: left;
    }
    #FL_Block {
        width: 961px;
        background: #818181 url(/sw/images/interface/FooterGradientSlice.png) top left repeat-x;
    }
    #subheader {
        height: 100px
    }
    #navshadow {
        width:961px;
        height: 15px;
        background: url(/sw/images/interface/TopNavigation_shadow.png);
        position: absolute;
        z-index: 1;
    }
    #footer {
        background: url(/sw/images/interface/BackgroundBottomShadow.png) repeat-y;
        width: 1045px;
        height: 44px;
    }
/* SITE LAYOUT DIVS */
/* HEADER NAVIGATION */
    /* LOGO */
    #header h6.logo {
        float: left;
        margin: 20px 0 0 40px;
    }
    /* LOGO */
    
    /* NAVTOP LINKS */
    ul#navtop {
        margin: 45px 7px 0 0;
        float:right;
    }
    ul#navtop li {
        float: left
    }
    ul#navtop li a {
        padding: 0 5px
    }
    ul#navtop li,ul#navtop li a {
        color: #696969;
    }
    ul#navtop li a {
        float: left;
    }
    ul#navtop li a,ul#navheader li a.navheader {
        font-size: 10px;
    }
    address#phones {
        color: #9E9E9E;
        font-size: 9px;
        font-style:normal;
        clear: right;
        float: right;
        margin: 7px 20px 0 0;
        width: 500px; /* IE7: This is required because IE7 is intellectually challenged */
    }
    /* NAVTOP LINKS */
    
    /* SITE SEARCH IN TOP NAV */
    #search {
        margin: 40px 20px 0 0;
        float: right;
    }
    #search .txtsearch {
        height: 18px;
        background-color:#efefef;
        font-size:12px;
        border: 1px solid #c2c2c2;
        vertical-align: top;
    }
    #header .stdSubmitBtn {
        width:100%;
    }
    /* SITE SEARCH IN TOP NAV */
    /* MAIN HEAD LINKS */
    ul#navheader {
        width: 961px;
        clear: both;
        background: url(/sw/images/interface/TopNavigation_gradient_resting.png) repeat-x;
    }
    ul#navheader li.SNH_Header {
        float: left;
        border-right: 1px solid #FFF;
        padding-right: 7px;
        position: relative;
        z-index: 8998; /* IE7: This is required because IE7 is intellectually challenged */
    }
    ul#navheader li.selected {
        background: url(/sw/images/interface/TopNavigation_gradient_selected.png) repeat-x;
    }
    ul#navheader li.SNH_Header:hover {
        background: url(/sw/images/interface/TopNavigation_gradient_hover.png) repeat-x;
    }
    li.selected a.navheader, li.SNH_Header:hover a.navheader {
        color: #FFF;
        text-decoration: none;
    }
    a.navheader {
        padding: 0 10px;
        color: #565658;
        font-weight: bold;
        line-height: 30px;
    }
    .SNH_Menu {
        display: none;
        border-top: 7px solid #ec322b;
        z-index: 8998;
        position:absolute;
        top: 30px;
        left: 0; /* IE7: This is required because IE7 is intellectually challenged */
        background: url(/sw/images/interface/DropDownMenu_Shadow.png) repeat-x bottom left;
        z-index: 8998; /* IE7: This is required because IE7 is intellectually challenged */
    }
    .SNH_Menu_Clear {
        background:#fff url(/sw/images/interface/DropDownMenu_leftGradient.png) bottom left repeat-x;
    }
    ul#navheader .SNH_Menu a {
        color: #336699;
        font-size:10px;
        line-height:24px;
        margin-left: 4px;
    }
    ul#navheader .SNH_Menu a:hover {
        color:#336699;
    }
    .hovering .SNH_Menu {
        display: block;
    }
    .SNH_Menu_Items {
        position:absolute;
        z-index:8999;
        top: 0;
        left: 0;
    }
    .SNH_Item {
        float:left;
        margin: 15px 0 15px 20px;
    }
    .SNH_Right {
        float: right;
        width: 175px;
        background-color:#ddd;
        height:275px;
    }
    .SNH_RightInner {
        margin: 20px;
        float: right;
    }
    ul#navheader .SNH_RightContent a  {
        line-height: 14px;
    }
    .SNH_RightHeadline {
        border-bottom: 2px dotted #b7b7b7;
        color: #767676;
        font-weight: bold;
        padding: 0 0 4px 0;
        text-transform: uppercase;
        margin: 0 0 4px 0;
        font-size: 9px;
    }
    .SNH_RightList {
        margin: 0 0 45px 0;
    }
    .SNH_RightList li {
        margin: 0 0 8px 4px;
        padding: 3px 0 0 8px;
    }
    .SNH_HTBHead {
        border-bottom: 2px solid #aaa;
        padding-bottom: 3px;
        color:#666;
        font-weight:bold;
    }
    .SNH_LinkHead {
        color:#767676;
        font-size:11px;
        font-weight:bold;
    }
    .SNH_Item ul {
        margin-bottom:8px;
        position:relative; /* IE7: This is required because IE7 is intellectually challenged */
    }
    /* MAIN HEAD LINKS */
/* HEADER NAVIGATION */
/* LEFT NAVIGATION */
    #navbar {
        margin: 17px 0 0 0;
        width: 186px;
    }
    #navbar li {
        background: url(/sw/images/interface/leftNavbar_list_bg.gif) left bottom repeat-x;
        padding: 7px 0 10px 13px;
    }
    #navbar li a {
        color: #6D6E71;
        font-size: 10px;
        font-weight: bold;
    }
    #navbar a.SideNav_ActiveLink {
        color: #000;
    }
    #navbar .SideNav_Sub li {
        padding: 11px 0 0 13px;
        background: none;
    }
    #navbar li.SideNav_ActiveList {
        position: relative; /* required for style of #navbar img.nav_Bullet */
    }
    #navbar .SideNav_Sub li a {
        font-weight: normal;
    }
    #navbar img.nav_Bullet {
        left: 1px;
        position: absolute;
        top: 11px;
    }
    #navbar .SideNav_Sub li img.nav_Bullet {
        top: 15px;
    }
/* LEFT NAVIGATION */
/* CONTENT DIV STYLES */
    /* EMAIL AND PRINT PAGE LINKS */
        #main ul.more {
            clear: both;
            display: table;
            margin-top: 20px;
        }
        #main ul.more li {
            float: left;
            padding: 0 10px 4px 21px;
            background-repeat: no-repeat;
            list-style-type: none;
            margin-left:0;
        }
        #main ul.more li a {
            color: #9E9E9E;
            font-size: 10px
        }
        #main ul.more li.printpage {
            padding-left: 31px;
            background-position: 10px 2px;
            background-image: url(/sw/images/interface/ico_print.gif);
            border-right: 1px solid #9E9E9E;
        }
        #main ul.more li.emailpage {
            padding-left: 31px;
            background-position: 10px 4px;
            background-image: url(/sw/images/interface/ico_email.gif)
        }
    /* EMAIL AND PRINT PAGE LINKS */
    #content .img {
        float: left;
        padding-right: 10px
    }
    #content .txt {
        float: left;
        width: 335px /* teaser text */
    }
    #content p, #colorbox p, CC_Flex p {
        margin-bottom: 23px;
        line-height: 18px
    }
    #content #PageDescription {
        font: 14px/23px Verdana;
    }
/* CONTENT DIV STYLES */
/* SEARCH RESULTS */
    #navbarsearch {
        float: left;
        border: 1px solid #E1E1E1;
        width: 186px;
        margin: 34px 0 0 0;
    }
    #navbarsearch .search_refine {
        font-size:13px; 
        font-weight:bold; 
        margin: 10px 0 5px 10px;
    }
    #search_content {
        float: left;
        width: 690px;
        margin: 0 0 0 10px;
    }
    #navbarsearch h3 {
        margin: 0 0 2px 10px;
    }
    #navbarsearch ul.site_search_navlist li {
        list-style-type: none;
        margin: 0;
    }
    #navbarsearch ul li span {
        padding: 3px 0 0 25px;
        background: transparent url(/sw/images/interface/gray_arrow.png) 12px 9px no-repeat;
        display:block;
        margin: 0 0 7px 0;
    }
    #navbarsearch li a {
        font-size:10px;
        line-height:14px;
    }
    .sr_search h3 {
        font-size:12px;
    }
    #searchresults {
        width: 693px;
        border: 1px solid #E1E1E1;
        margin: 15px 0 0 0;
    }
    #site_search_form {
        width: 695px;
        background-color: #e1e1e1;
        border 1px solid #666;
        margin: 5px 0 0 0;
    }
    #site_search_form_contents {
         padding: 20px 0 0 15px;
    }
    #searchresults .sr_results {
        float: left;
        margin: 15px 0 0 15px;
    }
    #searchresults .sr_paging {
        float: right;
        margin:15px 15px 0 0;
    }
    .searchresult {
        width: 663px;
        margin-left: 15px
    }
    #content .searchresult .sr_search p {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 12px
    }
    #content .searchresult .sr_search p.type1 {
        color: #0b639f;
        padding-bottom: 20px;
    }
/* SEARCH RESULTS */
/* CONTENTB DIV STYLES */
    #contentb blockquote {    
        padding: 0 30px 10px 30px;
    }    
    #contentb .LGclear { /* clears floats for lead gen boxes in main content area */
        clear: both;
    }
    #contentb #LGskinny {
        background: transparent url(/sw/images/interface/box_LGskinny_bottom.gif) bottom left no-repeat;
        float: right;
        width: 137px;
    }
    #contentb .box {
        float: right;
        width: 205px
    }
    #contentb ol li {
        background: none;
        list-style-type:decimal;
        list-style-position:inside
    }
    #contentb li {
        line-height: 16px;
        padding-left: 5px;
        margin-left: 30px;
        list-style-type: disc;
    }
/* CONTENTB DIV STYLES */
/* COLUMNTHREE DIV STYLES */
    .RightColumnBox {
        margin-bottom: 13px;
        width: 192px;
        background-color: #FFF;
        border: 1px solid #e1e1e1;
    }
    .RightColumnBoxTitle {
        color: #666;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 10px;
    }
    .RightColumnBoxContent {
        margin: 6px 0 5px 13px;
    }
    .RightColumnBoxList li {
        padding: 0 10px 14px 0;
    }
    .RightColumnBoxList a {
        background: url(/sw/images/interface/icon_arrow_grey.gif) no-repeat left 4px;
        color: #003471;
        display: inline-block;
        font-size: 11px;
        padding-left: 14px; 
    }
    .HowToBuy {
        background: url(/sw/images/interface/HowToBuy_Internal.png) no-repeat;
        height: 160px;
        margin: 0 0 13px -8px;
        padding: 16px 0 0 20px;
        width: 182px;
    }
    .HowToBuyList {
        margin: 16px 0 0 0;
    }
    .HowToBuyList li {
        padding-bottom: 15px;
    }
    .HowToBuyList a {
        background: url(/sw/images/interface/ico_arrow_blue.gif) no-repeat scroll left 3px transparent;
        color: #636363;
        display: inline-block;
        font-size: 11px;
        padding: 0 0 0 15px;
    }
    .HowToBuyBottom {
        margin-right:15px;
    }
/* COLUMNTHREE DIV STYLES */
/* FORM STYLES */
    #contentb select, #contentb input {
        margin: 0 5px 4px 0;
        font-size: 10px;
        border: 1px solid #7C9DB9
    }
    #contentb input.noborder {
        margin:0px;
    }
/* FORM STYLES */
/* FOOTER */
    .FL_Links {
        width: 165px; 
        margin: 25px 0 25px 25px;
        float: left; 
        color: #fff;
        font-size 10px;
    }
    .FL_Links_Border {
        border-right: 1px solid #fff;
    }
    .FL_Links a {
        color: #ddd;
        line-height:20px;
    }
    .FL_Links li {
        list-style-type: none;
    }
    .FL_Links ul {
        margin-bottom: 7px;
    }
    #footer p,#footer li {
        margin-top: 10px;
        font-size: 10px;
        color: #ffffff;
    }
    #footer p {
        float: left;
        margin-left: 44px;
    }
    #footer ul {
        float: right;
        margin-right: 40px
    }
    #footer li {
        float: left;
        margin-right: 4px
    }
    #footer li,#footer li a {
        color: #ffffff;
        font-size: 9px
    }
/* FOOTER */
/* NEW HOME PAGE */
    #hp_QuickLinks {
        padding:15px;
    }
/* NEW HOME PAGE *
 
/* CONTENT CLASS STYLES */
    #content #CC_TextOverImage p {
        line-height:normal;
    }
    #content .CC_Flex hr {
        border-bottom: 1px solid #A7A9AC;
        margin-bottom: 3px;
    }
    #content .CC_Flex li {
        padding-bottom: 8px;
    }
    #content .CC_Flex h3 {
        padding-bottom: 5px;
        font-size: 12px;
    }
    #content .CC_Flex_Feed li {
        list-style-type: none;
        padding-bottom: 8px;
        margin: 0;
    }
    #content #hp_QLHead {
        font-weight: bold;
    }
    #content #hp_QLLinks {
        margin: 4px;
        line-height: 18px;
    }
    #pr_date {
        width: 124px;
        float: left;
        text-align: right;
        clear: both;
    }
    #pr_title {
        float: left;
        padding: 0 0 15px 3px;
        width: 331px;
    }
/* CONTENT CLASS STYLES */
/* PRODUCTS HEADER - Header for new products page layout */
/* Note: about 1/4 the styles used need to remain in the content class itself 
as there is a heavy use of background images that are going to be page specific. 
See Header Navigation content class for details. */
div#productContainer {
    margin-left:18px;
}
div#prodNavContainer {
    position:relative;
    float:left;
    margin-bottom:10px; 
    background-image: url('/sw/images/interface/DottedLine.jpg');
    background-repeat:no-repeat;
    background-position: center bottom; 
}
ul#productnav li {
    margin:20px 25px 2px 0;
    padding-bottom:5px;
    float:left;
    list-style-type:none;
    font-size:9px;
    text-align: center;
    background-repeat:no-repeat;
    background-position: center top;
    height:62px;
    cursor:pointer;
}
ul#productnav a {
    font-size:9px;
    color:#333333;
    text-decoration:none;
    cursor:pointer;
}
/* 
ul#productnav a:hover {
    text-decoration:underline;
}
*/
span#ProdNavText {
    z-index:2;
    position:relative;
    top:48px;
}
ul#tabbedNav li {
    float:left;
    margin:0 2px 0 0;
    padding: 7px 15px 7px 15px;
    list-style-type:none;
    display:block;
    background-image: url('/sw/images/interface/GreyButtonSlice.jpg');
    color:white;
    font-weight:bold;
    font-size: 13px;
}
ul#tabbedNav li.selected {
    background-image: url('/sw/images/interface/OrangeButtonSlice.jpg');
}
ul#tabbedNav li a{
    color:white;
    font-weight:bold;
    font-size: 13px;
}
h1#productHeader {
    margin: 0 0 0 0;
    font-size:24px;
    font-family:verdana;
    font-weight:normal;
}
div#transbox {
   width:550px;
    _width:549px; 
    height:150px;
    /* margin used to align right*/
    /* margin:0 0 0 100px; */
    background-color:#707070;
    border-top:none;
    border-right:2px solid #707070;
    border-bottom:2px solid #707070;
    border-left:2px solid #707070;    
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
    background-image: url('/sw/images/interface/DropDownBackground.jpg');
}
div#thinline {
    width:554px;
    _width:552px;
    height:0px;
    left: -2px;
    border-top:2px solid #f16534;
    clear: both;
}
div#transnav  {
    z-index:3;
    position:relative;
   /* width:525px; */
    margin-top:-150px;
    margin-right:20px; 
}
ul#transnavimage  {
    float:left;
    z-index:4;
    position:relative;
    padding: 20px 30px 0 75px;
}
ul#transnavitems {
    float:left;
    z-index:5;
    position:relative;
}
ul#transnavitems li {
    font-weight:bold;
    color:#707070; 
    margin: 12px 0 12px 20px;
}
ul#transnavitems li a{
    text-decoration:none;
    font-weight:bold;
    color:#707070;
}
ul#transnavitems li a.selected{
    color:#f16534;
}
ul#transnavitems li a:hover, ul#transnavitems li a:active{
    color:#f16534;
}
/* new */
div#transnavitems {
    float:left;
    z-index:5;
    position:relative; 
   /* width:575px; */
}
div#transnavitems p {
    font-weight:bold;
    color:#707070; 
    margin: 5px 0 12px 12px;
}
div#transnavitems p a{
    text-decoration:none; 
    font-weight:bold;
    color:#707070;
}
div#transnavitems p a.selected{
    color:#f16534;
}
div#transnavitems p a:hover, div#transnavitems p a:active{
    color:#f16534;
}
/* end new */
ul#transnavitems2 {
    float:left;
    z-index:6;
    position:relative; 
}
ul#transnavitems2 li {
    font-weight:bold;
    color:#707070; 
    margin: 12px 5px; 12px 0;
    padding-left:10px;
}
ul#transnavitems2 li a{
    text-decoration:none; 
    font-weight:bold;
    color:#707070;
}
ul#transnavitems2 li a.selected{
    color:#f16534;
}
ul#transnavitems2 li a:hover, ul#transnavitems2 li a:active{
    color:#f16534;
}
/* PRODUCTS HEADER - Header for new products page layout */
/* FAQ CONTENT CLASS */
    .FAQ_QA_Box {
        margin: 0 0 7px 0;
    }
    .FAQ_Question {
        color: #F26522;
        font-size: 13px;
        border: 1px solid #a9a9a9;
        background: #e6e6e6;
        cursor: pointer;
        padding: 6px 10px;
    }
    .FAQ_Answer {
        display:none;
        border: 1px solid #a9a9a9;
        border-top: none;
        background: #FFF;
        padding: 15px 15px 2px 10px;
    }
    #main .FAQ_Question p {
        margin-bottom:0;
    }
/* FAQ CONTENT CLASS */
