/* ---------------------------------------- */
/*   CSS RESETS                             */
/* ---------------------------------------- */
@import url('reset.css');
/* ---------------------------------------- */
/*   BODY                                   */
/* ---------------------------------------- */
body {
	background-color: #fff;
}
/* ---------------------------------------- */
/*   HEADER                                 */
/* ---------------------------------------- */
#header {
	margin: 0 auto;
	height: 203px;
	width: 880px;
}
#header img.logo {
	display: block;
	margin: 5px auto 9px;
}
/* ---------------------------------------- */
/*   NAVIGATION                             */
/* ---------------------------------------- */
#nav {
	background: url(../images/nav.gif) no-repeat 0 0;
	height: 48px;
	width: 880px;
	position: relative;
	overflow: hidden;
}
#nav li {
	float: left;
	position: relative;
}
#nav a {
	height: 48px;
	display: block;
	background: url(../images/nav_sprites.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#nav a.home {
	width: 87px;
}
#nav a.category {
	width: 141px;
	background-position: -87px 0;
}
#nav a.brands {
	width: 112px;
	background-position: -228px 0;
}
#nav a.gender-age {
	width: 162px;
	background-position: -340px 0;
}
#nav a.whatsnew {
	width: 158px;
	background-position: -502px 0;
}
#nav a.news {
	width: 89px;
	background-position: -660px 0;
}
#nav a.company {
	width: 126px;
	background-position: -749px 0;
}
/* ---------------------------------------- */
/*   HOME                                   */
/* ---------------------------------------- */
#home {
	margin: 13px auto 11px;
	padding: 38px 30px 42px;
	height: 411px;
	width: 827px;
	background: url(../images/home.gif) no-repeat 0 0;
}
/* ---------------------------------------- */
/*   INSIDE CONTENT                         */
/* ---------------------------------------- */
.insidecontent {
	width:880px;
	min-height:624px;
	height:auto !important;
	height:624px;
	padding:30px 40px 40px;
	margin:auto;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:13px;
}
.insidecontentleft {
	float:left;
	width:278px;
	padding:0px;
	margin:0px;
}
.insidecontentright {
	float:left;
	width:602px;
	padding:0px;
	margin:0px;
}
.clear {
	height:0px;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}
.quicklinkstile {
	background:url(../images/quicklinkstile.gif) repeat-y top left;
	padding:0px;
	margin:0px;
}
.quicklinkstop {
	background:url(../images/quicklinkstop.gif) no-repeat top left;
	padding:0px;
	margin:0px;
}
.quicklinksbottom {
	background:url(../images/quicklinksbottom.gif) no-repeat bottom left;
	width:228px;
	min-height:206px;
	height:auto !important;
	height:206px;
	padding:21px 10px 20px;
	margin:0px;
}
/* ---------------------------------------- */
/*   QUICK LINKS CSS                        */
/* ---------------------------------------- */

.quicknavtoggle {
	list-style:none;
	color:#000;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
.quicknavtoggle a:link, .quicknavtoggle a:visited {
	color:#000;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
.quicknavtoggle a:hover {
	color:#646464;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
.quicknavtoggle li {
	background: url(../images/quicklinkbg.png) no-repeat top left;
	width:193px;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding:0px;
	padding-left:35px;
	margin:0px;
	margin-bottom:10px;
	position:relative;
	cursor:pointer;
}
.quicknavtoggle p {
	margin:0;
	margin-top:25px;
	display:none;
	line-height:18px;
}
.featuredone {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	position:relative;
}
.featuredtwo {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	position:relative;
}
.featuredthree {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	position:relative;
}

.featuredfour {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	position:relative;
}

.featuredonea {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	margin-right: 38px;
	position:relative;
}
.featuredtwoa {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	margin-right: 10px;
	position:relative;
}
.featuredthreea {
	float:left;
	width:190px;
	padding:0px;
	padding-left:10px;
	margin-right: 38px;
	position:relative;
}

.featuredfoura {
	float:left;
	width:180px;
	padding:0px;
	padding-left:10px;
	position:relative;
}
.starone {
	background:url(../images/star1.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.startwo {
	background:url(../images/star2.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starthree {
	background:url(../images/star3.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starfour {
	background:url(../images/star4.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starfive {
	background:url(../images/star5.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starsix {
	background:url(../images/star6.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starseven {
	background:url(../images/star7.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.stareight {
	background:url(../images/star8.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
.starnine {
	background:url(../images/star9.png) no-repeat top left;
	width:55px;
	height:53px;
	position:absolute;
	bottom:-22px;
	left:0;
	z-index:98;
}
/* ---------------------------------------- */
/*   COMPANY PAGE CSS                       */
/* ---------------------------------------- */
h1#companytitle {
	background:url(../images/companytitle.gif) no-repeat top left;
	width:880px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
h1#featuredcompany {
	background: url(../images/featureditems_company.gif) no-repeat top left;
	width:880px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0
}
.itemblue {
	background: url(../images/itemblue.png) no-repeat top left;
	width:165px;
	height:23px;
	padding:0px;
	padding-top:8px;
	margin:0px;
	position:absolute;
	bottom:-10px;
	left:28px;
	z-index:10;
	text-align:center;
	color:#fff;
}
.itemblue a:link, .itemblue a:visited, .itemorangetwo a:link, .itemorangetwo a:visited
{
color:#fff;
text-decoration:none;
}
.itemblue a:hover, .itemorangetwo a:hover
{
	color:#ccc;
	text-decoration:none;
	
}
/* ---------------------------------------- */
/*   BRAND PAGE CSS                         */
/* ---------------------------------------- */

h1#brandtitle {
	background: url(../images/brandstitle.gif) no-repeat top left;
	width:602px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
h1#featuredbrand {
	background: url(../images/featureditems_brand.gif) no-repeat top left;
	width:602px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0
}
h1#featuredbrandtwo {
	background: url(../images/featureditems_brand2.gif) no-repeat top left;
	width:602px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0
}
.itemviolet {
	background: url(../images/itemviolet.png) no-repeat top left;
	width:165px;
	height:23px;
	padding:0px;
	padding-top:8px;
	margin:0px;
	position:absolute;
	bottom:-30px;
	left:20px;
	z-index:10;
	text-align:center;
	color:#fff;
}
.itemviolet a:link, .itemviolet a:visited, .itemorange a:link, .itemorange a:visited
{
color:#fff;
text-decoration:none;
}
.itemviolet a:hover, .itemorange a:hover
{
	color:#ccc;
	text-decoration:none;
	
}
.itemorange {
	background: url(../images/itemorange.png) no-repeat top left;
	width:165px;
	height:23px;
	padding:0px;
	padding-top:8px;
	margin:0px;
	position:absolute;
	bottom:-10px;
	left:28px;
	z-index:10;
	text-align:center;
	color:#fff;
}
/* ---------------------------------------- */
/*   NEWS PAGE CSS                       	*/
/* ---------------------------------------- */
h1#newstitle {
	background:url(../images/newstitle.gif) no-repeat top left;
	width:880px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
h1#featurednews {
	background: url(../images/featureditems_news.gif) no-repeat top left;
	width:880px;
	height:67px;
	text-indent:-9999px;
	padding:0;
	margin:0
}
.itemorangetwo {
	background: url(../images/itemorange2.png) no-repeat top left;
	width:165px;
	height:23px;
	padding:0px;
	padding-top:8px;
	margin:0px;
	position:absolute;
	bottom:-10px;
	left:28px;
	z-index:10;
	text-align:center;
	color:#fff;
}

#newsbox1, #newsbox2, #newsbox3, #newsbox4 {
	float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 194px;
}

.insidecontentrighta {
	float: left;
	width: 880px;
	position: relative;
}

.insidecontentrightb {
	float: left;
	width: 880px;
	position: relative;
}


.newsboxa, .newsboxb, .newsboxc, .newsboxd {
	float: left;
    margin: 0 13px;
    position: relative;
    width: 194px;
}

#newsstarone {
	background: url(../images/starone.png) no-repeat top left;
	width:49px;
	height:50px;
	position:absolute;
	top:-7px;
	right:0;
	z-index:100;
}
#newsstartwo {
	background: url(../images/startwo.png) no-repeat top left;
	width:49px;
	height:50px;
	position:absolute;
	top:-7px;
	right:0;
	z-index:100;
}
#newsstarthree {
	background: url(../images/starthree.png) no-repeat top left;
	width:49px;
	height:50px;
	position:absolute;
	top:-7px;
	right:0;
	z-index:100;
}
#newsboxonetile {
	background:url(../images/newsbox1tile.gif) repeat-y top left;
	padding:0px;
	margin:0px;
}
#newsboxonetop {
	background:url(../images/newsbox1top.gif) no-repeat top left;
	padding:0px;
	margin:0px;
}
#newsboxonebottom {
	background:url(../images/newsbox1bottom.gif) no-repeat bottom left;
	min-height:298px;
	height:auto !important;
	height:298px;
	margin:0px;
	position:relative;
	z-index:0;
	color:#fff;
}
#newsboxtwotile {
	background:url(../images/newsbox2tile.gif) repeat-y top left;
	padding:0px;
	margin:0px;
}
#newsboxtwotop {
	background:url(../images/newsbox2top.gif) no-repeat top left;
	padding:0px;
	margin:0px;
}
#newsboxtwobottom {
	background:url(../images/newsbox2bottom.gif) no-repeat bottom left;
	min-height:298px;
	height:auto !important;
	height:298px;
	margin:0px;
	position:relative;
	z-index:0;
	color:#fff;
}
#newsboxthreetile {
	background:url(../images/newsbox3tile.gif) repeat-y top left;
	padding:0px;
	margin:0px;
}
#newsboxthreetop {
	background:url(../images/newsbox3top.gif) no-repeat top left;
	padding:0px;
	margin:0px;
}
#newsboxthreebottom {
	background:url(../images/newsbox3bottom.gif) no-repeat bottom left;
	min-height:298px;
	height:auto !important;
	height:298px;
	margin:0px;
	position:relative;
	z-index:0;
	color:#fff;
}



#newsboxfourtile {
	background:url(../images/newsbox4tile.gif) repeat-y top left;
	padding:0px;
	margin:0px;
}
#newsboxfourtop {
	background:url(../images/newsbox4top.gif) no-repeat top left;
	padding:0px;
	margin:0px;
}
#newsboxfourbottom {
	background:url(../images/newsbox4bottom.gif) no-repeat bottom left;
	min-height:298px;
	height:auto !important;
	height:298px;
	margin:0px;
	position:relative;
	z-index:0;
	color:#fff;
}


#newsboxonebottom, #newsboxtwobottom, #newsboxthreebottom, #newsboxfourbottom {
	padding:12px 10px 20px;
}
.innerbg {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    min-height: 290px;
    padding: 5px;
}
/* ---------------------------------------- */
/*   PRODUCTS INFO                          */
/* ---------------------------------------- */

#productleft
{
	float:left;
	width:194px;
	padding:0px;
	margin:0px;
	text-align:center;
}
#productright
{
	float:left;
	width:408px;
	padding:0px;
	margin:0px;
}


ul.tabs {
	background: url(../images/producttabsbg.gif) no-repeat top left;
	height:35px;
	width: 602px;
	margin: 0;
	padding: 0;
	padding-left:10px;
	float: left;
	list-style: none;	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 31px;
	background: #f1cea2;
	overflow: hidden;
	position: relative;
}
ul.tabs li#productinfo {
	float: left;
	background:url(../images/productinfo.gif) no-repeat top left;
	width:133px;
	margin: 0;
	padding: 0;
	height: 35px;
	overflow: hidden;
	position: relative;
}
ul.tabs li#moreinfo {
	float: left;
	background:url(../images/moreinfo.gif) no-repeat top left;
	width:132px;
	margin: 0;
	padding: 0;
	height: 35px;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	width:133px;
	height:35px;
	padding: 0px;
	display: block;
	color: #443d35;
	font-size: 11px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-decoration: none;
	vertical-align:middle;
	text-align:center;
	outline: none;	
}



ul.tabs li a:hover {
	background: none;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background:#e49e45;
}
html ul.tabs li#productinfo.active, html ul.tabs li#productinfo.active a:hover {
	background:url(../images/productinfoactive.gif) no-repeat top left;
	width:133px;
	height:35px;
}
html ul.tabs li#moreinfo.active, html ul.tabs li#moreinfo.active a:hover {
	background:url(../images/moreinfoactive.gif) no-repeat top left;
	width:132px;
	height:35px;
}
.tab_container {
	clear: both;
	float: left;
	width: 602px;
	min-height:198px;
	height:auto !important;
	height:198px;
	background: url(../images/productbg.gif) no-repeat top left;
}
.tab_content {
	padding: 20px 16px 0px 20px;
	margin:0px;
	color:#000;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	line-height:15px;
}
.tab_content h1
{
	color:#000;
	font-size:18px;
	height:24px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
}


/* ---------------------------------------- */
/*   FOOTER                                 */
/* ---------------------------------------- */
#footer {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	height: 80px;
	width: 827px;
}
#footer label {
	float: left;
	position: relative;
	display: block;
	height: 35px;
	width: 207px;
	background: url(../images/search_box.gif) no-repeat 0 0;
	vertical-align: middle;
}
#footer input.text {
	position: absolute;
	top: 5px;
	left: 13px;
	border: 0;
	padding: 5px 0;
	height: 15px;
	width: 125px;
	background: none;
	color: #595959;
	font: normal 12px Arial;
}
#footer input.button {
	position: absolute;
	top: 15px;
	right: 8px;
	border: 0;
	height: 7px;
	width: 44px;
	background: url(../images/search_button.gif) no-repeat 0 0;
	cursor: pointer;
}
#footer p {
	position: relative;
	float: right;
	display: block;
	margin-top: 10px;
	height: 10px;
	width: 220px;
	background: url(../images/footer_copyright.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#footer ul {
	position: relative;
	float: right;
	display: block;
	margin-top: 9px;
}
#footer li {
	position: relative;
	float: left;
	padding: 0 19px 0 15px;
	background: url(../images/footer_divider.gif) no-repeat right 0;
}
#footer li.last {
	padding-right: 0;
	background: none;
}
#footer li a {
	display: block;
	height: 9px;
	text-indent: -9999px;
	background: url(../images/footer_sprites.gif) no-repeat 0 0;
}
#footer li a.inventor {
	width: 111px;
}
#footer li a.customer {
	background-position: -145px 0;
	width: 128px;
}
#footer li a.careers {
	background-position: -307px 0;
	width: 60px;
}
#footer li a.support {
	/*background-position: -401px 0;
	width: 80px;*/
}
#footer li a.community {
	background-position: -401px 0;
    width: 80px;
}
.insidemiddle {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.insidemiddle strong
{
	color:#50388b;
	font-size:14px;	
}
.insidemiddle div
{
	line-height:16px;
	
}


.logo-disney { 
	background:url("../images/disney-logo.png") no-repeat scroll 0 0 transparent;
	height:103px;
	margin:10px 0 0 20px;
	position:absolute;
	width:123px;
	z-index:1;
 }
 .logo-bdjr { 
	background:url("../images/black_N_Decker_logo.png") no-repeat scroll 0 0 transparent;
	height:106px;
	margin:0;
	position:absolute;
	width:240px;
	z-index:1;
 }
.logo-fairies {
	background:url("../images/d_fairies-logo.png") no-repeat scroll 0 0 transparent;
	height:91px;
	margin:0;
	position:absolute;
	width:131px;
	z-index:9;
}
.logo-pinklogo {
	background:url("../images/pink_logo.png") no-repeat scroll 0 0 transparent;
	height:60px;
	margin:10px;
	position:absolute;
	width:144px;
	z-index:9;
}









.categoryLogo {
	width:100%;
	padding:0px 0px 10px 0px;
	text-align:center;
}


.catalogList {}
.catalogList ul {}
.catalogList ul li {
    display: inline-block;
    height: 210px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 24.6%;
}
.catalogList ul li a .prodTitle{
    background: url("../images/itemviolet.png") no-repeat scroll left top transparent;
    border: 0 none;
    bottom: 0;
    color: #FFFFFF;
    height: 26px;
    left: 20px;
    margin: 0;
    padding: 5px 5px 0;
    position: absolute;
    text-align: center;
    width: 155px;
    z-index: 10;
}
.catalogList ul li a {
    display: block;
    text-decoration: none;
}



.crights {
	 font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin-top: 10px;
    text-align: left;
}
.crights a { color:#333333; }

.custom_w {}
.custom_w .catalogList ul li {
    width: 32.5%;
}
