/* Elements */
body { margin: 0px auto; text-align: center; padding: 0px; font-family:  Arial Narrow, Arial; font-size: 12px; background-color: #CCC; color: #333; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
fieldset { }

/* Base Overrides */
.siControlPanelWrapper { background: #FFF; border-bottom: solid 3px #00A9A7; }
.siControlPanel { width: 962px; padding: 5px 13px; margin: 0px auto; background-color: #FFF; }
.siPortalModuleContainerView .rdMiddle .rdCenter { padding: 0px 0px 2px 1px !important; }
.siPortalModuleContainerView, .siPortalModuleContainerEdit, .siContentZoneName { padding-top: 12px !important; }
.PortalModule p { line-height: 20px !important; }


/* Layout IDs */
#WhiteShell { width: 100%; background: #FFF url(../Images/Background-PageHeader-Shop.gif) repeat-x top left; text-align: left; }
#Checkout-WhiteShell { width: 100%; background: #FFF url(../Images/Background-CheckoutHeader.gif) repeat-x top left; text-align: left; }
#Wrapper { width: 935px; margin: 0px auto; padding: 0px; }
#Header { width: 935px; height: 150px; }
#Header-Toolbar { padding: 9px 23px 6px 10px; }
#Checkout-Header { width: 935px; height: 101px; }
#Print-Header { width: 935px; height: 101px; display: none; }
#Header-Logo { float: left; width: 366px; height: 101px; padding: 0px; }
#Header-Menu { float: left; width: 549px; height: 20px; padding: 20px 20px 10px 0px; color: #FFF; font-weight: 900; }
#Header-Process { float: left; width: 569px; height: 51px; padding: 35px 0px 15px 0px; color: #FFF; font-weight: 900; }
#Menu { width: 935px; height: 50px; float: left; }
#Connect { width: 935px; height: 32px; float: left; padding-top: 10px; line-height:32px; vertical-align: middle; }
#TollFree { width: 243px; height: 20px; float: left; padding: 12px 0px 18px 0px; text-align: center; }
#Header-Checkout { width: 988px; }
#Stage { width: 935px; padding: 8px 0px; }
#Stage-Header { width: 958px; height: 30px; padding: 10px 15px; border-bottom: dotted 1px #666; }
#Footer { width: 935px; height: 63px; padding: 20px 30px; margin: 0px auto; font-weight: 900; color: #000; }
#Logos { width: 935px; height: 124px; text-align: center; margin: 0px auto; }
#verisign { padding-top: 25px; }


/* Layout */
#Stage-Layout { width: 935px; }
#Stage-Banner { width: 935px; float: left; }
#Stage-Top { width: 935px; float: left; }
#Stage-Middle-Top { width: 935px; float: left; }
#Stage-Middle { width: 935px; float: left; }
#Stage-Full { width: 935px; float: left; }
#Stage-Bottom { width: 935px; float: left; padding-bottom: 40px; }

/* Top 2 Col */
#Stage-Top-Left { width: 286px; float: left; padding-left: 2px; }
#Stage-Top-Right { width: 639px; float: right; }

/* Middle 2 Col */
#Stage-Middle-Top-Left { width: 622px; float: left; }
#Stage-Middle-Top-Right { width: 302px; float: right; }

/* Middle 3 Col */
#Stage-Middle-Left { width: 301px; float: left; }
#Stage-Middle-Center { width: 301px; padding: 0px 14px 0px 15px; float: left; }
#Stage-Middle-Right { width: 301px; float: left; overflow: hidden; }
#Stage-Middle-Right .rdContent { overflow: hidden; }

/* Bottom 2 Col */
#Stage-Bottom-Left { width: 301px; float: left; overflow: hidden; }
#Stage-Bottom-Left .rdContent { overflow: hidden; }
#Stage-Bottom-Center { width: 301px; padding: 0px 14px 0px 15px; float: left; }
#Stage-Bottom-Right { width: 302px; float: right; }

/* Two Column Layout */
#Stage-Left { float: left; width: 681px; padding: 0px 10px 0px 0px; text-align: left; }
#Stage-Right { float: right; width: 233px; padding: 0px 0px 0px 0px; text-align: left; }

/* Three Column Layout */
#Stage-Three-Left { width: 246px; float: left; padding: 0px 5px 0px 0px; }
#Stage-Three-Middle { width: 421px; float: left; padding: 0px 5px; }
#Stage-Three-Right { width: 246px; float: left; padding: 0px 0px 0px 5px; }

/* One, Two Three Layout */
#Stage-OneEven-Top { width: 935px; float: left; }
#Stage-TwoEven-Left { width: 461px; float: left; padding: 0px 5px 0px 0px; }
#Stage-TwoEven-Right { width: 461px; float: right; padding: 0px 0px 0px 5px; }
#Stage-ThreeEven-Left { width: 304px; float: left; padding: 0px 5px 0px 0px; }
#Stage-ThreeEven-Middle { width: 304px; float: left; padding: 0px 6px; }
#Stage-ThreeEven-Right { width: 304px; float: right; padding: 0px 0px 0px 5px; }
#Stage-OneEven-Bottom { width: 935px; float: left; padding-bottom: 40px; }
#Stage-OneEven-Bottom .RadDockZone { display: none; }
#Stage-OneEven-Bottom .siContentZoneEdit { display: block; }



/* Full Layout / Checkout 
#Stage-Top { width: 962px; padding: 0px 13px; }
#Stage-Full { width: 962px; padding: 0px 13px; text-align: left; }
#Stage-Bottom { width: 986px; padding: 0px 1px; text-align: left; }

/* Product Layout 
#Stage-Product-Top { float: left; width: 962px; padding: 0px 13px; text-align: left; }
#Stage-Product-Left { float: left; width: 745px; padding: 0px 10px 0px 0px; text-align: left; }
#Stage-Product-Right { float: right; width: 233px; text-align: left; }
#Stage-Product-Bottom { float: left; width: 986px; padding: 0px 1px; text-align: left; }

/* Right Side Layout 
#Stage-Layout { width: 988px; text-align: left; }
#Stage-Main { float: left; width: 625px; padding: 0px 13px; }
#Stage-Main-Top { float: left; width: 625px; }
#Stage-Main-Middle { float: left; width: 625px; }
#Stage-Main-Middle-Left { float: left; width: 305px; }
#Stage-Main-Middle-Right { float: right; width: 305px; }
#Stage-Main-Bottom { float: left; width: 625px; }
#Stage-Right { float: right; width: 324px; padding: 0px 13px 0px 0px; }

/* Links */
#Header-Menu a, #Header-Menu a:link { display: block; float: left; background: url(../Images/Icon-HeaderMenu.gif) no-repeat scroll top left; padding: 0px 10px 0px 30px; height: 26px; line-height: 26px; vertical-align: middle; color: #000; font-weight: 500; }

/* Modules */
.container-newslettersignup { height: 147px; padding-top: 166px; padding-bottom: 50px; background: url(../Images/Background-EmailSignup.gif) no-repeat top center; }
.container-card { float: left; padding: 2px 15px 2px 60px; line-height: 16px; vertical-align: middle; width: 220px; }
.container-card-full { width: 100% !important; }
.container-card .line1 { font-weight: 900; color: #2D4E8D; }
.container-card .line2 { font-size: 11px; font-weight: 500; }
.container-card .line3 { font-size: 11px; font-weight: 500; }
.container-card .line4 { font-size: 11px; font-weight: 500; }
a .container-card .line1 { font-weight: 900; color: #2D4E8D; }
a .container-card .line2 { color: #000; font-size: 11px; }
a .container-card .line3 { color: #000; font-size: 11px; }
a .container-card .line4 { color: #000; font-size: 11px; }
.container-myprofile { background: url(../Images/Icon-MyProfile.gif) no-repeat top left; }
.container-shipaddress { background: url(../Images/Icon-ShipAddress.gif) no-repeat top left; }
.container-billaddress { background: url(../Images/Icon-BillAddress.gif) no-repeat top left; }
.container-shipaddressselected { background: #DFEBFF url(../Images/Icon-ShipAddressSelected.gif) no-repeat top left; }

/* Error Messages */
.ErrorMessage1 { display: block; padding: 5px 0px; color: #A00 !important; font-weight: 900; float: left; width: 100%; }
.ErrorMessageSummary { display: block; padding: 5px; color: #A00 !important; background-color: #FFFFD5; border: solid 1px #A00; }
.ErrorMessageHeader { display: block !important; background: url(../Images/Icon-Error.png) no-repeat top left; padding-left: 20px; font-size: 16px; font-weight: 900; padding-bottom: 5px; }

/* Module Table */
.StandardTable {  border-bottom: none; border-collapse: separate !important; width: 100%; }
.AlternateTable { border-color: #2D4E8D; }

/* Module Table Header */
.StandardTable .HeaderRow { background-color: #e8e8e8; color: #433F3F; }
.CheckoutTable .HeaderRow { background-color: #e8e8e8; color: #433F3F; }
.StandardTable .SummaryRow { background-color: #f9f9f9; }
.CheckoutTable .SummaryRow { background-color: #f9f9f9; }
.AlternateTable .HeaderRow { background-color: #2D4E8D; }
.StandardTable .HeaderCell { border: none; border-top: solid 1px #898989; padding: 5px; text-align: left; }
.AlternateTable .HeaderCell { padding: 2px; color: #FFF; }
.StandardTable .ButtonRow td { border: none; padding: 15px; }
.QtyCell { width: 80px !important; }
.DescCell { width: 538px; }
.TotalCell { width: 70px; }
.Row .PriceCell { width: 128px; font: 12px; }
.Row .TotalCell { font: bold 12px arial; text-align: left; }
.Row .SubCell { color: #000; font: bold italic 14px/20px arial; text-align: left; }
.Row .SubTotalCell { color: #000; font: bold 14px/20px arial; text-align: left;  }


/* Module Table Cells */
.StandardTable .Cell { border-bottom: solid 1px #898989; padding: 5px; }
.StandardTable .FirstCell { padding-left: 20px; border-left: solid 1px #898989; }
.StandardTable .LastCell { text-align: right; padding-right: 6px; border-right: solid 1px #898989;  }
.EZCell { background-color: #faf2cc; }

.table-shipping .tr-header { text-align: left; }


/* Menu */
#Menu ul { float: left; margin: 8px 0px 0px 0px; padding: 0px; }
#Menu ul li {float: left; display: block; margin: 1px 1px 0px 1px; padding-bottom: 0px; list-style:none; }
#Menu ul li > a { display: block; padding: 12px 20px 11px 20px; text-decoration: none; color: #000; font-size: 14px; font-weight: 500;  }
#Menu ul li a:hover { text-decoration: none; }
#Menu ul li.LI7 a { border-right:none; }

/* Drop Down Submenu */
#Menu ul li .drop {padding-right:21px; background:url("http://dev.s41.soundpub.com/Files/Root/Images/graphics/drop.gif") no-repeat right 5px; background-position-x: 57px;}
#Menu li:hover .drop {background:url("http://dev.s41.soundpub.com/Files/Root/Images/graphics/drop.gif") no-repeat right 6px; background-position-x: 57px;}
#Menu li:first-child:hover { border: solid 1px #00A9A7; border-bottom-color: #FFF; margin: 0px; }
.SubMenu {
    z-index: 10000;
    line-height: 20px; 
	margin:1px auto 0px -1px;
	float:left;
	position:absolute;
	margin-left:-10000px;
	padding:0px 5px 10px 5px;
    border: solid 1px #00A9A7;
    border-top: none;
    width: 930px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
     background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

    

}
.SubMenu h3 { border-bottom: solid 2px #00A9A7; margin-top: 0px; padding: 5px; font-family: Arial Narrow, Arial; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 32px; text-align: left;}
.SubMenu a { color: #000 !important; font-weight: 700; } 
.SM-Image img { max-height: 130px; max-width: 145px; vertical-align: middle; height: auto; margin: auto auto;}
.SM-Image { height: 130px; overflow:hidden; vertical-align:middle; padding-bottom: 10px; }
.SM-Title { line-height: 20px; padding-bottom: 10px; }

.Column-1,
.Column-2,
.Column-3,
.Column-4,
.Column-5,
.Column-6,
.Column-7  { display:inline; float: left; text-align:center; position: relative; margin: 5px; }
.Column-1 { width:145px; }
.Column-2 { width:300px; }
.Column-3 { width:455px; }
.Column-4 { width:610px; }
.Column-5 { width:765px; }
.Column-6 { width:920px; }
.Column-7 .Column-1 { width: 125px; }
.Column-7 .Column-1 .SM-Image { width: 125px; }
.Column-7 .Column-1 .SM-Title { font-size: 12px; }

.margin-left-0 { margin-left: 0px; }
.margin-right-0 { margin-right: 0px; }
.margin-0 {  margin-left: 0px; margin-right: 0px; }

#Menu ul li:hover .SubMenu { margin-left:-1px; top:auto; }


.RadMenu_S41 .rmItem { padding: 15px 0px 20px 0px !important; }
.RadMenu_S41 .rmLink, .RadMenu_S41 .rmLink:hover, .RadMenu_S41 .rmLink:active, .RadMenu_S41 .rmLink:visited { color: #000; padding: 0px 10px 0px 20px !important; border-right: solid 1px #00A9A7; font-size: 14px; font-weight: 500; cursor: pointer !important; }
.RadMenu_S41 .rmLink:hover, .RadMenu_S41 .rmLink:hover .rmText { text-decoration: underline !important; cursor: pointer !important; }

/* Input */
.RadInput input { float: left; }

/* Sitemap */
.RadSiteMap { width: 90% !important; margin: 0px auto !important; }
.RadSiteMap .rsmLevel .rsmItem .rsmTemplate { padding: 5px; margin: 0px; border-top: solid 5px #FFF; border-right: solid 5px #FFF; }
.RadSiteMap .rsmLevel .rsmItem .rsmTemplate a { color: #2D4E8D; font-size: 14px; }
.RadSiteMap .rsmLevel .rsmItem .rsmList { padding: 3px 5px 3px 15px; margin: 0px; border-right: solid 5px #FFF; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem .rsmList { border-right: none; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem { width: 100%; font-size: 12px; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem a { color: #000; font-size: 12px; }
.RadSiteMap .rsmLevel .rsmItem .rsmList .rsmItem .rsmList .rsmItem a { font-size: 11px; font-weight: 500; }

/* Header Search */
.Header-Search-Textbox { padding-top: 6px !important; padding-bottom: 6px !important; }

/* Footer Links */
#Footer table a, #Footer table a:link, #Footer table a:visited, #Footer table a:active, #Footer table a:hover { color: #333 !important; }

/* Testimonial Styles */
.testimonialrotator{ position:relative; }
.testimonialrotator .testimonial{ position:absolute; top:0; left:0; padding: 12px 0px;  display:none; width: 253px; }
.testimonialrotator .testimonial:first-child{  position:relative; display:block; }
.testimonial span { font-size: 13px; font-style: italic; color:#000; line-height: 20px; }
.testimonial .the-author { font-size: 11px; font-style: italic;  color:#555; margin-top:10px; text-align: right; }

/* Home Header Styles */
.HomeHeader-Title { width: 455px; float: right; font-family: Arial Narrow, Arial; font-size: 42px; line-height: 42px; font-weight: 700; text-align: center;  }
.HomeHeader-SubTitle { width: 455px; float: right; font-family: Arial Narrow, Arial; font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0px 15px 0px; border-bottom: solid 3px #00A9A7; }
.HomeHeader-Content { width: 455px; float: right; font-family: Arial Narrow, Arial; font-size: 28px; line-height: 42px; font-weight: 700; text-align: center; color: #666; padding: 32px 0px; }
.HomeHeader-OrderNow { float: right; width: 225px; text-align: right; }
.HomeHeader-FreeShipping { float: right; width: 225px; }

/* Modal Windows */
.modal-container { width: 320px;}
.modal-header {background-color: #00A9A7; display: block; padding: 10px 0; margin: 20px 0px 0px 0px; text-align: center; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; font-size: 20px; font-weight: bold;}
.modal-body { background-color: #FFF; color: #666; font-size: 13px; line-height: 1.5em; padding: 10px; width: 300px; }
    
.modal-form input {border-radius: 5px; display: block; margin: 0px auto; padding: 8px; width:270px;}
.modal-form .modal-field { color: #000; }
.modal-button { background: #000; color: #fff; width: 292px !important; }