/* CSS Document */
/* ValoreBooks.com Customer Service StyleSheets */



  /* - - - For Use With All Customer Service Pages - - - */
  
 #content h1#titleCSCenter{
	height:0px;
	padding-top:39px;
	width:636px;
	line-height:600px;
	background:url(../images/vb/web/shared/headerimages/titleCustomerServiceCenter.png) no-repeat;
	overflow:hidden;
	margin:30px auto 0;
  }

  #customerServiceContent {
    min-width:600px;
  	width:600px;
  	margin:0 auto;
  	text-align:center;
  }

  #customerServiceOrderTrackingContent {
    min-width:800px;
  	width:800px;
  	margin:0 auto;
  	text-align:center;
  }

  .customerServiceTopImage {
   	  padding-top:20px;
      padding-bottom:10px;
      margin:0 auto;
      text-align:center;
  }
 #content h1#titleContactUs {
  	  width: 290px;
  	  height:0; 
  	  margin: 10px auto 10px; 
  	  padding: 39px 0 0; 
  	  overflow:hidden; 
  	  line-height:600px; 
  	  background:url(../images/vb/web/shared/headerimages/titleContactUs.png) no-repeat; 
  	  }
    .customerServiceTopBlurb {  /*The text (if any) just below the top image */
      width: 550px;
      margin: 0 auto;
      text-align: justify;
      font-family: verdana, arial;
      font-size: 10pt;
      line-height: 110%;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  #customerServiceOrderTrackingContent .customerServiceBlueBar {
      background-image: url('../images/backgroundLFBlue.jpg');
      color: #FFFFFF;
      font-size: 8pt;
      width: 800px;
      margin: 0 auto;
      border-style: none;
      font-family: verdana, arial;
      font-weight: bold;
      text-align: center;
  }
  #customerServiceContent .customerServiceBlueBar {
      background-image: url('../images/backgroundLFBlue.jpg');
      color: #FFFFFF;
      font-size: 8pt;
      width: 600px;
      margin: 0 auto;
      border-style: none;
      font-family: verdana, arial;
      font-weight: bold;
      text-align: center;
  }
  .customerServiceUserInputError {
      text-align: left;
      margin: 1 auto 9px auto;
      padding: 8px auto;
      color: #CC0000;
      font-size: 10pt;
      font-family: verdana, arial;
      font-weight: bold;
      width: 450px;
      position: relative;
      left: 50px;
   }






  /* - - - Main Customer Service Center Page (Overview.js) - - - */
  .customerServiceCenterBodyElement {
  	  text-align:left;
  	  margin:25px auto;
  	  font-family:verdana, arial;
  }

  .customerServiceCenterBoxGrayBody {
      font-weight: bold;
      font-family: verdana, arial;
      font-size: 10pt;
      width: 598px;
      border-color: #CCCCCC;
      border-style: solid;
      border-width: 1px;
      border-top-width: 0px;
  }
  .customerServiceCenterBoxYellowBody {
      font-family: verdana, arial;
      font-size: 10pt;
      padding-top: 5px;
      padding-bottom: 5px;
      width: 598px;
      background-color: #FFFFCC;
      border-style: solid;
      border-width: 1px;
      border-color: #CCCCCC;
  }
  .customerServiceCenterBoxQuestionNumbers {
       padding-left: 15px;
       padding-bottom: 3px;
       color: #000000;
       text-align: left;
       vertical-align: middle;
       font-family: verdana, arial;
       font-size: 10pt;
  }

  .customerServiceCenterBoxQuestion {
  	   padding-left: 10px;
  	   padding-bottom: 3px;
  	   color: #000000;
  	   text-align: left;
  	   vertical-align: middle;
  	   font-family: verdana, arial;
  	   font-size: 10pt;
  }

  .customerServiceCenterBoxQuestion a {
  	   text-decoration: underline;
  }

  div#trackYourOrderOverviewButton, div#contactUsOverviewButton {
		width:100%;
		text-align:center;
		margin:10px auto 25px auto;
  }





  /* - - - Track an Order Page (OrderTrackingInfoEntry.jsp)- - - */
  
  #content h1#titleOrderTracking { 
  		width: 406px;
  		height:0; 
  		margin: 10px auto 10px; 
  		padding: 39px 0 0; 
  		overflow:hidden; 
  		line-height:600px; 
  		background:url(../images/vb/web/shared/headerimages/titleOrderTracking.png) no-repeat; 
  }
  #customerservice_ordertracking_content {
       width: 600px;
       line-height: 1.0em;
       margin: 0 auto;
       font-family: verdana, arial;
       font-size: 9pt;
  }

  #customerservice_ordertracking_content h5 {
      color: #000000;
      width: 295px;
      height: 0;
      padding-top: 45px;
      overflow: hidden;
      background-image:url("../images/service_trackYourOrder_heading.jpg");
  }

  #customerservice_ordertracking_content .bold {
  	  text-align: left;
  	  font-weight: bold;
  }

   #customerservice_ordertracking_content p.error {
      color: #CC0000;
      text-align: left;
      padding: 5px;
    }

    .orderTrackingInfoEntryForm {
      text-align: left;
      font-size: 8pt;
    }






/* - - - Subcategory Page (Subcategory.jsp) - - - */
  .customerServiceSubcategoryBody {
    	width: 600px;
        min-width: 600px;
        margin: 0 auto 20px auto;
   }
  .customerServiceSubcategoryBodyElement {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 600px;
  }
  .customerServiceSubcategoryBodyPath {
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 10px;
        width: 600px;
        text-align: left;
        color: #000000;
        font-family: verdana, arial;
        font-size: 9pt;
  }
  .customerServiceSubcategoryBodyPath a:link    { font-weight: bold; text-decoration: underline; }
  .customerServiceSubcategoryBodyPath a:visited { font-weight: bold; text-decoration: underline; }
  .customerServiceSubcategoryBodyPath a:hover   { font-weight: bold; text-decoration: underline; }
  .customerServiceSubcategoryBodyPath a:active  { font-weight: bold; text-decoration: underline; }
  .customerServiceSubcategoryBodyPath a:visited:hover  {  font-weight: bold; text-decoration: underline; }

  .customerServiceSubcatTopBlurb {
        width: 564px;
		margin:0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: justify;
        font-family: verdana, arial;
        font-size: 10pt;
        line-height: 110%;
  }
  .customerServiceSubcategoryBoxGrayBody {
        padding-top: 5px;
        width: 598px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px;
        border-top-width: 0px;
  }
  .customerServiceSubcategoryBoxElementLeft {
       padding-bottom: 5px;
       padding-top: 5px;
       color: #000000;
       text-align: left;
       vertical-align: middle;
       font-weight: bold;
       font-family: verdana, arial;
       font-size: 10pt;
  }
  .customerServiceSubcategoryBoxElementRight {
       padding-bottom: 5px;
       padding-top: 5px;
       color: #000000;
       text-align: left;
       vertical-align: middle;
       font-weight: bold;
       font-family: verdana, arial;
       font-size: 10pt;
  }
  .customerServiceSubcategoryBoxElement {
       padding-bottom: 5px;
       padding-top: 5px;
       text-align: left;
       vertical-align: middle;
       color: #000000;
       font-weight: bold;
       font-family: verdana, arial;
       font-size: 10pt;
  }
  .customerServiceSubcategoryBoxYellowBody {
       padding-top: 5px;
       padding-bottom: 5px;
       width: 598px;
       background-color: #FFFFCC;
       border-style: solid;
       border-width: 1px;
       border-color: #CCCCCC;
   }
  .customerServiceSubcategoryBoxQuestionNumbers {
       padding-left: 15px;
       padding-bottom: 3px;
       color: #000000;
       text-align: left;
       vertical-align: middle;
       font-family: verdana, arial;
       font-size: 10pt;
  }

  .customerServiceSubcategoryBoxQuestion {
  	   padding-left: 10px;
  	   padding-bottom: 3px;
  	   color: #000000;
  	   text-align: left;
  	   vertical-align: middle;
  	   font-family: verdana, arial;
  	   font-size: 10pt;
  }
  .customerServiceSubcategoryBoxQuestion a {
 	   text-decoration: underline;
  }

  .faqQuestionList a:link    { text-decoration: underline; }
  .faqQuestionList a:visited { text-decoration: underline; }
  .faqQuestionList a:hover   { text-decoration: underline; }
  .faqQuestionList a:active  { text-decoration: underline; }
  .faqQuestionList a:visited:hover  {  text-decoration: underline; }





  /* - - - FAQ Answers Page (Answer.jsp) - - - */
  .customerServiceAnswerBody {
      width: 600px;
      min-width: 600px;
      margin: 0 auto 25px; auto;
  }
  .customerServiceAnswerBodyElement {
      padding-top: 10px;
      padding-bottom: 10px;
      width: 600px;
  }
  .customerServiceAnswerBodyPath {
      padding-left: 20px;
      padding-top: 15px;
      width: 600px;
      text-align: left;
      color: #000000;
      font-family: verdana, arial;
      font-size: 9pt;
  }
  .customerServiceAnswerBodyPath a:link    { font-weight: bold;  text-decoration: underline; }
  .customerServiceAnswerBodyPath a:visited {  font-weight: bold; text-decoration: underline; }
  .customerServiceAnswerBodyPath a:hover   {  font-weight: bold; text-decoration: underline; }
  .customerServiceAnswerBodyPath a:active  {  font-weight: bold; text-decoration: underline; }
  .customerServiceAnswerBodyPath a:visited:hover  {  font-weight: bold; text-decoration: underline; }

  .customerServiceAnswerBoxYellowBody {
	  padding: 5px 10px;
	  width: 600px;
	  background-color: #FFFFCC;
	  border-style: solid;
	  border-width: 1px;
	  border-color: #CCCCCC;
  }
  .customerServiceAnswerBoxAnswer {
      padding: 20px;
      text-align: left;
  }
  .customerServiceAnswerBoxQuestion {
      padding-bottom: 5px;
      color: #000000;
      text-align: left;
      font-family: verdana, arial;
	  font-size: 9pt;
	  font-weight: bold;
  }
  .customerServiceAnswerBoxAnswerParagraph {
      padding-bottom: 5px;
      color: #000000;
      text-align: left;
      font-family: verdana, arial;
      font-size: 9pt;
  }

  ol.customerServiceAnswerList {color: #000000; text-align: left; font-family: verdana, arial; font-size: 9pt; padding-left: 40px;}
  ul.customerServiceAnswerListBullet {list-style-type: disc; color: #000000; text-align: left; font-family: verdana, arial; font-size: 9pt; padding-left: 40px;}
  ul.customerServiceAnswerListNoBullet {list-style-type: none; color: #000000; text-align: left; font-family: verdana, arial; font-size: 9pt; padding-left: 40px;}
  li.customerServiceAnswerListElementHeader {font-weight: bold; color: #000000; text-align: left; font-family: verdana, arial; font-size: 9pt;}
  .customerServiceAnswerBoxAnswerParagraphDeepIndent  { padding-left: 20px; padding-bottom: 5px; color: #000000; text-align: left; font-family: verdana, arial; font-size: 9pt; }
  .customerServiceAnswerBoxAnswerParagraphAlignCenter { padding-bottom: 5px; color: #000000; text-align: center; font-family: verdana, arial; font-size: 9pt; }
  a.customerServiceAnswerBodyLink:link, a.customerServiceAnswerBodyLink:visited,  a.customerServiceAnswerBodyLink:hover,  a.customerServiceAnswerBodyLink:active { font-size: 10pt; font-family: verdana, arial; text-decoration: underline;}





  /* - - - Results, holds the OrderSummary & BookDisplayItem order tracking results (Results.jsp) - - - */
  #orderSummaryWrapper {
  	   text-align: center;
  	   width: 800px;
  	   margin: 0 auto;
  }







 /* - - - Feedback From a Buyer Form (LeaveFeedback.jsp) - - - */
 #feedbackFromBuyerForm { /*this form has a table inside it, styles are applied to the table */
 	  border-style: solid;
 	  border-width: 0px 1px 1px 1px;
 	  border-color: #5EA5FD;
 }





/* - - - Contact Thank You Pages Body Text (Both ThankYou.jsp pages) - - - */
 /* Thanks for Contact Us and thanks for Contacting Seller */
#contactSellerThanksContent {
	margin: 0 auto;
}
.customerServiceThankYouText {
      color: #000000;
      font-family: verdana, arial;
      font-size: 9pt;
      font-weight: normal;
}
.customerServiceThankYouTextBold {
      color: #000000;
      font-family: verdana, arial;
      font-size: 9pt;
      font-weight: bold;
}

.contactSellerThankYouBodyBold { color: #000000; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; }
.contactSellerThankYouBody { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; }


/* - - - Feedback Email Not Sent (FeebackEmailNotSent.jsp) - - - */
 #feedbackEmailNotSentContent {
   text-align: center;
   padding-bottom: 50px;
 }

 #feedbackEmailSentContent { }

 #feedbackLeftThankYouContent {
   text-align: center;
 }

 .feedbackNotSentReason {
     width: 400px;
     text-align: center;
     margin: 0 auto;
     color: #CC0000;
	 font-weight: bold;
	 font-size: 10pt;
	 font-family: verdana, arial;
	 clear: both;
 }


/* - - - General Contact Seller Page (Query.jsp) - - - */
/* This page differs from the ContactSellerAboutProduct page. */
#customerSerivceContactSellerContent {
	margin-bottom: 20px;
}



/* - - - Contact Seller About Product Page (ContactSellerAboutProduct.jsp) - - - */
#contactSellerAboutProductContent {
	width:600px;
	margin:20px auto 35px auto; }

	#contactSellerAboutBookWrapper {
		width:600px;
		margin:20px auto; }

	#contactSellerFormWrapper {
		width:600px;
		margin:20px auto; }

	#contactSellerBookDetailsWrapper {
		width:537px;
		margin:20px auto 0 auto; }



/* - - - Contact Seller About Book (ContactSellerAboutBook.jsp) - - - */
/* This page gets included on the ContactSellerAboutProduct page. - - - */
#contactSellerAboutBookContent {
	font-family:verdana, arial;
	margin:0 auto; }

	table#contactSellerBookInfoLayout{
		width:90%;
		margin:0 auto;
		border:0; }

		#contactSellerBookInfoLayout td{
			padding:0 5px 5px 5px; }

		#contactSellerBookInfoLayout td.bookData {
			font-size:9pt;
			line-height:140%;
			text-align:left; }

   a.linkSub:link, a.linkSub:visited   { font-size:7pt; text-decoration:none; }
   a.linkSub:hover, a.linkSub:active   { font-size:7pt; text-decoration:underline; }
   a.linkbody:link, a.linkbody:visited, a.linkbody:hover, a.linkbody:active   { font-size:9pt; text-decoration:underline; }

   #contactSellerSecurityNavWrapper{
		position:absolute;
		top:20px; right:15px; }

   /* Buy This Book Button */
   a#buythisBtn, a#buythisBtn:link, a#buythisBtn:visited {
	 position:relative;
 	 width:135px; height:0;
 	 padding-top:27px;
	 overflow:hidden;
	 display:block;
	 margin:0 auto;
	 background:url("../images/button/btn_buythisitem.gif") 0 0 no-repeat; }

  a#buythisBtn:hover {
	 background-position:0 -27px;}

/* - - - Contact Seller (ContactSeller.jsp) - - - */
/* This page gets included on the ContactSellerAboutProduct page.
   It contains the form for the user to fill out. */
#contactSellerContent {
	width:537px;
	margin:0 auto;
	font-family:verdana, arial; }

#contactSellerContent .headingtop  { color: #00479b; font-size: 12pt; font-weight: bold; }
#contactSellerContent .heading     { color: #00479b; font-size: 8pt; font-weight: bold; }
#contactSellerContent .subheading0 { color: #000000; font-size: 10pt; font-weight: bold; }
#contactSellerContent .subheading1 { color: #000000; font-size: 8pt; font-weight: bold; }
#contactSellerContent .price       { color: #CC0000; font-size: 9pt; font-weight: bold; }
#contactSellerContent .error       { color: #CC0000; font-size: 9pt; }
#contactSellerContent .bodyMid     { color: #000000; font-size: 8pt; }
#contactSellerContent .bodyMid2    { color: #00479b; font-size: 8pt; }
#contactSellerContent .contactSellerBodyLabelBold { color: #000000; font-size: 8pt; font-weight: bold; }
#contactSellerContent .contactSellerBodySmall { color: #000000; font-size: 8pt; }

/* - - - Contact Seller not Available - - - */
#contactSellerNotAvailableContent {
	margin: 0 auto;
}

 #contactSellerAboutOrderContent { }
 
span.rental_dueDate {padding:5px 5px 5px 5px; background:#f9ffa2;}