/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
body {background: url(images/tiling_glyph_background.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:1025px;  margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background: transparent;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#ccc; border:1px solid #999; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; background:#666; padding:7px; color:#fff;}
#BreadCrumbs1_BreadCrumbs1 a {color:#fff; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#999;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1,
#ContentCell h1 a {font-size:16px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#ff7f00; margin-top: 62px;  padding:0; text-decoration:none; }
#ContentCell h2,
#ContentCell h2 a {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; margin:0; padding:0; text-decoration:none;}
#ContentCell h3,
#ContentCell h3 a {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#005fff; margin:0; padding:0; text-decoration:none;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left; padding: 0 8px;}
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:0 0 15px 0;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}


#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell { margin:0; padding:0; height:auto;}
#TopBannerCell img {margin:0; padding:0;}

/* Cart Styles */
.cartwrap { float: right; height: auto; width: 280px; margin-top: -85px;margin-right: 18px;}
.cartwrap ul li a {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration: none;}
.cartwrap ul li a:hover { text-decoration: underline;}
.cart-divider {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding: 0 4px;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { height: 90px; vertical-align: bottom; }
.TopSubBanner ul li a {}

.NavPlusBorder { }
.TopSubBanner {} 
.Navigation ul {text-indent: -9999px; }
.Navigation .nav-one a:link,
.Navigation .nav-one a:visited {  
	background:url(images/top-navigation_01.png) no-repeat;  
	background-position: 0px 0px; 
	width:175px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-one a:hover{  
	background:url(images/top-navigation_01.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-one a:active{  
	background:url(images/top-navigation_01.png) no-repeat;  
	background-position:  0px -180px;
}  

.Navigation .nav-two a:link,
.Navigation .nav-two a:visited {  
	background:url(images/top-navigation_02.png) no-repeat;  
	background-position: 0px 0px; 
	width:119px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-two a:hover{  
	background:url(images/top-navigation_02.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-two a:active{  
	background:url(images/top-navigation_02.png) no-repeat;  
	background-position:  0px -180px;
}  

.Navigation .nav-three a:link,
.Navigation .nav-three a:visited {  
	background:url(images/top-navigation_03.png) no-repeat;  
	background-position: 0px 0px; 
	width:166px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-three a:hover{  
	background:url(images/top-navigation_03.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-three a:active{  
	background:url(images/top-navigation_03.png) no-repeat;  
	background-position:  0px -180px;
}  

.Navigation .nav-four a:link,
.Navigation .nav-four a:visited {  
	background:url(images/top-navigation_04.png) no-repeat;  
	background-position: 0px 0px; 
	width:115px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-four a:hover{  
	background:url(images/top-navigation_04.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-four a:active{  
	background:url(images/top-navigation_04.png) no-repeat;  
	background-position:  0px -180px;
}  

.Navigation .nav-five a:link,
.Navigation .nav-five a:visited {  
	background:url(images/top-navigation_05.png) no-repeat;  
	background-position: 0px 0px; 
	width:151px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-five a:hover{  
	background:url(images/top-navigation_05.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-five a:active{  
	background:url(images/top-navigation_05.png) no-repeat;  
	background-position:  0px -180px;
}  

.Navigation .nav-six a:link,
.Navigation .nav-six a:visited {  
	background:url(images/top-navigation_06.png) no-repeat;  
	background-position: 0px 0px; 
	width:299px;  
	height:90px;  
	display:block;  
 }  
.Navigation .nav-six a:hover{  
	background:url(images/top-navigation_06.png) no-repeat;  
	background-position:  0px -90px;
}  
.Navigation .nav-six a:active{  
	background:url(images/top-navigation_06.png) no-repeat;  
	background-position:  0px -180px;
}  

/* Search Styles */
.search {width:155px; float:left;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {height:33px;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top; margin-top:5px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
ul.searchWrap li.textbox .searchbox{}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:10%; vertical-align:top;}
#LeftColumnNav1_custommenu {width:100%;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px;}
.navigator a {line-height:18px;}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {background:#968f73;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#3f3a58}

.categorybox a,
.selectedcategorybox a {color:#fff; text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a {color:#e3e0d2; text-decoration:none;}

.subcategorybox a,
.selectedsubcategorybox a {color:#fff; text-decoration:none;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#d4d2dd; text-decoration:none;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
#leftColumnCell {display: none;}
.default #leftColumnCell { display: none; }
.static #leftColumnCell { display: none; }
.main-image {float: left; height: 435px; width: 655px; margin-top: 24px; }
.get-yours {float: right; height: 300px; width: 312px; margin-top: 26px;}
.learn-more { width: 299px; height: 318px; float: right; margin-top: -90px; _margin-top: -300px; margin-right: 8px;}
.features {width: 644px;}
.feature-left {background: url(images/feature-box.png) no-repeat; width: 314px; height: 196px; clear: both; float: left} 
.feature-right {background: url(images/feature-box.png) no-repeat; width: 314px; height: 196px; float: left;}
.left-feature-image {background: url(images/feature-one.jpg) no-repeat; width: 112px; height: 111px; margin-top: 58px; margin-left: 42px;}
.right-feature-image {background: url(images/feature-two.jpg) no-repeat;  width: 112px; height: 111px; margin-top: 58px; margin-left: 42px;}
.left-feature-text { width: 118px; height: 131px; clear: both; vertical-align: top; margin-left: 170px; margin-top: -175px;}
.right-feature-text { width: 118px; height: 131px; vertical-align: top; margin-left: 170px; margin-top: -175px;}
.left-feature-text h1,
.right-feature-text h1 {margin-bottom: 0;}
.left-feature-text h2,
.right-feature-text h2 {display: inline;}
.left-feature-text h3,
.right-feature-text h3 {display: inline;}
.feature-headings { display: block; width: 112px;}
.player {font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#005fff; margin:0; padding:0; }  
.feature-text {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #143c78;
	margin: 0;
	padding: 0;
	line-height: 14px;
}  

/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category a {}
#FeaturedCategories ul li.description {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}
.header-title {margin-top: 22px; text-align: center;}
.header-text {margin-top: 11px;  text-align: center;}
.not-group {float: left; margin-top: 35px;}
.yes-group {float: right; margin-top: 35px;}
.not-text {float: left; margin-top: 18px;}
.yes-text {float: right; margin-top: 18px;}
.info-image-wrap,
.info-text-wrap {width: 885px; margin: 0 auto;}

/* Landing Page - Print your creature */
.landing-title {margin-top: 22px; text-align: center;}
.landing-text {margin-top: 11px;  text-align: center;}
.landing-btn-left {margin-top: 24px;}
.landing-btn-right {margin-top: 18px;}
.landing-left-wrap {clear: both; float: left; width: 494px; text-align: center}
.landing-right-wrap {float: right;  width: 494px; text-align: center; margin-top: -18px;position: relative; z-index:5;}
.gallery-title-wrap {clear: both; width: 457px; margin: 22px auto;}
/* Footer Styles
--------------------------------------------------------*/
#FooterCell {text-align: center;}
.FooterWrap { margin: 0 auto; width: 524px; margin-top: 35px;}
.lineone {font-size:11px; text-align: center; line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}
ul.linefour {margin: 0 auto; }
ul.linefour li {display: inline; }
ul.linefour li a:hover {text-decoration: underline; }
.linefour a {font-size:11px;  vertical-align:top; text-align: center; line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}
.divider {font-size:11px; text-align: center; vertical-align:top;  line-height: 14px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#143c78; text-decoration: none;}


.trademarks {clear: both; height: 83px; display: block; margin-top: 30px; _margin-top: 22px; }
.maxis, 
.e-e, 
.EA, 
.Zcorp {padding: 0 10px;}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
td.c1 p {padding-right: 20px; }
#ProductDetail11_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:14px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */