/*
Southwire Common Stylesheet "Level 2 Revision 1 (CSS 2.1) Specification"
    "http://www.w3.org/TR/CSS21/">
purpose:   1. Undo some of the default styling of common browsers to
           start designs on a level playing field.
           
           2. Provide Sitewide style settings.
           
version:  v09.22.2011
*/

/**************************************************************/
/**** undo some default styling of common (X)HTML browsers ****/
/**************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
    
table, caption, tbody, tfoot, thead, tr, th, td
{
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
/***************************************/
/*********** global elements ***********/
/***************************************/
body
{
    background: #ffffff;
    font: 62.5% Arial, Helvetica, Sans-Serif;
    color: #333;
    line-height: 1;
}
html
{
    overflow: scroll;
}
ol,
ul
{
    list-style: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    vertical-align:top;
}
td
{
    vertical-align:top;
}
blockquote,
q
{
    quotes: none;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
object
{
    display: block;
}
form
{
    display: inline;
}
:focus
{
    outline: 0;
}
sup,
#content sup,
#page-content sup,
#product sup
{
    vertical-align:top;
    font-size: 85%;
}
sub,
#content sub,
#page-content sub,
#product sub
{
    vertical-align:bottom;
    font-size: 85%;
}
hr
{
    border: none;
    width: 100%;
    color: #afafaf;
    background-color: #afafaf;
    height: 1px;
}
a 
{
    color:#996600;
    text-decoration: none; 
}
a:hover 
{
    text-decoration: underline; 
}
a img
{
    border: none;
}
th
{
    text-align:right;
    font-weight:bold;
}
td
{
    padding: 3px;
}
h1,
#content h1,
#content-wide h1
{
    font-size: 18px;
    font-weight:bold;
    color:#666666;
    margin-bottom:10px;
    padding-bottom: 6px;
    border-bottom:1px solid #ccaf80;
}

#content-small h1
{
    margin-bottom:20px;
    text-align:center
}

#right h1,
#left h1
{
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    border-bottom:1px solid #afafaf;
}
h2
{
    font-size:14px;
    color:#666666;
}
#left h2,
#right h2 
{
    font-size:12px;
    text-transform: uppercase;
    color:#000;
    text-align:center;
}
#content h2, #content-wide h2,
#content h3, #content-wide h3,
#content h4, #content-wide h4,
#content h5, #content-wide h5,
#content h6, #content-wide h6
{
  margin:1em 0;
}
#content h2,
#content-wide h2
{
  font-weight:bold;
  color:#996600;
}
h2 a
{
    font-weight:bold;
}
#content h2 a, #content-wide h2 a
{
  color:#996600;
}
h3 
{
    font-size: 12px;
    font-weight:bold;
    color:#996600;
}
#right h3, .text-box h3, .img-list h3
{
    border:none;
    margin:0;
    padding:0;
}
h4  
{
    text-align: left;
    color:#996600;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 12px;
}
h4 img
{
    margin:0;
    padding:0;
}
h5
{
    font-size:12px;
    font-style: italic;
    color:#996600;
}
h6
{
    font-size:11px;
    color:#996600;
}
th
{
    text-align:right;
    font-weight:bold;
}
td
{
    padding: 3px;
}

input,
textarea
{
    font-family: Arial, Helvetica, Sans-Serif;
}

#wrapper-mobile input,
#wrapper-mobile textarea,
#wrapper-mobile select,
#wrapper-mobile label,
#wrapper-mobile button
{
     font-size:11px;
}

/****************************************/
/************ common classes ************/
/****************************************/
.clearit 
{
    clear:both; 
}
/*to center large image list, or any other content in a div*/
div.text-centered
{
  text-align:center;
}
.hide
{
    display:none;
}
.show-row
{
    display:table-row;
}
.copper,
#content .copper,
#content-wide .copper
{
    color:#996600;
}
.gray,
#content .gray,
#content-wide .gray
{
    color:#666666;
}
.black,
#content .black,
#content-wide .black
{
    color:#000000;
}
.white,
#content .white,
#content-wide .white
{
    color:#ffffff;
}
.green,
#content .green,
#content-wide .green,
#pricesheet .current .green
{
    color:#009900;
}
#skip-to-content
{
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.bold
{
    font-weight:bold;
}

.error-message
{
    color: #BC1A1A;
    font-weight: bold;
}

.success-message
{
    color: #2D8701;
    font-weight: bold;
}

/**************************************/
/********* wrapper, container *********/
/**************************************/
#wrapper
{
    margin: 0 auto; /* sets design to show up centered on the page */
    width: 962px;
    clear:both;
    font-size: 1.3em;
    line-height:1.4;
}
#wrapper-small
{
    margin: 0 auto; /* sets design to show up centered on the page */
    width: 662px;
    clear:both;
    font-size: 1.3em;
    line-height:1.4;
}
#wrapper-mobile
{
    margin: 0;
    width: 100%;
    clear:both;
    font-size: 1.3em;
    line-height:1.4;
}

#container
{
    width:920px;
    border-right:1px #AFAFAF solid;
    border-left:1px #AFAFAF solid;
    padding:2px 20px;
    background: #fff url(/images-css/container-bg.gif) repeat-x bottom left;
    clear: both;
    position:relative;
}
#container-popup
{
    width:620px;
    margin:0;
    padding:20px;
    border-right:1px #AFAFAF solid;
    border-left:1px #AFAFAF solid;
    background: #fff url(/images-css/container-bg.gif) repeat-x bottom left;
    clear: both;
    position:relative;
}
#wrapper-mobile #container-popup
{
    width:98%;
    margin:0;
    padding-bottom:2px;
    padding-left: 1%;
    padding-right:1%;
    padding-top:2px;
    border:none;
    background: #fff url(/images-css/container-bg.gif) repeat-x bottom left;
    clear: both;
    position:relative;
}
/**************************************/
/************* pre-header *************/
/**************************************/
#pre-header
{
    margin-top:12px;
    /*margin-bottom:-6px;*/
    font-size:11px;
}
#pre-header ul
{
    margin:0 0 0 20px;
    padding:0;
    float: left;
    list-style:none;
}
#pre-header ul li
{
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 4px;
    border-left:1px #8F621D solid;
    padding:0 8px;
}
#pre-header ul li.first
{
    border-left:none;
    padding-left:0;
}
#pre-header ul li a
{
    margin: 0;
    padding: 0;
    display:block;
    color:#996600;
    font: normal 11px/11px Arial;
}
#pre-header ul li a.selected
{
    font-weight:bolder;
    color:#000000;
}
#pre-header #loginform
{
    text-align:right;
    float:right;
    margin:0 20px 0 0;
    display:inline;
}
#pre-header #loginform label
{
    color:#000000;
    font-size:11px;
    font-weight:normal;
    margin-left:20px;
}
#pre-header #loginform input#input-text-username,
#pre-header #loginform input#input-text-password
{
    width:100px;  
    font-size:10px;
    border:solid 1px #000000;
}
#pre-header a
{
    color:#000000;
    font: normal 11px/11px Arial;
    padding-left:10px;
}
#pre-header a:hover
{
    color:#333333;
    text-decoration: underline;
}
#header-tools
{
    float:right;
    font-size:80%;
}
#flags
{
    margin: 12px 0 0 5px;
    padding:0;
    clear:both;
    display:block;
    text-align:right;
}
#flags li
{
    float: right;
    margin:0 5px;
}
/*************** Canada Site ***************/
#header-tools-ca
{
    float:right;
    font-size:12px;
    display:block;
    overflow:hidden;
    height:53px;
}
#flags-ca
{
    margin: 15px 0 16px 0;
    padding:0;
    clear:both;
    display:block;
    text-align:right;
    height:22px;
}
#flags-ca li
{
    float: right;
    margin:0 5px;
    height:22px;
    line-height:22px;
    vertical-align:text-top;
    display:inline-block;
    overflow:hidden;
}
#flags-ca li.selected
{
    border:dashed 1px #999999;
    height:20px;
    line-height:20px;
    color:#666666;
    padding:0 2px;
}
#flags-ca li a
{
    height:22px;
    line-height:22px;
    display:inline-block;
    overflow: hidden;
}
#flags-ca li span
{
    line-height:20px;
    vertical-align: top;
    display:inline-block;
}
#flags-ca li a span
{
    cursor:pointer;
}
#flags-ca li a:hover span
{
    text-decoration: underline; 
}
#flags-ca li img
{
    padding-right:5px;
}
/*******************************************/
form#gotoform
{
    margin:0;
    padding:0;
    clear:both;
    display:block;
    text-align:right;
    vertical-align: middle;
}
form#gotoform select
{
    border:1px #98988D solid;
    color:#666;
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
}
form#searchform
{
    display:block;
    float:left;
    margin:8px 10px 0 20px;
    padding:0;
}
#input-text-search
{
    margin:0;
    font-size:11px;
    width:100px;
    height:14px;
    border:solid 1px #aaa;
    padding-left:20px;
    background:#ffffff url(/images-css/search-button-bg.gif) no-repeat 4px 2px;
}
#input-submit-login,
#input-submit-submit
{
    color: #ffffff;
    cursor: pointer;
    font-size: 1px;
    height: 20px;
    width: 55px;
    border: 0;
    text-indent: -9999px;
}
#input-submit-submit
{
    background: transparent url(/images-css/search-button.gif) no-repeat;
    vertical-align: top;
}
#input-submit-login 
{
    margin-right:8px;
    /*margin-bottom: 6px;*/
    margin-left:10px;
    background: transparent url(/images-css/login-button.gif) no-repeat;
    vertical-align: top;
}
/**************************************/
/*************** header ***************/
/**************************************/
#header
{
    background: #ffffff url(/images-css/header-top.gif) no-repeat top left;
    padding:16px 20px 0 20px;
    margin-top:10px;
    min-height:70px;
    width: 922px;
}
#wrapper-small #header
{
    background: #ffffff url(/images-css/header-top-small.gif) no-repeat top left;
    padding:16px 20px 0 20px;
    margin-top:20px;
    min-height:70px;
    width: 622px;
}
#wrapper-mobile #header
{
    background: #ffffff;
    padding:16px 0px 0 0px;
    margin:0px;
    min-height:60px;
    width: 100%;
    text-align:center;
}
#header #logo
{
    display:block;
    float:left;
    margin-left:10px;
    background: url(/images-css/logo.jpg) top left;
    width:212px;
    height:53px;
}
#wrapper-mobile #header #logo
{
    display:block;
    float:none;
    margin: 0 auto;
    background: url(/images-css/logo.jpg) top left;
    width:212px;
    height:53px;
}

/*************** Canada Site ***************/
#header #logo-ca
{
    display:block;
    float:left;
    margin-left:10px;
    background: url(/images-css/logo-ca.jpg) top left;
    width:196px;
    height:53px;
}
#wrapper-mobile #header #logo-ca
{
    display:block;
    float:none;
    margin: 0 auto;
    background: url(/images-css/logo-ca.jpg) top left;
    width:196px;
    height:53px;
}
/********************************************/

fieldset legend
{
    font-weight:bold;
    font-size:110%;
}
fieldset.action
{
    text-align:center;
    font-weight:normal;
}
#fastfaqs legend
{
    font-weight:bold;
}
#fastfaqs legend .body-content-block
{
    font-weight:bold;
}
/**************************************/
/************* navigation *************/
/**************************************/
/*******************/
/* main navigation */
/*******************/
#nav-main-wrapper
{
    background: #b36414 url(/images-css/nav-bg.gif) repeat-x;
    margin-bottom: 4px;
    height:37px;
    width:100%;
    clear:both;
}
#nav-main ul
{
    margin:0;
    padding:0;
    float: left;
    list-style:none;
}
#nav-main li
{
    float: left;
    padding:0;
    margin: 0;
    border-right:1px #EDAF55 solid;
    border-left:1px #8F621D solid;
}
#nav-main a
{
    color: #fff;
    float: left;
    font-size: 12px;
    line-height:37px;
    margin: 0;
    padding: 0 14px;
    /*text-transform:capitalize;*/
}
#nav-main li.first
{
    border-left:none;
    padding-left:1px;
    background: #fff url(/images-css/nav-first-bg.gif) repeat-x;
}
#nav-main a:hover
    {
    color: #fff;
    text-decoration:none;
    background:#B36414 ;
}
#nav-main li a.selected 
{
    background:#B36414;
    color: #fff;
}
/**************************/
/* left market navigation */
/**************************/
ul#left-sidebar-nav
{
    margin:0;
    margin-bottom:1em;
    padding:0;
    border-top:1px #cccccc solid;
    list-style:none;
    font-weight: normal;
    font-size: 12px;
}
ul#left-sidebar-nav li
{
    margin:0;
    padding:0;
}
ul#left-sidebar-nav li a
{
    border-left:1px #cccccc solid;
    border-right:1px #cccccc solid;
    border-bottom:1px #cccccc solid;  
    background:url(/images-css/left-sidebar-nav-bg.gif) bottom left repeat-x;
    color: #000;
    text-align:right;
    padding:11px 10px 11px 0;
    margin:0;
    display:block;
}
#left-sidebar-nav a:hover, 
#left-sidebar-nav li a:hover
{
    color: #996600;
    text-decoration:none;
    background-image: url(/images-css/left-sidebar-nav-bg-selected.gif);
}
ul#left-sidebar-nav li a.selected
{
    border:none;
    border-bottom:1px #cccccc solid;
    color: #996600;
    background-image: url(/images-css/left-sidebar-nav-bg-selected.gif);
    font-size: 12px;
}
/**********************/
/* sitemap navigation */
/**********************/
#sitemap-nav
{
    font-weight:bold;
    padding-left:2em;
}
#sitemap-nav a
{
    color:#996600;
}
#sitemap-nav ul
{
    clear:both;
    margin:0.5em 0;
}
#sitemap-nav li
{
    padding:0;
    padding-bottom: 6px;
}
#sitemap-nav ul ul li
{
    background: url(/images-css/bullets/bullet-arrows-grey.gif) no-repeat top left; 
    list-style-type: none;
    padding-left: 15px;
    vertical-align:middle;
}
#sitemap-nav ul ul
{
    margin-left:1em;
}
/*******************************************/
/************** center column **************/
/*******************************************/
#content input,
#content textarea,
#content-wide input,
#content-wide textarea,
#content-full input,
#content-full textarea,
#content-small input,
#content-small textarea
{
    font-size: 12px;
}
/***********/
/* content */
/***********/
#content 
{
    float:left;
    width:537px;
    margin-top: 10px;
    padding: 0;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size:12px;
}
/****************/
/* content-wide */
/****************/
#content-wide
{
    float:left;
    width:747px;
    margin:0;
    margin-top:10px;
    padding:0;
    padding-left:15px;
    padding-bottom:10px;
    font-size:12px;
}
#content-wide .header-sub h2
{
    font-size:14px;
    margin:1em 0;
    color:#996600;
}
/****************/
/* content-full */
/****************/
#content-full 
{
    float:left;
    width:900px;
    margin-top:10px;
    padding: 0 10px 10px 10px;
}
/****************/
/* content-small */
/****************/
#content-small 
{
    width:620px;
    padding: 0;
    padding-bottom: 10px;
}

#wrapper-mobile #content-small 
{
    width:100%;
    padding: 0;
    padding-bottom: 10px;
}

/***************************************/
/******** left and right column ********/
/***************************************/
#left
{
    float:left;
    width:158px;
    margin:0;
    padding:0;
}
#content #left
{
    padding-right: 5px;
}
#right
{
  float:left;
  width:190px;
  margin:11px 0 0 0;
  padding:0;
  font-size:11px;
}
/*****************************************/
/*********** clearing elements ***********/
/*****************************************/
.row-2col:after,
.row-3col:after,
.row-4col:after,
#content:after,
#container:after,
#header:after,
#pre-header:after,
#nav-main:after,
#footer:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/******************************************/
/************* column layouts *************/
/******************************************/
.row-2col,
.row-3col,
.row-4col
{
    clear:both;
    width:100%;
}
.row-2col .col,
.row-3col .col,
.row-4col .col
{
  float:left;
  padding:0;
  padding:0 0.5%;
}
.row-2col .col
{
    width:48.5%
}
.row-3col .col
{
    width:32%;
}
.row-4col .col
{
    width:23.5%;
}
#content .row-2col p,
#content-wide .row-2col p,
#content .row-3col p,
#content-wide .row-3col p,
#content .row-4col p,
#content-wide .row-4col p
{
    margin:0;
}
/*******************************************/
/*********** horizontal scroller ***********/
/*******************************************/
.scrollarea .scrollwindow
{
    position:relative;
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0;
    clear:both;
}
.scrollarea .scroll
{
    border-collapse:collapse;
    margin:0;
    padding:0;
}
.scrollarea .scroll td
{
    padding:0 2px;
    vertical-align:top;
}
.scrollarea
{
    padding:10px 19px;
    margin:auto;
    position:relative;
    clear:both;
}
.scrollarea .controls a
{
    position:absolute;
    top:50%;
}
.scrollarea img, #content .scrollarea img
{
    float:none;
    margin:0;
}
.scrollarea .controls .click_left_by
{
    left:0;
}
.scrollarea .controls .click_right_by
{
    right:0;
}
/******************************************/
/*************** rss ticker ***************/
/******************************************/
#recent-news-block
{
    background: url(/images-css/recent-news-outer.gif) no-repeat;
    background-color: transparent;
    clear:both;
    font-size:11px;
    line-height:30px;
    color:#656565;
    border-bottom:1px solid #bebebe;
    padding:0;
    margin:1em 0;
    width:100%;
    float:left;
}
#recent-news
{
    background: url(/images-css/recent-news-side.gif) top right no-repeat;
    padding-left:135px;
}
#recent-news-content
{
    background: url(/images-css/recent-news-content.gif) no-repeat;
    clear:both;
    padding-left:50px;
    font-size:11px;
    line-height:30px;
    color:#656565;
    border-bottom:1px solid #bebebe;
    margin-bottom:15px;
}
#recent-news li a, #recent-news li
{
    background-color: transparent;
    font-weight: bold;
}
/******************************************/
/***************** footer *****************/
/******************************************/
#footer
{
    background: #fff url(/images-css/footer-top.gif) no-repeat;
    clear:both;
    font-weight: normal;
    font-size:11px;
    color: #996600;
    padding-top: 25px;
    margin: 0 auto;
    width: 962px;
    text-align:center;
}
#wrapper-small #footer
{
    background: #fff url(/images-css/footer-top-small.gif) no-repeat;
    clear:both;
    font-weight: normal;
    font-size:11px;
    color: #996600;
    padding-top: 25px;
    margin: 0 auto;
    width: 662px;
    text-align:center;
}
#wrapper-mobile #footer
{
    background: #ebebeb;
    clear:both;
    font-weight: normal;
    font-size:11px;
    color: #996600;
    padding-top: 5px;
    margin: 0 auto;
    width: 100%;
    text-align:center;
}
#footer-links
{
    height:25px;
    display:block;
    text-align:center;
}
#footer-links a
{
    padding-right: 5px;
    padding-left: 5px;
    margin:0;
}
#footer-links a.first
{
    border:none;
}
/******************************************/
/*************** media list ***************/
/******************************************/
.media-list
{
    margin:1em 0;
}
.cu-box .media-list, .alum-box .media-list
{
    margin:0;
}
.media-list h2
{
    margin:0;
}
#content .media-list h2,
#content-wide .media-list h2
{
    margin:0;
    color:#996600;
}
.media-list p,
#right .media-list p,
#content .media-list p,
#content-wide .media-list p
{
    padding:0 5px;
    margin:0;
    padding-bottom:10px;
}
.media-list td
{
    vertical-align:top;
}
.media-list ul li
{
    list-style:none;
    padding-bottom:5px;
}
.media-list p.key-sub,
#right .media-list p.key-sub,
#left .media-list p.key-sub,
#content .media-list p.key-sub,
#content-wide .media-list p.key-sub
{
    padding-left:24px;
}
#right .media-list a,
#left .media-list a
{
    font-size:11px;
    color:#330000;
    font-weight:bold;
}
#content .media-list a,
#content-wide .media-list a
{
    font-size:12px;
    color:#330000;
    font-weight:bold;
}
.media-list a
{
    display:inline-block;
    padding-left:24px;
    line-height:16px;
    background:transparent url(/images-css/bullets/bullet-copper-arrows.gif) top left no-repeat;
}
.media-list a[href^="http:"]
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-copper-arrows.gif) top left no-repeat;
}
.media-list a[href$='.pdf'],
.media-list a[href$='.PDF']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-pdf.gif) top left no-repeat;
}
.media-list a[href$='.swf'],.media-list a[href$='.fla'],.media-list a[href$='.swd']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-swf.gif) top left no-repeat;
}
.media-list a[href$='.xls'],
.media-list a[href$='.XLS'],
.media-list a[href$='.csv'],
.media-list a[href$='.CSV'],
.media-list a[href$='.xlt'],
.media-list a[href$='.XLT'],
.media-list a[href$='.xlw'],
.media-list a[href$='.XLW']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-xls.gif) top left no-repeat;
}
.media-list a[href$='.ppt'],
.media-list a[href$='.PPT'],
.media-list a[href$='.pps'],
.media-list a[href$='.PPS']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-ppt.gif) top left no-repeat;
}
.media-list a[href$='.doc'],
.media-list a[href$='.DOC'],
.media-list a[href$='.rtf'],
.media-list a[href$='.RTF'],
.media-list a[href$='.wps'],
.media-list a[href$='.WPS']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-word.gif) top left no-repeat;
}
.media-list a[href$='.zip'],
.media-list a[href$='.ZIP'],
.media-list a[href$='.gzip'],
.media-list a[href$='.GZIP'],
.media-list a[href$='.rar'],
.media-list a[href$='.RAR']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-zip.gif) top left no-repeat;
}
.media-list a[href$='.txt'],
.media-list a[href$='.TXT']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-txt.gif) top left no-repeat;
}
.media-list a[href$='.mp3'],
.media-list a[href$='.wma'],
.media-list a[href$='.wav']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-wma.gif) top left no-repeat;
}
.media-list a[href$='.mp4'],
.media-list a[href$='.m4v'],
.media-list a[href$='.mov'],
.media-list a[href$='.avi']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-dvd.gif) top left no-repeat;
}
.media-list a[href$='.jpg'],
.media-list a[href$='.JPG'],
.media-list a[href$='.gif'],
.media-list a[href$='.GIF'],
.media-list a[href$='.png'],
.media-list a[href$='.PNG']
{
    display:inline-block;
    padding-left:24px;
    background:transparent url(/images-css/bullets/bullet-jpg.gif) top left no-repeat;
}
/******************************************/
/*************** breadcrumb ***************/
/******************************************/
#breadcrumb
{
    float:left;
    width: 100%;
    padding: 7px 0;
    margin-bottom: 10px;
    font-size:11px;
    text-transform:capitalize;
    border-bottom:1px solid #FE9502;  
}
#breadcrumb li
{
    margin: 0 4px 0 0;
    padding:0px 4px 0px 0px;
    float:left;
    background: transparent url(/images-css/breadcrumb.gif) no-repeat 100% 50%;
    line-height:12px;
}
#breadcrumb a
{
    color: #000;
    display: block;
}
#breadcrumb a:hover
{
    color: #cc6600;
    text-decoration: none;
}
#breadcrumb .this-page
{
    background: none;
    margin:0;
    font-weight: bolder;
    color:#996600;
}
#breadcrumb > li a
{
    width:auto;
}
/*********************************************/
/**************** Liquid Box *****************/
/*********************************************/
#blue-border
{
    border:blue 1px solid;
}
span.bt, span.bt span, span.bb, span.bb span
{
    display:block; 
    height:10px; 
    font-size:1px; 
    background:url(../images/mods/corner_sprite_blue_small.gif) no-repeat; position:relative;
}
span.bt 
{ 
    background-position:0% -20px;  
    left: -1px; 
    top: -1px;
}
span.bb
{
    background-position: 0% -30px;
    left: -1px;
    bottom: -1px;
}
span.bt span
{
    background-position: 100% 0px;
    left:2px;
}
span.bb span
{
    background-position: 100% -10px;
    left:2px;
}
.cu-box, .alum-box
{
  margin:0;
  margin-bottom:1.5em;
  padding:0;
}
.cu-box
{ 
    border: #ccaf80 1px solid;
    background-color:#f4f4f4;
}
.alum-box
{
    border:#afafaf 1px solid;
    background-color:#f4f4f4;
}
.alum-box-gray
{
    border:#afafaf 1px solid;
    background-color:#E5E5E5;
    margin:0;
    padding:0;
}
.inner-box, #content .inner-box
{
    padding:0 5px;
    padding-top:10px;
    margin:0;
    display:block;
    overflow:auto;
}
.cu-box h2,
#content .cu-box h2,
#content-wide .cu-box h2
{
    background: url(/images-css/cu_h2_bkg.gif) repeat-x;
    padding:0px 10px;
    margin:0;
    margin-top:-10px;
    line-height:30px;
    height:30px;
}
#right .cu-box h2,
#left .cu-box h2
{
    font-size:11px;
    padding:0;
}
.alum-box h2,
#content .alum-box h2,
#content-wide .alum-box h2
{
    background: url(/images-css/al_h2_bkg.gif) repeat-x;
    padding:0px 10px;
    margin:0;
    margin-top:-10px;
    line-height:30px;
    height:30px;
}
#right .alum-box h2,
#left .alum-box h2
{
    font-size:11px;
    padding:0;
}
/* copper (cu) box corners */
span.boxtop-cu, span.boxtop-cu span, span.boxbtm-cu, span.boxbtm-cu span 
{
    display: block; 
    height: 10px;
    font-size: 1px;
    background:url(/images-css/cuCircle.gif) no-repeat;
    position:relative;
}
/* alum box corners */
span.boxtop-alum, span.boxtop-alum span, span.boxbtm-alum, span.boxbtm-alum span
 {
    display: block; 
    height: 10px;
    font-size: 1px;
    background:url(/images-css/alCircle.gif) no-repeat;
    position:relative;
}
/* top left corner  1px line*/
span.boxtop-cu, span.boxtop-alum
{
    background-position:0% -20px;
    left: -1px;
    top: -1px;
}
/* bottom left corner 1px line */
span.boxbtm-cu, span.boxbtm-alum
{
    background-position: 0% -30px;
    left: -1px;
    bottom: -1px;
}
/* top right corner 1px line */
span.boxtop-cu span, span.boxtop-alum span
{
    background-position: 100% 0px;
    left:2px;
}
/* bottom right corner 1px line */
span.boxbtm-cu span, span.boxbtm-alum span
{
    background-position: 100% -10px;
    left:2px;
    }
/******************************************/
/********** notification marquee **********/
/******************************************/
#warning
{
    color:#ff0000;
    font-size:12px;
    font-weight:bold;
    height:15px;
    position:relative;
    border-left:1px #afafaf solid;
    border-right:1px #afafaf solid;
    padding: 0px 150px 0px 150px;
}
 
/*******************************************/
/************* horizontal logo *************/
/*******************************************/
#content #horizontal-logo img,#content-wide #horizontal-logo img
{
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    z-index:1;
}
/*****************************************/
/**************** product ****************/
/*****************************************/
#product h2
{
    color:#996600;
    margin:1em 0;
    text-transform:uppercase;
}
#product ul, ol
{
    clear:both;
    margin:0.5em 0;
}
#product li
{
    padding:0;
    padding-bottom: 6px;
}
#product ul li
{
    background: url(/images-css/bullets/bullet-arrows-grey.gif) no-repeat top left; 
    list-style-type: none;
    padding-left: 15px;
    vertical-align:middle;
}
#product ol li
{
    list-style:decimal inside;
    vertical-align:top;
    
}
#product #media
{
    font-size:10px;
    text-align:left;
    margin:1.5em 0;
    clear:both;
}
#product #media ul,
#product #media ul li,
#page-content #product #media ul li
{
    list-style:none;
    background:none;
    padding-left: 0;
}
#product #product-footer
{
    border-top:1px solid #666666;
    width:100%;
    clear:both;
    text-align:center;
    padding-top:10px;
}
#product #product-footer img
{
    padding:0 8px;
}
 
/******************************************/
/*************** pricesheet ***************/
/******************************************/
#pricesheet
{
    float:left;
    width:100%;
}
#pricesheet table
{
    width:100%;
    font-weight:bold;
}
#pricesheet table tr
{
    height:25px;
}
#pricesheet table td
{
    vertical-align:middle;
}
#pricesheet table #topRow td
{
    border-bottom:1px solid #333333;
    font-size:13px;
    text-align:center;
}
#pricesheet td.title
{
    color:#333333;
}
#pricesheet .current
{
    text-align:center;
    color:#996600;
}
#pricesheet .current a
{
    text-align:center;
    color:#996600;    
}
#pricesheet .previous
{
    border-left:1px solid #333333;
    text-align:center;
}
#pricesheet .previous a
{
    color:#444444;
    text-align:center;
}
#pricesheet .previousLast
{
    border-left:1px solid #333333;
    text-align:center;
}
#pricesheet .previousLast a
{
    color:#858585;
    text-align:center;
}
/**************************************/
/*************** reddot ***************/
/**************************************/
.reddot,
.bluedot,
.greendot
{
    clear:both;
    padding:0;
    margin:0;
    text-align:left;
    text-transform:none;
    font-weight:normal;
    font-size:11px;
}
.reddot
{
    color:red;
}
.bluedot
{
    color:#003399;
}
.greendot
{
    color:#339900;
}
ul#right-sidebar-nav li div.reddot a,
ul#right-sidebar-nav div.reddot a,
ul#right-center-expand-collapse li div.reddot a,
ul#center-expand-collapse div.reddot a,
ul#right-sidebar-nav li div.bluedot a,
ul#right-sidebar-nav div.bluedot a,
ul#right-center-expand-collapse li div.bluedot a,
ul#center-expand-collapse div.bluedot a,
ul#right-sidebar-nav li div.greendot a,
ul#right-sidebar-nav div.greendot a,
ul#right-center-expand-collapse li div.greendot a,
ul#center-expand-collapse div.greendot a
{
    padding:0;
    display:inline;
    clear:both;
    text-transform:none;
}
.reddot a,
.bluedot a,
.greendot a
{
    clear:both;
    padding:0;
    margin:0;
    background:none;
    text-transform:none;
}
/****************************************/
/*********** not sure if used ***********/
/****************************************/
.link-text
{ 
    margin:1em 0;
    font-size: 12px;
    color:#666;
    text-decoration: none;
}
.link-text a
{ 
    margin:1em 0;
    font-size: 12px;
    color:#666;
    text-decoration: none;
}
.link-text  a:hover
{
    margin:1em 0;
    font-size: 12px;
    color:#996600;
    text-decoration: none;
}
.mail-link-text
{
    margin:1em 0;
    font-size: 12px;
    color:#996600;
    text-decoration: none;
}
.mail-link-text a
{
    margin:1em 0;
    font-size: 12px;
    color:#996600;
    text-decoration: none;
}
.mail-link-text  a:hover
{
    margin:1em 0;
    font-size: 12px;
    color:#996600;
    text-decoration: none;
} 
.vert-text
{
    margin:1em 0;
    font-size: 11px;
    color:#666;
    text-decoration: none;
}
.vert-text a
{
    margin:1em 0;
    font-size: 11px;
    color:#666;
    text-decoration: none;
}
.vert-text  a:hover
{
    margin:1em 0;
    font-size: 12px;
    color:#996600;
    text-decoration: none;
}
ul.list
{
    clear:both;
    margin:.5em 0; 
}
ul.list li
{
    margin:.5em 0;
    padding:0;
    vertical-align:middle;
    padding-left: 15px;
    background: url(/images-css/bullets/bullet-arrows-grey.gif) no-repeat top left; /*custom bullet list image*/
    list-style-type: none;
    padding-bottom: 6px;
    font-size: 12px;
}
ul.list li a
{
    color:#666; 
    font-weight: normal;
    text-decoration: none;
}
ul.list li a:hover
{
    color:#003399; 
    font-weight: normal;
    text-decoration: underline;
}