/* Default
##############################################
# SITE WIDE STYLES                           #
# Add any styles which would be site-wide    #
# here. These can include error styles, list #
# styles, table styles and more.             #
##############################################
*/

/* BEGIN GENERIC STYLES */

.dr_Content {
  font:12px Arial,Verdana,Helvetica,sans-serif;
  color:#000000;
  text-align:left;
  background-color:#FFFFFF;
  padding:8px;
  /* peekaboo fix */
  position:relative;
  min-width:0;
}
.dr_Content h3 {
  font-size:12px;
}
.dr_Content h2 {
  font-size:14px;
}
.dr_Content h1 {
  font-size:20px;
  color:#464646;
  margin: 5px 0px 10px 0px;
}
.dr_error {
  font-weight:bold;
  color:red;
}
.dr_Content img {
  border:0px; 
}
.dr_hiddenText {
  display:none;
}
/* Form button styles */
/* button alignment */
#dr_siteButtons {
  margin:10px 0px;
  text-align:right;
  clear:both;
}
/* button design */
input.dr_button, body a.dr_button {
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#fff;
  border:1px solid #fff;
  margin-left:10px;
  cursor:hand;
}
a.dr_button {
  padding:1px 5px 4px 5px;
  text-decoration:none;
}
a.dr_button:hover {
  color:#c0c0c0;
}
* html a.dr_button {
  padding:3px 5px 2px 5px;
  color:#FFFFFF;
  position:relative;
  bottom:-2px;
}
.dr_hr_line {
  width:100%;
  border-bottom:1px solid #CC0000;
}

/* Styles for clearing */
.dr_clearAfterBoth:after {
  clear:both; 
  content:"."; 
  display:block; 
  height:0; 
  visibility:hidden;
}
.dr_clearAfterLeft:after {
  clear:left; 
  content:"."; 
  display:block; 
  height:0; 
  visibility:hidden;
}
.dr_clearAfterRight:after {
  clear:right; 
  content:"."; 
  display:block; 
  height:0;
  visibility:hidden;
}
.dr_clearBoth {
  clear:both;
}
.dr_clearLeft {
  clear:left
}
.dr_clearRight {
  clear:right
}
/* End styles for clearing */


/* BEGIN POPUP WINDOW STYLES */
#dr_popUp {
  margin:5px;
}
#dr_closeWindow {
  text-align:center;
}
/* END POPUP WINDOW STYLES */

/* BEGIN PRODUCT LIST STYLES */
.dr_Content ul.dr_productList {
  list-style-type:none;
}
.dr_Content ul.dr_productList li {
  display:inline;
  margin:0px;
}
/* END PRODUCT LIST STYLES */

/* Address Styles - billing / shipping */
.dr_Content address {
  font-style:normal;
  padding:5px;
}
/* Table styles - Can be overridden with a direct id call. (i.e. #dr_ConfirmOrder table#dr_confirmTbl) */
.dr_Content table {
  border:0px solid #CC0000;
  border-collapse:collapse;
  width:100%;
  font-size:12px;
  color:#000000;
}
/* Table header styles */
.dr_Content table th {
  border:1px solid #CC0000;
  background-color:#CC0000;
  font-weight:bold;
  font-size:12px;
  color:#FFFFFF;
  padding:3px 8px;
}
/* Table odd and even row styles */
.dr_Content table tr.dr_evenRow {
  background-color:#FFFFFF;
}
.dr_Content table tr.dr_oddRow {
  background-color:#FFFFFF;
}
/* Table header style for product name */
.dr_Content th.dr_productName {
  padding-left:3px;
  text-align:left;
  width:65%;
}
.dr_Content td.dr_productName {
  padding:5px 3px;
}
/* Table cell styles */
.dr_Content table td {
  padding:2px 5px;
  vertical-align:top;
}
/* Empty cell styles - these are cells with no content (usually in the "totals" rows) */
.dr_Content table td.dr_emptyCell
{
  border:0px;
}
/* Totals cells - these are the cells that contain totals information */
.dr_Content table tr#dr_subTotal td.dr_qty,
.dr_Content table tr#dr_discountTotal td.dr_qty,
.dr_Content table tr#dr_shippingTotal td.dr_qty,
.dr_Content table tr#dr_shippingDiscountTotal td.dr_qty,
.dr_Content table tr#dr_taxTotal td.dr_qty,
.dr_Content table tr#dr_shippingEstimator td.dr_qty,
.dr_Content table tr#dr_feeTotal td.dr_qty,
.dr_Content table tr#dr_priceTotal td.dr_qty,
.dr_Content table td.dr_totals
{
  border:0px;
  text-align:right;
  padding:6px 3px;
}
.dr_Content table tr#dr_priceTotal {
  font-weight:bold;
}
/* Used on entire price column, including lineitem prices and the totals */
.dr_Content table th.dr_price,
.dr_Content table th.dr_unitPrice,
.dr_Content table th.dr_extendedPrice,
.dr_Content table td.dr_price,
.dr_Content table td.dr_priceVAT,
.dr_Content table td.dr_unitPrice,
.dr_Content table td.dr_extendedPrice
{
  text-align:right;
  padding:6px 5px;
  white-space:nowrap;
}
/* Shipping Line Item style */
.dr_Content table #dr_shippingEstimator td {
  border:0px;
  padding:6px 5px;
}
.dr_Content table .dr_label {
  display:none;
}
/* Styles for the lineitem details for a product in the order */
a.dr_expandDetails  {
  color:#0000FF;
  font-size:11px;
  text-decoration:none;
}
.dr_productDetails {
  padding:2px;
  margin:2px 0px 2px 12px;
  font-size:11px;
  list-style-type:none;
  font-weight: normal;
}
a.dr_details  {
  color:#666;
  font-size:11px;
  text-decoration:none;
}
.dr_Content #dr_cartTbl .dr_productName ul,
.dr_Content #dr_confirmTbl .dr_productName ul,
.dr_Content #dr_invoiceTbl .dr_productName ul {
  font-size:11px;
  list-style-type:none;
  padding:0px 0px 0px 10px;
  margin:5px 0px 0px 0px;
}
/* Styles for breadcrumbing on site */
#dr_CheckoutBreadcrumb {
  margin:0px;
  padding:0px;
}
ul#dr_breadcrumbTitles {
  list-style:none;
  margin:0px;
  padding:0px;
}
#dr_breadcrumbTitles li {
  display:inline;
  margin:10px 10px 10px 0px;
  padding:0px;
}
#dr_breadcrumbTitles li.dr_titleOn {
  font-weight:bold;
}
/* Forms */
.dr_Content form {
  margin:0px;
  padding:0px;
}
/* Legends - usually there for 508 compliance and set to display none */
.dr_Content legend {
  display:none;
  margin:0px;
  padding:0px;
}
@media aural {
  .dr_Content legend {
    display:block;
    margin:0px;
    padding:0px;
  }
}
@media screen {
  .dr_Content legend {
    display:none;
    margin:0px;
    padding:0px;
  }
}
/* Fieldset headers - these are more for screen (browsers) that screen readers such as jaws */
.dr_Content fieldset h3 {
  background-color:#CC0000;
  color:#FFFFFF;
  margin:0px;
  padding:2px;
  font-size:1em;
}
/* Fieldset, these are goupings of similar form elements */
.dr_Content fieldset {
  border:1px solid #CC0000;
  padding:0px;
  margin:0px;
  margin-bottom:10px;
  padding-bottom:10px;
}
.dr_Content fieldset{
  border:0px;
}
/* Input - input elements */
.dr_Content fieldset input {
  margin-left:10px;
}
/* Select Boxes */
.dr_Content fieldset select {
  margin-left:10px;
}
/* Select Boxes */
.dr_Content fieldset textarea {
  margin-left:10px;
}
/* Form lines - this is a div that contains the label and input element. The default CSS will place
these on new lines */
/* mack a-hack \*/
.dr_Content fieldset .dr_formLine {
  clear:both;
}
/* */
.dr_Content fieldset .dr_formLine {
  margin:3px 10px;
  height:3em;
}
/* mack a-hack \*/
.dr_Content fieldset .dr_formLine {
  height:auto;
}
/* */
/* Labels - this CSS will give the form a nice lined up columnar layout within each fieldset */
.dr_Content fieldset .dr_label {
  display:block;
  float:left;
  width:130px;
}
.dr_Content fieldset .dr_label_right {
  display:block;
  float:left;
  width:80%;
}
.dr_Content fieldset#dr_optIn label {
  width:92%;
  float:right;
}
.dr_Content fieldset#dr_ACHFormFields #dr_optInACH label {
  width:93%;
  float:right;
}
/* Subheadings in the forms */
.dr_Content fieldset h5 {
  display:inline;
  width:400px;
}
/* Style for pages with minimal text, such as error pages */
#dr_shortPage {
  text-align:center;
  margin:40px 0px 100px 0px;
}
/* Styles for Terms and Agreements text */
#dr_TCAgreement,
#dr_TCDisclosure,
#dr_TCFooter {
  clear:both;
  padding:10px 0px;
}
/* END GENERIC STYLES */

/* BEGIN HOME/WELCOME PAGE CSS */
/* Styles for the advanced home page with merchandising offers */
#dr_Home #dr_column1 {
  width:65%;
  float:left;
}
#dr_Home #dr_column2 {
  width:30%;
  margin:0px 0px 0px 10px;
  float:left;
}
#dr_Home #dr_topSellersOffer h3 {
  text-align:center;
}
#dr_Home #dr_storeSpecialsOffer {
  text-align:center;
}
#dr_featuredItemsOffer .dr_thumbnailImage img {
  float:left;
  margin:0px 5px 5px 0px;
}
#dr_Home .dr_button {
  margin:0px;
}
/* Styles for the basic product listing home page */
#dr_Home #dr_totalSize {
  text-align:right;
  margin-bottom:8px;
}
#dr_homeProductListIteration #dr_column1 {
  width:25%;
  float:left;
}
#dr_homeProductListIteration #dr_column2 {
  width:70%;
  float:left;
}
#dr_homeProductListIteration .dr_button {
  margin:0px;
}
/* END HOME/WELCOME CSS */

/*
#############################################
# FIXES                                     #
# These are minor fixes to get things  to   #
# work cross browser. If you need to add    #
# anything for browser bugs, here is the    #
# place. Of course a good resource for      #
# browser bugs is online at:                #
# http://php.digitalriver.com/brandon/tips/ #
#############################################

*/
#dr_testOptions table {
  width:350px;
}
#dr_testOptions table td{
  border:0px;
}
* html .dr_Content {
height: 1%;
}
*:first-child+html .dr_Content{ 
height: 1%; 
}
/*
#############################################
# Invisible Text in IE? Do the following:   #
# * html #elementID { height:0.01%; }       #
#############################################
*/
* html #dr_ThankYou {
  height:0.01%;
}
/***** BEGIN SITE-SPECIFIC Styles *****/

/*
* {
    margin:0;
    padding:0;
}
*/

body {
    background-color:#be0b11;
    background-image:url(backgroundTop.gif);
    background-repeat:repeat-x;
    margin:0;
    padding:0;
}

#bodyContainerHead {
	margin:0 auto;
	padding:0;
	width:940px;
}

/* BEGIN header */
#bodyHead {
	background-color:#fff;
	height:135px;
	width:900px;
}
#bodyHeadRowOne {
	height:100px;
}

#mattelLogo {
	float:right;
	padding-top:10px;
	left:50px;
	position:relative;
}
#bodyHeadLogo {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
z-index:1;
}
#bodyHeadLogo a {
	cursor:pointer;
}
#bodyHeadTopBanner {
	height:95px;
	margin:0 0 0 240px;
	padding:5px 0 0 0;
	position:absolute;
	top:0;
	width:500px;
}
	/* Begin Minicart */
#bodyHeadMinicart {
	display: none;
	
	background-image:url(minicartMidfull.gif);
	background-repeat:no-repeat;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	height:110px;
	margin:0 0 0 725px;
	padding:0;
	position:absolute;
	text-align:center;
	top:0;
	width:136px;
}
#bodyHeadMinicart img {
	display:block;
	margin:0 auto;
}
#bodyHeadMinicart #dr_cartSummary {
	height:35px;
	margin:0 auto;
	width:120px;
}
#bodyHeadMinicart #bodyHeadMinicartBtm {
	margin:-2px 0 0 0;
}
	/* End Minicart */
/* Begin Navigation */
#bodyHeadTopNav {
	background-image:url(topNavBar3.jpg);
	height:35px;
        margin:0;
	padding:0;
}
#topNavLinks {
	font-weight:bolder;
	font-size:12px;
	height:35px;
	line-height:20px;
	margin:0;
	padding:0 0 0 150px;
	text-transform:uppercase;
}
/* BEGIN top nav styles */
#topNavLinksList, #topNavLinksList ul { /* all lists */
	list-style:none;
	line-height:12px;
	margin:0;
	padding:0;
}
#topNavLinksList a {
	background-color:transparent;	
	color: #000;
	display: block;
	font-family:verdana, arial, helvetica, sans serif;
	font-size:11px;
	text-decoration:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:100;
}	
#topNavLinksList a:hover {
	color:#cc0000;
}
#topNavLinksList li { /* all list items */
	float:left;
	margin:0;
	padding:0;
	width:90px; /* width needed or else Opera goes nuts */
}
#topNavLinksList li a.head { /* first-level lists */
	border-right:2px solid #000;
	margin:5px 0 0 0;
	text-align:center;
}
#topNavLinksList li a.head:hover {
	color:#cc0000;
}	
#topNavLinksList li a.last {
	margin:5px 0 0 0;
	text-align:center;
}
#topNavLinksList li a.last:hover {
	color:#cc0000;
}

#topNavLinksList li ul.catLinks { /* second-level lists */
	background:#ffe576;
	padding:0;
	position: absolute;
	width: 139px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
}
#topNavLinksList li ul a {
	border-bottom:1px solid #fb9837;
	color:#cc0000;
	padding:4px;
	text-transform:none;
	width:130px;
}
#topNavLinksList li ul a:hover {
	color:#000;
}
#topNavLinksList li:hover ul, #topNavLinksList li li:hover ul, #topNavLinksList li.sfhover ul, #topNavLinksList li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#topNavLinksList li ul div.subCat a.ListText {
	clear:both;
	margin:0;
	padding:5px 10px;
	width:120px;
}

/* END top nav styles */
#dr_productSearch label.dr_label {
	display:none;
}

/* -- hide Product Showcase in nav -- */ 
a#nav14048700, 
a#deptnav14048700 {
	display:none;
}
	

	/* End Navigation */
	
/* END header */

/* BEGIN body */

#bodyContainerBody {
	margin:0 auto;
	padding:0;
	width:95%;
}

#bodyBody {
	border:0px solid #fff;
	background-color:#fff;
/*	background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/matty/cm/images/pageBkg5.jpg);*/
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}
#bodyBodyTop {
/*	background-image:url(topCurveBody4.png);*/
	height:22px;
	margin:0;
	padding:0;
}
 /* Begin Left Naviation */
#bodyBodyNav {
	float:left;
	margin:20px 10px 10px 15px;
	padding:0;
	width:124px;

	display: none;
}
#bodyNavMid {
	background-image:url(navMiddle.gif);
	margin:-5px 0 -2px 0;
	padding:0;
	width:124px;
}
#bodyNavTop {
	background-image:url(navTop.png);
	background-repeat:no-repeat;
	height:8px;
	margin:0;
	padding:0;
	width:125px;
}	 
#bodyNavBottom {
	background-image:url(navBottom.png);
	background-repeat:no-repeat;
	height:8px;
	margin:0;
	padding:0;
	width:125px;
}	
#bodyBodyNav #dr_productSearch {
	margin:5px 0 10px 0;
}
#bodyBodyNav #dr_productSearch form {
	margin:0 auto;
	width:110px;
	height:20px;
}
#bodyBodyNav #dr_productSearch form input { 
	width:90px;
	float:left;
}
#bodyBodyNav #dr_productSearch form #dr_siteButtons input { 
	width:10px;
	float:right;
	margin:-20px 0 0 0;
	padding:0;
}
#bodyNavTop, #bodyNavBottom {
	height:8px;
}
#bodyBodyNav ul {
	list-style-type:none;
}
#bodyBodyNav ul.catLinks {
	font-weight:bolder;
	margin:0 0 0 10px;
}
#bodyBodyNav ul.catLinks li {
	margin:0 0 10px 0;
        width:110px;

}
#bodyBodyNav .catLinks .subCat {
	font-weight:normal;
	margin:-5px 0 10px 10px;
}
#bodyBodyNav .catLinks .subCat a {
	color:#000;
	display:block;
	font-weight:bolder;
	margin:3px 0;
	text-decoration:none;
	width:100px;
}
#bodyBodyNav .catLinks .subCat a:hover {
	color:#cc0000;
}
#bodyBodyNav .storeLinks {
	font-weight:normal;
	margin:0 0 0 10px;
}
#bodyBodyNav li {
	margin:2px 0;
	width:100px;
}
#bodyBodyNav li a {
	color:#000;
	text-decoration:none;
}
#bodyBodyNav li a:hover {
	color:#cc0000;
	text-decoration:none;
}
#bodyBodyNav #leftNavBanner img {
	border:1px solid #cc0000;
	margin:0 10px 10px 10px;
	width:100px;
} 
#bodyBodyNav h3 {
	background-color:#000;
	color:#fff;
	font:12px normal Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0;
	text-align:center;
}
 /* End Left Navigation */
#bodyBodyMain {
	float:left;
	width:700px;
	padding:20px 0 30px 30px
}
#bodyBodyMainBorder {
	background:url(blank.gif);
	float:left;
	margin:0;
	padding:0;
	width:704px;
}
#bodyInsideTop, #bodyInsideBottom {
	display:none;
}

.dr_Content {
	background-color:transparent;
	margin:-20px 0 0 0;
}
.dr_Content h1 {
	font-size:20px;
}

/* END body */

/* BEGIN footer */
#bodySubFooter  {
	clear:both;
	background-color:#000;
	height:15px;
	display:none;
	margin:0 0 20px 0;
	padding:2px;
	width:700px
}
#bodySubFooter a {
	color:#fff;
}
#bodySubFooter a:hover {
	color:#cc0000;
}
#bodySubFooter span.right {
	float:right;
	padding:0 5px;
}
#bodyFooter  {
	background-color:#fff;
/*	background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/matty/cm/images/pageBkg5.jpg);*/
	background-repeat:repeat-y;
}
#bodyFooter #bodyFooterBlack {
	background-color:#000;
	color:#fff;
	margin:0;
	padding:5px;
	text-align:center;
        font-size:12px;
}
#bodyFooter #bodyFooterBlack a {
	color:#fff;
	text-decoration:none;
}	
#bodyFooter #bodyFooterBlack a:hover {
	color:#aa0000;
}	
#bodyFooter #bodyFooterWhite {
	margin:0;
	padding:5px;
	text-align:center;
        font-size:12px;
}
#bodyFooter #bodyFooterWhite a {
	border-right:1px solid #656565;
	display:inline;
	padding:0 5px;
	color:#656565;
	text-decoration:none;
        font-size:12px;
}
#bodyFooter #bodyFooterWhite a.last {
	border-right:0px solid #656565;
} 
#bodyFooter #bodyFooterWhite a:hover {
	color:#aa0000;
	text-decoration:none;
}
/* END footer */

/**** BEGIN DR Code updates ****/
	/**** Begin Store Home ****/
#dr_Home .dr_Hero {
	margin:0 0 0 30px;
}
#dr_Home  h3 {
	background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/matty/cm/images/h3Bkg_2.gif);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:normal;
	margin:10px auto;
	text-align:center;
	text-transform:uppercase;
}
#dr_Home .dr_topSellersOffer {
	margin:0 auto;
	text-align:center;
}
#dr_Home .dr_topSellersOffer .dr_topSellerIteration {
	display:inline;
	margin:0 5px;
	text-align:center;
}
#dr_Home .dr_topSellersOffer .dr_topSellerIteration a {
text-decoration:none;
}
#dr_Home .dr_featuredItemsOffer {
	margin:0 auto;
}
#dr_Home .dr_featuredItemsOffer .dr_featuredItemsIteration {
	float:left;
	margin:0 5px;
	text-align:center;
	width:150px;
}
#dr_Home .dr_featuredItemsOffer .dr_featuredItemsIteration a {
	text-decoration:none;
}
#dr_Home .dr_featuredItemsOffer .dr_featuredItemsIteration a:hover {
	color:#cc0000;
}
.dr_promoPriceLabel, .dr_actualPrice {
	color:#cc0000;
	font-weight:bolder;
}
	/**** End Store Home ****/
#dr_News p,
#dr_About p {
	margin:15px 5px;
}

#dr_News strong {color:#cc0000;}
#dr_News em {
	font-style:normal;
	text-decoration:underline;
}
#dr_News .imgCenter {
	display:block;
	margin:0 auto;
}
#dr_News .date {
	color:#999;
	font-weight:bold;
}
#dr_CustomerServiceOrderSearch ul {
	margin:0 0 0 30px;
}
#dr_ProductDetails li {
  margin:0 5px 10px 18px;
}
/**** END DR Code updates ****/



/**** Custom code added ***/
#ev_common_master_div1 {
    width:98%;
    padding-left:1%;
    padding-right:1%;
    
}

#bodyHeadRowOne{
    width:70%;
}


#bodyFooter #bodyFooterWhite a:hover
{
    color: #aa0000;
    text-decoration: none;
}

#ev_common_master_div2 .ev_body_table{
    padding:8px;
}