/* Skeleton */

body
{
    text-align: center;
    padding: 0;
    margin: 0;
}

/*div {
	border: solid 1px black;
}*/

div #master
{
    width: 100%;
}

div #container
{
    text-align: left;
    width: 728px;
    margin: 0 auto;
}

div #header
{
    width: 100%;
    padding-top: 20px;
}

div #header_right
{
    float: right;
}

div #quotecart
{
    padding-top: 12px;
}

div #search
{
    text-align: right;
}

div #login
{
    padding-top: 25px;
    text-align: right;
}

div #main
{
    padding-top: 5px;
}

div #menu
{
    width: 100%;
    padding: 7px 0 1px 0;
    border-bottom: solid 1px black;
}

div #clear
{
    clear: both;
    height: 1px;
}

div #content
{
    float: right;
    width: 535px;
}

div #content2
{
    width: 728px;
}

div #left
{
    width: 190px;
}

div #footer
{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.clear
{
    clear: both;
}

/* Menu */

.tab
{
    color: #cc6600;
    background-image: url(images/tab.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-indent: 0px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    white-space: nowrap;
    height: 20px;
    width: 114px;
}

.tab td
{
    width: 114px;
    white-space: nowrap;
}

.tabon
{
    color: #ffffcc;
    background-image: url(images/tabon.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-indent: 0px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    white-space: nowrap;
    height: 20px;
    width: 114px;
}

.tabon td
{
    width: 114px;
    white-space: nowrap;
}

/* Product Submenu */

.submenu
{
    margin-bottom: auto;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #CC9900;
    text-decoration: none;
    padding-bottom: 8px;
    padding-top: 1px;
    background-position: right;
}

a.side
{
    color: #cc6600;
    background-image: url(images/side.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}
a.side:hover
{
    color: #ffffcc;
    background-image: url(images/sideon.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}
a.side:active
{
    color: #cc6600;
    background-image: url(images/side.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}

a.sideo
{
    color: #ffffcc;
    background-image: url(images/sideon.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}
a.sideo:hover
{
    color: #ffffcc;
    background-image: url(images/sideon.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}
a.sideo:active
{
    color: #ffffcc;
    background-image: url(images/sideon.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 3px;
    display: block;
    padding-bottom: 0px;
    vertical-align: bottom;
    word-spacing: normal;
    height: 22px;
    width: 185px;
}

/* Container */

.Head
{
    font-size: 14px;
    padding-top: 0px;
    height: 35px;
    background-image: url(images/headerbg.gif);
    background-repeat: repeat-x;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFCC;
    left: 0px;
    background-position: left;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 35px;
    text-indent: 10px;
}

#footer
{
    /*    color:#666666;*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.xsTxtSearch
{
    width: 150px !important;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

A
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #cc6600;
    text-decoration: underline;
}

A:hover
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #666666;
    text-decoration: underline;
}

A:active
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #cc6601;
    text-decoration: underline;
}

.detail2
{
    /*PADDING-RIGHT: 15px;     PADDING-LEFT: 15px;	*/
    font-weight: normal;
    font-size: 10px; /*PADDING-BOTTOM: 20px;	*/
    color: #666666;
    line-height: 12px;
    padding-top: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
}

.playlist
{
    border: solid 1px #666666;
}

#playlist
{
    border: 1px solid #666666;
}
#playlist tbody tr td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px 10px;
    border-left: 1px none #D9D9D9;
}
#playlist tbody tr.odd td
{
    background-color: #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px 10px;
    border-left: 1px none #D9D9D9;
}
#playlist tbody tr.selected td
{
    background-color: #000000;
    color: #ffffcc;
    font-weight: normal;
    border-left: 0px solid #346DBE;
    border-bottom: 0px solid #7DAAEA;
    font-size: 12px;
    padding-left: 5px;
}
#playlist2
{
    border: 0px solid #666666;
}
#playlist2 tbody tr td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px 10px;
    border-left: 0px none #D9D9D9;
}


.product_td
{
    padding-left: 7px;
}

td.product_header
{
    padding-left: 5px;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-left: #346dbe 0px solid;
    color: #ffffcc;
    border-bottom: #7daaea 0px solid;
    background-color: #000000; /*text-align: center;*/
}

.product_even
{
    padding-right: 5px;
    padding-left: 10px;
    font-size: 11px;
    padding-bottom: 3px;
    border-left: #d9d9d9 1px;
    padding-top: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.product_odd
{
    padding-right: 5px;
    padding-left: 10px;
    font-size: 11px;
    padding-bottom: 3px;
    border-left: #d9d9d9 1px;
    padding-top: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #cccccc;
}

H4
{
    background-position: right top;
    display: block;
    font-weight: normal;
    font-size: 12px;
    background-image: url(images/headerbg.gif);
    background-repeat: repeat-x;
    padding: 2px 2px 8px 2px;
    word-spacing: normal;
    /*vertical-align: top;*/
    color: #ffffff;
    text-indent: 10px;
    line-height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    text-decoration: none;
    display:inline;
    margin: 0 -5px 0 -5px;
    *margin: 0 0 0 0;
}

a.enlarge, a.enlarge:hover, a.enlarge:visited, a.enlarge:active
{
    background-position: right top;
    display: block;
    font-weight: bold;
    font-size: 12px;
    background-image: url(images/enlargebg.gif);
    padding-bottom: 15px;
    padding-right: 10px;
    word-spacing: normal;
    vertical-align: top;
    color: #cc6600;
    text-indent: 10px;
    line-height: 18px;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    text-decoration: underline;
}

.detail
{
    padding-right: 15px;
    padding-left: 15px;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 20px;
    color: #666666;
    line-height: 12px;
    padding-top: 3px;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    text-decoration: none;
}

.star
{
    color: #ff0000;
}

.SubNavList li
{
    list-style: none;
    margin-left: -25px;
}

/*ul.multiple_columns li
{
    text-align: left;
    float: left;
    list-style: none;
    height: auto;
    width: 165px;
}*/

a.spec, a.spec:hover, a.spec:visited, a.spec:active
{
    background-position: right top;
    display: block;
    font-weight: bold;
    font-size: 12px;
    background-image: url(images/specs.gif);
    padding-bottom: 10px;
    padding-right: 10px;
    word-spacing: normal;
    vertical-align: top;
    color: #cc6600;
    text-indent: 10px;
    line-height: 18px;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 28px;
    text-align: right;
    text-decoration: underline;
}

#callout
{
    padding-right: 15px;
    margin-top: 5px;
    padding-left: 15px;
    background: url(images/mainBnr_calloutBkg.gif) #dbd9d9 no-repeat left bottom;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font: 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #4a4a47;
    padding-top: 10px;
}
* HTML #callout
{
    margin-top: 2px;
}
#callout H1.experts
{
    padding-right: 0px;
    padding-left: 0px;
    background: url(images/mainBnr_experthdr.gif) no-repeat left top;
    margin-bottom: 0.2em;
    padding-bottom: 2px;
    text-indent: -9999px;
    padding-top: 2px;
}
