/* comment */
@import url(http://fonts.googleapis.com/css?family=Exo:400,700);
@media screen {
    /******************************************************************************************/
    /* global styles common to all pages [ LANshack Theme ]                               */
    /******************************************************************************************/
    /* force a vertical scrollbar in firefox, prevents horizontal page shifting */
    html {
        min-height: 100%;
        margin-bottom:1px;
    }
    /* styling for the page body */
    body {
        padding: 0px;
        margin: 0px;
        background:#FFFFFF;
        background-image: url(images/body-bg1.jpg);
        background-repeat: repeat-x;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        text-align:center;
        font-size: 12px;
        color:#000000;
    }
    /* default styling for block elements */
    td, p, form {
        text-decoration:none;
        margin:0;
        font-size: 12px;
        color:#000000;
    }
    h1 {
        font-size: 23px;
        color: #990000;
        font-family: 'Exo', Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
    }
    h1.category-header {
        font-size: 23px;
        font-family: 'Exo', Arial, sans-serif;
        color: #990000;
        font-weight: bold;
    }
    .oswald-font {
        font-family: 'Exo', Arial, sans-serif;
    }
    ul, li {
        margin: 0px;
    }
    /* special styling for validation summary lists */
    .validationSummary ul {
        padding-left:0;
    }
    /* default styling for links */
    a {
        text-decoration: none;
        color: #333333;
    }
    a:hover {
        color:maroon;
        text-decoration:none;
    }
    /* link styling for links that are highlighted on a page */
    a.highlight {
        font-weight:bold;
        color:#000000;
        padding-top:5px;
        padding-bottom:5px;
        margin-top:5px;
        text-decoration:none;
        font:Arial, Helvetica, sans-serif;
    }
    /* default styling for input elements */
    input {
        vertical-align:middle;
    }
    /* styling for subclassed textbox elements */
    input.textBox {
        background-color:#FFFFFF;
        border:1px solid #b3b3b3;
        padding: 2px;
        width:190px;
        height:16px;
        margin:0 3px 0 15px;
    }
    /* style for buttons */
    input.button, a.button, .button {
        background:#f1f1f1 url(images/button_bg.gif);
        font-family: Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        font-size: 12px;
        color: #333333;
        cursor:pointer;
        margin: 5px 2px;
        font-weight:500;
        border: 1px solid #cccccc;
        white-space: nowrap;
        padding: 3px 15px 3px 15px;
    }
    input.button:hover, a.button:hover, .button:hover {
        padding: 3px 15px 3px 15px;
        color: black;
        background:#ff7de6c url(images/button_bg_on.gif);
        border: 1px solid #999999;
    }
    /* style for a paragraph element to highlight */
    p.highlight {
        color:#DB0B0B;
        padding-top:5px;
        margin-top:5px;
        text-decoration:none;
    }
    /* Text styles used to provide status information */
    .goodCondition {
        font-weight: bold;
        color: #008000;
        padding-bottom: 3px;
    }
    .warnCondition {
        font-weight: bold;
        color: #FFA500;
        padding-bottom: 3px;
    }
    .errorCondition {
        font-weight: bold;
        color: #FF0000;
        padding-bottom: 3px;
    }
    .contentArea {
        padding:0px;
    }
    .borderedArea {
        border:solid 1px #b9b9b9;
    }
    .noTopPadding {
        padding-top:0;
    }
    .noBottomPadding {
        padding-bottom:0;
    }
    .noRightPadding {
        padding-right:0;
    }
    .noLeftPadding {
        padding-left:0;
    }
    .noTopBottomPadding {
        padding-top:0;
        padding-bottom:0;
    }
    .noLeftRightPadding {
        padding-left:0;
        padding-right:0;
    }
    /* style for element that acts as a spacer between other elements */
    .spacer {
        clear:both;
        font-size: 1px;
        line-height: 1px;
        height: 1px;
        padding: 0;
        margin: 0;
    }
    /* container for the breadcrumbs trail */
    .breadCrumbPanel {
        width: 680px;
        background:#FFFFFF;
        padding: 8px 0;
        color:#657906;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:lighter;
    }
    .breadCrumbPanel a {
        color:#657906;
        font-size:11px;
        font-weight:lighter;
        text-transform: lowercase;
    }
    .breadCrumbPanel a:hover {
        color:#788A95;
    }
    .breadCrumbPanel a:visited {
        color:#657906;
        font-weight:bold;
    }
    .CategoryBreadCrumbs {
        padding: 8px 0;
        background:#FFFFFF;
        color:#9a9a9a;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:9px;
        text-indent:16px;
    }
    .CategoryBreadCrumbs a {
        color:#9a9a9a;
        font-size:12px;
        text-transform: lowercase;
    }
    .CategoryBreadCrumbs a:hover {
        color:#990000;
        text-decoration:underline;
    }
    .CategoryBreadCrumbs a:visited {
        color:#9a9a9a;
        font-weight:bold;
    }
    /* link in the breadcrumbs trail */
    .breadCrumbLink {
        text-decoration: underline;
        text-indent: 0;
        color:#5872CB;
        margin:4px 0 8px 0;
        padding:4px 0 8px 0;
        border:1px solid #FF0000;
    }
    /* generic styling for a suggested retail price */
    .msrp {
        text-decoration:line-through;
        color: #999999;
    }
    /* generic styling for a suggested retail price */
    .baseprice {
        text-decoration:line-through;
        color: #000000;
    }
    /* applied to ajax progress update */
    #centeredProgress {
        width: 300px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        margin-top: -200px;
        z-index: 99;
        color: #FFFFFF;
        border: 5px solid #C1C1C1;
        background: #FFFFFF url(images/processing.gif) no-repeat 50%;
    }
    /* background style for the screen when an ajax progress update is displayed */
    #ajaxProgressBg {
        border: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        position: absolute;
        background-color: #333333;
        opacity: 0.3;
        filter: Alpha(opacity=30);
        z-index: 0;
    }
    /* style for the ajax progress indicator */
    #ajaxProgress {
        padding: 0;
        position: absolute;
        background-color: #FFFFFF;
        background: #FFFFFF url(images/processing.gif) no-repeat 50%;
        z-index: 1;
        left:50%;
        margin-left:-100px;
        width:200px;
        height:200px;
        border: solid 2px #333333;
    }
    hr {
        width:100%;
        height: 1px;
    }
    h2 {
        font-family: 'Exo', Arial, sans-serif;
        font-size:14px;
        text-transform:capitalize;
        color:#333333;
    }
    h2.sectionHeader {
        padding: 0 0 0 10px;
        margin:0 12px 0;
        height:27px;
        line-height:27px;
        font-size:14px;
        color:#333333;
        font-weight:bold;
    }
    h3 {
        font-family: 'Exo', Arial, sans-serif;
        font-size:14px;
        text-transform:capitalize;
        color:#666666;
        margin: 0px;
    }
    /*---------------------------------------*/
    /*- styles for left sidebar panel       -*/
    /*---------------------------------------*/
    /* container for the left sidebar content */
    #leftSidebarPanel {
        width: 152px;
        margin: 0;
        padding: 0px;
        border: 0px solid #969696;
        border-right-width:0;
        display:none;
    }
    /* content section in the left sidebar */
    #leftSidebarPanel .section {
        margin: 0;
        padding: 10;
        border: 0;
        width:152px;
    }
    /* header in left sidebar content section */
    #leftSidebarPanel .section .header {
        height: 24px;
        margin: 4px 0 0 0;
        padding: 0;
    }
    /* caption in left sidebar content section header */
    #leftSidebarPanel .section .header h2 {
        color: #ffffff;
        text-indent:8px;
        font-size: 14px;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }
    #leftSidebarPanel .section .content {
        width:152px;
    }
    #leftSidebarPanel .section .content .inputForm {
        margin: 0;
        border: solid 0px #b9b9b9;
        border-top:0;
    }
    #leftSidebarPanel .section .labelheading {
        border:solid 0px #b9b9b9;
        border-bottom:1px;
        padding:10px 10px 0 12px;
        color: #333333;
    }
    #leftSidebarPanel .H2 {
        font-weight:lighter;
        color: #333333;
        font-size:11px;
    }
    #leftSidebarPanel .section .content table {
        border-bottom: solid 0px #b9b9b9;
        width: 100%;
        margin: 0;
        border-collapse:inherit!important;
    }
    #leftSidebarPanel .searchFilterHeader {
        margin: 0px 0 0 0;
        font-weight:normal;
    }
    /*---------------------------------------*/
    /*- styles for right sidebar panel      -*/
    /*---------------------------------------*/
    /* container for the right sidebar content */
    #rightSidebarPanel {
        width: 194px;
        margin: 0;
        padding: 0 5px 4px 5px;
        background-color: #FFFFFF;
    }
    #rightSidebarPanel .VisiblePanel {
        width:100%;
        height:100%;
        overflow:hidden;
    }
    #rightSidebarPanel .section {
        margin: 0;
        padding: 0;
    }
    #rightSidebarPanel .VisiblePanel .section .content table tr {
        border: solid 1px #8ed4af;
    }
    #rightSidebarPanel .section .header {
        height: 32px;
        border-top: 0;
        color: #333333;
        margin: 10px 0 0 0;
        padding: 5;
    }
    #rightSidebarPanel .section .header h2 {
        float:left;
        width: auto;
        font-size: 12px;
        border-right:0;
        padding: 0;
        margin: 0;
        color: #333333;
    }
    #rightSidebarPanel .section .header a {
        float:right;
        text-decoration:underline;
        color:#333333;
        padding:0;
        margin:0;
    }
    #rightSidebarPanel .section .header a:hover {
        color:#984700;
    }
    #rightSidebarPanel .section .content {
        padding:0;
        margin: 0;
    }
    #rightSidebarPanel .section .content .inputForm {
        margin: 0;
        border: solid 1px #b9b9b9;
        border-top:0;
    }
    #rightSidebarPanel .section .labelheading {
        border:solid 1px #b9b9b9;
        border-bottom:0;
        padding:10px 10px 0 12px;
        color: #333333;
    }
    #rightSidebarPanel .H2 {
        font-weight:lighter;
        color: #333333;
        font-size:11px;
    }
    #rightSidebarPanel .section .content .category {
        border-top: solid 1px #b9b9b9;
        border-bottom:0;
    }
    #rightSidebarPanel .section .content tbody {
        background-color:#ffffff;
    }
    #rightSidebarPanel .section .content table {
        border-bottom: solid 1px #b9b9b9;
        background:#FFFFFF;
        width: 100%;
        margin: 0;
        border-collapse:inherit!important;
    }
    #rightSidebarPanel .section .content table .thumbnail {
        border: solid 3px #eeeeee;
    }
    #rightSidebarPanel .section .nofooter {
        background-color:#FFFFFF;
        padding: 0;
    }
    #rightSidebarPanel .section .footer {
        height:24px;
        line-height:24px;
        margin:0;
        color:#8C0901;
        margin-top:8px;
        padding: 0 2px;
    }
    #rightSidebarPanel .section .relatedProducts {
        border:solid 1px #b9b9b9;
    }
    #rightSidebarPanel .searchFilterHeader {
        margin: 0px 0 0 0;
    }
    .Cell {
        padding: 5px 10px;
        border: solid 1px #b9b9b9;
    }
    .expressCheckoutCell {
        border: solid 1px #b9b9b9;
    }
    .ourDepartmentsCell {
        border:solid 1px #b9b9b9;
        padding:5px;
        line-height:18px;
    }
    .onePageCheckoutCell {
        padding: 10px;
        border: solid 1px #cccccc;
        border-top:0;
    }
    .shippingEstimateCell {
        border-width:0px;
        border-bottom: solid 1px #e6c03b;
        border-left: solid 1px #f1f1f1;
        background: #e5e5e5 url(images/menu-bg-3.jpg) repeat-x bottom right;
        padding: 10px;
    }
    .myRecentOrdersCell {
        border:solid 1px #b9b9b9;
        padding: 5px 10px;
        line-height: 25px;
    }
    .myRecentOrdersCell .bullet {
        background:url(images/bullet1.gif) no-repeat left;
        padding-left:18px;
    }
    /*---------------------------------------*/
    /*- styles for main panel               -*/
    /*---------------------------------------*/
    /* container for the main panel content */
    #mainPanel {
        padding: 4px;
        margin: 0px;
        background-color: #FFFFFF;
        border: 1px solid #f1f1f1;
    }
    /* used to display a content section in the main panel */
    #mainPanel .section {
        margin:0px;
    }
    /* header for content section in the main panel */
    #mainPanel .section .header {
        padding: 0 4px 0 4px;
        margin:0;
        color: #cccccc;
        font-weight: black;
        font-size: 14px;
    }
    /* the header / caption of a content section */
    #mainPanel .section .header H2 {
        margin:0;
        font-family: 'Exo', Arial, sans-serif;
        font-size:14px;
        text-transform:capitalize;
        color:#f0bf10;
    }
    #mainPanel .section .content {
        background-color: #FFFFFF;
        margin: 0px;
        padding:0px;
        line-height:16px;
    }
    #mainPanel div.section div.content td div {
        border:solid 1px #b4aeb8;
        padding: 5px;
    }
    #mainPanel .section .content table.inputForm {
        background: #FFFFFF;
        border: solid 1px #f1f1f1;
        padding: 5px;
    }
    #mainPanel div .iner_frame .itemList tr td {
        border:solid 1px #f1f1f1;
        color:#333333;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #mainPanel div .iner_frame .itemList tr td a {
        color:#333333;
        font-size: 11px;
    }
    #mainPanel div .iner_frame .itemList tr td a:hover {
        color:#416573;
    }
    #mainPanel div .iner_frame .itemList tr th {
        border:solid 1px #f1f1f1;
    }
    #mainPanel div .iner_frame .itemList {
        border:solid 1px #f1f1f1;
    }
    .iner_frame {
        background: #FFFFFF;
        border: solid 0px #f1f1f1;
        padding: 15px;
    }
    #mainPanel div .itemList tr.even td {
        border:solid 1px #b3b3b3;
        background: #e5e5e5 url(images/table-row-bg.jpg) repeat-x top;
    }
    #mainPanel div .itemList tr.altodd td {
        border:solid 1px #f1f1f1;
        background: #f1f1f1 url(images/table-row-bg.jpg) top repeat-x;
    }
    H2.preference {
        height:29px;
        line-height:24px;
        padding: 0 5px 0 4px;
        margin:0;
        color:#ffcc00;
        margin-left:4px;
        margin-right:4px;
    }
    /* used to display a dialog box in the main panel */
    #mainPanel .dialogSection {
        border: solid 5px #eeeeee;
        margin: 0;
    }
    #mainPanel .form .inputForm {
    }
    #mainPanel .form .inputForm textarea {
        border:solid 1px #afa9b3;
    }
    #mainPanel .dialogSection .inputForm {
        padding: 10px;
        color: #3f2a4d;
    }
    /* header for dialog box in the main panel */
    #mainPanel .dialogSection .header {
        height:29px;
        line-height:24px;
        padding: 0 0 0 10px;
        margin:0 0px 0 0;
        background-color: #eeeeee;
    }
    /* the header / caption of a dialog box */
    #mainPanel .dialogSection .header h2 {
        color:#222222;
        background-color: #eeeeee;
        height: 29px;
        padding-right: 0;
        width: 100%;
        margin:0;
        text-transform: uppercase;
        font-size:12px;
        float:left;
        line-height:29px;
    }
    /* link style within the header of a dialog box */
    #mainPanel .dialogSection .header a {
        float:right;
        text-decoration:underline;
        color:#333333;
    }
    /* link style within the header of a dialog box (hover) */
    #mainPanel .dialogSection .header a:hover {
        float:right;
        text-decoration:underline;
        color:#8C0901;
    }
    /* the content area of the dialog box */
    #mainPanel .dialogSection .content {
        border-top:10px solid #eeeeee;
        margin-top:0;
        min-height: 200px;
    }
    #mainPanel .dialogSection .content table th.rowheader {
        padding-right:5px;
    }
    #mainPanel .dialogSection .content table td.txt {
    }
    /* additional styling usually applied to content area when no footer is displayed */
    #mainPanel .dialogSection .nofooter {
        margin-right:0;
    }
    /* footer for dialog box */
    #mainPanel .dialogSection .footer {
        background: #DCDCDC url(images/sectionFooterBackground.gif) repeat-x left top;
        height:24px;
        line-height:24px;
        margin:0;
        color:#8C0901;
        margin-top:8px;
    }
    /* styling for validation summaries that appear in the main panel */
    #mainPanel .validationSummary {
        margin-bottom:6px;
    }
    #mainPanel .section .content .ProductItemView {
        border-bottom: solid 0px #f1f1f1;
    }
    #mainPanel .section .content .ProductItemViewOdd {
        border-bottom: solid 0px #f1f1f1;
    }
    /* outer wrapper for the main page content */
    #outerContentWrapper {
        text-align: center;
        width: 960px;
        margin: 0;
        padding: 0;
        border: 0;
        margin-top:-6px;
    }
    /* inner wrapper for the main page content */
    #innerContentWrapper {
        background-color:#FFFFFF;
        margin: 0;
        padding: 0;
        border: 0;
    }
    /* additional style required when container is a table */
    table#contentLayout .form tr {
        background: #FFFFFF;
        color: #333333;
        border: 0px solid #b9b9b9;
        margin: 0;
        padding: 0;
    }
    table#contentLayout {
        width:100%;
        margin: 0;
        padding: 0;
        border: 0;
        padding-left:95px !important;
        padding-right:95px !important;
    }
    #outerFrame {
    }
    /* style for the outer store header container */
    #storeHeader {
        width:960px;
        height: 136px;
        margin: 0px auto 0px auto;
        border: 0px solid #969696;
        background:url(images/header-bg.jpg) no-repeat right top;
    }
    /* styling attached to the container for the linked logo image */
    #storeHeader .logo {
        margin: 0px;
        padding: 0px;
    }
    /* additional styling for the logo image tag */
    #storeHeader .logo img {
        margin: 0 0 0 0px;
    }
    /* used for any content besides the logo in the header */
    #storeHeader .headerContent {
        height: 136px;
        margin: 0px;
        padding: 0px;
        background:url(images/Header_Image.gif) no-repeat left top;
    }
    /* style for container of shortcut links that can appear in the header */
    #storeHeader .shortcuts {
        width:500px;
        height:80px;
        margin-top:10px;
    }
    #storeHeader .shortcuts a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-transform: capitalize;
        color: #800000;
        text-decoration: none;
        display:block;
        float: right;
        margin: 0px 20px 0 0;
    }
    #storeHeader .shortcuts a:hover {
        color:#990000;
    }
    /* style for specific shortcuts */
    #storeHeader .shortcuts a.basket:hover {
    }
    #storeHeader .shortcuts a.acct:hover {
    }
    #storeHeader .shortcuts a.admin:hover {
    }
    #storeHeader .shortcuts a.wishlist:hover {
    }
    #storeHeader .shortcuts a.login:hover {
    }
    /* style for the search container */
    #storeHeader .search1 {
        margin-left:0px;
        width:485px;
        background:url(images/search.gif) no-repeat top right;
        float:left;
        padding-bottom:-5px;
    }
    /* style for search text box within the search area */
    #storeHeader .search1 input.searchPhrase {
        font-family: Verdana, sans-serif;
        border-width:0px;
        color: #35363a;
        width: 450px;
        height:22px;
        font-size:13px;
        float:left;
    }
    /* style for the search button */
    .searchButton1 {
        background: url(images/spacer.gif) no-repeat;
        height:30px;
        width:40px;
        border:0px;
        padding: 0px;
        cursor:pointer;
        color:transparent;
        float:left;
        margin-left:-20px;
    }
    .searchButton1:hover {
        background: url(images/spacer.gif) no-repeat;
        background-color:transparent;
        color:transparent;
    }
    .allButton {
        font-family: Arial, Helvetica, sans-serif;
        background: url(images/button_bg.gif) repeat-x;
        font-size: 11px;
        text-transform: capitalize;
        color: #134FA3;
        border: solid 1px #919FA2;
        padding: 0 2px;
        font-weight: bold;
        cursor:pointer;
        margin:0;
        position: absolute;
        left: 172px;
        width:56px;
        height:19px;
        text-align:center;
        line-height:22px;
    }
    .allButton:hover {
        background: url(images/button_bg_on.gif) repeat-x;
        color: #867001;
    }
    #storeHeader .navigation {
        width:960px;
        text-align:left;
        vertical-align: top;
        height:35px;
        margin:0px;
        padding:0px;
    }
    #storeHeader .navigation .content {
        margin:0 auto;
        vertical-align: top;
    }
    #storeHeader .navigation a {
        font-family:"Square721 Cn BT", Arial, Arial, Arial;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        width: auto;
        padding: 9px 0px 8px 0;
        text-decoration: none;
        text-align: left;
        margin:0px;
    }
    #storeHeader .navigation a:hover {
        color: #ecdec1;
    }
    /******************************************************************************************/
    /* styles for the store footer section                                                    */
    /******************************************************************************************/
    /* container for the store footer */
    #footer {
        width:100%;
        border:0px solid #969696;
        border-top:0;
        height: 80px;
        background-color: #484848;
        color:#797979;
        line-height: 18px;
        margin:0 auto;
    }
    /* paragraph within the store footer */
    #footer p {
        padding: 20px 0 0 0;
        color: #797979;
    }
    /* link within paragraph in the store footer */
    #footer p a {
        font-family: Arial, Helvetica, sans-serif;
        color:#f1f1f1;
        font-size: 12px;
        text-decoration:none;
        padding: 0 5px;
        border-left: 1px solid #FFFFFF;
    }
    /* alter styling of first link within paragraph in the store footer */
    #footer p a:first-child {
        border-left: none;
    }
    #footer .AbleCommerceCopyright {
        font-size:10px;
        text-align:right;
        color:#f1f1f1;
    }
    #footer .AbleCommerceCopyright a {
        font-weight:normal;
        color: #f1f1f1;
        font-size:10px;
        padding:0;
        margin:0;
    }
    /* container for the store navigation links */
    #storeNav {
        margin: 2px 1px;
        width: 198px;
    }
    /* default style for hyperlink in store navigation */
    #storeNav a {
        background-color: #333333;
        color:#333333;
        font-weight:bold;
        text-decoration:none;
        display:block;
        padding: 8px 3px 8px 40px;
        border-bottom: 1px solid #FFFFFF;
    }
    #storeNav a:hover {
        color:#F99034;
        text-decoration:underline;
    }
    /* additional style for basket link */
    #storeNav a.basket {
        background: #000 url(images/storeNav_basket.jpg) no-repeat 5px 3px;
    }
    /* additional style for wishlist link */
    #storeNav a.wishlist {
        background: #000 url(images/storeNav_wishlist.jpg) no-repeat 5px 3px;
    }
    /* additional style for account link */
    #storeNav a.account {
        background: #000 url(images/storeNav_account.jpg) no-repeat 5px 3px;
    }
    /* additional style for login link */
    #storeNav a.login {
        background: #000 url(images/storeNav_login.jpg) no-repeat 5px 3px;
    }
    /* additional style for logout link */
    #storeNav a.logout {
        background: #000 url(images/storeNav_logout.gif) no-repeat 5px 3px;
    }
    /* additional style for admin link */
    #storeNav a.admin {
        background: #000 url(images/storeNav_admin.gif) no-repeat 5px 3px;
    }
    /* styling for the search dialog container */
    #storeSearch {
        width: 530px;
        padding: 0;
        margin: 0 20px;
        display: block;
    }
    /* styling for the search keywords text box */
    #storeSearch input.keywords {
        border:1px solid #EE8122;
        width:131px;
        height:15px;
        padding:2px 0 0 4px;
    }
    /* styling for the search button */
    #storeSearch input.searchButton {
        margin:0;
        vertical-align: middle;
    }
    /* styling for the tagline in the search image */
    #storeSearch .tagline {
        font-family:Arial;
        font-size:24px;
        color:#4A4A48;
        width:250px;
        margin-right:45px;
    }
    div.pageHeader {
        margin-bottom:5px;
        margin-top:4px;
        font: bold 20px #000000;
        height: 25px;
        line-height:25px;
    }
    div.pageHeader div.content {
        padding:3px;
    }
    /* container for form */
    table.inputForm {
        background:#FFFFFF url(images/thumbnailTdBg.gif) no-repeat left top;
        width: 100%;
        text-align: left;
        margin: 0;
    }
    table.inputForm input {
        border:solid 1px #b9b9b9;
        color: black !important;
        background-image:none;
        padding: 2px;
    }
    table.inputForm input[value="LOGIN"] {
        background-color:#56F33E;
    }
    table.inputForm select {
        border:solid 1px #b9b9b9;
        width: 330px;
        color: #333333;
        padding: 2px;
    }
    /* default styles for cells in form*/
    table.inputForm th, table.inputForm td {
        padding:0 5px 2px 10px;
        margin: 0;
        text-align:left;
    }
    /* styling for row headers in form */
    table.inputForm .rowHeader {
        color: #333333;
        padding:10px 5px 10px 10px;
        text-align:left;
        width: 130px;
    }
    /* style for links that appear within rowheader */
    table.inputForm .rowHeader a {
        border:1px solid #650101;
        width:100%;
        color: #333333;
        font-size: 10px;
        font-weight:bold;
        text-align:left;
        padding: 6px;
    }
    /* set style for other elements within rowheader */
    table.inputForm .rowHeader * {
        font-weight: bold;
        font-size: 12px;
    }
    /* style for paging container */
    * .paging {
        text-align: right;
        padding: 0px 0px 5px 1px;
        margin: 15px 0 5px 0;
    }
    /* span within the paging container - this is actually the active page index */
    .paging span, .paging .current {
        padding: 3px 5px;
        border: 1px solid #b9b9b9;
        font-weight: bold;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 9px;
        margin: 3px 0 3px 1px;
        background: #c3e6d0 url(images/paging.gif) no-repeat top left;
        color: #765e8a;
    }
    /* link within paging container */
    .paging a {
        padding: 3px 5px;
        border: 1px solid #b9b9b9;
        font-weight: bold;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 9px;
        margin: 3px 0 3px 1px;
        background: #a6dec1 url(images/pagingA.gif) no-repeat left top;
        color: #333333;
        text-decoration:none;
    }
    /* link(hover) within paging container */
    .paging a:hover {
        background: #2c9052 url(images/pagingAhover.gif) no-repeat left top;
        color: #FFFFFF;
        border:1px solid #969696;
    }
    /* list container for categories */
    ul.category {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    /* category list item */
    ul.category li {
        margin:0;
        padding:0 0 0 5px;
        border-bottom: 1px solid #b9b9b9;
    }
    /* link within the category list item */
    ul.category li a {
        display: block;
        padding: 8px 0 8px 20pt;
        color: #333333;
        line-height:12px;
    }
    ul.category li a:hover {
        padding: 8px 0 8px 20pt;
        background-color:#ffffff;
    }
    /* list container for categories */
    ul.category1 {
        width:150px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    /* category1 list item */
    ul.category1 li {
        margin-bottom:5px;
        margin-top:5px;
        padding:5 0 5 0px;
    }
    /* link within the category1 list item */
    ul.category1 li a {
        display: block;
        border-bottom: 2px solid #ffffff;
        padding: 0pt;
        padding-bottom:5px;
        color: #333333;
    }
    ul.category1 li a:hover {
        padding: 0pt;
        border-bottom: 2px solid #ffcc00;
        padding-bottom:5px;
        color: #000099;
    }
    /* container for the buy product form */
    table.buyProductForm {
        background: url(images/buyProductFormbg.gif) no-repeat left top;
        padding:12px;
        border: solid 2px #f1f1f1;
    }
    /* default style for cells within the buy product form */
    table.buyProductForm td, table.buyProductForm th {
        padding-right:3px;
    }
    /* style for row header in buy product form */
    table.buyProductForm .rowHeader {
        color: #000000;
        font-weight: bold;
        font-size: 12px;
        border-width: 0;
        text-align: left;
    }
    /* default style for cells within the buy product form */
    table.ProductPriceForm td, table.ProductPriceForm th {
        padding:2px;
        padding-right:5px;
        font-size: 12px;
    }
    /* style for row header in buy product form */
    table.ProductPriceForm .rowHeader {
        color: #000000;
        font-weight: bold;
        font-size: 12px;
        border-width: 0;
        text-align: left;
        padding-right:10px;
    }
    .optionPicker td {
        border: outset 2px #999;
    }
    .optionPicker td.selected {
        border: inset 2px #999;
    }
    /* wrapper for the catalog container */
    .catalogWrapper {
        padding: 5px;
        margin:1px 1px 0 1px;
        width:750px;
    }
    .catalogWrapper .Thumbnail {
        padding: 10px;
        background:#ffffff;
    }
    .catalogWrapper td {
        color: #000000;
        vertical-align:top;
    }
    .catalogWrapper a {
        color: #484848;
    }
    .catalogWrapper a:hover {
        color: maroon;
    }
    .catalogWrapper .tableNode {
        height: 200px;
        vertical-align:top;
    }
    .catalog {
        width:750px;
    }
    #Price {
        border:solid 1px red;
    }
    .catalog td {
        border-top: solid 0px #f1f1f1;
    }
    /* node in the catalog display - used in flow layouts */
    .catalog .flowNode {
        text-align:center;
        margin:0;
        padding:5px;
        float:left;
        width:238px;
        height:180px;
        border:1px solid #C4C4C4;
    }
    /* node in the catalog display - used in table layouts */
    .catalog .tableNode {
        background-color:#FFFFFF;
        border-right: dashed 1px #f1f1f1;
        border-bottom: dashed 1px #f1f1f1;
        text-align: left;
        vertical-align: top;
        padding: 3px;
    }
    .catalog .tableNode div {
        margin-top:10px;
    }
    .catalog .tableNode img {
        margin-top:6px;
    }
    .catalog .tableNode a {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight:bold;
        text-align:center;
        font-size: 14px;
        color:#000000;
    }
    .catalog .tableNode a:hover {
        color:#4b5056;
    }
    .catalog .tableNode .Thumbnail {
        background: #ffffff;
        padding: 5px;
    }
    /* thumbnail image within the catalog display */
    .catalog .thumbnail {
        display: block;
        width: auto;
        margin: 0 auto 5px;
        color:#01076C;
        background: #003333;
    }
    /* style for item separator */
    .catalog .separator {
        padding: 0 0 0 6px;
    }
    /* container for the products grid */
    table.productsGrid {
        border-bottom: 1px solid #f1f1f1;
        width:150px;
    }
    table.productsGrid td {
        margin: 0;
    }
    table.productsGrid tr {
    }
    /* cell that contains the product thumbnail */
    td.thumbnail {
        border-right:0;
        text-align:center;
        vertical-align:middle;
    }
    table.productsGrid .thumbnail {
        width: 120px;
    }
    /* cell that displays the product details */
    td.details {
        padding-left:10px;
        padding-right:5px;
        padding-top:10px;
        padding-bottom:5px;
        text-align: left;
        vertical-align:text-top;
        border:solid 1px #FFFFFF;
    }
    td.details div {
        padding: 3px 3px 3px 0;
    }
    td.details .highlight {
        height:20px;
    }
    td.details p {
        height:0;
    }
    td.details .detailsInnerPara {
        height:70px;
    }
    td.details .detailsInnerPara a {
        color:#7a9300;
    }
    td.details .detailsInnerPara a:hover {
        color:#97b600;
    }
    td.details p a {
        color:#7a9300;
    }
    td.details p a:hover {
        color:#97b600;
    }
    /* style for separators in the grid */
    .rowSeparator {
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .itemSeparator {
        padding-right:5px;
    }
    /* container for the product header */
    div.productHeader {
        margin: 0 0 9px 0;
        padding: 0;
        background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0 0;
    }
    /* product page header caption */
    div.pageHeader H1 {
        padding: 0;
        margin: 0;
        font-weight: black;
        color: maroon;
        font-family: 'Exo', Arial, sans-serif;
        font-weight: bold;
        font-size: 20px;
        text-indent:13px;
    }
    /* container for content associated with product tab */
    div.productTabDetail {
        min-height:200px;
        border:1px solid black;
        padding:4px;
    }
    /* header within content associated with product tab */
    div.productTabDetail H2 {
        background:#ffcc00;
        font-size:12px;
        font-weight:bold;
        padding:4px;
        margin:2px 0 4px 0;
    }
    /* container for the search filter controls */
    .searchFilterPanel {
        margin:0;
    }
    .productGridBorder {
        border-top:0;
        padding: 0 0 3px 0;
        margin:0;
    }
    .productGridBorder input {
    }
    /* header for the search filter panel */
    .searchFilterHeader {
        height:33px;
        line-height:17px;
        color:#333333;
        font-size:14px;
        font-weight:bold;
        font:Arial, Helvetica, sans-serif;
        text-align:left;
        margin: 0;
    }
    /* caption for the search filter panel header */
    .searchFilterHeader h2 {
        margin:0;
        font-weight:bold;
        font-size:12px;
        text-indent: 0px;
    }
    /* used for the show all link in the search filter panel */
    .showAll {
        color:maroon;
        border:0;
        font-weight: bold;
        text-align: right;
        width: auto;
        display: block;
        padding: 2px 10px 2px 2px;
        margin: 5px 5px 2px 5px;
        font-size: 12px;
        text-transform: capitalize;
    }
    .showAll:hover {
        color:#8A5D0A;
    }
    /* links used to apply a different search criteria */
    a.searchCriteria {
        text-decoration: none;
        display: block;
        line-height: 13px;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 5px 10px 8px;
        border-bottom: 0;
        padding: 2px 3px 0 2px;
        color:#333333;
    }
    a.searchCriteria:hover {
        color:#779b03;
    }
    /* style applied to search criteria caption in search panel */
    h3.searchCriteria {
        color:#333333;
        border-top:0;
        border-left: solid 5px #f2c71c;
        border-bottom:solid 1px #b9b9b9;
        height: 24px;
        margin-top: 0;
        line-height: 24px;
        font-weight:bold;
        text-indent: 5px;
        font-size:11px;
    }
    .summarySection h3 {
        font-size:100%;
    }
    .summarySection .summarySectionContent a {
        color: #969696;
        background: #E4ECEE url(images/button_bg.gif) repeat-x;
        float: left;
        padding: 1px 5px 1px 5px;
        border: solid 1px #b9b9b9;
    }
    .summarySection .summarySectionContent a:hover {
        background: #DAE7EA url(images/button_bg_on.gif) repeat-x;
    }
    /* header for the search sort header */
    .searchSortHeader {
        padding: 0;
        margin:0;
        background-color: #f5f5f5;
        display: none;
    }
    /* styling for span tag (text) within the search sort header */
    .searchSortHeader span {
        font-weight:bold;
    }
    .searchSortHeader .sorting {
        border: 0;
        color: #333333;
        padding: 1px;
        font-size: 12px;
        font-family:verdana;
    }
    #miniBasketMainBox {
        padding : 0;
        font:Arial, Helvetica, sans-serif;
        font-size : 11px;
        position:relative;
    }
    .miniBasketItemBox {
        border : solid 1px #b9b9b9;
        border-bottom:0;
        border-top: 0;
        padding : 5px;
        background: #fafbfd url(images/basketBg.gif) repeat-x top;
    }
    .miniBasketIconBox {
        width:50px;
        height:50px;
        float:left;
        position:relative;
        border: solid 1px #b9b9b9;
        background:#FFFFFF;
        vertical-align:baseline;
        overflow:hidden;
    }
    .miniBasketItemTitleBox {
        margin-left: 34px;
        display:table-cell;
    }
    .miniBasketItemTitleNoIconBox {
        padding-left:5px;
    }
    .miniBasketItemTitle {
        color:#3f2a4b;
        font-weight: normal;
        float:left;
        position:relative;
        text-align:left;
        margin:0 5px;
    }
    .miniBasketItemTitle a {
        color:#333333;
    }
    .miniBasketItemTitle a:hover {
        color:#779b03;
    }
    .miniBasketSubItemTitle {
        font-size: 10px;
        padding: 0;
        text-indent:0;
        margin: 0 7px;
        clear:both;
    }
    .miniBasketSubItemTitle li {
        font-size:10px;
        color:#788A95;
        list-style-type:none;
        list-style-image:url('images/miniBasketBullet.gif');
        margin:4px 0 0 10px;
    }
    .miniBasketQtyDeleteLine {
        padding : 5px 5px 10px 5px;
        background-color : transparent;
        clear: both;
        text-align:center;
    }
    .miniBasketQtyDeleteLine span {
        font-weight: bold;
        color: #3f2a4b;
        text-transform: capitalize;
    }
    .miniBasketQtyDeleteLine a {
        background:#edefee url(images/button_bg.gif) repeat-x;
        width: 48px;
        height: 14px;
        color: #222222;
        border: solid 1px #779b03;
        padding: 2px 3px 2px 3px;
    }
    .miniBasketQtyDeleteLine a:hover {
        background:#edefee url(images/button_bg_on.gif) repeat-x;
    }
    .miniBasketQtyInput {
        padding : 1px;
        margin-right : 3px;
        margin-top: 1px;
        width : 20px;
        Height : 13px;
        border : 1px #b9b9b9 solid;
        font-size : 9px;
    }
    .miniBasketPriceLabel, .miniBasketPrice {
        padding: 2px;
        color: #003616;
        font-weight : bold;
        position:relative;
    }
    .miniBasketPrice {
        color : #DB0B0B;
    }
    #miniBasketSubTotalBox {
        border: 1px #b9b9b9 solid;
        background: #FFFFFF url(images/TotalBoxBg.gif) repeat-x;
        padding : 3px;
        border-bottom : 1px #b9b9b9 solid;
    }
    #miniBasketSubTotalBox div.content {
        border: 0;
    }
    #miniBasketSubTotalBox #tax_label, #ship_label {
        font-weight : bold;
        font-size : 11px;
        width : 45%;
        float : left;
        text-align : right;
    }
    #miniBasketSubTotalBox #sub_label {
        float : left;
        font-weight : bold;
        font-size : 12px;
        width : 45%;
        text-align : right;
        position:relative;
    }
    #miniBasketSubTotalBox #tax_num, #ship_num {
        font-weight : normal;
        font-size : 11px;
        padding-left : 3px;
        width : 49%;
        float : left;
    }
    #miniBasketSubTotalBox #sub_num {
        font-weight : bold;
        font-size : 14px;
        color : #DB0B0B;
        padding-left : 3px;
        padding-bottom: 5px;
        width : 49%;
        float : left;
        position:relative;
    }
    #miniBasketShippingEstimateBox {
    }
    #miniBasketCheckoutButtonBox {
        margin : 2px 0 0 0;
        padding : 8px 2px;
        text-align:center;
        border-top : 1px #b9b9b9 solid;
    }
    /* container for message that displays when a basket is empty */
    .emptyBasketPanel {
        padding-top: 50px;
        height: 200px;
        text-align:center;
    }
    /* message that displays when a basket is empty */
    .emptyBasketPanel span.message {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }
    /* links to products that are displayed in the basket contents */
    a.basketProductLink {
        text-decoration: none;
        color:Red;
        font-weight:bolder;
    }
    a.basketProductLink:hover {
        color:#333333;
    }
    /* price that appears within a basket dialog */
    .basketDialogPrice {
        font-weight:bold;
    }
    /* container for message that displays when a basket dialog is empty */
    div.emptyBasketDialogPanel {
    }
    /* message that displays when a basket dialog is empty */
    div.emptyBasketDialogPanel span.message {
        text-align:center;
        font-style:italic;
        padding:5px;
    }
    /* container for message that displays when a wishlist is empty */
    div.emptyWishlistPanel {
        background:url(images/wish_list.gif) no-repeat 15%;
        padding-top: 20px;
        padding-left: 60px;
        margin: 20px 35px 35px 35px;
        height: 50px;
        text-align:center;
    }
    .emptyWishlistPanel {
        border:solid 1px #b9b9b9;
        background:#FFFFFF;
        text-indent: 5px;
        color: #333333;
    }
    /* message that displays when a wishlist is empty */
    div.emptyWishlistPanel span.message {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }
    /* links to products that are displayed in the wishlist contents */
    a.wishlistProductLink {
        text-decoration: none;
        color:#636363;
        font-weight:bolder;
    }
    a.wishlistProductLink:hover {
        color:#333333;
    }
    /* price that appears within a wishlist dialog */
    .wishlistDialogPrice {
        font-weight:bold;
    }
    /* container for message that displays when a wishlist dialog is empty */
    div.emptyWishlistDialogPanel {
    }
    /* message that displays when a wishlist dialog is empty */
    div.emptyWishlistDialogPanel span.message {
        text-align:center;
        font-style:italic;
        padding:5px;
    }
    /* checkout page header */
    div.checkoutPageHeader {
        margin-bottom:8px;
    }
    div.checkoutPageHeader .content a {
        background:#d3d3d3 url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top;
        padding: 1px 10px 1px 10px;
        color: #222222;
        font-weight:bold;
    }
    div.checkoutPageHeader .content a:hover {
        background:#b9b9b9 url(images/checkoutPageHeaderEdge.gif) no-repeat left top;
        color:#ffffff;
    }
    /* checkout page header caption */
    div.checkoutPageHeader H1 {
        font-size: 18px;
        color: #969696;
        padding: 4px 0;
        margin: 3px 0 6px 0;
        text-indent: 5px;
        border-bottom: 1px solid #b9b9b9;
    }
    /* chekcout page header - styling for checkout steps */
    div.checkoutPageHeader div.checkoutSteps {
        background-color:#E5DECA;
        border:1px solid #BEB49D;
        padding:0;
        margin:4px 5px 4px 4px;
        float:right;
    }
    /* checkout page header content */
    div.checkoutPageHeader div.content {
        padding:10px;
        width: 680px;
        margin:0pt auto;
        border:solid 1px #b9b9b9;
        font-size:13px;
        text-align:justify;
        background: #e5e5e5 url(images/oddRowBg.gif) repeat-x;
    }
    .checkoutAlert {
        padding:10px;
        width: 780px;
        margin:0pt auto;
        border:solid 1px #b9b9b9;
        font-size:13px;
        text-align:justify;
        background: #e5e5e5 url(images/oddRowBg.gif) repeat-x;
    }
    .LoginMessage {
        padding: 5px 0;
        text-indent: 10px;
        width: 800px;
        margin:0pt auto;
        color:red;
    }
    .LoginMessage a {
        background:#d3d3d3 url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top;
        color: #222222;
        font-weight: bold;
        padding: 1px 15px;
    }
    .LoginMessage a:hover {
        background:#b9b9b9 url(images/checkoutPageHeaderEdge.gif) no-repeat left top;
        color: #FFFFFF;
        font-weight: bold;
    }
    /* used to contain the details for an individual shipment, used wherever information is organized by shipment */
    div.shipmentSection {
        margin-bottom:5px;
        border: solid 1px black;
        border-collapse:collapse;
    }
    div.shipmentSection div.header {
        border: solid 1px black;
    }
    /* the header / caption of a shipment section, identifies which shipment is displayed */
    div.shipmentSection H2 {
        margin:0;
        padding: 0 2px;
        height:25px;
        line-height:25px;
        font-size:12px;
    }
    /* the content of the shipment section */
    div.shipmentSection .content {
        padding:2px;
    }
    /* used wherever a list of order items is displayed */
    table.itemList {
        width:100%;
        border-collapse:collapse;
        border:0;
    }
    /* default column header styling for item list */
    th.columnHeader {
        margin:0;
        background: #e5e5e5 url(images/searchCriteriaBg.jpg) repeat-x top;
        max-height: 29px;
        padding:7px 10px;
    }
    /* default data cell styling for item list*/
    table.itemList td {
        padding:2px 10px;
        background: #FFFFFF;
        border:solid 1px #b3b3b3;
    }
    table.itemList td a {
        color: #416573;
    }
    table.itemList td a:hover {
        color: #788F03;
    }
    /* header styling for items column */
    table.itemList th.items {
        background: #e5e5e5 url(images/searchCriteriaBg.jpg) repeat-x top;
        padding-top: 6px;
        padding-bottom: 6px;
        border: solid 1px #b3b3b3;
        max-height:29px;
    }
    /* styling for items column */
    table.itemList td.items {
        background: #F5F5F5 url(images/evenRowBg.gif) repeat-x;
        padding:10px 10px 10px 15px;
        border: solid 1px #b3b3b3;
        text-align:left;
        line-height: 18px;
    }
    /* header styling for items column */
    table.itemList th.price {
        background: #e5e5e5 url(images/searchCriteriaBg.jpg) repeat-x top;
        padding-top: 6px;
        padding-bottom: 6px;
        border: solid 1px #b3b3b3;
        max-height:29px;
    }
    /* styling for price column */
    table.itemList td.price {
        background: #F5F5F5 url(images/evenRowBg.gif) repeat-x;
        padding:10px;
        border: solid 1px #b3b3b3;
    }
    table.itemList th.address {
        background: #e5e5e5 url(images/searchCriteriaBg.jpg) repeat-x top;
        padding-top: 6px;
        padding-bottom: 6px;
        border: solid 1px #b3b3b3;
        max-height:29px;
    }
    table.itemList td.address {
        background: #F5F5F5 url(images/evenRowBg.gif) repeat-x;
        padding:10px;
        border: solid 1px #b3b3b3;
    }
    table.itemList td.address select {
        border: solid 1px #b3b3b3;
        padding: 2px;
    }
    /* used when checkout navigation buttons (e.g. continue, back) appear by themselves
       outside of any  other container.  */
    .checkoutNavigation {
        margin-top:4px;
        margin-bottom:8px;
    }
    /* used when the checkout navigation section has a validation summary.  */
    .checkoutNavigation span.validation {
        display:block;
        margin-bottom:12px;
    }
    /* contains the buttons or links in the checkout navigation section */
    .checkoutNavigation span.buttons {
    }
    /* table style */
    table.form {
        margin: 4px 0px;
        border-collapse: collapse;
        padding: 10px;
        page-break-inside:avoid;
        border: solid 1px #b9b9b9;
        width:100%;
    }
    /* style common to headers and cells */
    table.form td, table.form th {
        padding:4px 8px;
        border-bottom: solid 1px #b9b9b9;
    }
    /* styling for header cells  */
    table.form th {
        font-weight:bold;
        font-size:14px;
        border-bottom:solid 1px #b9b9b9;
    }
    /* styling for header cell intended for vertical text */
    table.form th.verticalText {
        width:10px;
        text-align:center;
        color: #637d00;
        font-size: 11px;
        letter-spacing: 25px;
        font-weight:bold;
        border-right: solid 1px #b9b9b9;
        background: #f0faca;
        vertical-align:middle;
    }
    /* additional styling for header cell */
    table.form th.header {
        text-align:left;
    }
    /* additional styling for caption */
    table.form th.header span.caption {
        font-size:20px;
    }
    /* style for cell that contains an address */
    table.form td.address {
        width:180px;
        border-right: solid 1px #b9b9b9;
        color: #333333;
        font-size: 12px;
    }
    table.form td.address a {
        color: #969696;
        background: #E4ECEE url(images/button_bg.gif) repeat-x;
        float: right;
        padding: 1px 5px 1px 5px;
        border: solid 1px #b9b9b9;
    }
    table.form td.address a:hover {
        background: #DAE7EA url(images/button_bg_on.gif) repeat-x;
    }
    /* style for cell on right that should expand to the full width possible */
    table.form td.expand {
        width:504px;
        color: #333333;
        line-height: 25px;
    }
    /* style for cell that contains a datasheet */
    table.form td.dataSheet {
        padding:0;
        background: #FFFFFF;
        font-family:Arial;
    }
    /* style for font within the datasheet */
    table.form td.dataSheet * {
        font-size:12px;
        font-family:Arial;
    }
    /* additional styling for datasheet that appears within a form */
    table.form table.dataSheet {
        margin-bottom:-1px;
        font-family:Arial;
    }
    /* styling for the total row */
    table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th {
        border-top: double 3px gray;
        border-bottom: double 3px gray;
        background-color:#656565;
        color:White;
        font-family:Arial;
    }
    /* this is the container for the order summary on the view order page */
    table.form td.orderSummary {
        width:202px;
        padding:15px;
        border-right: solid 1px #b9b9b9;
    }
    /* style for the caption of the order summary panel */
    table.form td.orderSummary h3 {
        margin: 0 0 2px 0;
    }
    /* style for the invoice caption */
    h1.invoice {
        margin: 0 0 6px 0;
        font-size:24px;
        font-weight:bold;
    }
    /* style for the store name */
    h1.storeName {
        margin: 0 0 6px 0;
        font-size:18px;
        font-weight:bold;
    }
    /* container for the checkout progress indicator */
    .checkoutProgress {
        background: url(images/header_bg.gif) repeat-x bottom;
        border:1px solid #b9b9b9;
        height: 25px;
        font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        padding: 1px 1px 3px 1px;
        text-transform:uppercase;
        color:#333333;
        margin:0 18px;
        display:block;
        float:right;
    }
    /* default styling for span tags within the progress indicator */
    .checkoutProgress span {
        display: block;
        float: left;
        width: auto;
    }
    /* styling for checkout stage container when it is active */
    .checkoutProgress span.on {
        padding: 3px 2px;
        margin: 1px;
    }
    /* styling for checkout stage container when it is inactive */
    .checkoutProgress span.off {
        padding: 2px;
        margin: 1px;
    }
    /* style for checkout stage label when it is active */
    .checkoutProgress span.on span {
        padding: 2px 6px;
        background: url(images/storeHeader_HoverBG.gif) repeat-x;
        border: solid 1px #b9b9b9;
        border-bottom:0;
        color: #3f294d;
    }
    /* style for checkout stage label when it is inactive */
    .checkoutProgress span.off span {
        padding: 3px 6px 2px 6px;
    }
    /* style for the outer container for checkout steps */
    #storeHeader div.checkoutSteps {
        background-color:#E5DECA;
        border:1px solid #BEB49D;
        padding:0;
        width:100%;
    }
    /* style for the address book table */
    table.addressBook {
        width:97%;
    }
    /* caption for the address book */
    table.addressBook th.caption {
        background: #969696 url(images/section_header_bg.gif) repeat-x;
        color: #222222;
        text-indent: 10px;
        border-left: 1px solid #b9b9b9;
        border-right: 1px solid #b9b9b9;
        padding: 2px 3px 2px 2px;
        margin: 5px 0 0 0;
    }
    /* styling for the text container inside the caption */
    table.addressBook th.caption .text {
        float:left;
        display:block;
        line-height:24px;
    }
    /* styling for the button container inside the caption */
    table.addressBook th.caption .buttons {
        float: right;
        display: block;
    }
    /* container for address book entries */
    table.addressBook td.entries {
        border: 1px solid #b9b9b9;
        text-align: left;
        padding: 5px;
        background: #FFFFFF;
    }
    /* entry in the address book container */
    table.addressBook .entry {
        background:url(images/shipping_address_bg.gif) no-repeat;
        vertical-align:middle;
        text-align:left;
        margin:0;
        padding:5px 0 0 0;
        display: block;
        width: 350px;
        height:195px;
        float: left;
    }
    /* container for address data in an address entry */
    .addressBook .address {
        text-align:left;
        padding:47px 0 0 50px;
        color: #333333;
        font-weight: bold;
        line-height: 15px;
        width:200px;
        float: left;
    }
    /* container for buttons in an address entry */
    .addressBook td .buttons {
        margin-top:5px;
        text-align:left;
        padding:60px 0 0 0;
        width: 100px;
        float: right;
    }
    .addressBook td .buttons a {
        display:block;
        margin-bottom: 5px;
        width: 40px;
        text-align:center;
    }
    /* styling for button element inside the buttons container */
    table.addressBook td .buttons .button {
        margin-right: 5px;
    }
    /* styling for shipping addreses table */
    table.setShippingAddresses {
    }
    /* table will use default itemList styling, you can override th attributes here */
    table.setShippingAddresses th {
    }
    /* header styling for items column */
    table.setShippingAddresses th.items {
    }
    /* styling for items column */
    table.setShippingAddresses td.items {
    }
    /* header styling for items column */
    table.setShippingAddresses th.price {
    }
    /* styling for price column */
    table.setShippingAddresses td.price {
    }
    /* header styling for address column */
    table.setShippingAddresses th.address {
    }
    /* styling for address column */
    table.setShippingAddresses td.address {
    }
    /* the outer table to select shipping methods */
    table.selectShippingMethod {
    }
    /* default header style for shipping method table */
    table.selectShippingMethod td.dataSheet {
        padding:6px;
        border:1px solid #b9b9b9;
        font-family:Arial;
    }
    /* default header style for shipping method table */
    table.selectShippingMethod td.dataSheet th {
        padding: 5px 2px;
        background: url(images/searchCriteriaBg.jpg) repeat-x top;
        max-height:29px;
        border: solid 1px #b9b9b9;
        font-family:Arial;
    }
    table.selectShippingMethod th.shipto {
        background: #FFFFFF;
        color:#969696;
        height: 29px;
        line-height: 30px;
        border-bottom:solid 2px #b9b9b9;
    }
    /* the table cell that displays the shipment items grid */
    table.selectShippingMethod td.items {
        background-color:#DEDEDE;
    }
    /* the table cell that displays the available shipping methods */
    table.selectShippingMethod td.methods {
        padding: 4px;
        text-align:left;
        border-left:1px solid #8698B2;
        width:200px;
    }
    table.selectShippingMethod td.methods h3 {
        background: #8F9FAC url(images/section_header_bg.gif) repeat-x;
        color: #222222;
        padding: 5px 2px;
        display:block;
        border-left: 1px solid #b9b9b9;
        border-right: 1px solid #b9b9b9;
        border-bottom:solid 1px #969696;
        font-weight:bold;
        font-size:100%;
        text-align:center;
        margin: 3px 3px 6px 3px;
    }
    /* the caption for available shipping methods */
    table.selectShippingMethod td.methods .caption {
        display:block;
        font-weight:bold;
        margin-bottom:6px;
        text-align:center;
    }
    table.selectShippingMethod td.methods textarea {
        border:solid 1px #afa9b3;
    }
    /* section to ask the customer whether to set gift options for an order */
    .addGiftOptions {
        background:#FFFFFF url(images/giftbox3.gif) no-repeat left top;
        margin: 0 auto;
        width:500px;
        height:98px;
        border:0;
        float:right;
        text-align:right;
    }
    /* caption of the add gift options section */
    .addGiftOptions h3 {
        margin: 10px 10px 5px 300px;
        font-size:100%;
    }
    /* content of the add gift options section, including input field and text */
    .addGiftOptions .content {
        margin-right:10px;
        margin-top:5px;
    }
    /* contains any navigation buttons (such as continue or back) that appear within the section */
    .addGiftOptions .buttons {
        margin-right:10px;
        margin-top:5px;
    }
    .VisiblePanel {
        display:block;
    }
    .ProductItemList {
        border-collapse:inherit!important;
    }
    .PIVThumnail {
        height:80px;
    }
    .PIVimage_desc {
        min-height:60px;
    }
    .ProductItemView div {
        background: #eeeeee;
        padding: 5px;
        border: solid 1px #b9b9b9;
    }
    .ProductItemViewOdd {
        background: #eeeeee;
        padding: 5px;
        border: solid 1px #b9b9b9;
        border-bottom:0;
        width:152px;
        vertical-align:bottom;
    }
    .ProductItemViewOdd div {
        background: #FFFFFF;
        padding: 5px;
        border: solid 1px #b9b9b9;
    }
    .HiddenPanel {
        display:none;
    }
    /* container for the gift option controls */
    .giftOptions {
        width:200px;
    }
    .giftOptions textarea {
        border:solid 1px #afa9b3;
    }
    /* the container for controls to choose gift wrap if available */
    .giftOptions div.giftWrap {
        margin-top:2px;
        color: green;
    }
    /* displays when no gift wrap is available for an item */
    .giftOptions div.giftWrap div.noGiftWrap {
        font-style:italic;
    }
    /* displays when only one style of gift wrap is available for an item */
    .giftOptions div.giftWrap div.oneGiftWrap {
    }
    /* styling for the name of the available gift wrap style */
    .giftOptions div.giftWrap div.oneGiftWrap span.name {
        font-weight:bold
    }
    /* styling for the price of the available gift wrap style */
    .giftOptions div.giftWrap div.oneGiftWrap span.price {
    }
    /* displays when two or more gift wrap styles are available for an item */
    .giftOptions div.giftWrap div.multiGiftWrap {
    }
    /* styling for the title of the gift wrap selection box */
    .giftOptions div.giftWrap div.multiGiftWrap span.title {
        font-weight:bold
    }
    /* styling for the gift wrap selection box */
    .giftOptions div.giftWrap div.multiGiftWrap select {
    }
    /* the container for controls to enter a gift message */
    .giftOptions div.giftMessage {
    }
    /* styling for the gift message title */
    .giftOptions div.giftMessage span.title {
        font-weight:bold;
        border:solid 1px #b3b3b3;
        background-color:#f3f3f3;
        padding: 2px 10px;
        line-height:25px;
        color: #969696;
    }
    /* styling for the gift message cost */
    .giftOptions div.giftMessage span.price {
    }
    /* styling for the gift message entry area */
    .giftOptions div.giftMessage textarea {
        width:98%;
        height:40px;
    }
    /* styling for the characters remaining countdown */
    .giftOptions div.giftMessage span.count {
    }
    /* styling for the characters remaining countdown text */
    .giftOptions div.giftMessage span.countText {
    }
    /* style for the summary pane of the payment information section */
    .paymentMethodSummary {
        width:170px;
        padding: 10px;
        padding-right: 30px;
    }
    div.paymentMethodSummary {
        float:left;
    }
    /* style for the payment method listing of the payment information section */
    .paymentMethodList {
        background: #FFFFFF;
        width:70%;
    }
    div.paymentMethodList {
    }
    /* style for a content section in the summary pane */
    .paymentMethodSummary .section {
        margin-bottom:20px;
    }
    /* style for the header of the summary section */
    .paymentMethodSummary .section .header {
        background: url(images/section_header_bg.gif) repeat-x;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* style for the caption of the section header */
    .paymentMethodSummary .section .header h2 {
        color:#8a0000 !important;
    }
    /* style for the content of the summary section */
    paymentMethodSummary .section .content {
    }
    /* style for the order summary that appears in a summary section */
    table.orderSummary {
        width:100%;
    }
    /* column that displays the heading for the amounts in the order summary table */
    table.orderSummary th {
        text-align:right;
        font-weight:normal;
        white-space:nowrap;
        border-bottom:0;
    }
    /* column that displays amounts in the order summary table */
    table.orderSummary td {
        text-align:right;
        width:80px;
        border-bottom:0;
    }
    /* row that contains the divider between subtotals and total */
    table.orderSummary tr.totalDivider {
    }
    /* cell that contains the divider between subtotals and total */
    table.orderSummary tr.totalDivider td {
        width:100%;
    }
    /* divider between subtotals and total */
    table.orderSummary tr.totalDivider td hr {
        height: 1px;
    }
    /* styles the table for the entry form of a payment method */
    table.paymentForm {
        width:100%;
        margin:10px;
    }
    /* style for default table cell in entry form */
    table.paymentForm td {
        padding: 2px;
    }
    /* header cell that provides the caption for the form, states type of payment method */
    table.paymentForm th.caption {
        padding-top:8px;
        border-bottom:dotted 1px #b9b9b9;
        color: #969696;
        font-size: 14px;
        line-height: 30px;
    }
    /* header cell that provides the label for an input row */
    table.paymentForm th.rowHeader {
        text-align:right;
        padding-right: 10px;
        color: #333333;
    }
    table.paymentForm input {
        border:solid 1px #b9b9b9;
    }
    table.paymentForm select {
        border:solid 1px #b9b9b9;
        width: 145px;
    }
    /* cell that contains the submit button for a payment form */
    table.paymentForm td.submit {
        text-indent:10px;
    }
    /* container for the submit button */
    table.paymentForm td.submit span.button {
    }
    ul.columns {
        margin: 0 0 0 30px;
        padding: 0;
        list-style: none;
    }
    ul.columns li {
        margin: 2px;
        background-image: url(images/bullet1.gif);
        background-position: 0 3px;
        background-repeat: no-repeat;
        text-indent:20px;
        height: 20px;
    }
    /* container for the order summary table */
    div.orderSummaryPanel {
        background: url(images/orderSummaryPanelBg.gif) repeat-x;
        border: solid 1px #b9b9b9;
        margin: 5px 0;
    }
    table.orderSummaryTable {
        width:800;
        padding-left: 10px;
        text-indent: 10px;
        text-align:left;
        color: #333333;
    }
    table.orderSummaryTable th.rowHeader {
        width:16%;
        text-align:right;
    }
    table.orderSummaryTable td a {
        color:#6c8900;
        font-size: 12px;
        font-weight: bold;
        padding: 0 10px 2px 10px;
        margin: 0;
        background: #edefee url(images/button.gif) repeat-x;
    }
    table.orderSummaryTable td a:hover {
        color:#333333;
    }
    .odd {
        background-color: #DBDADA;
        padding: 6px 2px 6px 6px;
    }
    .even {
        background-color: #F5F5F5;
        padding: 6px 2px 6px 6px;
    }
    .altodd {
        padding: 6px 2px 6px 6px;
    }
    .altodd a {
        color: #003366;
    }
    .altodd a:hover {
        color: maroon;
    }
    a.altoddButton {
        border: solid 1px #b9b9b9;
        padding: 5px 15px;
        background-color:#f1f1f1;
        color: #464646;
    }
    a:hover.altoddButton {
        background-color:#e7e7e7;
        color: maroon;
    }
    .altodd td {
        color: #000000;
        padding: 10px;
        border-width:0px;
    }
    .altodd input {
        border:solid 1px #afa9b4;
        padding:2px;
    }
    .altodd select {
        border:solid 1px #afa9b4;
        padding:2px;
    }
    .alteven {
        background: #F5F5F5 url(images/table-row-bg.jpg) no-repeat bottom right;
        padding: 10px;
    }
    .alteven a {
        color: #003366;
    }
    .alteven a:hover {
        color: maroon;
    }
    .alteven td {
        color: #000000;
        border-width:0px;
        padding: 10px;
    }
    .alteven input {
        border:solid 1px #afa9b4;
        padding:2px;
    }
    .alteven select {
        border:solid 1px #afa9b4;
        padding:2px;
    }
    .ship_to {
        writing-mode: tb-rl;
        filter: flipv fliph;
    }
    .small_cell {
        width: 300px;
    }
    .small_cell .header {
        margin-top: 0;
    }
    .lebeling {
        width: 100px;
    }
    /* table style */
    table.pagedList {
        margin:10px;
        min-width:300px;
        background:#FFFFFF;
        padding: 5px;
    }
    /* style common to headers and cells */
    table.pagedList td {
        padding:2px 4px;
    }
    /* styling for header cells  */
    table.pagedList th {
        background: #ffffff;
        padding: 7px 2px;
        font-weight:bold;
        margin:0;
        color:#333333;
        border-bottom: solid 1px #e7e7e7;
    }
    /* styling for links in header cells  (such as for sorting columns) */
    table.pagedList th a {
        padding-left: 2px;
        color: #333333;
        text-decoration:none;
    }
    table.pagedList th a:hover {
        color: #969696;
        text-decoration:underline;
    }
    /* styling for alternating rows */
    table.pagedList tr.oddRow {
        height:32px;
    }
    table.pagedList tr.evenRow {
        height:32px;
    }
    /* style for the empty result message */
    table.pagedList tr.empty td {
        width:300px;
        text-align:center;
        padding: 10px;
        font-style:italic;
        border: solid 1px black;
    }
    a
    /************** Style for the Conactpage List ****************/
    ul.contact li {
        list-style-image: url(images/bullet1.gif);
    }
    /************** Style for the Product Image ******************/
    .productimg {
        width:300px;
        vertical-align:top;
        text-align:left;
        padding-left:15px;
    }
    /* background for main page when modal popup is visible */
    .modalBackground {
        background-color:Gray;
        filter:alpha(opacity=70);
        opacity:0.7;
    }
    /* style for modal popup dialog */
    .modalPopup {
        background-color:#E3EFFF;
        border-width:3px;
        border-style:solid;
        border-color:Gray;
        padding:3px;
        width:450px;
    }
    /* style for header of modal popup dialog */
    .modalPopupHeader {
        cursor:move;
        background-color:#DDDDDD;
        border:solid 1px Gray;
        color:Black;
        margin:-3px;
        padding:6px;
        font-weight:bold;
    }
    /* style for text of modal popup dialog */
    .modalPopupText {
        padding:10px;
    }
    /* style for the click to view price popup */
    .pricePopup {
        background-color:#E3EFFF;
        border-width:3px;
        border-style:solid;
        border-color:Gray;
        padding:3px;
        width:300px;
        position:absolute;
        left:50%;
        margin-left:-150px;
        z-index:99;
    }
    /* style for header of modal popup dialog */
    .pricePopupHeader {
        background-color:#DDDDDD;
        border:solid 1px Gray;
        color:Black;
        margin:-3px;
        padding:6px;
        font-weight:bold;
    }
    /* used on the click to view price display */
    .pricePopup span.fieldHeader {
        display:block;
        float:left;
        width:135px;
        text-align:right;
        margin-right:6px;
    }
    .pricePopup span.fieldValue {
        display:block;
        float:left;
    }
    /* outer frame of the one page checkout form */
    .opcFrame {
        margin:0 auto;
        width:960px;
    }
    .opcFrame .content {
        border: solid 0px #f1f1f1;
    }
    /* main content panel of the one page checkout form */
    .opcMainPanel {
        width:700px;
        padding-right:10px;
        padding-left:10px;
        margin-left:0px;
        vertical-align:baseline;
    }
    .opcMainPanel select {
        border:solid 1px #b9b9b9;
        padding: 2px;
        color: #333333;
    }
    .opcMainPanel input {
        border:solid 1px #f1f1f1;
        background:#FFFFFF url(images/buyProductFormbg.gif) repeat-x;
        padding: 2px;
        color: #333333;
        margin: 5px 0 0 0;
    }
    .opcMainPanel h2 {
        color: #333333;
        background: none;
        border:0;
    }
    .opcMainPanel .inputForm {
        background:#FFFFFF url(images/buyProductFormbg.gif) no-repeat;
        padding-top:10px;
        padding-bottom:10px;
    }
    /* sidebar panel of the one page checkout form */
    .opcSidebar {
        width:250px;
        background:#FFFFFF;
        border-top: solid 10px #FFFFFF;
        border-bottom: solid 13px #FFFFFF;
        border-right: solid 5px #FFFFFF;
        padding: 5px;
    }
    /* frame for the payment section of the one page checkout form */
    .opcPaymentFrame {
    }
    /* panel that contains the list of available payment methods */
    .opcPaymentMethods {
        width:200px;
        padding: 5px;
    }
    /* panel that contains the payment form for the selected method */
    .opcPaymentForm {
        background:#FFFFFF url(images/buyProductFormbg.gif) repeat-x;
    }
    /*********** img-description *******/
    p.image_desc {
        margin-left:3px;
        margin-right:3px;
    }
    .ProductItemView {
        width:152px;
        padding: 5px;
        border-bottom:solid 1px #f1f1f1;
        vertical-align:bottom;
    }
    .ProductItemView .productsGrid .thumbnail {
        width: 120px;
    }
    .ProductItemView .productsGrid {
        padding: 0;
    }
    .ProductItemView .productsGrid .image_desc {
        border-top:0;
    }
    .featuredProductContainer {
        padding-bottom: 0;
    }
    .AgreementView {
        background-color: #FFFFFF;
        margin: 5px;
        padding: 10px;
        border:solid 1px #92A7EC;
    }
    div.welcomeImage {
        width: 580px;
        height:180px;
        background:#FFFFFF url(images/image.gif) no-repeat;
    }
    td.welcomeImage {
        width: 100%;
        background:#FFFFFF url(images/background.gif) repeat-x;
    }
    .welcomeText {
        background:#dcdcdc url(images/WelcomeTextBg.gif) repeat-x top;
        color: #333333;
        font-size:11px;
        font-weight: 500;
        font: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
    }
    .welcomeText td {
        border: 1px solid #b9b9b9;
        text-align:justify;
        padding:4px;
    }
    .itemSeperator {
        width: 2px;
    }
    .inputFormText {
        border: 1px solid #8ed4af;
        padding:5px 0 0 9px;
        border-bottom: 0;
        border-top:0;
        font-weight: lighter;
        font: Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #333333;
        background-color:#FFFFFF;
        margin: 0;
    }
    .inputFormBodyText {
        font: Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
        color: #333333;
    }
    .orderItemsList {
        margin-left:12px;
        padding:0;
        color:#666666;
    }
    /* used to display reviews message  */
    pre.Reviews {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        white-space: pre-wrap;
        /* css-3 */
        white-space: -moz-pre-wrap !important;
        /* Mozilla, since 1999 */
        white-space: -pre-wrap;
        /* Opera 4-6 */
        white-space: -o-pre-wrap;
        /* Opera 7 */
        word-wrap: break-word;
        /* Internet Explorer 5.5+ */
    }
    .nodeSummaryLink {
        text-decoration: underline;
        text-indent: 0px;
        color:#5872CB;
        margin:4px 0 8px 0;
        padding:4px 0 8px 0;
        cursor:pointer;
    }
    /* close the screen media selector */
}
.titlelink {
    float: left;
}
.selectedanchor {
    /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
}
/* ######### Default class for drop down menus ######### */
.anylinkcss {
    position: absolute;
    left: 0;
    top: 0;
    margin:0px;
    margin-top: -10px;
    margin-top: -10px;
    margin-left: 0px;
    padding-top:16px;
    padding-bottom:16px;
    visibility: hidden;
    border: solid 2px f1f1f1;
    font: normal 12px Arial;
    line-height: 16px;
    z-index: 80;
    /* zIndex should be greater than that of shadow's below */
    width: 800px;
    /* default width for menu */
    text-align: left;
    background:url(images/menu-bg-3.jpg) no-repeat left bottom;
}
.anylinkcss ul {
    width: 320px;
    /* default width for menu */
    margin: 0;
    margin-top: -10px;
    margin-left: 10px;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    list-style-type: none;
    list-style-image: none;
    font-weight:normal;
}
/* ######### Title Start ######### */
.anylinkcss ul h1 {
    width: 100%;
    display:block;
    font: bold 12px Arial;
    text-indent: 0px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    line-height:16px;
    text-decoration: none;
}
.anylinkcss ul li a.li-title, .anylinkcss ul li table tr td a.li-title {
    width: 100%;
    color: #000000;
    font: bold 12px Arial;
    text-indent: 0px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    line-height:16px;
    text-decoration: none;
}
.anylinkcss a.li-title:hover {
    /*hover background color*/
    color: maroon;
    text-decoration: none;
}
.anylinkcss a.li-title:active {
    /*active background color*/
    color: maroon;
    text-decoration: none;
}
.anylinkcss ul li a.li-title-tutorial, .anylinkcss ul li table tr td a.li-title-tutorial {
    width: 100%;
    color: #000000;
    font: normal 12px Arial;
    text-indent: 0px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    line-height:16px;
    text-decoration: none;
}
.anylinkcss a.li-title-tutorial:hover, .anylinkcss a.li-title-tutorial:active {
    /*hover background color*/
    color: maroon;
    text-decoration: none;
}
/* ######### Title End ######### */
.anylinkcss ul li a {
    width: 100%;
    color: #000000;
    text-indent: 0px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
.anylinkcss a:hover {
    /*hover background color*/
    color: maroon;
    text-decoration: underline;
}
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkcsscols {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    border: 1px solid black;
    padding: 5px;
    font: normal 12px Verdana;
    z-index: 100;
    /*zIndex should be greater than that of shadow's below*/
    background: #DEFFCA;
}
.anylinkcsscols .column {
    width: 130px;
    float: left;
}
.anylinkcsscols .column ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.anylinkcsscols li {
    padding-bottom: 3px;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow {
    /*CSS for shadow. Keep this as is */
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: 60;
    /*zIndex for shadow*/
    background: black;
    visibility: hidden;
}
.subcategorylinks, .subcategorylinks table tr td {
    color: maroon;
    line-height: 18px;
    font-size: 12px;
    font-weight:bold;
    padding-right:10px;
    width:350px;
}
a.subcategorylinks, .subcategorylinks ul li a {
    color: #003366;
    font-size:12px;
    font-weight: bold;
}
a.subcategorylinks:hover, .subcategorylinks ul li a:hover {
    /*hover submenu link color*/
    color: maroon;
    text-decoration: underline;
    font-size:12px;
    font-weight: bold;
}
a.sublink {
    color: #595859;
}
a.sublink:hover {
    /*hover submenu link color*/
    color: maroon;
    text-decoration: underline;
}
a.lil-menu-links {
    font: normal 11px Arial;
    color: #595859;
    line-height:15px;
    width: 50px;
}
a.lil-menu-links:hover {
    /*hover submenu link color*/
    color: maroon;
    text-decoration: underline;
}
a.CssClassON {
    font: bold 11px Arial;
    color: maroon;
}
.CatalogTree {
    width:600px;
    border-width:0px;
}
.inlineCaption {
    font-family: Arial;
}
.BasketSubItemLabel, .BasketSubItemLabel ul li {
    padding: 0px;
    margin: 0px;
}
.BasketSummaryDiv {
    float:right;
    font-family: Arial;
    font-size:12px;
    color: #999999;
    padding:0px;
    margin:0px;
    margin-top:0px;
}
.sidenav-header {
    font-family: Arial;
    font-weight: bold;
    font-size:12px;
    padding:0px;
    margin:0px;
}
.requiredField, .requiredField input {
    border-left-color:#f2c71c;
    border-left-width:2px;
    border-left-style:solid;
}
.radioBtn, .radioBtn input {
    border-width:0px;
    margin-bottom:3px;
    margin-right:0px;
    font-family: Arial;
    font-weight: bold;
    font-size:12px;
}
.dynNav {
    margin-top:0px;
}
.gifts {
    color:green;
    font-weight:bold;
    font-family: 'Exo', Arial, sans-serif;
}
.maroon {
    color:maroon;
}
@media print {
    .button {
        display:none;
    }
    div#HeaderWrapper {
        display:none;
    }
}
#wMenu {
    top: -3px;
}
#madeinusa {
    height:100px;
}
#ctl00_wpm_Basket_ctl04_GetQuoteButton {
    height:34px;
}
#ctl00_wpm_Basket_ctl04_CheckoutButton {
    height:45px;
}
.BasketAdvertisements {
    margin-top:15px;
    border: 2px solid #CCC;
    width:600px;
    margin:15px auto;
}
.ad550x100 {
    margin:15px 0px;
    border: 2px solid #CCC;
}
#saletitle1 {
    font-family:Arial, sans-serif;
    color:maroon;
    font-size:30px;
}
#saletitle2 {
    font-family:Arial, sans-serif;
    color:maroon;
    font-size:16px;
    margin-top:-20px;
}
h3.BLOWOUTSALE {
    margin:10px;
    color:#FF0000;
    font-family:Arial,sans-serif;
    font-size:16px;
}

/*
 * Style for the header
 * Nick A Apr 2013
 */
#HeaderWrapper {
    width:963px;
    height:171px;
    margin:0px auto;
    background:url('//www.lanshack.com/App_Themes/LANshack/images/header-bg.jpg') no-repeat left top;
}
#LogoWrapper {
    float:left;
    height:125px;
    width:360px;
}
#HeaderInfoWrapper {
    float:left;
    width:600px;
    height:125px;
    margin-top:10px;
}
#w2mUserInfo {
    float:left;
}
#AccountWrapper {
    float:right;
    width:185px;
    overflow:visible;
    height:53px;
}
#BasketInfo {
    width:130px;
}
.BasketSummaryDiv {
    padding:0 !important;
}
#CartImage {
    float:right;
    margin-top:-12px;
}
#AcctMgmt {
    width:164px;
    float:right;
    margin-top:7px;
}
#AcctMgmt a {
    margin-right:15px;
    color:maroon;
    font-size:14px;
}
#NavTabGroup {
    margin-left:125px;
    margin-top:9px;
}

#NavBarWrapper {
    position:absolute;

    top:136px;
    right:auto;
    left:auto;

    width:960px;
    height:33px;

    margin:0px auto;
    overflow:hidden;
}
.NavBarItem {
    float:left;
}

#search {
    background:url(images/search.gif) no-repeat top left;
    background-position:21px 3px;
    width:490px;
}
input.searchPhrase {
    width:395px;
    margin-top:7px;
    margin-right:34px;
    background-color:transparent;
    border:none;
}
.pricing {
    background:url("images/pricesprites.png");
    height:31px;
    width:31px;
    display:inline-block;

    float:left;
}
.pricing-wrapper p {
    margin-top:6px;
    float:left;
    font-family:Verdana, sans-serif;
    font-size:10px;
    color:#626262;
    margin-right:5px;
    margin-left:3px;
}
.pricing-wrapper p:hover {
    text-decoration:underline;
}
.pricing-govt {
    background-position: 0px 0px;
}
.pricing-edu {
    background-position: 62px 0px;
}
.pricing-resell {
    background-position: 31px 0px;
}
.navtabground {
    margin-left:0px;
}
.navtabgroup {
    margin-left:145px;
}
.navtab {
    margin-left:-4px;
    margin-top:3px;
    height:25px;
}
.clear {
    clear:both;
}
/*
 * End header style
 *
 * CSS for the product menu drop down.
 * Also needs IE conditional comments for IE 7 compatibility.
 * One for style, one with a script.
 */
#content {
    width:auto !important;
    height:auto !important;
    margin:46px auto 0px auto;
    background-color:white;
    text-align:left;
}
.ProductMenu {
    display:none;
    text-align:left;
    position:absolute;
    top:170px;
    z-index:99999;
}
.ProductMenu ul {
    list-style:none;
}
.ProductMenu > ul > li {
    height:25px;
}
.ProductMenu h2 {
    margin:0;
    font-family:Arial,sans-serif;
    font-size:18px;
    margin-left:5px;
    padding-top:5px;
    height:27px;
}
.MenuParentsWrapper {
    background-color:white;
    width:275px;
    height:687px;
    overflow:hidden;
    border-right:2px solid #DDD;
}
.MenuParents {
    padding:0;
    margin:0;
}
.MenuParents > li {
    height:25px;
    margin:0;
    padding:0;
    vertical-align:bottom;
}
.EnteredMenuItem {
    color:maroon;
    font-weight:normal;
}
.ActiveMenuItem {
    color:maroon !important;
    font-weight:bold !important;
}
.MenuChild {
    overflow:hidden;
    background-color:white;
    position:absolute;
    top:0px;
    left:275px;
    width:0px;
    height:687px;
    bottom:0px;
    z-index:-1;
}
.MenuChild p {
    margin:8px 15px;
}
.ProductMenuDivider {
    border-left-color:#DEDEDE;
    background-color:#EDEDED;
    border-right-color:#F7F7F7;
    border-left-width:1px;
    border-right-width:2px;
    padding-right:2px;
    width:0px;
    height:687px;
    position:absolute;
    left:0px;
}
#ProductMenuDropShadowLeft {
    overflow:hidden;
    width:304px;
    position:absolute;
    top:0px;
    left:-27px;
    z-index:-9999;
}
#ProductMenuDropShadowRight {
    position:absolute;
    top:0px;
    left:277px;
    z-index:-9999;
}
.SubmenuParents {
    width:205px;
    margin-top:15px;
    padding:0;
}
.SubmenuParents > li {
    padding:0px !important;
    width:200px;
}
.SubmenuParents .MenuAimLink {
    padding-left:15px;
}
.SubmenuParents .SubmenuLink {
    padding-left:15px;
}
.SubmenuLink {
    display:block;
    color:black;
    font-weight:normal;
    padding:5px 5px;
    width:250px;
}
.SubmenuLink:hover {
    color:maroon;
    font-weight:bold;
    background-color:#EEE;
}
.SubmenuChild {
    display:none;
    position:absolute;
    top:0px;
    left:230px;
    width:338px;
    height:400px;
    overflow:hidden;
}
.PretermCat {
    font-weight:bold;
    font-size:13px;
    color:#333;
}
.PretermMode {
    font-weight:bold;
    font-size:12px;
    color:#333;
}
.PretermMode:hover {
    color:maroon;
}
.PretermStrand {
    font-size:12px;
    color:#333;
}
.PretermChild {
    line-height:19px;
    margin-left:15px !important;
    margin-top:10px;
    padding:0;
}
.PretermChild > li {
    margin-top:10px;
}
.MenuAimLink {
    display:block;
    color:black;
    font-weight:normal;
    font-size:12px;
    padding:5px 5px;
    width:275px;
    padding-right:0px;
    margin:0;
}
.MenuAimLink:active {
    padding-top:7px;
    padding-bottom:3px;
}
.MenuAimLink > span {
    font-size:11px;
}
.FiberConnectorList {
    width:328px;
}
.FiberConnectorList > ul > li:first-child {
    font-size:18px;
}
.FiberConnectorList > ul > li > a {
    color:black;
}
.FiberConnectorList > ul > li > a:hover {
    color:maroon;
}
.FiberConnectorList td:first-child {
    width:85px;
}
.FiberConnectorList td {
    width:100px;
}
#PatchCableWrapper {
    padding:15px;
}
.PatchCableCategories {
    width:200px;
    height:100px;
}
.PatchCableCategories > ul > li:first-child {
    font-weight:bold;
}
.PatchCableCategories > ul > li:first-child:hover {
    color:black;
}
.MenuChild h3 {
    color:maroon;
    font-size:20px;
    font-weight:bold;
    font-family:Arial,sans-serif;
    margin-left:15px;
    margin-top:10px;
}
#PreTermReelMenu {
    position:absolute;
    top:37px;
    left:236px;
    width:360px;
}
#FiberCables {
    margin-left:15px;
    margin-top:10px;
}
#FiberCables > a {
    font-size:14px;
    font-weight:bold;
}
#FiberCables a {
    color:#333;
}
#FiberCables a:hover {
    color:maroon;
}
.CategoryLinks {
    margin-top:15px;
    margin-left:15px;
}
.CategoryLinks h4 {
    font-size:14px;
    margin:10px 0px;
}
#BradyLabeling {
    margin:15px;
}
.BradyCat {
    font-size:14px;
    font-weight:bold;
}
.BradyLink {
    font-size:12px;
}
/* styles for interlock cable table */
.interlock-table a {
    text-decoration:none;
    color:#222;
}
.interlock-table a:hover {
    color:maroon;
}
.interlock-table a.mode-title {
    font-weight:bold;
}
.interlock-table {
    color:#222;
    border:none;
    border-spacing:0;
    font-family:sans-serif;
}
.interlock-table th {
    font-weight:bold;
    font-size:13px;
    border-left:30px solid white;
    border-right:30px solid white;
    padding:6px 2px;
}
.interlock-table tr.odd {
    background-color:#ddd;
}
.interlock-table tr {
    padding:8px 8px;
}
.interlock-table td {
    padding:1px;
    font-size:11px;
}

/*
 * End CSS for product menu drop down.
 */

#leftSidebarPanel {
    display:none !important;
}

div.category-summary-panel {
    padding: 0 15px;
}

/* Product descriptions */
.product-description p {
    margin: 10px 0;
    font-size: 13px;
}
.product-description img {
    margin: 10px 0;
}
.product-description a {
    color: #31659F;
}
.product-description a:hover {
    text-decoration: underline;
}
.pagination {
    margin: 10px 0;
}