/* 
  DM - 4/24/09
 */
 
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #e7d9b8;
}

a:link, a:visited, a:active{
color:#0033FF;
}

a:hover{

}

hr{ color:#e8e7ed; }

#bannerheader{
height:330px; /*or whatever*/
width:1050px;
}

#bannerleft{
float:left;
width:620px;
height:330px;
background: url('Images/ultimate-ending-banner-1.jpg');
overflow:none;
}


#bannerright{
float:left;
width:430px;
height:330px;
background: url('Images/ultimate-ending-banner-2.jpg');
overflow:hidden;
text-align:right;
} 

h1{
height:330px; /*match to #bannerheader height*/
text-indent: -100.0em;
overflow: hidden;
background: url('Images/ultimate-ending-banner-1.jpg');
} 

  h1 a{
  display:block;
  line-height:330px; /*match to h1 height*/
  } 
  
h2{
margin-top:0px;
margin-bottom:0px;
padding:0px;
font: normal 28pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
overflow:hidden;
}

h3{
font: bold 12pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
margin-top:0px;
margin-bottom:0px;
padding:5px 5px 5px 5px;
}

h4{
font: normal 16pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

.socialbox{
clear:left;
float:left;
padding-top:285px;
padding-left:110px;
width:150px;
height:44px;
}

#maincontainer{
width: 1050px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: white;
height: 330px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
background: white;
}

#contentcolumn{
height: 1624px;
margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
padding-top: 0px;
background: url('Images/content-background3.jpg');
}

  #contentcolumn{
  margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: white;
   padding-top: 0px;
   }
   
#contentcolumn2{
height: 1624px;
margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
padding-top: 0px;
background: url('Images/content-background4.jpg');
}

  #contentcolumn2{
  margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: white;
   padding-top: 0px;
   }
   
#contentcolumn3{
height: 1624px;
margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
padding-top: 0px;
background: url('Images/content-background-about.jpg');
}

  #contentcolumn3{
  margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: white;
   padding-top: 0px;
   }
   
#contentcolumn4{
height: 1624px;
margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
padding-top: 0px;
background: url('Images/content-background-extras.jpg');
}

  #contentcolumn4{
  margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: white;
   padding-top: 0px;
   }

#leftcolumn{
float: left;
width: 120px; /*Width of left column in pixels*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
background: #DCC098;
}

.button-home{
width: 120px;
height: 56px;
display:block;
background: transparent url('Images/button-home.jpg');
}

.button-home:hover {
background-image: url('Images/button-home-on.jpg');
}

.button-books{
width: 124px;
height: 56px;
display:block;
background: transparent url('Images/button-books.jpg');
}

.button-books:hover {
background-image: url('Images/button-books-on.jpg');
}

.button-extras{
width: 133px;
height: 56px;
display:block;
background: transparent url('Images/button-extras.jpg');
}

.button-extras:hover {
background-image: url('Images/button-extras-on.jpg');
}

.button-store{
width: 122px;
height: 56px;
display: block;
background: transparent url('Images/button-store.jpg');
}

.button-store:hover {
background-image: url('Images/button-store-on.jpg');
}

.button-about{
width: 124px;
height: 56px;
display: block;
background: transparent url('Images/button-about.jpg');
}

.button-about:hover {
background-image: url('Images/button-about-on.jpg');
}

.button-readmore{
width: 186px;
height: 46px;
display:block;
background: transparent url('Images/button-readmore.jpg');
}

.button-readmore:hover {
background-image: url('Images/button-readmore-on.jpg');
}

.button-complete-list{
width: 520px;
height: 42px;
display:block;
background: transparent url('Images/button-complete-list.jpg');
}

.button-complete-list:hover {
background-image: url('Images/button-complete-list-on.jpg');
}

.button-more-titles{
width: 250px;
height: 51px;
display:block;
background: transparent url('Images/button-more-titles.jpg');
}

.button-more-titles:hover {
background-image: url('Images/button-more-titles-on.jpg');
}

.button-previous-titles{
width: 250px;
height: 51px;
display:block;
background: transparent url('Images/button-previous-titles.jpg');
}

.button-previous-titles:hover {
background-image: url('Images/button-previous-titles-on.jpg');
}

.button-back-to-extras{
width: 621px;
height: 41px;
display:block;
background: transparent url('Images/button-back-to-extras.jpg');
}

.button-back-to-extras:hover {
background-image: url('Images/button-back-to-extras-on.jpg');
}

#codebox{
height:25px;
font-size:14pt;
}

#emailbox{
height:25px;
font-size:14pt;
}

.sm-cover{
width: 226px;
height: 320px;
display: block;
background: transparent url('Images/sm-cover-background.jpg');
}

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 158px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(Images/glossyback.png) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 5px;
text-decoration:none;
}

.glossymenu li a:hover{
text-decoration:none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 148px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
text-decoration: none;
}

.glossymenu li a:hover{
background-image: url(Images/glossyback2.png);
text-decoration: none;
}

.menutitle{
  color: white;
  border-bottom: 1px solid white;
  padding-top:3px;
  padding-bottom:3px;
  padding-left: 5px;
  background-color: #03232c;
  font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; 
  }
  
#rightcolumn{
float: left;
width: 170px; /*Width of right column*/
margin-left: -170px; /*Set left margin to -(RightColumnWidth)*/
background: white;
}

#footer{
clear: left;
width: 100%;
padding-top:10px;
padding-bottom:10px;
color: black;
text-align: center;
overflow:hidden;
background-color: #DCC098;
}

#footer a{
color:black;
}

.innertube{
margin: 0px 0px 0px 0px; /*Margins for inner DIV inside each column (to provide padding)*/
color: #151515;
font: normal 15pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
}

  .innertube a{
  color:#0033CC;
  text-decoration: underline;
  }
  
.booktitles{
margin: 0px 0px 0px 0px; /*Margins for inner DIV inside each column (to provide padding)*/
color: #151515;
font: normal 19pt 'Times New Roman', 'Verdana', 'Lucida Grande', Arial, sans-serif;
}

.choice{
font: normal 16pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
line-height: 1.3em;
}

  .choice a{
  color:#0033CC;
  text-decoration: underline;
  }
  
.pgnumber{
font: normal 34pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
}

.pgnumber2{
font: normal 28pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
width:40px;
padding:10px 15px 10px 15px;
text-align:center;
border:1px solid black;
background-color:#FFE19D;
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #13375b; /*dark blue border*/
border-width: 1px 0;
background: black url('Images/indentbg.gif') center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 1px solid #13375b; /*dark blue divider between menu items*/
}

  .indentmenu ul li a:visited{
  color: white;
  }

    .indentmenu ul li a:hover, .indentmenu ul li .current{
    color: white !important; /*text color of selected and active item*/
    padding-top: 6px; /*shift text down 6px for selected and active item*/
    padding-bottom: 4px; /*shift text down 4px for selected and active item*/
    background: black url('Images/indentbg2.gif') center center repeat-x;
    }
	
.menubottom{
width: 100%;
height: 5px;
overflow: hidden;
margin: 0;
padding: 0;
float:left;
background: black url('Images/menubottom.gif') center center repeat-x;
}

.submit { vertical-align: middle; *vertical-align: text-bottom; }

.itemWrapper {
    width: 100%;
    overflow: hidden;
}

.item {
    float: left;
	width: 120px;
	height: 180px;
	margin: 10px 0px 0px 20px;
    font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	border: 0px;
	text-align: center;
	display: inline;
	position: relative;
}

.pagination {
    width: 700px;
    text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
}

.detailprice {
    padding-top:15px;
	padding-bottom:10px;
	text-align: left;
    font: normal 11pt 'Verdana', Arial, sans-serif;
}

.cartproduct {
    width:325px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartprice {
    width:65px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartquantity{
    width:45px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartremove {
    width:80px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.carttotal{
    width:65px;
	text-align:right;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartbuttonsm {
    width:130px;
    float:left;	
}

.cartbuttonlg {
    width:190px;
	float:left;
}

.cartbuttoncheckout {
    width:130px;
	float:right;
	text-align:right;
}

.billshiptable {
    width:275px;
	background-color:#FFFFFF;
	font: normal 9pt 'Verdana', Arial, sans-serif;
}

.blueblockbottom {
    display: block;
    padding: 2px 0 2px 0;
    padding-left: 2px;
    width: 161px; /*170px minus all left/right paddings and margins*/
    text-decoration: none;
    color: white;
    background-color: #2175bc;
    border-bottom: 1px solid #000000;
	border-left: 7px solid #1958b7
}

.linkwrapper {
    display: block;
	width: 570px;
	float: left;
	margin-left: 5px;
	text-align:center;
	background-color: #bbd6f2;
	border: 1px solid #000000;
	margin-bottom:25px;
}

.linktable {
    width: 190px;
	padding: 5px 0px 5px 0px;
    display: block;
	font: bold 12pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-align: center;
	float: left;
}

  .linktable a:hover {
    text-decoration: underline;
	}
	
.exchange_sm {
	border: 0px;
	display: inline;
	position: relative;
}
.exchangeWrapper {
    width: 570px;
    overflow: auto;
}

.image {
    margin: 5px 10px 5px 10px;
	float:left;
}

.indexfoot {
    width: 600px;
    background-color:#FFFFFF;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-left: 70px;
	padding: 5px 5px 5px 5px;
	border:1px solid black;
	font: normal 12pt 'Verdana', Arial, sans-serif;
}
	
.imageleft {
    margin: 5px 5px 5px 5px;
    float:left;
}

.imageright {
	margin: 5px 5px 5px 5px;
	float:right;
}


.resourcetable {
    padding: 10px 10px 10px 10px;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}
  .resourcetable a{
    font: bold 11pt 'Verdana', Arial, sans-serif;
	text-decoration:underline;
	}

.navbar_ad {
background-color: #8c9e3a;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 5px;
padding-left: 5px;
border-bottom: 1px solid #c9d78a;
}


.flashbox {
width: 260px;
float: right;
margin-top: 10px;
margin-left: 10px;
padding: 10px 10px 10px 10px;
border: 1px solid #7e729a;
background-color: #e9e8ee;
}

  .flashboxborder {
  width: 260px;
  height: 280px;
  border: 1px solid #aca5bc;
  float: left;
  }

.thumbwrapper{
  width:100%;
  float:left;
  }
  
.thumbnail{
  width:20%;
  float:left;
  text-align:left;
  font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  margin-bottom:10px;
  }
  
  .thumbnail a{
  color:#383243;
  }
  
.dblthumbnail {
  width:40%
  float:left;
  text-align:left;
  font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  margin-bottom:10px;
}
  
.girlbox{
  width:auto;
  float:left;
  border:1px solid #c2b5ce;
  text-align: center;
  margin-top:5px;
  margin-bottom: 5px;
  background-color:#ffecf5;
  padding: 0px 10px 5px 10px;
  }
  
.boybox{
  width:auto;
  float:left;
  border:1px solid #c2b5ce;
  text-align: center;
  margin-top:5px;
  margin-bottom: 5px;
  background-color:#ecf5ff;
  padding: 0px 10px 5px 10px;
  }
  
.greenbox{
  width:auto;
  float:left;
  border:1px solid #c2b5ce;
  text-align: center;
  margin-top:5px;
  margin-bottom: 5px;
  background-color:#ecffec;
  padding: 0px 10px 5px 10px;
  }
  
.lavbox{
  width:auto;
  float:left;
  border:1px solid #c2b5ce;
  text-align: center;
  margin-top:5px;
  margin-bottom: 5px;
  background-color:#e8e7ed;
  padding: 0px 10px 5px 10px;
  }
  
.babywrapper{
  width:100%;
  float:left;
  }
  
.babyleft{
  width:60%;
  float:left;
  }
  
.babyright{
  width:40%;
  float:left;
  }
  
.babythumb{
  width:33%;
  float:left;
  margin-bottom:10px;
  }
  
.detailwrapper{
  width: 100%;
  float:left;
  }
  
.detailphoto{
  float:left;
  overflow:hidden;
  }

.infowrapout{
float:left;
width:auto;
border: 1px solid #aa97bb;
padding:5px 5px 5px 5px;
background-color: #cac7d8;
margin:5px 0px 5px 0px;
}

.infowrapin{
border: 1px solid #aa97bb;
padding:5px 10px 5px 10px;
text-align:left;
line-height:1.5em;
height:100%
}
  
  .infowrapin b{
  font: bold 11pt 'Verdana', Arial, sans-serif;
  }  
  
.viewallgirlboy{
float:left;
margin-top:10px;
margin-left:25px;
padding:3px 8px 3px 8px;
text-align:center;
border:1px solid #c2b5ce;
}

.themeimg{
margin: 0px 5px 5px 5px;
}
   
.floatstop {
clear:both;
}
  
img.ImageFrame_image { vertical-align:bottom; border:none; }
table.ImageFrame_shadow { direction: ltr; }
table.ImageFrame_shadow .RRT { height:10px; background:url(Images/RRT.png) no-repeat; }
table.ImageFrame_shadow .RR { width:7px; background:url(Images/RR.png) repeat-y; }
table.ImageFrame_shadow .RR div.V { width:7px; }
table.ImageFrame_shadow .BBL { width:9px; background:url(Images/BBL.png) no-repeat; }
table.ImageFrame_shadow .BB { height:7px; background:url(Images/BB.png) repeat-x; }
table.ImageFrame_shadow .BR { width:7px; height:7px; background:url(Images/BR.png) no-repeat; }
table.ImageFrame_shadow td { font-size:1px } /* For IE */

img.ImageFrame_image2 { vertical-align:bottom; border:1px solid #383243; }

.topbullets {
width: 25%;
color: white;
font: normal 15pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align:center;
float:left;
background:url(Images/graybar.gif) repeat-x bottom left;
}

.siteicons {
width: 33%;
float:left;
text-align:center;
color:#FFFFFF;
}

  .siteicons a{
  color:#FFFFFF;
  text-decoration: none;
  }

	
.clickbar {
float:left;
height:25px;
padding-top:5px;
background-image: url(Images/clickbar_center.jpg);
background-repeat: repeat;
font-weight:bold;
letter-spacing: 0.5px;
width:auto;
}

.guybox {
float: left;
width: 770px;
background-color:#e8f0f7;
border: 1px solid #78a5c9;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
margin-top:0px;
}

.guybox2 {
float: left;
width: 770px;
background-color:#e8f0f7;
border: 1px solid #78a5c9;
font: normal 15pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
padding: 5px 5px 5px 5px;
margin-bottom:10px;
margin-top:0px;
}

.bulletbox {
float: left;
width: 710px;
background-color:#fbf8ec;
border: 1px solid #e1c468;
padding: 5px 5px 5px 5px;
margin: 0px 20px 20px 20px;
}

.dialogue{
font: normal 16pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
margin-top:0px;
margin-bottom:0px;
padding:5px 20px 5px 20px;
text-align:center;
color:#05475C;
}