/* Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/* clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*
	Global Elements
*/
body {background:#ffffff; color:#000000; font-size:12px; font-family:arial,sans-serif;}

/*
	Global Layout
*/

.site-wrap {width:760px; margin:0 auto;}

.header {padding:20px 25px; background:#f1f6f9;}
.header h1 {float:left;}
.header h1 a {display:block; width:228px; height:0; padding-top:57px; overflow:hidden; background:url(../imgs/lgo-style-savvy.png) 0 0 no-repeat;}
.header .lgo-nintendo {float:right; margin-top:4px;}

.nav-main {float:right; position:relative; z-index:10; width:159px; margin-top:73px; background:url(../imgs/bg-nav-main.png) -20px -20px no-repeat; _background:none;}
.nav-main li {margin-bottom:3px;}
.nav-main li a {display:block; width:140px; height:0; padding-top:30px; overflow:hidden; background:url(../imgs/nav-main.png) 0 0 no-repeat;}

.nav-main li a.gam {margin-left:10px; background-position:-0px -0px;}
.nav-main li a.gam:hover,
.body-gamebasics li a.gam {background-position:-0px -30px;}
.nav-main li a.cre {background-position:-140px -0px;}
.nav-main li a.cre:hover,
.body-createstyle li a.cre {background-position:-140px -30px;}
.nav-main li a.bra {margin-left:10px; background-position:-280px -0px;}
.nav-main li a.bra:hover,
.body-16brands .nav-main li a.bra {background-position:-280px -30px;}
.nav-main li a.run {background-position:-420px -0px;}
.nav-main li a.run:hover,
.body-runyourshop .nav-main li a.run {background-position:-420px -30px;}
.nav-main li a.pla {margin-left:10px; background-position:-560px -0px;}
.nav-main li a.pla:hover,
.body-playwithfriends .nav-main li a.pla {background-position:-560px -30px;}
.nav-main li a.new {margin-top:11px; background-position:-700px -0px;}
.nav-main li a.new:hover {background-position:-700px -30px;}

.content-wrap {position:relative; width:760px; height:456px; background:url(../imgs/bg-content.jpg) 0 0 no-repeat;}
.content-wrap {}

.content {padding:0 0 0 23px;}
.content h3 {margin-bottom:15px; color:#004276; font-size:16px; text-transform:uppercase;}
.content p {margin-bottom:20px; line-height:20px;}
.content a {color:#000000;}
.content p.txt-image {margin-bottom:2px;}
.content p.txt-image img {margin-left:-20px;}
.content .gra-girl {position:absolute; top:0; left:0; z-index:1;}
.content .lgo-brand {display:block; }

.content li {margin-bottom:20px;}
.content li.border {padding-top:25px; border-top:1px solid #cccccc;}
.content li.divider {width:100%; margin:0; line-height:.1em; font-size:.1em;}
.content .lt {float:left;}
.content .lt-text {width:185px;}
.content .rt {float:right;}
.content .rt-clothes {width:270px; text-align:left;}

.content-window { overflow:hidden; position:relative; z-index:10; width:547px; height:323px; padding:13px; background:url(../imgs/bg-content-window.png) 0 0 no-repeat; _background-image:url(../imgs/bg-content-window-ie6.png);}


.window {height:273px; padding:15px 20px 35px 30px; background:#f0f0f0; /*background:#f5f5f5;*/ overflow:scroll; overflow-x:hidden;}
.window {}

.hdr {width:250px; height:0; padding-top:72px; overflow:hidden;}
.hdr-overview {background:url(../imgs/hdr-overview.png) 0 0 no-repeat;}
.hdr-playwithfriends {background:url(../imgs/hdr-play-with-friends.png) 0 0 no-repeat;}
.hdr-16brands {background:url(../imgs/hdr-16-brands.png) 0 0 no-repeat;}
.hdr-createstyle {background:url(../imgs/hdr-create-style.png) 0 0 no-repeat;}
.hdr-runyourshop {background:url(../imgs/hdr-run-your-shop.png) 0 0 no-repeat;}

.footer-wrap {padding-top:17px; margin-top:-2px; *margin:0; background:url(../images/footer/bg-footer.gif) 0 0 repeat-x;}
.footer {position:relative; width:980px; margin:0 auto;}
.footer a.gra-buynow {position:absolute; top:0; left:0; z-index:9999; display:block; width:335px; height:0; padding-top:371px; margin:-173px 0px 0px; overflow:hidden; background:url(../images/footer/gra-buy-now.png) 0 0 no-repeat;}
.footer a.gra-buynow:hover {background-position:0px -371px; cursor:pointer;}
.footer p.logos {float:right; width:335px; padding:5px 57px 5px 30px; border-left:1px dotted #bfbfbf; margin-top:12px; text-align:center;}
.footer p.logos img {vertical-align:middle; margin:3px 0;}
.footer p.logos img.lgo-nintendo-dsi {margin-left:12px; margin-right:19px;}
.footer p.logos img.lgo-canada {margin-right:15px;}
.footer p.logos img.lgo-esrb {margin-left:15px; margin-right:15px;}
.footer ul {float:right; padding:15px 40px 0 0; margin-top:12px; font-size:14px;}
.footer ul li {margin:0 0 12px;}
.footer ul li a {color:#bbbbbb; text-decoration:none; text-transform:uppercase;}
.footer ul li a:hover {color:#888888;}
.footer ul li.news a {display:block; width:129px; height:0px; padding-top:29px; overflow:hidden; background:url(../images/footer/btn-newsletter.gif) 0 0 no-repeat;}
.footer ul li.news a:hover {background-position:0px -29px;}
.footer .legal {padding:25px 0 25px; border-top:1px solid #e5e5e5; margin-top:25px; font-size:10px; color:#999999; text-align:center;}



/*
	Page specifics
*/
.body-home {}
.body-home .hdr {padding-top:77px; background:url(../imgs/hdr-overview.png) 0 0 no-repeat;}
.body-home .content {padding-bottom:50px; background:url(../imgs/bg-content-home.jpg) 0 0 no-repeat;}
.body-home .content p {width:215px; color:#004276; text-align:center;}
.body-home .gra-girl {margin:-100px 0 0 220px; width:195px; height:539px; background:url(../imgs/gra-girl-legs-crossed.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-legs-crossed-ie6.gif);}
.body-home .gra-homeclothes {position:absolute; top:0; left:0;  margin:-131px 0 0 306px; /* width:299px; height:566px; background:url(../imgs/gra-home-clothes.jpg) 0 0 no-repeat;*/}

.body-gamebasics {}
.body-gamebasics .hdr {background:url(../imgs/hdr-game-basics.png) 0 0 no-repeat;}
.body-gamebasics .gra-girl {margin:-90px 0 0 510px; width:195px; height:539px; background:url(../imgs/gra-girl-legs-crossed.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-legs-crossed-ie6.gif);}

.body-createstyle {}
.body-createstyle .hdr {background:url(../imgs/hdr-create-style.png) 0 0 no-repeat;}
.body-createstyle .gra-girl {margin:-85px 0 0 445px; width:216px; height:527px; background:url(../imgs/gra-girl-holding-shirt.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-holding-shirt-ie6.gif);}

.body-16brands {}
.body-16brands .hdr {background:url(../imgs/hdr-16-brands.png) 0 0 no-repeat;}
.body-16brands .gra-girl {margin:-65px 0 0 460px; width:245px; height:506px; background:url(../imgs/gra-girl-holding-bags.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-holding-bags-ie6.gif);}
.body-16brands .content li p {padding-top:10px; color:#666666; line-height:16px; font-size:11px;}

.body-runyourshop {}
.body-runyourshop .hdr {background:url(../imgs/hdr-run-your-shop.png) 0 0 no-repeat;}
.body-runyourshop .gra-girl {margin:-65px 0 0 460px; width:245px; height:506px; background:url(../imgs/gra-girl-holding-bags.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-holding-bags-ie6.gif);}

.body-playwithfriends {}
.body-playwithfriends .hdr {background:url(../imgs/hdr-play-with-friends.png) 0 0 no-repeat;}
.body-playwithfriends .gra-girl {margin:-85px 0 0 445px; width:216px; height:527px; background:url(../imgs/gra-girl-holding-shirt.png) 0 0 no-repeat; _background-image:url(../imgs/gra-girl-holding-shirt-ie6.gif);}


/* 
	Global Navigation
*/

#globalNav {
	background:url(/images/globalnav/bg-strip.gif) repeat-x;
	height:34px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#globalNav ul {
	margin:0 auto;
	list-style:none;
	width:970px;
}

#globalNav li {
	float:left;	
	background:url(/images/globalnav/divider.gif) no-repeat top right;
	color:#727272;
	height:34px;
	text-align:center;
	line-height:34px;
}

#globalNav li a {
	color:#727272;
	display:block;	
	text-decoration:none;
	outline:none;
}

#globalNav li a:hover {
	background:url(/images/globalnav/bg-strip-hover.gif) repeat-x;
}

#globalNav li#nintendo {
	background:url(/images/globalnav/navNintendo.gif) no-repeat;
	text-indent:-9999px;
	width:141px;
	height:34px;
}

#globalNav li#nintendo  a:hover {
	background:none;	
}

#globalNav li#nintendo  a {
	width:141px;
	height:34px;	
}

#globalNav li#wii {
	width:75px;	
}

#globalNav li#dsi {
	width:111px;	
}

#globalNav li#games {
	width:75px;	
}

#globalNav .french li#games {
	width:110px;
}

#globalNav .spanish li#games {
	width:65px;
}

#globalNav li#support {
	width:93px;	
}

#globalNav .french li#support {
	width:145px;	
}

#globalNav .spanish li#support {
	width:130px;	
}

#globalNav li#club {
	width:125px;	
}

#globalNav .french li#club {
	width:115px;	
}

#globalNav li#share, #globalNav li#facebook, #globalNav li#twitter {
	float:right;
	font-size:10px;
}

#globalNav li#share {
	background:none;	
	width:60px;
}

 #globalNav li#facebook {
	width: 78px; 
	background:url(/images/globalnav/navSharefbook.gif) no-repeat left center;
 }
 
 #globalNav li#facebook a:hover,  #globalNav li#twitter a:hover {
	background:none;
	color:#0090C7;
 }
 
  #globalNav li#twitter  {
	background:url(/images/globalnav/navShareTwitter.gif)  no-repeat left center;
	width:60px;
  }