/****************************************/
/************ Copyright 2009 ************/
/******* Sonic Sense, Incorporated ******/
/****************************************/
/****** Branding, Website design & ******/
/****** Search Engine Optimization ******/
/******** services provided by: *********/
/****************************************/
/********* Broadsighted Design **********/
/********** broadsighted.com ************/
/****************************************/


/****************************************/
/* GENERAL LAYOUT / */

body
{
    background: #393939 url(../images/website/bg-repeat.jpg) top repeat-x;
    _width: 898px; /* Min-width doesn't work in older IE */
    margin: 0 auto;
    padding: 0;
    border: 0; /* Removes viewport border in older IE */
    width: 898px;
    font-family: Arial, sans-serif;
    font-size: 100. 1%;
}

#right-column-buttons
{
    height: 644px;
    width: 226px;
    background: #393939 url(../images/website/right-column-buttons.jpg) no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}



/* /GENERAL LAYOUT */


/****************************************/
/****************************************/
/****************************************/


/* TYPOGRAPHY & MISC/ */

a
{
    text-decoration: none;
    color: #540d7e;
}

a:hover, a.active
{
    color: #115d2a;
    text-decoration: underline;
}

a img
{
    border: none;
}

a:visited, a.active, a:active
{
    outline: none;
}

.smaller-text
{
    font-size: .9em;
}

h1
{
    font-size: 1.7em;
}
h2
{
    font-size: 1.2em;
}
h3
{
    font-size: 1.1em;
}

h1, h2, h4, h5, h6, #nav li a span, a.live-chat-button h2
{
    font-family: Garamond, serif;
}

p, ul, ol, li, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}

ul, li
{
    /* list-style:none; 	display:inline; */
}

.right-border
{
    border-right: 1px #888 dotted;
}

.bottom-border
{
    border-bottom: 1px #bbb dotted;
    padding-bottom: 1px;
}

#h2-nav, .preload-pic
{
    display: none;
}

.clear
{
    clear: both;
}

a span
{
    display: block;
    text-indent: -9999em;
}

/* /TYPOGRAPHY & MISC */


/****************************************/
/****************************************/
/****************************************/


/* COLUMNS/ */

/* COLUMNS - Container */
.column-container
{
    position: relative; /* Fix: IE7 overflow-hidden bug */
    clear: both;
    float: left;
    width: 100%; /* overflow:hidden; */ /* Cuts off overhanging divs */
}

/* COLUMNS - Configuration */
.column-right, .column-left
{
    float: left;
    width: 100%;
    position: relative;
}

.column-1, .column-2
{
    float: left;
    position: relative;
    padding: 0; /* overflow:hidden; */
}

.column-1
{
    padding-top: 4px;
}

.right-menu
{
    /* right column bg */
}

.right-menu .column-left
{
    right: 210px; /* Right column width */
    background: transparent; /* Left column background */
}

.right-menu .column-1
{
    width: 658px; /* Left column content width = left column width - (left column's left + right padding) */
    left: 224px; /* Right column width + left column left padding */
}

.right-menu .column-2
{
    width: 224px; /* Right column content width = right column width - (right column's left + right padding) */
    left: 224px; /* Right column width + left column left padding + left column right padding + right column left padding */
}

/* /COLUMNS */


/****************************************/
/****************************************/
/****************************************/


/* HEADER/ */
#header
{
    clear: both;
    position: relative;
    display: inline-block;
    float: left;
    width: 898px;
    height: 101px;
    background: transparent url(../images/website/header.jpg) top left no-repeat;
}

/* #logo { background:transparent url(../images/website/logo.jpg) no-repeat; } */

/* HEADER > PRIMARY NAV - links at top right */
#primary-nav
{
    position: absolute;
    top: 0;
    right: 0;
    width: 427px;
    height: 101px;
    background: transparent;
    text-align: center;
    font-size: 75%;
    font-weight: 900;
}

#primary-nav ul
{
    list-style: none;
    display: inline;
}

#primary-nav ul li
{
    float: left;
    height: 100%;
    display: inline;
    list-style: none;
}

#primary-nav li.right-border
{
    margin-top: 13px;
    height: 11px;
    padding: 0 12px 0 12px;
}

#primary-nav li a
{
    display: block;
}

#primary-nav a.bottom-border
{
    font-weight: 900;
    margin: 0 9px 6px 0;
}


/* /HEADER */


/****************************************/
/****************************************/
/****************************************/


/* MAIN NAV/ */

/* MAIN NAV - 1st tier general styles */
#nav
{
    clear: both;
    float: left;
    position: relative;
    padding: 0;
    margin: 0 auto;
    width: 672px;
    height: 60px;
    z-index: 90;
    background: transparent url(../images/website/nav/nav-menu-bg.jpg) 0 29px no-repeat;
    text-align: center;
}

/* MAIN NAV / SUBMENU- 1st & 2nd tier general styles */
#nav li
{
    padding: 0 0 0 8px;
    margin: 0;
    list-style: none;
    float: left;
    display: block;
    height: 32px;
    background-repeat: no-repeat;
}

#nav li a
{
    display: block;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    height: 32px;
}

#nav li a span
{
    text-indent: 0;
    font-size: 1em;
    font-weight: 700;
    display: block;
    padding-top: 8px;
    color: #000;
}

#nav li a.nav-link:hover span
{
    color: #000;
    cursor: default;
}

#nav li.nav-specials a span, #nav li.nav-specials a:hover span, #nav li.nav-specials li a
{
    color: #540D7E;
}


#nav li.nav-home a:hover span
{
    color: #115d2a;
    cursor: pointer;
}

#nav li:hover, #nav li.submenu-hover, #nav li.active
{
    background-position: 0 -32px;
    text-decoration: none;
}

#nav li:hover a, #nav li.submenu-hover a
{
    text-decoration: none;
}

/* MAIN NAV - 1st tier hover effects */
#nav li.nav-home
{
    width: 64px;
    background-image: url(../images/website/nav/nav-home.gif);
    margin-left: 32px;
    padding-left: 4px;
}

#nav li.nav-products
{
    width: 87px;
    background-image: url(../images/website/nav/nav-products.gif);
    margin-left: 17px;
    padding-left: 7px;
}

#nav li.nav-support
{
    width: 81px;
    background-image: url(../images/website/nav/nav-support.gif);
    margin-left: 19px;
    padding-left: 7px;
}

#nav li.nav-contact
{
    width: 82px;
    background-image: url(../images/website/nav/nav-contact.gif);
    margin-left: 15px;
}

#nav li.nav-specials
{
    width: 80px;
    background-image: url(../images/website/nav/nav-specials.gif);
    margin-left: 13px;
}

#nav li.nav-membership
{
    width: 110px;
    background-image: url(../images/website/nav/nav-membership.gif);
    margin-left: 18px;
}

/* MAIN NAV > SUBMENU - 2nd tier general styles */
#nav li ul
{
    position: absolute;
    left: -9999em;
    _width: 672px;
    padding: 0;
    background: url(../images/website/nav/nav-submenu-bg.jpg) no-repeat;
    width: 672px;
}

#nav ul, #nav li
{
    list-style: none;
    display: inline;
}

#nav li.nav-home ul
{
    background: transparent;
}

#nav li li
{
    display: inline !important;
    width: auto;
    height: 32px;
    margin: 0;
    padding: 0;
}

#nav li li a
{
    display: block;
    height: 22px;
    padding: 3px 11px 0 19px;
    font-size: 75%;
    font-weight: 900;
    color: #000;
}

/* MAIN NAV > SUBMENU - 2nd tier hover effects */
#nav li li a:hover, #nav li li a.active
{
    /*\*/ /*/ left:0; /**/
    color: #0e7122;
}

#nav li li.first a
{
    border: 0;
    margin: 0;
}

#nav li li a:hover, #nav li li.submenu-hover, #nav li li.active
{
    background: transparent url(../images/website/nav/nav-submenu-play-button.gif) 4px 27% no-repeat;
}

/* MAIN NAV > SUBMENU - Positions 2nd tier near hovered 1st tier item */
#nav li.nav-products li.first
{
    padding-left: 63px;
}
#nav li.nav-support li.first
{
    padding-left: 33px;
}
#nav li.nav-contact li.first
{
    padding-left: 204px;
}
#nav li.nav-specials li.first
{
    padding-left: 385px;
}
#nav li.nav-membership li.first
{
    padding-left: 435px;
}

/* MAIN NAV > SUBMENU - Shows 2nd tier */
#nav li:hover ul, #nav li li:hover ul, #nav li.submenu-hover ul
{
    left: 0;
}

/* /MAIN NAV */


/****************************************/
/****************************************/
/****************************************/


/* SEARCH BOX/ */

div#search-box
{
    background: transparent url(../images/website/buttons/search-search.png) -8px -2px no-repeat;
    width: 209px;
    height: 50px;
    padding: 6px 17px 0 0;
    display: block;
    float: right;
    text-indent: 0em;
    text-align: right;
    position: relative;
}
div#search-box1
{
    width: 209px;
    height: 50px;
    display: block;
    float: left;
    text-indent: 0em;
    text-align: left;
    position:relative;
}
div#search-box .pcForms
{
    text-align: right;
}

div#search-box .pcSmallText
{
    text-align: right;
    font-size: 70%; /* text-align:center; 	margin-left:14px; 	display:block; */
}

a.search-text
{
    background: transparent url(../images/website/buttons/tiny-search-arrow.png) 1px 1px no-repeat;
    display: block;
    font-size: 80%;
    font-weight: bold;
    position: absolute;
    padding-left: 17px;
    top: 32px;
    right: 18px;
}

a.search-text:hover
{
    background-position: 2px -33px;
    text-decoration: underline;
    color: #106812;
}

input#smallsearchbox
{
    position: absolute;
    top: 9px;
    right: 42px;
}

a.search-button
{
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    top: 10px;
    right: 18px;
    position: absolute;
    display: inline-block;
    background: transparent url(../images/website/buttons/search-button.png) no-repeat;
}

/* /SEARCH BOX */


/****************************************/
/****************************************/
/****************************************/


/* LEFT COLUMN CONTENT */

/* BREADCRUMBS NAV/ */
.breadcrumbs-nav
{
    height: 37px;
    display: block;
    position: relative;
}

.breadcrumbs-nav ul
{
    display: block;
    padding: 7px 0 0 0;
    list-style: none;
    display: inline;
}

.breadcrumbs-nav li a, .breadcrumbs-link, .breadcrumbs-link-first, span.view-product-breadcrumb-pName
{
    display: inline block;
    background: transparent url(../images/website/breadcrumbs-arrow.png) 0 1px no-repeat;
    padding: 0 3px 0 20px;
    font-size: 85%;
    text-align: center;
}

h2.h2-title
{
    display: block;
    font-size: .90em;
    padding: 3px 3px 0 0;
    color: #540d7e;
}

.title-bg .pcPageNav
{
    width: 100%;
    padding-top: 4px;
    font-size: 85%;
}

.breadcrumbs-nav li.first a, .breadcrumbs-link-first
{
    background: transparent url(../images/website/breadcrumbs-record.png) 0 1px no-repeat;
}

a.breadcrumbs-link:hover, a.breadcrumbs-link-first:hover
{
    background-position: 2px -33px;
    text-decoration: underline;
}


/* BOXES > General */
.box-content
{
    width: 584px; /* default width; for wide-box */
    padding: 6px 37px 0 37px;
    height: 100%;
    background-repeat: repeat-y;
}

.box-content-inside
{
    width: 584px; /* default width; for wide-box */
    height: 100%;
    background-repeat: repeat-y;
    margin-left: 5px;
}


.box-footer-round, .box-footer-pointed
{
    width: 658px; /* default width; for wide-box */
    height: 28px;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    text-align: center;
}

.title-bg, .title-bg-narrow, .breadcrumbs-nav
{
    margin: 0 37px 0 37px;
    width: 584px; /* default width; for wide-box */
    height: 37px;
    position: relative;
}

.title-bg-narrow
{
    width: 133px;
}

.title-bg-narrow .box-content
{
    padding-top: 8px;
}

.branded-box-narrow, .white-box-narrow, .plain-box-narrow, .purple-box-narrow
{
    margin-left: 4px;
}

/* BOXES > Content */
.branded-box-wide .box-content, .white-box-wide .box-content, .plain-box-wide .box-content
{
    background: transparent url(../images/website/boxes/wide-box-bg-plain.jpg);
    min-height: 275px;
}
.purple-box-wide .box-content
{
    background: transparent url(../images/website/boxes/wide-box-bg-purple-glow.jpg);
    min-height: 275px;
}

.no-min-height .box-content
{
    min-height: 0;
}

.no-title-margin
{
    margin-top: 0;
    padding-top: 0;
    z-index: 201;
    font-size: 95%;
}

.purple-box-narrow .box-content, .branded-box-narrow .box-content, .white-box-narrow .box-content, .plain-box-narrow .box-content
{
    background: transparent url(../images/website/boxes/narrow-box-bg-plain.jpg); /*width:133px; */
    width: 177px;
    padding: 6px 15px 0 15px;
    font-size: .8em;
}

.purple-box-narrow .box-content
{
    background: transparent url(../images/website/boxes/narrow-box-bg-purple-glow.jpg);
    font-size: .8em;
    font-weight: bold;
}

/* BOXES > Footer */
.branded-box-wide .box-footer-round, .white-box-wide .box-footer-round, .plain-box-wide .box-footer-round
{
    background: transparent url(../images/website/boxes/wide-box-footer-plain-round.png) no-repeat;
}
.purple-box-wide .box-footer-round
{
    background: transparent url(../images/website/boxes/wide-box-footer-purple-glow-round.png) bottom center;
    height: 25px;
}

.branded-box-wide .box-footer-pointed, .white-box-wide .box-footer-pointed, .plain-box-wide .box-footer-pointed
{
    background: transparent url(../images/website/boxes/wide-box-footer-plain-pointed.png) no-repeat;
}
.purple-box-wide .box-footer-pointed
{
    background: transparent url(../images/website/boxes/wide-box-footer-purple-glow-pointed.png) bottom center;
    height: 25px;
}

.branded-box-narrow .box-footer-round, .white-box-narrow .box-footer-round, .plain-box-narrow .box-footer-round
{
    background: transparent url(../images/website/boxes/narrow-box-footer-plain-round.png);
    width: 207px;
}
.purple-box-narrow .box-footer-round
{
    background: transparent url(../images/website/boxes/narrow-box-footer-purple-glow-round.png) bottom center;
    height: 25px;
    width: 207px;
}

.branded-box-narrow .box-footer-pointed, .white-box-narrow .box-footer-pointed, .plain-box-narrow .box-footer-pointed
{
    background: transparent url(../images/website/boxes/narrow-box-footer-plain-pointed.png);
    width: 207px;
}
.purple-box-narrow .box-footer-pointed
{
    background: transparent url(../images/website/boxes/narrow-box-footer-purple-glow-pointed.png) bottom center;
    height: 25px;
    width: 207px;
}



/* VIEWPRD.ASP */

div.view-product-left
{
    float: left;
}

div.view-product-right
{
    float: right;
    width: 250px;
    text-align: left;
    padding: 20px;
}

div.view-product-right h3
{
    display: inline;
    width: 100%;
}

div.view-product .box-content
{
    padding-bottom: 10px;
}

div.view-product .box-footer-round, div.view-product .box-footer-pointed
{
    height: 36px;
    margin-top: -8px;
    background-position: bottom center;
}

div.view-product-buttons
{
    margin: 0 auto;
    height: 30px;
    border-bottom: 1px solid #fff;
    width: 250px;
    display: block;
    padding: 0 168px 0 168px;
    background: transparent url(../images/website/view-product-buttons-bg.png) 0 0 no-repeat;
}

div.view-product-buttons a
{
    font-size: .8em;
    font-weight: bold;
    padding: 5px 19px 4px 19px;
    margin-left: 1px;
    height: 18px;
    display: block;
    float: left;
    background: transparent url(../images/website/boxes/title-bg-white.png) top center repeat-x;
    border: 1px solid #ddc8ea; /* border:1px solid #ddd; 	border-top:1px solid #fff; 	border-bottom:1px solid #d3d3d3; */
}

div.view-product-buttons a span
{
    display: block;
    text-indent: 0;
    width: 100%;
}

div.view-product-buttons a:hover
{
    background: transparent url(../images/website/boxes/title-bg-dark-purple.jpg) top center repeat-x;
    text-decoration: none;
    color: #fff;
    height: 15px;
    margin-top: 1px;
    border-top: 2px solid #777;
    border-bottom: 2px solid #333;
    border-left: 1px solid #333;
}

div.view-product-buttons a:hover span
{
    margin: -2px -1px 0 0;
    padding-right: 1px;
}

#mainimg
{
    /* margin:0 auto; */
    display: block;
}

span.view-product-caption
{
    font-size: 70%;
    text-indent: 0;
    display: block;
    text-align: center;
    margin: -1px auto 0 15px;
    background: transparent url(../images/website/buttons/click-to-view-larger.png) 54px 1px no-repeat;
}

a.highslide:hover span.view-product-caption
{
    text-decoration: underline;
    background: transparent url(../images/website/buttons/click-to-view-larger.png) 56px 1px no-repeat;
}

.view-product-pcShowContent
{
    text-align: left;
    margin-left: 0;
    border: 0;
    font-size: 90%;
    border-collapse: collapse;
}

.view-product-pcShowContent h1
{
    display: block;
    border-bottom: 1px dotted #ccc;
}

.view-product-mainimg-border
{
    background: transparent url(../images/website/boxes/view-product-mainimg-border.png) top center no-repeat;
    width: 240px;
    height: /*240px*/ 285px;
    padding: 15px 25px 35px 25px;
    text-align: left /*for center::: center */;
}

div.mfr-logo-small
{
    /* for centering::: margin:0 auto; */
    width: 84px;
    height: 53px;
    margin-left: -5px;
}
div.mfr-logo-small a
{
    display: block;
    border: 2px solid #fff;
    border-bottom: 2px solid #eee;
}

.mfr-logo-small a:hover
{
    border: 2px solid #e4efe3;
}

span.view-product-breadcrumb-pName
{
    font-size: .9em;
    font-weight: bold;
    color: #540d7e;
}


/*TITLE-BG > General */
.title-bg, .title-bg-narrow
{
    height: 37px; /* display:block; */
    position: relative;
}

.title-bg div, .title-bg-narrow div, .breadcrumbs-nav div
{
    position: absolute;
    width: 37px;
    height: 37px;
    top: 0;
    background-repeat: no-repeat;
}
/*WMS Added extra style for inside content box to tab in for listing content under specials*/
h2.h2-title-bigger div
{
    width: auto;
    height: auto;
    position: relative;
}
h2.title-bigger
{
    padding-top: 2px;
    height: 50px;
    overflow: hidden;
    color: #fff;
}

h2.title-bigger a
{
    display: block;
    background: transparent url(../images/website/breadcrumbs-record.png) 0 5px no-repeat;
    padding: 2px 0 0 20px;
    height: 25px;
}
h2.title-bigger a:hover
{
    background-position: 0 -29px;
}
.title-bg-narrow h2.title-bigger
{
    font-size: .95em;
}

.title-bg-narrow h2.title-bigger a
{
    background: none;
    padding-left: 0;
}

/* END WMS*/

h2.h2-title div
{
    width: auto;
    height: auto;
    position: relative;
}

h2.title
{
    padding-top: 2px;
    height: 25px;
    overflow: hidden;
}

h2.title a
{
    display: block;
    background: transparent url(../images/website/breadcrumbs-record.png) 0 5px no-repeat;
    padding: 2px 0 0 20px;
    height: 25px;
}

h2.title a:hover
{
    background-position: 0 -29px;
}


.title-bg-narrow h2.title
{
    font-size: 1em; /*WMS Add color for font to be white*/
    color: #FFFFFF;
}

.title-bg-narrow h2.title a
{
    background: none;
    padding-left: 0;
}


/* TITLE-BG > Repeat-x */
.white-title
{
    background: transparent url(../images/website/boxes/title-bg-white.png) repeat-x;
}
.plain-title
{
    background: transparent url(../images/website/boxes/title-bg-plain.jpg) repeat-x;
}
.dark-purple-title
{
    background: transparent url(../images/website/boxes/title-bg-dark-purple.jpg) repeat-x;
}
.breadcrumbs-nav
{
    background: transparent url(../images/website/boxes/title-bg-white.png) repeat-x;
}


/* TITLE-BG > Corners */
.title-bg .left, .title-bg .left-round, .title-bg .left-pointed, .title-bg-narrow .left-round, .title-bg-narrow .left-pointed
{
    left: -37px;
}
.title-bg .right, .title-bg .right-round, .title-bg .right-pointed, .title-bg-narrow .right-round, .title-bg-narrow .right-pointed
{
    right: -37px;
}

.white-title .left-round
{
    background: transparent url(../images/website/boxes/round-corner-white-left.png);
}
.white-title .right-round
{
    background: transparent url(../images/website/boxes/round-corner-white-right.png);
}
.white-title .left-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-white-left.png);
}
.white-title .right-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-white-right.png);
}

.plain-title .left-round
{
    background: transparent url(../images/website/boxes/round-corner-plain-left.png);
}
.plain-title .right-round
{
    background: transparent url(../images/website/boxes/round-corner-plain-right.png);
}
.plain-title .left-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-plain-left.png);
}
.plain-title .right-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-plain-right.png);
}

.dark-purple-title .left-round
{
    background: transparent url(../images/website/boxes/round-corner-dark-purple-left.png);
}
.dark-purple-title .right-round
{
    background: transparent url(../images/website/boxes/round-corner-dark-purple-right.png);
}
.dark-purple-title .left-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-dark-purple-left.png);
}
.dark-purple-title .right-pointed
{
    background: transparent url(../images/website/boxes/pointed-corner-dark-purple-right.png);
}

.breadcrumbs-nav .left
{
    background: transparent url(../images/website/boxes/round-corner-branded-left.png);
}
.breadcrumbs-nav .right
{
    background: transparent url(../images/website/boxes/round-corner-branded-right.png);
}

.plain-title, .purple-glow-title
{
    height: 25px;
}

.no-title-margin-round .plain-title
{
    background: transparent url(../images/website/boxes/wide-box-header-plain-round.png) no-repeat;
}
.no-title-margin-pointed .plain-title
{
    background: transparent url(../images/website/boxes/wide-box-header-plain-pointed.png) no-repeat;
}
.no-title-margin-round .purple-glow-title
{
    background: transparent url(../images/website/boxes/wide-box-header-purple-glow-round.png) no-repeat;
}
.no-title-margin-pointed .purple-glow-title
{
    background: transparent url(../images/website/boxes/wide-box-header-purple-glow-pointed.png) no-repeat;
}

.no-title-margin-round .box-content, .no-title-margin-pointed .box-content
{
    padding: 0 37px 0 37px;
    font-size: 90%;
}

/* TITLE-BG > Typography */

.dark-purple-title a
{
    color: #fff;
}

.dark-purple-title a:hover
{
    color: #35aa49;
}



/* /BOXES */


/****************************************/
/****************************************/
/****************************************/


/* FOOTER/ */

#footer-container
{
    clear: both;
    width: 898px;
    overflow: auto;
    position: relative;
}

#footer-top
{
    background: #393939 url(../images/website/footer-top.jpg) no-repeat;
    width: 898px;
    height: 114px;
    display: block;
}

#footer
{
    background: #393939 url(../images/website/footer-repeat.jpg) repeat-y;
    float: left;
    width: 898px;
    font-size: 80%;
    text-align: center;
}

#footer-bottom
{
    background: #393939 url(../images/website/footer-bottom.jpg) no-repeat;
    float: left;
    width: 898px;
    height: 44px;
}

#footer-bottom-margin
{
    float: left; /*background:#393939 url(../images/website/example-logos.jpg) top center no-repeat;*/
    width: 898px; /*height:100px;*/
}

#footer-bottom-margin p
{
    text-align: center;
    font-size: 90%; /*margin-top:55px;*/
    color: #959494;
}

#footer ul
{
    margin-top: -114px /* Overlays text on footer-top.jpg */;
    float: left;
}

#footer li
{
    float: left;
    display: block;
    width: 154px; /* = Width of individual footer column - left padding - right padding */
    min-height: 96px;
    margin: 0 25px /* Margin between footer columns */ 5px 0;
    padding: 16px; /* Padding inside footer columns */
}

#footer li h3
{
    background: url(../images/website/dotted-thick.gif) bottom left repeat-x;
    display: block;
    font-weight: 900;
    font-size: .9em;
    padding-bottom: 4px;
}

#footer li p
{
    font-weight: 900;
    font-size: 105%;
    color: #115d2a;
    margin: -4px auto 6px auto;
    padding-bottom: 8px;
    display: block;
    background: url(../images/website/dotted-thin.gif) bottom left repeat-x;
}

#footer li.footer-first
{
    margin-left: 39px;
    text-align: center;
    padding-top: 40px;
}

#footer li.footer-first div
{
    margin: 0 auto;
    width: 7.5em;
}

#footer li.footer-last
{
    margin-right: 40px;
}

#footer li a
{
    background: url(../images/website/dotted-thin.gif) top left repeat-x;
    display: block;
    padding: 3px 0 4px 0;
    text-align: left;
    margin-left: -15px;
}

#footer li.footer-first a
{
    font-weight: 900;
}

#footer li a:hover span, #footer li a.active span
{
    background: transparent url(../images/website/nav/nav-submenu-play-button.gif) 0 27% no-repeat;
}

#footer li a.first, #footer li.footer-first h3
{
    background: none;
}

#footer li a.first
{
    margin-top: 4px;
}

#footer li.footer-first a
{
    padding: 0;
}

#footer li span
{
    text-indent: 15px;
}

/* /FOOTER */

/****************************************/
/****************************************/
/****************************************/

/* BUTTONS/ */

/* BUTTONS > GENERAL */

a.cart-button span, #footer li a.live-chat-button-small span
{
    text-indent: -9999em;
    background: transparent;
    width: 0;
}

a.live-chat-button:hover, a.live-chat-button.active, a.cart-button:hover, a.cart-button.active, #footer li a.live-chat-button-small:hover, #footer li a.live-chat-button-small.active
{
    background-position: 0 100%;
}


/* LIVE CHAT BUTTON */
a.live-chat-button
{
    width: 207px;
    height: 58px;
    background: url(../images/website/buttons/live-chat-button.png) no-repeat;
    display: block;
    margin: 4px;
    text-decoration: none;
}

a.live-chat-button h2, a.live-chat-button p
{
    display: inline-block;
    margin: 4px 0 -6px 16px;
    padding-top: 5px;
    line-height: .9em;
}

a.live-chat-button p
{
    font-size: 70%;
}

a.live-chat-button:hover h2, a.live-chat-button.active h2, a.live-chat-button:hover p, a.live-chat-button.active p
{
    color: #fdfdfd;
}



/* CART BUTTON & SMALL LIVE CHAT BUTTON */
a.cart-button, #footer li a.live-chat-button-small
{
    background: url(../images/website/buttons/cart-button.png) no-repeat;
    width: 85px;
    height: 28px;
    margin: 6px 12px 8px 12px;
    padding: 0;
}

#footer li a.live-chat-button-small
{
    background: url(../images/website/buttons/live-chat-button-small.png) no-repeat;
    margin: 0 0 8px 0;
}


/* /BUTTONS */
/****************************************/








/****************************************/
/* PRODUCT CART CSS 1 */



/*
ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved
Use this stylesheet to change the look of the default header and footer that ship with ProductCart.

If styles modified using this page do not appear in your storefront, please check the following
two items before anything else:

(1) Make sure that header.asp links to this stylesheet. The code goes before the closing </head> tag:

<link type="text/css" rel="stylesheet" href="pcStorefront.css" />

(2) Make sure that header.asp contains the following code at the very top of the page, before anything else.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

(3) The styles included under "MAIN Styles" are the ones that used to be controlled by the Display Settings
area of the ProductCart Control Panel in previous versions of the software. Unless you want to, you DO NOT need
to change any of the other styles.

*/

/*-----------------------------------------------------------------------------------------
	MAIN Styles - They apply to the entire storefront, unless otherwise defined below
	----------------------------------------------------------------------------------------*/

/* pcMain is the container for all information displayed by ProductCart on the page
	   This is where you can change the font used storewide, for example.  */
#pcMain
{
    color: #333333;
    text-align: left;
    background-color: transparent;
    width: 100%;
    font-size: 90%;
}


/*-----------------------------------------------------------------------------------------
	 Storefront Tables - Styles within the table are defined later 
	----------------------------------------------------------------------------------------*/

/* pcMainTable is the container for all information displayed on the
     by ProductCart on the page */
.pcMainTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
    clear: both;
    background: transparent url(../images/website/boxes/wide-box-bg-plain.jpg) repeat scroll 0 0;
}

/* pcShowProducts is the table that organizes the display of products
	   (e.g. in a category or when viewing best sellers or new arrivals.
		 By default it's set to 100% width and to align in the center of the page. */
.pcShowProducts
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: none /* 1px dotted #ddcfe5 */;
    margin-top: 0 /*10px*/;
    padding: /* 5px */ 0;
    background-color: #F7F7F7;
}

.pcShowProducts td
{
    padding: /* 3px */ 0;
    vertical-align: bottom;
}

.pcShowProducts td td
{
    border: none;
}


/* pcShowContent is the table that organizes the display of information other than
	   products. It does not have a dotted border around it. 
		 By default it's set to 100% width and to left of the page. */
.pcShowContent
{
    text-align: left;
    margin-left: 0;
    width: 100%;
    border: 0;
    font-size: 90%;
    border-collapse: collapse;
    margin-top: 5px;
}

.pcShowContent td
{
    padding: 2px 0 0 0; /*width:30%;*/
    vertical-align: top;
}

.pcShowContent p
{
    font-weight: bold;
}

/* pcShowCart is the table that organizes the display of information on
		 the shopping cart page */
.pcShowCart
{
    text-align: right;
    margin-left: 0;
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

.pcShowCart td
{
    padding: 0;
    vertical-align: top;
    text-align: right;
}


td.cart-layout a, td.cart-layout span, img.tiny-thumb
{
    display: block;
    padding: 0 5px 0 5px;
}

img.tiny-thumb
{
    padding: 0;
}

/* pcShowList is used when showing a list of items such as quantity discounts */
.pcShowList
{
    text-align: left;
    width: 80%;
    border: 1px solid #ddcfe5;
    border-collapse: collapse;
}

/* Styles within MAIN TABLE */

/* Style the page title */
.pcMainTable h1
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 2px 0;
    border-bottom: 1px dotted #cacaca;
    display: block;
}

/* Style the table title (e.g. table showing quantity discounts) */
.pcMainTable h2
{
    background-color: #F5F5F5;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 5px;
}

.pcMainTable h3
{
    font-size: 11px;
    margin: 0;
    padding: 5px;
    color: #555;
}

.category-image-large
{
    padding: 0;
    margin: 0;
}

h3.category-main-image-caption
{
    text-align: center;
}

/* Style the table headings */
.pcMainTable th
{
    background-color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
    border-bottom: 1px solid #ddcfe5;
}

/* Remove the default margin from paragraphs */
.pcMainTable p
{
    margin: 0 0 0 5px;
}

/* Style within SHOW PRODUCTS table */

/* Style the product name */
.pcShowProductName
{
    font-size: 0.8em;
    padding: 0 20px 0 0;
}

/* Style the product sku */
#pcMain .pcShowProductSku
{
    color: #666666;
}

/* Style the product weight */
#pcMain .pcShowProductWeight
{
    color: #F7F7F7;
}

/* Style the product brand */
#pcMain .pcShowProductBrand
{
    color: #666666;
}

/* Style the product stock */
#pcMain .pcShowProductStock
{
    color: #666666;
}

/* Style the Product BTO Default Config */
#pcMain .pcShowProductBTOConfig
{
    color: #666666;
}

/* Style the Product Custom Search */
#pcMain .pcShowProductCustSearch
{
    color: #666666;
}

#pcMain .pcShowProductCustSearch a
{
    text-decoration: none;
}

/* Style the Product Free Shipping Text */
#pcMain .pcShowProductShipping
{
    color: #666666;
}

/* Change font color for "Show Product's Price" feature */
.pcShowProductPrice
{
    color: #000;
    display: block;
    height: 20px;
    width: 100%;
    font-size: 0.8em;
}
.pcShowProductPriceW
{
    font-size: 0.8em;
}

/* Strikethrough for List Price */
#pcMain .pcShowProductListPrice
{
    text-decoration: line-through;
}

/* Change font color for "Show Savings" feature */
#pcMain .pcShowProductSavings
{
    color: #FF6600;
}

/* Style the short product description */
#pcMain .pcShowProductSDesc, #pcMain .TabbedPanelsContent .pcShowProductSDesc p
{
    color: #000;
    padding: 0;
    font-size: 0.8em;
}

#pcMain .pcShowProductSDesc p
{
    /*display:inline !important;*/
}

#pcMain .pcShowProductSDesc table
{
    width: 250px !important;
}

/* Style the "Not for Sale" text */
#pcMain .pcShowProductNFS
{
    color: #0066FF;
    font-weight: bold;
    margin: 5px;
}

/* Style the paragraph that includes the "More Details" button */
.pcShowProductLink
{
    padding: 15px 20px 0 0;
}

.pcShowProductLink p
{
    padding: 0;
    margin: 0;
}

p.pcShowProductPrice
{
    padding: 0 20px 0 0;
    color: #115d2a;
    font-weight: bold;
}


p.pcShowProductPriceW
{
    padding: 0 20px 0 0;
    color: #115d2a;
    font-weight: bold;
    white-space: nowrap;
}

/* Style the paragraph that includes the "Sort by" drop-down */
div.pcSortProducts
{
    text-align: right;
    margin-right: 5px;
    font-size: .95em;
    color: #115d2a;
    position: absolute;
    top: 7px;
    right: 37px;
    width: auto;
    height: 37px;
}

div.pcSortProducts form.pcForms, div.pcSortProducts h4
{
    display: inline !important;
}

.pcSortProducts .pcForms select
{
    background-color: #fdfdfd !important;
    border: 2px solid #dadada;
}

/* pcShowProductsH handles the table that shows product info
	   when products are displayed horizontally */

.pcShowProductsH
{
    /* width: 170px;      height: 225px; */
    text-align: center;
    margin: 0 auto 30px auto;
    vertical-align: top;
}




.pcShowProductImageH a:hover
{
    background-position: 0 -84px;
}



.pcShowProductImageH p
{
    padding: 0;
    margin: 0; /* Add height for task 2 - By Krishna Gupta */
    height: 130px;
}

#pcMain .pcShowProductImageH img
{
    border: 1px solid #ddcfe5;
    padding: 5px;
}

#pcMain .pcShowCategoryImage img
{
    /* border: 1px solid #ddcfe5; */
    padding: 12px;
}

#pcMain .mfr-logos .pcShowCategoryImage a
{
    display: block;
    width: 130px !important;
    height: 84px !important;
    background: transparent url(../images/website/buttons/logo-bg.png) top left no-repeat;
    position: relative;
    overflow: hidden;
}



#pcMain .mfr-logos .pcShowCategoryImage a:hover
{
    background-position: 0 -84px;
}

/* #pcMain .mfr-logos .pcShowCategoryImage a:hover img {
			position:absolute;
			top:-84px;
			left:0;
		} */

.mfr-logos
{
    margin-bottom: 25px;
}

td.pcShowProductInfoH
{
    /*height: 100px;*/ /* Modify height for task 2 - By Krishna Gupta */
    height: 130px;
    margin-top: 5px;
    vertical-align: bottom;
}

.pcShowProductInfoH p
{
    text-align: center;
}

/* pcShowProductsHCS handles the table that shows product info
	   when cross selling products are shown with images */

.pcShowProductsHCS
{
    width: 125px;
    height: 225px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pcShowProductsHCS img
{
    width: auto;
    height: auto;
}

/* pcShowProductsP handles the table that shows product info
	   when products are displayed vertically */

.pcShowProductsP
{
    /* margin: 5px; 			padding: 5px; 			width: 100%; */
}

td.pcShowProductImageP
{
    height: 145px;
    width: 145px;
    text-align: left;
    background: transparent url(../images/website/125x125-thumbs-bg.png) no-repeat;
    padding: 10px 0 0 10px;
    vertical-align: top;
}

td.pcShowProductImageP img
{
    width: 125px;
    height: 125px;
}

td.pcShowProductInfoP
{
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

/* pcShowProductsL handles the table that shows product info
	   when products are displayed in a list */

tr.pcShowProductsL
{
    text-align: left;
}

.pcShowProductsL td
{
    padding: 10px 0 10px 0;
    vertical-align: middle;
    margin: 20px;
    border-bottom: 1px solid #ddd;
}

tr.pcShowProductsLheader
{
    text-align: center;
    font-size: .8em;
    font-weight: bold;
    background-color: #F7F7F7;
    visibility: none;
}

td.price-cell div
{
    text-align: center;
    font-weight: bold;
    color: #115d2a;
}

.pcShowProductsLCell
{
    vertical-align: top;
    text-align: left;
    padding: 0 !important;
}

.pcShowProductsLCell a
{
    background: transparent url(../images/website/75x75-thumbs-bg.png) no-repeat;
    width: 75px !important;
    height: 75px !important;
    padding: 10px !important;
    margin: 0;
    display: block;
}

.pcShowProductImageL
{
    height: 75px;
    width: 75px;
    text-align: left;
    padding: 0;
}

/* pcShowProductsM handles the table that shows product info
	   when products are displayed in a list with the quantity field */

.pcShowProductsMheader
{
    text-align: left;
    background-color: #F7F7F7;
}

.pcShowProductsM
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    background-color: #F7F7F7;
}

.pcShowProductImageM
{
    height: 25px;
    width: 25px;
    text-align: left;
    padding: 0 5px 0 5px;
}



/*-----------------------------------------------------------------------------------------
	 Browse by Category or Brand
	----------------------------------------------------------------------------------------*/

.pcShowContent-brands
{
    padding: 0;
    vertical-align: top;
    width: 100%;
}

.pcShowContent-brands td
{
    vertical-align: top;
    margin: 0 auto;
}

.pcShowCategory
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pcShowCategory td
{
    vertical-align: bottom;
}

.pcShowCategoryP
{
    /* 			width: 100%; */
    text-align: left;
}

td.pcShowCategoryImage
{
    height: 125px;
    vertical-align: bottom;
    height: 84px;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}

.pcShowCategoryImage img
{
    border: 1px solid #E5E5E5; /* padding: 5px; */
}

.pcShowCategoryImage p
{
    padding: 0;
    margin: 0;
}

.pcShowCategoryInfo
{
    font-size: .85em;
    font-weight: bold;
    vertical-align: top;
}

.pcShowCategoryInfo p
{
    text-align: center;
    margin: -3px 0 0 0;
    padding: 0;
}

.pcShowCategoryInfoP
{
    width: 100%; /* margin-top: 5px; */
    text-align: left;
    vertical-align: top;
}

/*-----------------------------------------------------------------------------------------
	 Product details page
	----------------------------------------------------------------------------------------*/

/* Visually separate prices from the rest of the information */
.pcShowPrices
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}


/*-----------------------------------------------------------------------------------------
	 Page Navigation
	----------------------------------------------------------------------------------------*/

/* pcPageNav handles the page navigation at the bottom of the page, when present. */
.pcPageNav
{
    text-align: left;
    width: 100%;
    border: 0;
    border-collapse: collapse; /* margin: 10px 0 10px 5px; */
}

/*-----------------------------------------------------------------------------------------
	 Forms
	----------------------------------------------------------------------------------------*/

/* Clear the margins for all forms used by ProductCart */
#pcMain form
{
    margin: 0;
}

.pcForms input
{
    border: 2px solid #ddd;
    background-color: #fafafa;
    font-size: 11px;
    color: #222;
    padding: 2px 0px;
}

.pcForms input:focus
{
    border: 2px solid #540D7E;
    background-color: #fff;
}

.pcForms textarea
{
    border: 2px solid #ddd;
    background-color: #fafafa;
    font-size: 12px;
    color: #222;
    padding: 2px 3px 2px 3px;
}

.pcForms textarea:focus
{
    border: 2px solid #540D7E;
    background-color: #FFF;
}

/* Style drop-down menus */
.pcForms select
{
    color: #222;
    background-color: #fafafa;
    border: 1px solid #cacaca;
    padding: 1px 0 1px 2px;
}

select, select option
{
    cursor: pointer;
}

/* Style submit image button */
#submit
{
    border: 0;
    background: transparent top left no-repeat;
    padding: 0px;
    cursor: pointer;
}

/* Style submit image button */
#pcMain .submit
{
    border: 0;
    background-color: transparent;
    padding: 0px;
}

/* Style submit button (when an image is NOT used) */
#pcMain .submit2
{
    border: 1px solid #CCCCCC;
    background-color: #FFFFCC;
    font-size: 10px;
    color: #115d2a;
    padding: 2px 3px 2px 3px;
}

/* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */
#pcMain .transparentField
{
    border: 0;
    background-color: transparent;
    padding: 0;
}

/* Clear border on checkboxes to fix IE bug */
#pcMain .clearBorder
{
    border: 0;
    background-color: transparent;
}

/*-----------------------------------------------------------------------------------------
	 Search results page
	----------------------------------------------------------------------------------------*/

/* Style list of categories in the category search results */
.pcCatSearchResults ul
{
    list-style-type: none;
    margin: 0 0 20px 15px;
    padding: 0;
}

.pcCatSearchResults ul li
{
    margin: 2px 0 0 0;
}


/*-----------------------------------------------------------------------------------------
	 Other styles
	----------------------------------------------------------------------------------------*/

/* Remove the default border from images */
#pcMain img
{
    border: 0;
}

/* Style the page description at the top of the page, when available */
.pcPageDesc
{
    margin-bottom: 5px;
    padding: 10px;
    background-color: transparent;
    font-size: 95%;
    border: 1px solid #ddcfe5;
}

.pcPageDesc p
{
    margin-bottom: 10px;
}

.pcPageDesc ul
{
    margin-left: 20px;
    margin-bottom: 10px;
}

/* Styles section titles on pages with different sections (e.g. search results) */
.pcSectionTitle
{
    background-color: #F7F7F7;
    text-align: left;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.search-diction-title a
{
    font-size: .7em;
    font-weight: normal;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Example of usage: preview search results text on advanced search page */
.pcTextMessage
{
    color: #540d7e;
    font-weight: bold;
}

/* Styles alert and friendly error messages shown to the customer in the storefront */
.pcErrorMessage
{
    width: 90%;
    background-color: transparent;
    border: 1px solid #540d7e;
    margin: 15px;
    padding: 4px;
    color: #540d7e;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/* Styles small text shown in various pages (e.g. "(mm/yy)" on the credit card page */
.pcSmallText
{
    font-size: 10px;
    font-weight: bold;
}

/* Sets the height of an empty table row */
.pcSpacer
{
    height: 10px;
}

/* Horizontal line */
#pcMain hr
{
    color: #e5e5e5;
    background: #e5e5e5;
    border: 0;
    height: 1px;
}

/* Add spacing to list items */
#pcMain li
{
    padding-bottom: 3px;
}

/*-----------------------------------------------------------------------------------------
 ProductCart Product ViewPrd.asp Images
----------------------------------------------------------------------------------------*/

#pcMain .pcShowMainImage
{
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: bottom;
    margin: 0;
    padding: 0; /*		margin-left: 5px; 		margin-right: 5px; 		margin-bottom: 5px; */
}

#pcMain .pcShowMainImage a
{
    text-indent: -9999em;
}

#pcMain .pcShowMainImage img
{
    padding: 0;
    border: none; /* 1px solid #cccccc; */
}

#pcMain .pcShowAdditional
{
    width: 240px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

div.thumbnail-text
{
    font-size: .7em;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    visibility: hidden;
}

#pcMain .pcShowAdditionalImage
{
    vertical-align: top;
    text-align: center;
    padding: 0 0 0 0;
}

#pcMain .pcShowAdditional img
{
    width: 55px;
    height: 55px;
    margin: 2px;
    border: 2px solid #f6f6f6;
}

/*-----------------------------------------------------------------------------------------
	 ProductCart v2.7x styles
	----------------------------------------------------------------------------------------*/

/* Printer-friendly version of order details page */
table.invoice
{
    border-collapse: collapse;
    border: 1px solid #333333;
}
table.invoiceBto
{
    border-collapse: collapse;
    border: 1px solid #999999;
}
td.invoice
{
    border: 1px solid #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
}
td.invoiceNob
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
}





/* MISC */



div#box404
{
    padding-top: 37px;
    font-size: .9em;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

div#box404 ul, div#box404 li
{
    list-style-type: circle;
}

div#box404 ul li
{
    display: block;
    padding-left: 30px;
}

div#box404 p.box404-top
{
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

div#box404 .box404-top
{
    text-align: center;
}

div#box404 a, .box404-top
{
    font-weight: bold;
}

div#box404 b
{
    display: block;
    padding-bottom: 12px;
}

div#box404 .box404-bottom
{
    padding-top: 24px;
}



.pcShowContent-contact
{
    width: 500px !important;
    margin: 12px auto;
}


#show_security
{
    margin: 0 auto;
}

.wishlist-tell-a-friend
{
    margin: 5px auto 15px auto;
    text-align: center;
    padding-right: 7px;
}

.wishlist-tell-a-friend a
{
    margin: 0 4px;
}



/* FORCE STYLING ON PRODUCT TABS & CUSTOM CONTENT PAGES */

/* Unusued -- using <p> and <b> to mimic <ul> and <li>...
.TabbedPanelsContent b {
	display:block;
	font-weight:normal;
	text-indent:45px;
	color:#333;
	font-size:.9em;
	background:transparent url(../images/website/list-bullet-green.png) 33px center no-repeat ;
}

.TabbedPanelsContent p {
	display:block;
	font-weight:bold;
	font-family:Garamond, serif;
	color:#fff;
	background-color:#aeaeae;
	border:2px solid #ccc;
	font-size:1.15em;
	margin:16px 0 8px 0;
	padding:1px;
	text-indent:6px;
}
*/

.TabbedPanelsContent, .Content-page
{
    padding: 32px 22px 26px 22px !important;
    border-top: 4px solid #513660 !important;
    text-align: left !important;
}

.Content-page
{
    border: 0 !important;
}

.TabbedPanelsContent p, .TabbedPanelsContent h5, .TabbedPanelsContent h4, .TabbedPanelsContent table, .TabbedPanelsContent ul, .TabbedPanelsContent li, .Content-page p, .Content-page h5, .Content-page h4, .Content-page table, .Content-page ul, .Content-page li
{
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 0 0 0 22px !important; /*margin:0 !important;*/ /*display:block !important;*/
}

.TabbedPanelsContent h5, .Content-page h5
{
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: 0 0 3px 0 !important;
    color: #094820 !important;
    border-bottom: 1px dotted #cecece !important;
    margin-bottom: 8px !important;
}

.TabbedPanelsContent h4, .Content-page h4
{
    font-size: 1.5em !important;
    font-weight: bold !important;
    padding: 15px !important;
    color: #333 !important;
    border: 1px solid #cecece !important;
    background-color: #fcfcfc !important;
    margin-bottom: 20px !important;
    text-align: center;
}

.TabbedPanelsContent p
{
    padding: 0 0 20px 22px !important;
}

.TabbedPanelsContent ul, .Content-page ul
{
    padding: 0 0 30px 0 !important;
    font-weight: bold !important;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 22px;
}

.TabbedPanelsContent li, .Content-page li
{
    font-weight: normal !important;
    padding: 0 0 20px 0 !important; /*padding:0 0 20px 22px !important;*/ /*text-indent:-22px !important;*/
}

.TabbedPanelsContent strong, .Content-page strong
{
    font-weight: bold !important;
    color: #094820 !important;
}

.TabbedPanelsContent strong b, .Content-page strong b
{
    color: #094820 !important;
}

.TabbedPanelsContent span, .Content-page span
{
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.Content-page p
{
    padding: 0 0 16px 22px !important;
}

.Content-page ul
{
    padding: 0 0 16px 44px !important;
}

.Content-page h5, .TabbedPanelsContent h5
{
    padding: 6px !important;
    margin-top: 24px !important;
    font-size: 1.4em !important;
    background-color: #e3e3e3 !important;
}

.TabbedPanelsContent h5
{
    margin-top: 0 !important;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*<WMS>*/
#mbox
{
    background-color: #eee;
    padding: 8px;
    border: 2px outset #666;
}
#mbm
{
    font-family: sans-serif;
    font-weight: bold;
    float: right;
    padding-bottom: 5px;
}
#ol
{
    background-image: url(overlay.png);
}
.dialog
{
    display: none;
}
.dialink
{
    cursor: pointer;
    color: #900;
    text-decoration: underline;
}
/* Created by Abhishek TSSPL on 18/06/2010*/
.showDocumentStyle
{
    background-position: left;
    background-image: url( '../pro-audio/pc/images/Down.gif' );
    background-repeat: no-repeat;
    width:15%;
}
.hideDocumentStyle
{
    background-position: left;
    background-image: url( '../pro-audio//pc/images/up.gif' );
    background-repeat: no-repeat;
    width:15%;
}
/*End*/

/*</wms>*/
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
/* End hide from IE-mac */

/* END */



/****************************************/
/************ Copyright 2009 ************/
/******* Sonic Sense, Incorporated ******/
/****************************************/
/****** Branding, Website design & ******/
/****** Search Engine Optimization ******/
/******** services provided by: *********/
/****************************************/
/********* Broadsighted Design **********/
/********** broadsighted.com ************/
/****************************************/