/*******************************************************************/
/*********************  INDEX.CSS FOR COOP VDI  ********************/
/*******************************************************************/

/*******************************************************************/
/*******************************************************************/
/*********************      General CSS         ********************/
/*******************************************************************/
/*******************************************************************/

html { min-height: 100%; 
       margin-bottom: 1px; 
	 }

body { background-color: #f5ebd2;
       margin: 5px 0;
	   padding: 0;
	   color: #400001;
	   font: 14px verdana;
     }
#container { margin: 0 auto;
             padding: 0;
             width: 700px;
		   }	
td { vertical-align: top;
   }		
a { color: #400001;
    font: 14px verdana;
	text-decoration: underline;
	text-align: center;
  }
a:hover {color: #dd8410;  		
        }
.title { font: bold 16px verdana; 
		 color: #400001;  
       }
.alignright { text-align: right;
            }
.example { font: italic 10px verdana;
         } 
.imglink { border: 0;
         }		
.warning { font-size: 13px;
         }
.internallink { text-decoration: none;
              }		 
.internallink:hover { text-decoration: none;
                    }
.disabled { color: #cccccc;
            font-style: italic;
		  }
.small { font-size: 10px;
       }	
.error { color: red;
       }	
.selected { font-weight: bold;
          }	      	  
		 
/*******************************************************************/
/*******************************************************************/		   
/*********************         Header           ********************/		   
/*******************************************************************/
/*******************************************************************/
		   
#headerborder { height: 135px;
                background-color: #400001;
				margin: 0;
				padding: 5px 0 0 5px;
	          } 
#header	{ height: 100px;
          width: 690px;
		  background-color: #9e090d;
		  margin: 0;
		  padding: 0;
		}
#logo { float: left;
        border: 0;
      }
#slogan, #sloganfr { float: left;
                   }	  
#sloganfr { margin: -100px 0 0 200px;
          } 				   
#contactinfo { float: right;
			   margin: 5px;
			   color: #ffffff;
			   text-align: right;
			   font: 15px verdana;
             }
#cartimglink, #findimglink, #cartimglinken, #findimglinken { float: right;
                             position: relative;
							 top: 75px;
							 left: 153px;
                           }
#findimglink { left: 217px;				
             }		
#cartimglinken { left: 137px;				
               }		
#findimglinken { left: 201px;				
               }		       
#cartimglink img, #findimglink img, #cartimglinken img, #findimglinken img { border: 0;
                                   										   }
#carttext, #findtext { color: #ffffff;
                       font: 16px verdana;
					   float: right;
                       position: absolute;
					   top: 75px;
					   left: -10000px
                     }	 
#nav, #naven { margin: 0;
       		   padding: 2px 0 0 17px;
	   		   color: #dd8410;
	   		   font: 20px verdana;
             }
	#naven { padding: 2px 0 0 12px;
	       }
.navopt { color: #dd8410;
          font: 14px verdana;
		  text-decoration: none;
		}
.navopt:hover { color: #f5ebd2;
                text-decoration: underline;
	          }
/*******************************************************************/			  
/*******************************************************************/		  
/*********************        Content          *********************/
/*******************************************************************/
/*******************************************************************/			  
			  
/*********************       Container         *********************/

#content { margin: 10px 0 0 0;
           padding: 0;
           background-color: #400001;
	       padding: 5px;
         }
#insidewhite { position: relative;
               top: 0;
			   left: 0;
               margin: 0 0 0 0;
               padding: 0 0 5px 0;
	           width: 690px;
	           background-color: #ffffff;
             }					 
#pic { height: 225px;
       width: 690px;
       background-color: #dddddd;
	   margin: 0;
	   padding: 0;
     }
	 
/*********************        Home Page        *********************/	 
	 
#indextext { margin: 15px 0 0 15px;
             padding: 0;
			 width: 95%;
			 color: #f5ebd2;
		   }
#indextext a { color: #f5ebd2;
             }
#indexlink { display: block;
			 margin: 6px auto 0;
			 padding: 0 0 5px 0;
			 width: 95%;
			 color: #f5ebd2;
		   }		    
#indextext a:hover, #indexlink:hover { color: #dd8410;
                 					 }
				 
/*********************         Catalog         *********************/	

#cattext { color: #f5ebd2;
		   margin: 15px 0 0 15px;
           padding: 0;
	       width: 95%;
         }
#cattext a { color: #f5ebd2;
           }	 
#catlink, #catlink a { color: #f5ebd2;
					   margin: 10px 0 0 15px;
			           padding: 0 0 5px 0;
					   line-height: 20px;
         			 }
#catlink a { margin: 0;
           }					 	
#cattext a:hover, #catlink a:hover { color: #dd8410;
         		                   }
#catalogtitle { margin: 20px 0 0 15px;
                font: bold 15px verdana; 
		color: #f5ebd2;
              }
#catsearchtitle { margin: 0 0 0 15px;
                  padding: 10px 0 0 0;
                }
#allprods, #allprods2 { margin: 0 0 0 15px;
            			padding: 10px 0 5px 0;
          			  }
#allprods2 { padding: 0 0 0px 0;
           }					  				
#catlist { line-height: 20px;
         }
#toprightsearch, #toprightsearchfr { float: right;
                                     margin: 287px 20px 0 0;
				                #margin: 296px 20px 0 0;
                                   }					 
#toprightsearchfr { margin: 306px 20px 0 0;
			   #margin: 316px 20px 0 0;
                  }
		   
/*********************        Products         *********************/	 

#product { margin: 0 0 0 15px;
		   padding: 0;
           width: 95%;
         }
#productpics { margin: 15px 0 0 15px;
          	   width: 95%;
             }	
#productpics #cover img { border: 1px solid #400001;
                        }				 
#productpics #inside img { border: 1px solid #400001;
                         }					   	
#productpics td	{ text-align: center;
                  font: 10px verdana;
                }
#product #titles { width: 17%;
                 }	
#product #infos { width: 40%;
                }	
#prodextra { margin: 0 0 30px 20px;
             #margin: 0 0 0 20px; 
			 padding: 0;
           	 width: 94%;
           }	
#prodextra td { font: 12px verdana;
                height: 20px;
              }								 			
#prodextra #isbn { width: 13%;
                 }	
#prodextra #year { width: 10%;
                 }	
#prodextra #yearinfo { 
                     }	
#prodextra #qty { width: 15%;
				  font: 14px verdana;
                }					 				 			 
#prodextra #pages { width: 21%;
                  }
#prodextra #pagesinfo { width: 51%;
                      }				  		  			 			
#prodextra #qtyform { position: relative;
                      top: -5px;
                    }
#prodextra #addsubmit { width: 120px;
                      }		
#back { float: right;
        position: relative;
	    top: -22px;
        #top: -5px;
	    right: 36px;
		#right: 45px;
	    padding: 0 0 5px 0;
	    #padding: 0;
	  }		
#samesearchprod { position: relative;
			      top: 12px;
			      left: 15px;
		 	    }	
#samesearchprodbot { position: relative;
			         top: -5px;
					 #top: 12px;
			         left: 15px;
		 	       }				  			  				
				  				
/*********************        Results          *********************/				
				
.results, .firstresults { margin: 2px 0 0 10px;
           #margin: 0 0 -20px 10px;
           width: 97%;
  		   border-top: 1px solid #400001;		   
         }
.firstresults { border-top: 0;
                margin-top: 10px;
              }
.bookschosen { margin: 10px 0 0 15px;
			   #margin: 0px 0 -10px 15px;
			   width: 96%;
			   height: 10px;
             }		 
.results .tdthumbnail, .firstresults .tdthumbnail { width: 10%;
                        							padding: 5px 0 0 5px;
                      							  }
.tdthumbnail img { border: 1px solid #400001
                 }
.results .tdcat, .firstresults .tdcat { width: 42%;
									    #width: 45%;
                					  }
.results .tdprice, .firstresults .tdprice { width: 22%;
                  						  }				
#newsearch, #topnewsearch { position: relative;
	    	 			    top: 8px;
	    	 				left: 15px;
			 				padding: 10px 0 12px 0;
			 				font-weight: bold;
	   	   				  }
#topnewsearch { top: 0;
              }		
#newsearch a, #topnewsearch a { font-weight: bold;
           					  }		   	
#noresult { margin: 0 0 0 15px;
            padding: 15px 0 40px 0;
          }		   				
#tips { margin: 0 0 0 15px;
        padding: 0 0 30px 0;
	  }
.firstresults .addsubmit, .results .addsubmit { width: 110px;
                                              }	  
.bookschosen td { height: 20px;
                  vertical-align: top
                }
.bookschosen .tdthumbnail {width: 10%;
                          }		
.bookschosen .tdqty { width: 21%;
                    }							  	
.bookschosen .tdprice { width: 9%;
                      }	
.bookschosen .tdremove { position: relative;
					     top: -2px;
					   }			  
.bookschosen .change { position: relative;
                       top: -4px;
					 }
.bookschosen .altpricetitle	{ width: 25%;
                            }
#noprod { margin: 15px 0 0 15px;
          padding: 20px 0 80px 0;
        }
#note { width: 95%;
        margin: 10px 0 10px 15px;
	  }		
.hiddenhack { position: absolute;
			  display: none;
            }
#subtotals, #topsubtotals { position: relative;
			 				left: 364px;
			 				#left: -17px;
							margin: 15px 0 10px 0;
							#margin: 0;
		   				  }
#topsubtotals { margin: 0 0 10px 0;
                #margin: 0 0 15px 0;
              }						  
#tdtaxtitle { width: 10%;
            }			
#tdtax { width: 30%;
       }
#tdtotaltitle { width: 10%;
              }			
.dividedresults { text-align: center;
                  margin: 10px 0 0 0;
                }		
.group1, .group2, .group3, .group4, .group5 { position: absolute;
                                            }
					 
/*********************        Ordering         *********************/	
	 	
#orderformcontainer { margin: 0 0 -10px 0;
                    }
.orderform { margin: 5px 0 0 15px;
             width: 95%
		   }
.orderform .tdexample { position: relative;
                        top: 5px;	 	 
					  }
.orderform #member { width: 27%;
                   }	
.orderform label { color: #400001;
				   font-weight: normal;
                 }				   				  
#ordertitle { margin: 0;
              padding: 10px 0 10px 15px;
            }
#ordertitle2 { margin: 0;
               padding: 10px 0 15px 15px;
			   #padding: 10px 0 0 15px;
             }	
#billing { position: relative;
		   margin: 0 0 0 10px;
         }			 		
#steps { float: right;
	     margin: 0;
		 padding: 12px 15px 0 0;
		 font-size: 12px;
       }   
#steps a { font-size: 11px;
         }
#next, #infonext, #confnext { float: right;
        		   			  position: relative;
	   			   			  top: -22px;
            			      #top: -5px;
	  			   			  right: 20px;
							  padding: 0 0 5px 0;
							  #padding: 0;
	   			 			}								
#before, #infobefore, #confbefore { position: relative;
	     			   			    top: -5px;
			                        #top: 12px;
	    			   				left: 15px;
        			 			  }
#infobefore { padding: 30px 0 0 0;
              #padding: 0;
			}				 
#confbefore	{ padding: 20px 0 0 0;
              #padding: 0;
			}		  
#next a, #next1 a { padding: 0 0 5px 0;
                  }
#samesearch { position: relative;
              top: -10px;
			  #top: 10px;
			  left: 15px;
			}				  
#mandafield { margin: 0px 0 0 18px;
			  #margin: 0px 0 0 18px;
			  width: 18%;
            }
			
/*********************      Confirmation       *********************/				

#confirm { margin: -4px 0 0 15px;
           padding: 0;
		   width: 95%;
		 }
#confirm #tdconfname { width: 18%;
					   font-weight: bold;
                     }
#tdconffax, #tdconfaddress, #tdconfaddresses, #tdconfphone, #tdconfemail { font-weight: bold;
                    													 }		
#tdconfaddresses { width: 40%;
				   #width: 30%;
                 }																		 
#confirm #tdconfmemnumber { width: 35%;
							#width: 28%;
                            font-weight: bold;
                          }		
#noinfo, #nototalmsg { margin: 0 0 0 15px;
          			   padding: 0 0 60px 0;
       			     }
#confprodtitle, #commenttitle { margin: 0 0 10px 15px;
                 				padding:0;
			   			      }		
#confprod { margin: 0 0 0 15px;
            padding: 0;
		    width: 95%;
		  }		
#confprod #tdtitles { width: 15%;
                    }
#confprod #tdnomember { width: 30%;
                      }
#confprod #tdmember { width: 25%;
                    }					  
#commentform { margin: 15px 0 0 15px;
               padding: 0;
			 }	
#optional { margin: -14px 0 0 140px;
          }						   
#textarea { height: 75px;
            wrap: virtual;
			width: 75%;
          }		
		  
/*********************      Members Page       *********************/

.membertitle { margin: 0;
               padding: 15px 0 10px 15px;
			 }
.membertext { width: 96%;
              margin: 0;	
			  padding: 0 0 0 15px;
			}
#memberlink { display: block;
              margin: 35px auto 0;
			  padding: 0;
			  width: 80%;
		    }		
			
/*********************      Contact Page       *********************/		

#map { position: absolute;
       top: 0;
	   right: 0;
	   width: 350px;
	   font-size: 10px;
     }
#map a { font-size: 8px;
       }
#coords { #float: left;
          #margin: 0;
        }		   
.maptitle { margin: 0;
	    padding: 15px 0 0 15px;
          }		   	  		  
.contacttable { margin: 0;
                padding: 15px 0 0 15px;
			  }
.contacttable td { padding-right: 10px;
                 }			  
#address { margin: 0;
           padding: 15px 0 0 15px;
           width: 70%
         }
#persresp { width: 42%;
            #width: 67%;
          }		
#persrespen { width: 24%;
              #width: 49%;
            }		   
#persrespname { #padding-left: 2px;
              }
#metro { margin: 15px 0 0 0;
         padding: 0;
		 text-align: center;
		 font-size: 11px;
	   } 		  
		  
/*********************      Thanks Page        *********************/

.thanksmsg { margin: 0 0 0 15px;
             padding: 15px 0 0 0;
		   }	
#thankyoulink1, #thankyoulink2 { margin: 0;
                                 padding: 5px 0 5px 15px;
							   }
#thankyoulink1 { padding: 100px 0 5px 15px;
               }

/*******************************************************************/
/*******************************************************************/	 
/*********************      Quick Search       *********************/
/*******************************************************************/
/*******************************************************************/		 
	 
#search, #extsearch { 
position: relative;

margin: 10px 0 0 5px;
			          padding: 0;
			          height: 240px;
					  background-color: #f5ebd2;
					  background-image: url(../img/searchbg.gif);
					  background-repeat: no-repeat;
					  color: #400001;
					  font: 15px verdana;
			        }	
#extsearch { margin: -25px 0 0 5px;
           }
#searchtitle { position: relative;
			   margin: 0;
               padding: 10px 0 0 10px;
               font: 22px verdana;
               color: #dd8410;
			 }
#quicksearchform, #quicksearchformen { float: left;
					                   position: relative;
				   					   top: 0px;
 									   left: 15px;
                 					 }			 
#fields { margin: 10px 0 0 0;
          padding: 0;
        }
#tdsearchtitle { margin: 0;
                padding: 0 0 5px 0;
			  }		
#searchsubmit { position: absolute;
			    bottom:-10px;
				right: -60px;
          		padding: 0;
		  		width: 100px;
		  		border: 2px solid #9e090d;
          		background-color: #400001;
          		color: #dd8410;
	    	  }
#error { float: left;
		 position: relative;
         top: -20px;
		 #top: -25px;
		 left: -1000px;
		 padding: 0;
         color: #ff0000;
		 font: 14px verdana;
	   }	   
#search select {
	width: 250px;
}
/*******************************************************************/
/*******************************************************************/			  	 		
/*********************        Corner Ad        *********************/
/*******************************************************************/
/*******************************************************************/		
		
#adorder, #admem, #adorderen, #admemen { float: right;
           								 margin: -36px 0 0 0;
		  								 padding: 0;
        								 height: 240px;
		   								 width: 210px;
		   								 background-image: url(../img/orderbg.gif);
								         background-color: #f5ebd2;
								         background-repeat: no-repeat;
								   	     border-left: 5px solid #f5ebd2;
         							   }	
	#admem { background-image: url(../img/membg.gif);
    	   }
	#adorderen { background-image: url(../img/orderbgen.gif);
	           }	
	#admemen { background-image: url(../img/membgen.gif);
         	 }		 	   
#adorder a, #admem a, #adorderen a, #admemen a { display: block;
             									 width: 180px;
            									 padding: 0 10px;
		    									 margin: 200px 0 0;
            									 color: #f5ebd2;
            									 font: 12px verdana;
		    									 text-decoration: underline;
		    									 text-align: center;
          									   }
#adorder a:hover, #admem a:hover, #adorderen a:hover, #admemen a:hover { color: #dd8410; 
                 													   }	
#footer { margin: 20px 0 0 0;
          font-size: 10px;
		  text-align: center;
        }
#footer a { font-size: 10px;
          }
																	   
/*******************************************************************/
/*******************************************************************/			  	 		
/*********************         Big Pic         *********************/
/*******************************************************************/
/*******************************************************************/	

#bigpic { background-color: white;
        }
#closewindow { width: 100%;
			   height: 40px;
			   background-color: 400001;
			   padding: 0;
			   margin: 0 0 10px 0;
			 }
#closewindow { cursor: pointer;
             } 			 
#closewindow a { float: right;
				 color: #dd8410;
				 padding: 10px;	 
               }
#closewindow a:hover { color: #f5ebd2;
                     } 

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