/* 
  DM - Website Master CSS File - MLGraphix - 11/11/2010
 */
 
body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#000000;
background-image: url('Images/background3.jpg');
background-repeat: repeat;

}

a:link, a:visited, a:active{
text-decoration:underline;
color:#0033CC;
}

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:200px; /* Full height of banner/header image */
width:980px; /* Full width of banner/header image */
} 

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

  h1 a{
  display:block;
  line-height:200px; /* Match to h1 height */
  } 
  
h2{
margin-top:0px;
margin-bottom:0px;
padding:0px;
font: bold 95% 'Arial', '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{
margin-top:0px;
margin-bottom:0px;
padding-top:10px;
font: normal 13pt 'Arial', 'Lucida Grande', Arial, sans-serif;
overflow:hidden;
}

b{font-size: 110%;}

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

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

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

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

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

.innertube{
margin: 12px; /* Margins for inner DIV inside each column (to provide padding) */
margin-top: 0;
font: bold 90% 'Arial', 'Lucida Grande', Arial, sans-serif;
color:#333333;
line-height: 1.2em;
}

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

#leftcolumn{
float: left;
width: 208px; /* Width of left column in pixels */
height: 1150px;
margin-left: -980px; /* Set margin to that of -(MainContainerWidth) */
background: url('Images/mlgraphix_leftcolumn.png'); /* Background of left side column */
font: bold 90% 'Arial', 'Lucida Grande', Arial, sans-serif;
color:#FFFFFF;
}

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

#leftmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: bold 100% 'Arial', 'Lucida Grande', Arial, sans-serif;
  }

    #leftmenu li a{
    display: block;
    padding-top:5px;
	padding-bottom:0px;
	padding-right:2px;
    padding-left: 35px;
    width: 168px; /*160px minus all left/right paddings and margins*/
    text-decoration: none;
    color:#CCCCCC;
    }

#leftmenu li a:hover {
    color:#FFFF00;
}
 
  #leftmenu div.menutitle{
  color:#1f150a;
  padding: 1px 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font: bold 100% 'Times New Roman', 'Lucida Grande', Arial, sans-serif; 
  border: 2px solid white;
  text-align:center;
  }
  

#footer{
margin: 0;
clear: left;
padding-top:15px;
height:20px;
width: 980px; /*width of footer*/
background:#000000;
text-align: center;
font: bold 90% 'Arial', 'Lucida Grande', Arial, sans-serif; 
color:#FFFFFF;
}

#footer a{
color:#FFFFFF;
}

.offset{
width: 215px; /*width of offset*/
height: 30px;
background: url('Images/topmenu_offset.png');
float:left;
}

.offsetright{
width: 6px;
height: 30px;
background: url('Images/topmenu_offset_right.png');
float:left;
}

.offsetbottom{
clear:both;
width: 980px;
height: 32px;
background: url('Images/topmenu_bottom.png');
float:left;
}

.topmenu{
border-top:1px solid #cab381;
border-bottom:1px solid #d3c096;
font: bold 13px Arial;
width: 759px; /*leave this value as is in most cases*/
overflow: hidden;
float:left;
}

.topmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #3d3118; /* 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-right: 1px solid #3d3118; /* 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
}
 
.dialogue{
font: normal 16pt 'Times New Roman', 'Lucida Grande', Arial, sans-serif;
margin-top:0px;
margin-bottom:0px;
padding:5px;
text-align:center;
color:#111111l;
}

.boxtop{	
		/*make this the same size as the top image*/	
		display:block;	
		width:775px;
		margin:0px 5px 0px 5px;
		height:26px;	
		/*set the image as a background*/	
		background-position:left top;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxtop.gif);	
	}
		
	.boxbottom{	
		/*make this the same width as the bottom image*/	
		/*don’t set the height as this needs to be flexible*/	
		display:block;	
		width:775px;
		margin: 0px 5px 5px 5px;
		/*set the image as a background*/	
		background-position:left bottom;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxbottom.gif);	
	}
	.boxcontent{	
		/*set the font style for the main content*/	
		display:block;	
		/*align the main content nicely*/	
		padding: 5px 15px 5px 15px;
        font: 16px Arial, Geneva, Arial, Helvetica, sans-serif;
	}
	
.boxtoplg{	
		/*make this the same size as the top image*/	
		display:block;	
		width:740px;
		margin:0px 5px 0px 5px;
		height:7px;	
		/*set the image as a background*/	
		background-position:left top;	
		background-repeat:no-repeat;	
		background-image:url(Images/longboxtop.gif);	
	}
		
	.boxbottomlg{	
		/*make this the same width as the bottom image*/	
		/*don’t set the height as this needs to be flexible*/	
		display:block;	
		width:740px;
		margin: 0px 5px 5px 5px;
		/*set the image as a background*/	
		background-position:left bottom;	
		background-repeat:no-repeat;	
		background-image:url(Images/longboxbottom.gif);	
	}
	.boxcontentlg{	
		/*set the font style for the main content*/	
		display:block;	
		/*align the main content nicely*/	
		padding: 0px 3px 10px 3px;
		text-align:center;
	}

.boxtop2{	
		/*make this the same size as the top image*/	
		display:block;	
		width:370px;
		margin:0px 5px 0px 5px;
		height:7px;	
		/*set the image as a background*/	
		background-position:left top;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxtop360.gif);	
	}
		
	.boxbottom2{	
		/*make this the same width as the bottom image*/	
		/*don’t set the height as this needs to be flexible*/	
		display:block;	
		width:370px;
		margin: 0px 5px 5px 5px;
		/*set the image as a background*/	
		background-position:left bottom;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxbottom360.gif);	
	}
	.boxcontent2{	
		/*set the font style for the main content*/	
		display:block;	
		/*align the main content nicely*/	
		padding: 5px 20px 5px 12px;
		font-family: "Times New Roman", cursive;
        font-size: 16px;
		font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
		text-align:center;
	}
	
.boxtoptips{	
		/*make this the same size as the top image*/	
		display:block;	
		width:160px;
		margin:0px 5px 0px 1px;
		height:8px;	
		/*set the image as a background*/	
		background-position:left top;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxtop160.gif);	
	}
		
	.boxbottomtips{	
		/*make this the same width as the bottom image*/	
		/*don’t set the height as this needs to be flexible*/	
		display:block;	
		width:160px;
		margin: 0px 5px 5px 1px;
		padding-bottom:10px;
		/*set the image as a background*/	
		background-position:left bottom;	
		background-repeat:no-repeat;	
		background-image:url(Images/boxbottom160.gif);	
	}
	.boxcontenttips{	
		/*set the font style for the main content*/	
		display:block;	
		/*align the main content nicely*/	
		padding: 5px;
		font-family: "Times New Roman", cursive;
        font-size: 13px;
        color: #666666;
		text-align:center;
	}
	
	
.quizbox{
float:right;
width:130px;
height:120px;
background: url(Images/quiz-scorebox.jpg) no-repeat;
text-align:center;
margin:12px;
}

.quizboxfinal{
float:right;
width:130px;
height:120px;
background: url(Images/quiz-scorebox-final.jpg) no-repeat;
text-align:center;
margin:10px;
}

.quizscore{
color:#b30000;
font: bold 50px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:center;
padding-top:27px;
}

.questionbox{
width:190px;
border:2px solid #ae9052;
background-color:#f2ede3;
text-align:center;
padding:5px 10px 5px 10px;
margin-bottom:10px;
font: 22px "Lucida Grande", "Trebuchet MS", Verdana;
}

.quizresults{
width:750px;
padding: 0px 10px 10px 10px;
border:1px solid #825c2f;
text-align:left;
margin-bottom:10px;
}

.quizresultsscore{
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-top:5px;
}

.quizlistbox{
float:left;
width:780px;
height:330px;
margin-left:4px;
margin-top:50px;
background: url(Images/ex-back-quiz-box.jpg) no-repeat;
text-align:center;
padding:10px;
}

.quizlistcolumn{
margin-top:40px;
margin-left:10px;
float:left;
width:242px;
text-align:left;
}

.quizlistcolumn a{
color: #333333;
text-decoration:none;
}

.exbackreview{
text-align:center;
}

.exbackreview a{
color: #333333;
text-decoration:none;
}

.contact{
text-align:center;
font: bold 80% 'Arial', 'Lucida Grande', Arial, sans-serif;
display: block;
padding-top:0px;
padding-bottom:0px;
padding-right:2px;
padding-left: 0px;
text-decoration: none;
color:#000000;
}

.leftmain{
float:left;
width:550px;
height:520px;
padding:0px 10px 0px 10px;
text-align:center;
}

.rightmain{
float:left;
width:180px;
padding-top:20px;
}

.bottommain{
clear:both;
float:left;
padding-top:12px;
padding-left:48px;
width:100%;
}