/* 
  DM - Website Master CSS File
 */
 
body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#fff2d2; /* Website background color */
}

a:link, a:visited, a:active {
text-decoration:none;
color:#383243; /* Default link color and attributes */
}

a:hover {
text-decoration:underline;
}

a.bluelink:link, a.bluelink:visited, a.bluelink:active{
text-decoration:underline;
color:#0033CC; /* Default link color and attributes */
}

#bannerheader{
height:130px; /* Full height of banner/header image */
width:960px; /* Full width of banner/header image */
} 

h1{
height:130px; /* Match to #bannerheader height */
text-indent: -100.0em;
overflow: hidden;
background: url('Images/CSW_mainbanner.jpg'); /* Header image */
} 

  h1 a{
  display:block;
  line-height:130px; /* Match to h1 height */
  } 
  
h2{
margin-top:0px;
margin-bottom:0px;
padding:5px 0px 0px 0px;
font: normal 15pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
overflow:hidden;
}

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

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

b{font-size: 110%;}

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

#topsection{
background: #FFFFFF;
height: 130px; /*Height of top section*/
}

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

#contentwrapper{
float: left;
width: 100%;
background: #FFFFFF;  /* Background color of website's main content */
}

#contentcolumn{
margin: 0 0 0 170px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
padding-top: 5px;
}

.innertube{
margin: 10px; /* Margins for inner DIV inside each column (to provide padding) */
margin-top: 0;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#333333;
line-height: 1.2em;
}

#leftcolumn{
float: left;
width: 170px; /* Width of left column in pixels */
margin-left: -960px; /* Set margin to that of -(MainContainerWidth) */
background: #f0d897; /* Background color of left side column */
}

#leftmenu{
border-bottom-width: 0;
width: 160px;
margin: 0 auto;
}

#leftmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  border-left: 1px solid #9f7a1c;
  border-right: 1px solid #9f7a1c;
  border-bottom: 1px solid #9f7a1c;
  margin-bottom:10px;
  }

    #leftmenu li a{
    display: block;
    padding: 2px 0;
    padding-left: 3px;
    width: 155px; /*160px minus all left/right paddings and margins*/
    text-decoration: none;
    color: #333333;
    background-color: #FFFFFF;
    }

#leftmenu li a:hover {
text-decoration: underline;
}
 
  #leftmenu div.menutitle{
  color: #FFFFFF;
  padding: 1px 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #761625;
  font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; 
  border: 1px solid #9f7a1c;
  }

#footer{
margin: 0;
padding: 5px 0px 5px 0px;
clear: left;
width: 100%; /*width of footer*/
background: black url('Images/topbar1.gif') center center repeat-x;
text-align: center;
font: 15px Arial;
color: #FFFFFF;
}


#footer a{
color: #FFFFFF;
}

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

.topmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #380709; /* border color of top menu bar*/
border-width: 1px 0;
background: black url('Images/topbar1.gif') center center repeat-x;
}

.topmenu ul li{
display: inline;
}

.topmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 1px solid #380709; /* color of divider line between top menu items */
}

    .topmenu ul li a:hover, .topmenu 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/topbar2.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;
}

.searchmenu {
height:40px;
width:165px;
text-align:left;
padding-bottom: 10px;
margin-right: 0px;
margin-bottom: 5px;
color:#333333;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

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

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

.item {
    float: left;
	width: 170px;
	height: 245px;
	margin: 10px 0px 0px 18px;
    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:400px;
	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: 600px;
	float: left;
	margin-left: 80px;
	text-align:center;
	background-color: #f0d897;
	border: 1px solid #000000;
	margin-bottom:25px;
}

.linktable {
    width: 200px;
	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:center;
  font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  margin-bottom:10px;
  }
  
  .thumbnail a{
  color:#383243;
  text-decoration:none;
  }
  
.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;
}

.indexboxleft{
float:left;
width: 520px;
height: 245px;
background:url(Images/indexbox_left.jpg) no-repeat;
padding: 10px 10px 0px 10px;
}

.indexboxright{
float:right;
width: 199px;
height: 245px;
background:url(Images/indexbox_right.jpg) no-repeat;
padding: 10px 10px 0px 10px;
text-align:center;
}

.indexboxfeatured{
float:left;
width: 770px;
height: 265px;
background:url(Images/indexbox_featured.jpg) no-repeat;
padding: 10px 10px 0px 10px;
text-align:center;
}

.indexboxpaint{
float:left;
width:355px;
height:250px;
background:url(Images/indexbox_paint.jpg) no-repeat;
padding: 10px 10px 0px 10px;
text-align:left;
}

.innerleft{
float:left;
width:220px;
padding-top:12px;
}

.innerright{
float:left;
width:125;
padding-top:5px;
text-align:center;
}

.indexboxsupplies{
float:right;
width:355px;
height:250px;
background:url(Images/indexbox_supplies.jpg) no-repeat;
padding: 10px 10px 0px 10px;
text-align:left;
}

.scrapbook{
float:left;
text-align:center;
padding-bottom:10px;
}

.redem{
color:#FF0000;
font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
}

.bigtext{
font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#333333;
line-height: 1.4em;
padding-bottom:10px;
}

.totalbar {
width:270px;
background-color:#fff2d2;
font: bold 11pt 'Verdana', Arial, sans-serif;
border: 1px solid black;
text-align:center;
padding: 10px 10px 10px 10px;
}  

.detailtable1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1F2E11;
	background-color: #cae0f4;
	font-size: 12px;
	line-height: 150%;
	border-width:1;
	border-style:solid;
	border-color:black
}

.detailtable2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1F2E11;
	background-color: #dcebf8;
	font-size: 12px;
	line-height: 150%;
	border-width:1;
	border-style:solid;
	border-color:black
}

  
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; }