﻿body{background-color:#fff;font-family: Arial,Helvetica,Sans-Serif;font-size: 11px;color: #626129;}

/*Font Styles*/
a{color: Black;text-decoration: none;font-weight:normal;}
a:hover{color: Maroon;text-decoration: underline;font-weight:normal;}
p{font-size:12px; line-height:16px}
h1{font-size: 22px; color: #CBB570;font-weight: bold;}
h2{font-size: 13px;color: #CBB570;font-weight: bold;}
h3{font-size:17px; color: #626129; font-weight: bold;}
h4{font-size:14px; color: #626129; font-weight: 600;}
h5{font-size:11px;font-weight:bold;}
.artist{font-size: 9px;color: #505050;text-align: left;padding: 5px}
strong{font-weight:bold}
/*Control Styles*/
.textbox{height: 15px;padding: 0px;margin: 3px;font-size: 10px; width:150px; border:solid 1px #c8b56f;}
.textboxMulti{padding: 0px;margin: 3px;font-size: 10px; width:150px; border:solid 1px #c8b56f;}
.logintextbox{height: 15px;padding: 0px;margin: 3px;font-size: 11px; width:120px; border:solid 1px #c8b56f;}
table, td{ vertical-align:top;}
.dropdownlist{padding: 0px;margin-top:3px;font-size: 11px; border:solid 1px #c8b56f;}
/*Helpers*/

.clearFloats{clear:both;}

div.hr {
height: 1px;
width:500px;
margin-top:3px;
margin-bottom:3px;
margin-left:50px;
margin-right:50px;
background-color:#c8b56f;
}
div.hr hr {
  display: none;
}


/*Header*/
#header{margin: 0 auto; width:800px;}
#headerSeizoomLogo{float:left;width:200px;height:68px;}
#headerSeizoomTagLine{float:left;width:500px;height:68px; background-position:center; background-image:url(Images/SeizoomTagLine.jpg); background-repeat:no-repeat;}
#headerSoundLogo{float:left;width:75px;height:68px;padding-right:25px}
    
/*Naviagation bar*/
#navigationBar{clear:left;margin: 0 auto;width:800px;height:35px;background-position:center; 
               background-image:url(Images/navBg.png); background-repeat:no-repeat;}
#nav{float:left;width:370px;height:28px;list-style:none;text-align:left;margin:7px 0px 0px 20px;}
#nav li{display:inline;padding:0;}
#nav li a{display:inline-block;height:22px;padding:4px 0 0 0;margin:0;position:relative;}
.nav_Books{background-image:url(images/Books.png);width:45px;background-repeat:no-repeat;}
.nav_Music{background-image:url(images/Music.png);width:45px;background-repeat:no-repeat;}
.nav_Movies{background-image:url(images/Movies.png);width:49px;background-repeat:no-repeat;}
.nav_Kids{background-image:url(images/Kids.png);width:35px;background-repeat:no-repeat;}
.nav_Downloads{background-image:url(images/Downloads.png);width:70px;background-repeat:no-repeat;}
.nav_Services{background-image:url(images/Services.png);width:58px;background-repeat:no-repeat;}
.nav_Home{background-image:url(images/Home.png);width:44px;background-repeat:no-repeat;}
#search{float:left;width: 240px; height: 35px;}
#searchControls{float:left;margin:5px 0 0 0;}
#searchbutton{float:left;margin: 8px 0 0 0;}
#customerNavLinks{float:left;margin: 9px 0 0 10px;}
.searchtextbox{height: 16px;padding: 0px;margin: 0px;font-size: 10px; border:solid 1px #c8b56f;}

/*Content Areas*/
#content{margin: 0 auto; margin-top: 5px;width:780px;}
#welcome{float:left;width:270px;font-size: 20pt;color: #626129;text-align: center;}

/*Seizoom Text Rollover effect works inconjunction with javaScript on masterpage*/
#div1{}
#div2{}
#div1 h3{font-size: 20pt;color: #626129;padding-top:50px}
#div2 h3{font-size: 12pt;color: #626129;padding-top:30px}

/*Page Specific Styles*/
#welcomeContent{height:190px;}
#flashPanel{float:left;margin-left:10px;width:500px;text-align:right;}
#flashBar{float:left;width:786px;height:189px;text-align:center;}
#SpecialFeaturePanel{float:left;width:780px;margin-top:5px;}
#SpecialFeaturePanelContent{height:140px;}
#lpcLeft{float:left; margin-left:-3px; width:190px;padding:30px 0 0 50px;}
#lpcMiddle{float:left; width:270px;text-align:center;}
#lpcMiddle h3{padding-bottom:10px;}
#lpcMiddleContent{height:100px;}
#lpcRight{float:left; width:233px;padding:30px 0 0 15px;}
#bottomBanner{float:left;width:780px;margin-top:5px;}
#bottomBannerContent{margin-left:10px;overflow:hidden}
#nowAvailable{float:left;width:270px;font-size: 16px;color: #626129;text-align: center;}

#authorInterviews{padding: 10px 10px 10px 30px; text-align:left}

#downloads{float:left;width:780px;margin-top:5px;}
#downloadsContent{padding-left:40px;}
.downloadsContentItem{padding: 5px; width:130px; height:56px}

#return{}
#return strong{font-size:11px; font-weight:bold}

#faq{}
#faq span{font-size:22px; font-weight:bold; color: #CBB570;}

#trustedPartners{text-align:center;padding:10px;}
.trustedPartnerFeatured{margin-top:15px; margin-bottom: 10px;width: 230px; border-top: solid 1px #c8b56f;border-bottom: solid 1px #c8b56f;}

/*Reusable Panels*/
#leftPanel{float:left;width:230px;text-align:center}
#leftPanelContent{height:auto;}

#fullPanel{float:left;width:780px;margin-top:5px}
#fullPanelContent{height:auto;text-align:left;padding:10px;}

#rightPanel{float:left;margin-left:10px;width:534px;}
#rightPanel h3{margin-top:6px;font-size:12px; font-weight:bold; text-align:center;}
#rightPanelContent{height:auto;}

#login{}
.loginFeatured{margin-top:15px; margin-bottom: 10px;width: 230px; border-top: solid 1px #c8b56f;border-bottom: solid 1px #c8b56f;}
#leftLogin{float:left;margin: -3px 0px 0px 1px; width:263px;height:248px; background-image:url(~/Images/leftTopHeader.png);background-position:top; background-repeat:no-repeat;border-right:1px solid #e8e1c4;}
#rightLogin{float:left;margin: -3px 0px; width:266px;height:248px; background-image:url(~/Images/rightTopHeader.PNG); background-position:top; background-repeat:no-repeat}

.panelHeader{height:40px;text-align:center;margin:8px 0; font-size:12px; font-weight:bold;}

.testimonials{margin-top: 20px;border:solid 1px #c8b56f;padding:10px;}
.testimonialsSignature{text-align:right;padding:10px;}


/*Footer*/
#footer{width:800px;height:500px;margin:0 auto; padding:10px 0px 10px 0px;text-align:center}

/*Footer Navigation*/
#footer_nav{text-align:center;list-style:none;}
#footer_nav li{display:inline;margin:0;padding:0;}
#footer_nav li a{text-decoration:none;margin:0;padding:0 10px 0 6px;}
#footer_nav li a:hover{text-decoration:underline;}


/*Now Available panels*/
.nowAvailableContent{height:190px;}
#nowAvailablePanel{margin:5px 0 0 -5px; background-color: #f6f4e9;}
.comingSoon{padding:0px;}
#comingSoonPanel{margin: 0px 0 0 -5px; background-color: #f6f4e9;}


.mGrid { 
    width: 100%; 
    margin: 5px 0 10px 0; 
    border-collapse:collapse; 
    text-align:left;
}
.mGrid td { 
    padding: 2px; 
  }
.mGrid th { 
    padding: 4px 2px; 
   font-size: 0.9em; 
}
.mGrid .alt {}
.mGrid .pgr { }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
   
    font-weight: bold; 
    line-height: 12px; 
 }   
.mGrid .pgr a {text-decoration: none; }
.mGrid .pgr a:hover {text-decoration: none; }

.TDTopPadding{padding-top: 5px;}
.TDMiddleLeft{ vertical-align:middle; text-align:left}

/*Rounded Corners Normal*/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#c8b56f; margin:0 5px;}
.b2 {height:1px; background:#f6f4e9; border-right:2px solid #c8b56f; border-left:2px solid #c8b56f; margin:0 3px;}
.b3 {height:1px; background:#f6f4e9; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f; margin:0 2px;}
.b4 {height:2px; background:#f6f4e9; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f; margin:0 1px;}
.contentb {background: #f6f4e9; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f;}
.contentb div {margin-left: 5px;}

/*Rounded Corners Now Available*/
.c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}
.c1 {height:1px; background:#c8b56f; margin:0 5px;}
.c2 {height:1px; background:#e8e1c4; border-right:2px solid #c8b56f; border-left:2px solid #c8b56f; margin:0 3px;}
.c3 {height:1px; background:#e8e1c4; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f; margin:0 2px;}
.c4 {height:2px; background:#e8e1c4; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f; margin:0 1px;}
.contentc {background: #e8e1c4; border-right:1px solid #c8b56f; border-left:1px solid #c8b56f;}
.contentc div {margin-left: 5px;}


#BLPbuttons{margin:0 auto; text-align:center; width:780px;}
.BLPImagebuttons{padding: 20px 20px 10px;}


#cart{float:left;margin-top:5px; }
#cartContent{width:780px;margin:-3px 0px 0px 0px;text-align:center;height:auto; background-image:url(~/Images/fullPanelTopHeader.png);background-position:top; background-repeat:no-repeat}
#cartLeft{width:545px;margin-top:35px;text-align:left; }
#cartRight{width:200px;margin-top:35px;background-color:#e8e1c4; text-align:left; padding:5px;}
#cartTotal{padding-right:110px; text-align:right}
.cartImage{padding:10px}
#cartEmpty{width:545px; text-align:center;margin:0 auto; padding:20px;}
#cartEmpty h3{font-size:16px; font-weight:bold; text-decoration:underline; color:#CBB570 }
#cartEmpty a, a:hover, a:visited, a:active{color:#626129}
#cartButtons{width:730px;padding:20px}
#cartSpecialMessage{width:760px;background-color:#e8e1c4; text-align:left; padding:5px;}


/*forms*/
#standardform{padding:5px;}
#standardform strong{color:#626129;font-size:12px; font-weight:bold; display:inline}
#standardform textbox{height: 20px;padding: 0px;margin: 0px;font-size: 10px;}
.sfTDheader{width: 200px; height:30px; vertical-align: top;}
#standardform p{ line-height:16px;}
.sfTDInput{width: 400px;height:30px; vertical-align: top;}
.sfTDInputMultiRow{width: 400px;height:300px; vertical-align: top;}
.sfTDControls{width: 200px; vertical-align: top;padding-left:10px;}
.smtxt{height: 15px;padding: 0px;margin: 3px;font-size: 10px; width:80px; border:solid 1px #c8b56f;}
.sfTDheader h6 
{
    font-size:16px; 
    font-weight:bold;
    color: #FF0000;
    display:inline}
    .sfTDInput h6 
{
    font-size:16px; 
    font-weight:bold;
    color: #FF0000;
    display:inline}
   .sfTDheader h5 
{
    font-size:9px; 
    font-weight:bold;
    color: #FF0000;
    display:inline} 
    .validationErrorMessage 
{
    font-size:9px; 
    color: #FF0000;
    display:inline}
    
  .regularButton {
        background-color:#c8b56f;
        color:#333300;
        font-weight:bold;
        border:solid 1px #666600;
        padding:1px;
}  
.continueButton{padding: 20px 200px 10px 0px; text-align:right}
.formHeader{margin:20px;padding-bottom:5px;border-bottom: solid 1px #c8b56f;text-align:center}
#searchProducts{width:770px;}
.searchLeft{float:left;width:370px;}
.searchRight{float:left;text-align:left;padding:40px 10px 10px 10px;width:350px;}
.searchControls{padding:20px}

.searchImage{padding:20px}

