/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {
	padding:0;
	margin:0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica,Arial,sans-serif;
	color: #000;
}

h1,h2,h3,h4,h5,h6 { 
    font-weight: bold; 
    color: #000;
}

h1 { 
	font-size:1em; 
	line-height:1em;
}

h2 {
	font-size:1em;
	line-height:1em;
}

h3 { 
	font-size:2em; 
	line-height:2.2em;
	margin-bottom: .4em;
	font-weight: normal;
}

h4 { 
	font-size:1.5em; 
	line-height:1em;
	margin-bottom: .4em;
}

h5 {
	font-size:1.2em; 
	line-height:1em;
	margin-bottom: .4em;
}

h6 {
	font-size:1.2em; 
	line-height:1em;
}

p { 
	font-size: 1.2em; 
	line-height: 1.6em;
    color: #757575;
	margin: 0 0 18px 0;
}

address,caption,cite,code,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

ul {
	list-style: none; 
}

ol {
    list-style-position: inside;
    padding: 0 20px;
}

ul, ol, dl {
	font-size: 1.2em;
	line-height: 1.6em;
    color: #757575;
}

ul ul, ol ol, dl dl {
    font-size: 1em;
}

dt {
    float: left;
    clear: left;
    margin-right: 1em;
    font-weight: bold;
}
dd {
    margin-bottom: 10px;
}

a {
	text-decoration:none; 	
}
a:link { 
	color: #1e6fd2;
}
a:visited {
	color: #1e6fd2;	
	
}

a:hover {
	color: #009FDA;
}

abbr,img { 
	border:0; 
}

strong { 
	font-weight:bold;
}

em {
	font-style:italic; 
}

table {
	border-collapse:collapse;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

input, textarea, select {
	font-family: Helvetica, Arial, sans-serif;
}

textarea {
	font-size: 1.3em;
}

object {
    outline: 0;
}

/*	-----------------------------------------------

	Custom Primitives

	----------------------------------------------- */


div.hr { 
	height:1px;
	border-top:1px solid #EFEFEF;
	overflow:hidden;
	clear:both;
	margin: 0 0 1em 0;
}
	div.hr hr {
		display: none;
	}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;	
	margin-top:-1px;	
}

p.no-margin {
	margin: 0 !important;
}

.sprite {
	background-image: url(../img/sprite.jpg);
	background-repeat: no-repeat;	
}

.sprite-transparent {
    background-image: url(../img/sprite-transparent.png);
    background-repeat: no-repeat;	
}
.ie6 .sprite-transparent {
	background-image: url(../img/sprite-transparent.gif);
}

p.error {
    color: #990000; 
    font-weight: bold;
}

p.caption {
    font-style: italic;
    font-size: 1em;
}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */


.left { float:left; }
.right { float:right; }
.invisible { display:none; }

.offscreen {
	display:block;
	position:absolute;
	left:-99999em;
}

.clear:after {
	content:".";
	display:block;
	clear: both;
	height: 0px;
	margin-top: -1px;
	visibility: hidden;
}
.small-right-arrow { /* either span or div */
    display: block;
	width: 5px;
	height: 8px;
	background: url(../img/sprite-transparent.png) no-repeat 0 -10px;
	margin-left: 4px;
	position: absolute;
	top: 5px;
	right: -10px;
}
.small-left-arrow {
    display: block;
	width: 5px;
	height: 8px;
	background: url(../img/sprite-transparent.png) no-repeat 0 -20px;
	position: absolute;
	top: 5px;
	left: -10px;
}

.current .small-right-arrow {
	background: url(../img/sprite-transparent.png) no-repeat 0 0;	
}

.ie6 .small-right-arrow,
.ie6 .small-left-arrow {
	background-image: url(../img/sprite-transparent.gif);
	overflow: hidden;
}
    

a .small-right-arrow {
	cursor: pointer; /* Needed to ensure the cursor is correct for linked arrows */
}

a.arrow-link {
	position: relative;
	float: left;
	font-size: 1.2em;
}


p.note {
	font-size: 1.1em;
	font-style: italic;
}

p.prominent { 
	font-size: 1.8em; 
	line-height: 1.6em;
	margin-bottom: 2em;
	color: #757575;
}

a.named-anchor {
    height: 0;
    width: 0;
    display: block;
    line-height: 0;
    overflow: hidden;
}

span.expander,
div.expander {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* Ensure font size is 1.2em on content-managed content */
div#main-content form,
div.content-managed {
    font-size: 1.2em;
}

div#main-content form a,
div#main-content form ul,
div#main-content form ol,
div#main-content form li,
div#main-content form p,
div.content-managed a,
div.content-managed ul,
div.content-managed ol,
div.content-managed li,
div.content-managed p {

    font-size: 1em;
}



/*	-----------------------------------------------

	Legend

	----------------------------------------------- */

/*
 *  Black ...................... #000000
 *  Grey ....................... #757575
 *  Red ........................ #ED2939
 *  Orange ..................... #FF7900
 *  Yellow ..................... #FECB00
 *  Green ...................... #69BE28
 *  Dark blue .................. #0065BD
 *  Light blue ................. #009FDA
 *  Very light blue ............ #F3FAFF
 *  Purple ..................... #952D98
 */

/*	-----------------------------------------------

	Chrome

	----------------------------------------------- */


body {
    padding: 93px 0 0 0;
    background: #F3FAFF url(../img/body-background.jpg) repeat-x center top;
    color: #757575;
}
body.ie6 {
    padding-bottom: 60px;
}

div#outer-wrapper {
    width: 956px;
    margin: 0 auto 0 auto;
    position: relative;
	z-index: 2;
}

.ie6 div#outer-wrapper {
    padding-bottom: 60px;
}

div#wrapper {
    position: relative;
    z-index: 2;
}

div#header {
    position: relative;
}

/* Fix logo being overlapped by banner in IE 6 and 7 */
.ie div#header {
	z-index: 3;
    zoom: 1; 
}
    a#logo {
        width: 145px;
        height: 0;
        padding-top: 95px;
        position: absolute;
        left: -5px;
        top: -13px;
        overflow: hidden;
        background-image: url(../img/sprite-transparent.png);
        background-repeat: no-repeat;
        background-position: -15px -1169px;
        z-index: 10;
    }
    
    .ie6 a#logo,
    .ie7 a#logo {
        zoom: 1;
        position: relative;
        margin-bottom: -80px;
    }
    
    .ie6 a#logo {
	    background-image: url(../img/sprite-transparent.gif);
    }


    ul#navbar {
        height: 36px;
        margin: 0 -15px 0 140px; /* negative margin-right to compensate for extra margin-right on each li */
    }    
    .ie ul#navbar {
        margin-top: -17px;
    }
    .ie6 ul#navbar {
        display: inline; /* Fix double-margin float bug */
        zoom: 1;
    }
    
        ul#navbar li {  
            float: left;
            width: 153px;
            margin: 0 3px 0 0;
        }

        ul#navbar li a {
            /* Use CSS image replacement techniques */
            display: block;
            height: 0; /* Add padding-top instead of height */
            position: relative;
            overflow: hidden;
            background-image: url(../img/sprite-transparent.png);
            background-repeat: no-repeat;
            padding-top: 36px;
        }
         .ie6 ul#navbar li a {
	        background-image: url(../img/sprite-transparent.gif);
        }

        li#navbar-product-showcase a:link,
        li#navbar-product-showcase a:visited {
            background-position: -160px -1182px;
        }
        
        li#navbar-product-showcase a:hover,
        li#navbar-product-showcase a.current {
            background-position: -160px -1228px;
        }
        li#navbar-product-showcase a:active {
            background-position: -160px -1273px;
        }

        li#navbar-tetris-news a:link,
        li#navbar-tetris-news a:visited {
            background-position: -317px -1182px;
        }
        li#navbar-tetris-news a:hover,
        li#navbar-tetris-news a.current {
            background-position: -317px -1228px;
        }
        li#navbar-tetris-news a:active {
            background-position: -317px -1273px;
        }

        li#navbar-how-to-play a:link,
        li#navbar-how-to-play a:visited {
            background-position: -474px -1182px;
        }
        li#navbar-how-to-play a:hover,
        li#navbar-how-to-play a.current {
            background-position: -474px -1228px;
        }
        li#navbar-how-to-play a:active {
            background-position: -474px -1273px;
        }

        li#navbar-history a:link,
        li#navbar-history a:visited {
            background-position: -631px -1182px;
        }
        li#navbar-history a:hover,
        li#navbar-history a.current {
            background-position: -631px -1228px;
        }
        li#navbar-history a:active {
            background-position: -631px -1273px;
        }

        ul#navbar li#navbar-play-tetris-now {
            width: 188px;
        }
        li#navbar-play-tetris-now a:link,
        li#navbar-play-tetris-now a:visited {
            background-position: -788px -1182px;
        }
        li#navbar-play-tetris-now a:hover,
        li#navbar-play-tetris-now a.current {
            background-position: -788px -1228px;
        }
        li#navbar-play-tetris-now a:active {
            background-position: -788px -1273px;
        }

    div.banner {
        background-repeat: no-repeat;     
        height: 151px;  
        width: 956px;
        clear: both;
        font-size: 36px;
        color: #FFF;
        position: relative;
        bottom: -15px;
        left: 0;
    }  
        div.banner h1 {  
		    position: absolute;
		    left: 266px;
		    top: 65px;
		    width: 515px;
		    color: #FFF;
	        font-size: 1.2em;
	    }
        div.banner h2 {
		    background-image: url(../img/sprite-transparent.png);
		    height: 0;
		    left: 268px;
		    overflow: hidden;
		    padding-top: 24px;
		    position: absolute;
		    top: 30px;
		    width: 207px;

        }
        
        .ie6 div.banner h2 {
	        background-image: url(../img/sprite-transparent.gif);
        }



	/* Banners of different colors */
	
	
	/* TODO: refactor all of this banner code once we completely move to sIFR banners */

	
	/* Red banner */
    div#red-banner {
	    background-image: url(../img/banner-red.jpg);
    }
    div#red-banner h1 {}

	
	/* Orange banner */
    div#orange-banner {
	    background-image: url(../img/banner-orange.jpg);
    }

    div#orange-banner h1 {}

		    	
	/* Yellow banner */
    div#yellow-banner {
	    background-image: url(../img/banner-yellow.jpg);
    }

    div#yellow-banner h1 { }

	
	/* Green banner */
    div#green-banner {
	    background-image: url(../img/banner-green.jpg);
    }
	div#green-banner h1 {
		width: 455px;
    }

	/* Light blue banner */
    div#light-blue-banner {
	    background-image: url(../img/banner-light-blue.jpg);
    }

    div#light-blue-banner h1 {}

	/* Blue banner */
    div#blue-banner {
	    background-image: url(../img/banner-blue.jpg);
    }

    div#blue-banner h1 {
        left: 269px;
    }


    /* Purple banner */
    div#purple-banner {
	    background-image: url(../img/banner-purple.jpg);
    }

    h1#history-header {
        left: 400px;
    }

				
	
	/* When adding in a sub-header (e.g. "About Us" above "Licensees")
	   be sure to give class="banner-subcategory" to the banner
	   to ensure proper positioning of the h1 */

    span.sub-header {
	    background-image: url(../img/sprite-transparent.png);    	
	    position: absolute;
	    left: 266px;
	    top: 45px;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	    width: 315px;
    }	
     .ie6 span.sub-header {
	    background-image: url(../img/sprite-transparent.gif);
    }

    
    div.banner-subcategory h1 {
        top: 75px;
        left: 266px;
    }

	
div#main-content {
	background-color: #FFF;
	background-image: url(../img/main-content-background.jpg);
	background-repeat: repeat-y;
}
.ie div#main-content {
	zoom: 1;	/* Cause main-content to expand by child elements */
}

	div#main-content-bottom {
		background-image: url(../img/sprite.jpg);
		background-position: 0 -50px;
		background-repeat: no-repeat;
		height: 84px;
	}
		

	div#main-content ul,
	div#main-content ol { 
		margin: 0 0 26px 0;
	}
	
	div#main-content ul li {
		padding-left: 14px;
		margin-bottom: 1.4em;
		background-image: url(../img/sprite.jpg);
		background-position: 2px -1980px;
		background-repeat: no-repeat;
	}
	
	div#main-content div.medium-box ul li,
	div#main-content div.sidebar-item ul li {
	    margin-bottom: 0;
	}

/* Single column layouts */
div.single-column {
	width: 652px;
	float: right;
	margin: 42px 40px 0 0;
}

/* Another single column layout just for forms */

/* This class wraps equal-column-items with forms inside of them to display
 * in the center of a single column layout. */
 
div.centered-form {
    width: 431px;
    padding: 30px 0 0 0;
    margin: 0 auto;
}


/* Single column layout for wide objects like the Tetris Party SWF */
div.single-column-wide {
    width: 876px;
    padding: 40px 40px 0;
}

/* Two column layouts */

/* left-column-equal and right-column-equal are a matched pair to be used together */

div.left-column-equal,
div.right-column-equal {
    width: 431px;
    padding: 30px 0 0 0;
}

.ie6 div#left-column {
    display: inline; /* fix double margin float bug */
}
 
.ie6 div.left-column-equal,
.ie6 div.right-column-equal {
    display: inline; /* fix double margin float bug */
}
 


div.left-column-equal {
    float: left;
    margin: 0 10px 0 40px;
}

div.right-column-equal {
    float: right;
    margin: 0 40px 0 4px;
}

/* Change the width when inside of wide single column layouts */
div.single-column-wide div.left-column-equal,
div.single-column-wide div.right-column-equal {
    width: 375px;
    margin: 30px 0 0;
    padding: 0 31px 0 31px;
}

div.single-column-wide div.left-column-equal h3,
div.single-column-wide div.right-column-equal h3 {
    line-height: 1em;
    margin-bottom: 1.2em;
}

div.single-column-wide div.right-column-equal {
    border-left: 1px solid #cdcdcd;
    
}
    div#main-content div.single-column-wide div.left-column-equal ul,
    div#main-content div.single-column-wide div.right-column-equal ul {
        margin-bottom: 0;
    }

    /* Equal column items are individual boxes within one of the equal columns (using custom borders and corners) */
    
    
    div.equal-column-item {
	    background: url(../img/equal-column-item-background.png) repeat-y;
	    margin: 0 0 20px 0;
    }
    .ie div.equal-column-item {
    	zoom: 1;
    }
    	        	
        div.equal-column-item p {
    	    padding: 0 20px;
    	    margin-bottom: 5px;
        }
        
        div.equal-column-item div.hr {
        	margin: 10px 20px 1em;
        }

	    div.equal-column-item a span.small-right-arrow {	
		    top: 5px;
	    }

	    div.equal-column-item h3 { /* Grey header at top */
		    background: url(../img/sprite.jpg) no-repeat -300px -800px;	
		    font-size: 1.2em;
		    font-weight: bold;
		    height: 33px;
		    padding: 13px 20px 0;
	    }

		div.equal-column-item h4 {
			font-weight: bold;
			font-size: 1.2em;
			padding: 3px 0 3px 20px;
		}


	    div.equal-column-item label {
	    	 float: left;
	    	 clear: left;
	    	 width: 93px;
	    	 font-size: 1.2em;
	    	 padding: 0 0 0 16px;
	    	 text-align: right;
	    	 margin: 0 5px 12px 0;
	    	 color: #000;
	    }

	    div.equal-column-item input.text {
	    	 float: left;
	    	 width: 293px;
	    	 font-size: 1.2em;   	
	    }
	    
	    .ie div.equal-column-item input.text {
	        margin: 0 0 10px 0;
	    }
	    	    
	    
	    div.equal-column-item input.submit {
	    	 clear: left;
	    	 font-size: 1.2em;   	
	    	 margin: 0 0 0 113px;
	    	 display: block;
	    	 cursor: pointer;
	    	 text-align: left;
	    }	    
	    
	    div.equal-column-item a.arrow-link {
	    	padding: 0 0 10px 20px;
	    }
	    .ie div.equal-column-item a.arrow-link {
	    	padding-bottom: 0 ;
	    }
	    div.equal-column-item-bottom {
		    background: url(../img/sprite.jpg) no-repeat -300px -901px;		
			clear: both;
		    height: 15px;
		    margin: 10px 0 0 0;
	    }
	    
/* narrow-left and wide-right are a matched pair to be used together */
div#narrow-left {
	width: 190px;
	float: left;
	margin: 41px 40px 0 35px;
}

.ie6 div#narrow-left {
    overflow: hidden;
    display: inline; /* fix double margin float bug */
}

div#wide-right {
	width: 655px;
	float: right;
	margin: 41px 32px 0 0;
}
    div#wide-right div.form-wrapper {
	    width: 428px;
	    float: left;
    }
	
    div#wide-right p.introduction {
	    float: right;
	    width: 186px;
	    margin: 29px 0 0 0;
    }


/* Three column layout */

div#left-column,
div#middle-column,
div#right-column {
    margin-top: 23px;
}

div#left-column {
	width: 190px;
	float: left;
	margin-right: 40px;
	margin-left: 35px;
}

div#middle-column {
	width: 428px;
	float: left;
	margin-right: 40px;
}

    div#middle-column p {
        margin-bottom: 1.4em;
    }

div#right-column {
	width: 184px;
	float: left;
	padding: 45px 0 0 0;
}

    div.right-column-item {
        border-bottom: 1px solid #CDCDCD;
        padding: 0 0 23px 0;
        margin: 0 0 23px 0;
    }
    
    div#right-column h3 {
        text-transform: uppercase;
        font-size: 1.4em;
        font-weight: bold;
    }

    
    a#manufacturer-logo-wrapper {
        display: block;
        margin: 0 auto 15px;
        position: relative;
        width: 110px;
        height: 110px;
        text-align: center;
        background: url(../img/sprite.jpg) no-repeat -750px -650px;     
        
    }

        img#manufacturer-logo {
            vertical-align: middle;
        }

        .ie img#manufacturer-logo {
            position: relative;
            top: -1px;
            left: 1px;
        } 
    
        a#manufacturer-link {
            font-size: 1.2em;
            position: relative;
        }
        
            a#manufacturer-link span.small-right-arrow {
                right: -9px;
                top: 5px;
            }
    
    div#main-content div.right-column-item ul {
        margin-bottom: 0;
    }
    div#right-column div.share-this-widget {
        width: 184px;
        margin: 0;
    }
    
/* Middle-column and right-column have special rules on the contact us page */
div.middle-column-contact-page {
    width: 528px !important;
}

div.right-column-contact-page {
    width: 84px !important;
}


/* Sidebar */

div#sidebar {}

    div#sidebar-back-link {
        font-size: 1.4em;
        margin: 16px 0 16px 24px;
    }

    div#sidebar-back-link a {
		position: relative; /* establish positioning context for small-left-arrow */
	}
	div#sidebar-back-link span.small-left-arrow {
	    left: -17px;
	}
	
	div#sidebar p {
		line-height: 1.4em;
	}
	

	
/* Light grey rounded corner boxes in sidebar */	
div.sidebar-item {
	background: url(../img/sidebar-item-background.png) repeat-y;
	margin: 0 0 20px 0;
}
	
.ie6 div.sidebar-item {
    zoom: 1;
}

div.sidebar-item.hidden,
div#narrow-left .hidden {
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 0;
}

    div.sidebar-item p {
    	padding: 0 20px;
    }
    div.sidebar-item div.promo-area div {
    	padding: 0 20px;
    	font-size: 1.2em;
    }
    div.sidebar-item div.promo-area div p {
        padding: 0;
        font-size: 1em;
    }
    
    
    .ie div.sidebar-item p {
        zoom: 1;
    }
    
	div.sidebar-item a.arrow-link {
		font-size: 1.2em;
		position: relative;
		float: left;
        padding-left: 20px;
	}
	

	div.sidebar-item h3 { /* Grey header at top of sidebar item */
		background: url(../img/sprite.jpg) no-repeat -2px -800px;	
		font-size: 1.2em;
		line-height: 1.6em;
		font-weight: bold;
		width: 157px;
		height: 34px;
		padding: 13px 20px 0;
	}

    div#main-content div.sidebar-item ul li {
    	background: none;
    }

    .ie div.sidebar-item ul li {
    	zoom: 1;
    }
    
    div#main-content div.sidebar-item ul li a {
        position: relative; /* Establish positioning context for small-right-arrow */
    }   
	div.sidebar-item-bottom {
		background: url(../img/sprite.jpg) no-repeat -2px -901px;		
		width: 197px;
		height: 15px;
		clear: both;	
	}
	
    div#main-content div.sidebar-item ul {
        margin-bottom: 0;
    }
    
/* Sidebar promo areas */
div.promo-area {
	margin: 7px 0;
}
    a.promo-bucket-link-name {
        color: #1E6FD2;
        font-size: 1.2em;
        left: 12px;
        position: relative;
        top: -30px;
    }

/* Sidebar subnav */

ul#subnav {
	/* Navigation in the sidebar */
	margin: 0 0 1.6em 0;
}
.ie6 ul#subnav { zoom: 1; }

	ul#subnav li {
		background-image: none !important;	
		clear: left;
		margin-bottom: 0 !important;
	}
		
	.ie6 ul#subnav li {
		margin-bottom: 0 !important;
		background: none !important;
	}
		ul#subnav li a,
		ul#subnav li span.current {
			float: left;
			position: relative; /* Establish positioning context for small right arrows */
			font-size: 1.17em;
		}
		ul#subnav span.small-right-arrow {
			top: 7px;
		}
		ul#subnav li span.current {
			color: #000;
	    }	

div.sidebar-item ul#subnav {
	font-size: 1.2em;
	margin: 0 0 0 6px;
}


/* Footer */
div#footer {
	font-size: .95em !important;
	clear: both;
}

	div#footer-logos {
		background: url(../img/sprite.jpg) no-repeat 0 -200px;
		height: 53px;
		width: 146px;
		margin-right: 31px;
		float: left;
	}


	div#footer-middle {
		float: left;
		width: 581px;
		margin-bottom: 33px;
	}
	
	.ie6 div#footer-middle {
	    zoom: 1;
	    position: relative;  
	}
		ul.footer-navbar,
		div#footer-logos {
	        margin-top: 4px;	
		}
		
			ul.footer-navbar {
				margin-left: -4px; /* -4px margin-left to compensate for 4px margin-left on li */
			}
			ul.footer-navbar li {
				float: left;
				margin: 0 4px;
			}
			ul.footer-navbar li.current {
				color: #000;
				font-weight: bold;
			}
			ul.footer-navbar a:link,
			ul.footer-navbar a:visited {
				color: #0065bd;
			}
			ul.footer-navbar a:hover {
				color: #009fda;			
			}
			ul.footer-navbar a:active {
				color: #000;
			}

		div#footer-fine-print {
			padding: 20px 0;
			color: #757575;
			clear: both;
		}
		.ie6 div#footer-fine-print {
			padding: 12px 0 0 0;
		}
		.ie7 div#footer-fine-print {
			padding: 0;
		}
		
		
	a#partner-log-in-button,
	a#press-button {
		/* CSS image replacement */
		float: left;
	    overflow: hidden;
	    height: 0;	
		padding-top: 27px;
	}	
	
	a#partner-log-in-button {
		width: 115px;
		margin: 0 15px 0 0;
	}	
	a#partner-log-in-button:link,
	a#partner-log-in-button:visited {
		background-position: -7px -270px;
	}
	a#partner-log-in-button:hover {
		background-position: -7px -299px;
	}
	a#partner-log-in-button:active {
		background-position: -7px -330px;
	}
	
	a#press-button {
		width: 68px;
	}	
	.ie6 a#press-button {
		/* Hide image-replaced text that was displaying in IE6 */
		text-indent: -9999px;
	}
	a#press-button:link,
	a#press-button:visited {
		background-position: -132px -270px;		
	}
	a#press-button:hover {
		background-position: -132px -299px;				
	}
	a#press-button:active {
		background-position: -132px -330px;				
	}
	

/* Message box (used for error messages or other informational messages */

div.message-box,
div#licensing-inquiry-message,
span.ErrorLabel,
div.no-results-found {
    border: 1px solid #F4F4F4;
    background: #FCFCFC;
    padding: 10px;
    margin: 10px 0;
}
    
    div.no-results-found p {
        margin: 0;
        padding: 0;
    }



/*	-----------------------------------------------

	Widgets

	----------------------------------------------- */
/* Sidescroller (like product thumbnails on product detail page) */

#slide_details{ border:1px solid #999; color:#999; min-height:150px;width:200px;}
#sidescroller_wrap.nojs #sidescroller_frame ul.slidelist{width:auto;}
#sidescroller_wrap.nojs #sidescroller_controls{display:none;}

#sidescroller_wrap{position:relative;margin: 0; padding:0;}

#sidescroller_frame{
	/* set explicit width on frame and set overlfow to hidden */
	width: 392px;
	position: relative;
	overflow: hidden;
	top: 9px;
	left: 23px;
}
	#sidescroller_frame ul.slidelist{
		list-style:none;
		width: 100000px; /*keeps "slides" from wrapping*/
	    margin: 0;
	}
	
	#sidescroller_frame ul.slidelist li {
		float:left; 
		width: 90px;
		height: 67px;
		padding: 0; 
		margin: 0 4px 0 0;
		border: 2px solid #ebebeb;
		background-color: #000;
		text-align: center;
		cursor: pointer;
		overflow: hidden; /* In case an image that is too large is uploaded to Kentico */
	}
	#sidescroller_frame ul.slidelist li.selected {
		border-color: #0075dc;
		cursor: default;
	}
	#sidescroller_frame ul.slidelist li.disabled {
		visibility:hidden;
	}
	
		#sidescroller_frame ul.slidelist li img {
			height: 67px;
		}
	
#scroller_controls ul{
	list-style:none; margin:0;
}
	#scroller_controls ul li{display:inline;}
	#scroller_controls ul li a {}
	#scroller_controls ul li.selected{
		background-color:#ccc;
	}
	#scroller_controls ul li.previous{}
	#scroller_controls ul li.next{}
	
#slidespinner{
	position:absolute;
	background: #ffffff url("../img/ajax-loader.gif") no-repeat	center center;
}

div#product-thumbnails {
    background: url(../img/sprite.jpg) no-repeat -300px -650px;
    width: 435px;
    height: 93px;   
    position: relative; /* establish positioning context for previous and next scroller buttons */
}
.ie6 div#product-thumbnails {
    overflow: hidden;
}

.no-js div#product-thumbnails {
	display: none;
} 
    div#product-thumbnails ul li {
        background-image: none;
    }
    
        div#product-thumbnails li.previous a span,
        div#product-thumbnails li.next a span {
            display: block;
            height: 0;
            padding-top: 8px;
            overflow: hidden;
            position: absolute;
            top: 43px;
            cursor: pointer;
	        width: 5px;
	        background-image: url(../img/sprite-transparent.png);
        }
    
    div#product-thumbnails li.previous a span {
        left: 13px;
        background-position: 0 -20px;        
    }
    div#product-thumbnails li.next a span {
        right: 13px;
        background-position: 0 -10px;        
    }

   div#product-thumbnails li.previous.disabled a span {
        background-position: 0 -30px;        
        cursor: default;
    }
    div#product-thumbnails li.next.disabled a span {
        background-position: 0 -40px;        
        cursor: default;
    }    
    
    div#product-thumbnails li.group {
        display: none;
    }
    div#product-thumbnails img.large-image {
        display: none;
    }

/* Lightbox, modal popover */

div.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 20;
}
div.modal-popover {
    background-color: #FFF;
    position: fixed;
    width: 700px;
    left: 50%;
    margin-left: -375px;
    top: 10px;
    bottom: 10px;
    padding: 25px;
    overflow: auto;
    z-index: 21;
}



/* Accordion */
ul.accordion {
	
}

	div#main-content ul.accordion li {
		background: url(../img/accordion-background.jpg) repeat-y 0 0;;
		padding: 0;
		margin: 0 0 4px 0;
		clear: both;
	}

    .ie7 ul.accordion li {
        min-height: 33px;
    }
    
    .ie6 ul.accordion li {
        height: 33px;
    }
    
	ul.accordion li h3 {
		background: none;
		color: #1E6FD2;
		font-size: 1.7em;
		float: left;
		padding: 0 0 0 14px;
		line-height: 1em;
		margin: 0;
		cursor: pointer;
	}
	
	ul.accordion li.expanded h3 {
		color: #000;
	}
	
	span.accordion-trigger {
		float: right;
		color: #1E6FD2;
		position: relative;
		cursor: pointer;
		font-size: 1.3em;
		margin: 0 19px 0 0;
	}
	span.accordion-trigger span.small-right-arrow {
		top: 5px;
	}

	li.expanded span.accordion-trigger span.small-right-arrow {
		background-position: 0 -50px;
		top: 10px;
		width: 6px;
	}
	
	div.accordion-content {
		clear: both;
		margin: 0 12px;
		padding: 10px 0 0 0;
	}	
	
	div.accordion-content-inner {
		border-top: 1px solid #CDCDCD;
		padding: 10px 0 0 0;
	}

	div.accordion-top,		
	div.accordion-bottom {
		height: 9px;
		
		
	}
	div.accordion-top {
		background: url(../img/sprite.jpg) no-repeat -300px -950px;
	}

	.ie6 div.accordion-top {
		overflow: hidden;
	}

	div.accordion-bottom {
		background: url(../img/sprite.jpg) no-repeat -300px -960px;
		clear: both;		
	}


/* "Results" are used for search results, news articles, bios, selected games or anything with a search results style of layout */

ol.results {
	list-style-type: none;
	padding: 0;
}
	ol.results li {
	    padding: 20px 0;
	    border-bottom: 1px solid #EFEFEF;
	    clear: left;
	}
	
	ol.results li.last {
		border-bottom-width: 0;
	}	

		ol.results ul {
			padding-top: 20px;
		}
	
		ol.results li li {
			margin-bottom: 0 !important;
			padding: 0; /* cancel out any padding from LIs inside of results */
			border-bottom: 0;
		}
	
	div.result-image-wrapper {
        float: left;
        position: relative;
        width: 110px;
        height: 110px;
        text-align: center;
        margin-right: 26px;
        background: url(../img/sprite.jpg) no-repeat -750px -650px;     
    }
    
	.ie div.result-image-wrapper {
        margin-right: 20px;
    }
    div.result-image-wrapper img {
        vertical-align: middle;
    }

    .ie div.result-image-wrapper img {
        position: relative;
        top: -1px;
        left: 1px;
    } 
    
	div.empty-result-image {	
        background: none !important;
    }
	div.result-content {
		float: left;
		width: 494px;
	}
	
	div.result-content h4 {
		font-weight: normal;
		margin: 0 0 8px 0;
	}
	
	span.date,
	div.result-content h5 {
		color: #000;
		display: block;
	}
		
	div.result-content p {
		font-size: 1.1em;
		margin: 0 0 .5em 0;
	}
	div.result-content a.read-more {
		float: left;
		position: relative; /* Establish positioning context for small right arrows */
	}
		

div.share-this-widget {
	margin: 12px 0 0 0;
	float: right;
	width: 200px;
}


/* Pagination for results */
			

div.PagerControl {
	float: right;
	font-size: 1.2em;
	margin: 0 24px 0 0;
}
div.PagerResults { display: none; }

    div.PagerNumberArea .SelectedPrev,
    div.PagerNumberArea .UnselectedPrev,
    div.PagerNumberArea .SelectedNext,
    div.PagerNumberArea .UnselectedNext {
    	border-right: 0;	
    }
    
    div.PagerNumberArea li.disabled a {
    	color: #dedede;    	
    }
    div.PagerNumberArea .SelectedPage {
    	color: #000;
    	font-weight: bold;    	
    }


/* Generic Form styles _________________________________________ */	

	label {}

	input {}

	textarea {
		resize:none;
	}

/* Specific Form styles _________________________________________ */

p.form-note {
	text-align: right;	
	position: relative; /* establish positioning context for span.required */
}

div.form-wrapper table {
    width: 447px;
}

	div.form-wrapper td {
		vertical-align: top;
	}
	
	div.form-wrapper span.EditingFormErrorLabel {
        margin-bottom: 10px;
        clear: both;
        color: #FF0000;
        font-size: 1.2em;
	}

	div.form-wrapper td.first_child, /* contains label */
	div.form-wrapper td.EditingFormLabelCell {
		width: 146px;	
		font-size: 1.2em;
		text-align: right;
		padding-right: 7px;		
		position: relative; /* establish positioning context for span.required */
	}

	div.form-wrapper label,
	div.form-wrapper span.EditingFormLabel {
        color: #000;

	}
	
	div.form-wrapper input.phone-number {
	    width: 240px;
	    float: right;
	    position: relative;
	    left: -3px;
	    margin-bottom: 10px;
	}
	
	.ie div.form-wrapper input.phone-number {
	    margin-top: -19px;
	}
	
	
	div.form-wrapper select,
	div.form-wrapper input.TextboxField,
	div.form-wrapper textarea {
		 width: 290px;
		 display: block;
	     margin-bottom: 10px;
       	 border: 1px solid #d3d3d3;
	}

    div.EditingFormControlNestedControl input {
    	 border: 1px solid #d3d3d3;
    }


	div.form-wrapper select.DropDownField {
		width: 294px;
	}	
	input.FormButton {		
		background: url(../img/sprite.jpg) no-repeat 0 -950px;
		border: none;
		width: 109px;
		padding-top: 26px;
		height: 0;
		overflow: hidden;
		display: block;
		margin: 2px 0 0 0;		
		cursor: pointer;
	}
	
	.ie input.FormButton {	
	    height: 26px;
	}

	/* TODO: fix required marks -- for now we are hiding them*/
	div.form-wrapper span.required {
		background: url(../img/sprite.jpg) no-repeat -2px -2px;
		display: inline-block;
		width: 5px;
		height: 0;
		padding-top: 5px;
		overflow: hidden;
		right: -5px;
	}
	.ie div.form-wrapper span.required {
        position: relative;
	    left: -1px;
	    top: -6px;
	}
	span.required {color: #F00;}

/* Licensing Inquiry form */
td.full_input select {
    display: block;
    margin-bottom: 9px;
}

/*	-----------------------------------------------

	Page Specific Style

	----------------------------------------------- */
/* Homepage */

.homepage body {
    background-image: url(../img/homepage-body-background.png);
}

div#homepage-banner-wrapper,
div#homepage-sidebar {
	margin-top: 26px;
}

div#homepage-banner-wrapper {
    height: 376px;
    float: left;
    clear: left;
    margin-right: 4px;
	position: relative;
}
.ie6 div#homepage-banner-wrapper {
    width: 764px;
    overflow: hidden;
    margin-right: -10px;
}
div.homepage-banner {
	width: 764px;
	padding-top: 376px;
	overflow: hidden;
	height: 0;	
}

ul#image-viewport {
    height: 376px;
    overflow: hidden;
}

ul#image-viewport li {
    position: relative; /* Establish positioning context for abs-positioned "More" buttons */
}
/* "Read more" link */
div#homepage-banner-wrapper span.read-more a:link,
div#homepage-banner-wrapper span.read-more a:visited {
	background: url(../img/sprite-transparent.png) no-repeat -980px -1181px;
	position: absolute;
	bottom: 82px;
	left: 44px; 
	height: 0;
	overflow: hidden;
	padding-top: 38px;
	width: 105px;	
}

.ie6 div#homepage-banner-wrapper span.read-more a:link,
.ie6 div#homepage-banner-wrapper span.read-more a:visited {
	background-image: url(../img/sprite-transparent.gif);
}

div#homepage-banner-wrapper span.read-more a:hover {
    background-position: -980px -1227px;
}
div#homepage-banner-wrapper span.read-more a:active {
    background-position: -980px -1273px;
}


div#homepage-banner-controls {
	position: absolute;
	z-index: 4;
	bottom: 6px;
	left: 40px;
}


    ul#navigation {
		width: 500px;
    }

    ul#pagination li,
    ul#navigation li.imagePrevious,
    ul#navigation li.imageNext {
    	cursor: pointer;
    	padding-top: 20px;
    	height: 0;
    	overflow: hidden;
    	width: 20px;
    	float: left;
		margin: 0 7px 0 0;    	
		background-position: -40px -151px;
		background-image: url(../img/sprite.jpg);		
		background-repeat: no-repeat;
    }
    ul#navigation li.imagePrevious {
		margin: 0 10px 0 0;
		background-position: 5px -151px;
	}
	.ie6 ul#navigation li.imagePrevious,
	.ie7 ul#navigation li.imagePrevious {
		position: relative;
		top: 15px;
	}
    ul#navigation li.imageNext{
		margin: 0 0 0 3px;    	
		background-position: -60px -151px;
		width: 14px !important;
    }

    ul#pagination li.current { 
		background-position: -17px -151px;
	}

div#homepage-sidebar {
	width: 188px;
	height: 376px;
	background-image: url(../img/sprite.jpg);
	background-position: 0 -418px;
	float: right;
	position: relative;
	color: #FFF;
}

	#homepage-sidebar-flash-wrapper {

		position: relative;
		left: -1px;
	}
	div#homepage-sidebar-content {
		padding: 0 16px 0 16px;
		
	}
		h3#high-score-player-name {
			font-size: 1.8em;
			line-height: 1.2em;
			font-weight: normal;
			margin: 17px 0 0 0;
		}
		p#high-score-player-location {
			color: #FFF;
			margin: 0 0 .3em 0;
		}
		div#homepage-sidebar p.description {
			margin: 0;		
			color: #FFF;
			line-height: 1.2em;	
		}
	div#homepage-sidebar a#play-for-high-score {
		position: absolute;
		bottom: 10px;
		left: 23px;
		text-decoration: none;
		font-size: 1.2em;
	}
	.ie6 div#homepage-sidebar a#play-for-high-score {
	    bottom: 7px !important;	
	}
	.ie7 div#homepage-sidebar a#play-for-high-score {
	    bottom: 7px !important;	
	}

	div#homepage-sidebar a#play-for-high-score span.small-right-arrow {
	    float: right;	
	    top: 4px;
	}
	.ie div#homepage-sidebar a#play-for-high-score span.small-right-arrow {
		position: absolute;
		overflow: hidden;
	}

div#homepage-top-background {
	background-image: url(../img/homepage-top-background.jpg);
	background-position: center top;
	height: 497px;
	width: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.ie div#homepage-top-background { position: absolute !important; }


	div#homepage-flash-wrapper {
	    min-width: 956px;
		max-width: 1790px; 
		margin: 0 auto;
	}

div#homepage-ads {
	padding: 30px 0 0 0;
	clear: both;
	background-image: url(../img/homepage-banner-bottom-shadow.jpg);
	background-repeat: no-repeat;
}
.ie6 div#homepage-ads {
    padding-top: 40px;
}
 
.ie7 div#homepage-ads {
    padding: 16px 0 0 0;
}

/* Fix homepage ads in Internet Explorer 6 and 7 */
.ie6 div#homepage-ads,
.ie6 div.homepage-ad {
	zoom: 1;
	position: relative;
}

    div.homepage-ad {
    	float: left;
    	width: 318px;
    }
    
    	div#homepage-ad-1 {
    		margin-left: -20px; /* Adjust for leftmost ad spilling over page */
    	}

	    div.homepage-ad img {
	    	float: left;
	    	position: relative;
	    	top: -20px;
	    	margin: 0 15px 0 0;
	    }
	
	    div.homepage-ad h3 {
	    	font-weight: normal;
	    	line-height: 1.2em;
	    	font-size: 1.8em;
	    	margin: 0 0 .2em 0;
	    }
	    div.homepage-ad p {
	    	margin: 0 0 .2em 0;
	    	line-height: 1.2em;
	    }
	
	    div.homepage-ad a.read-more {
	    	float: left;
	    	font-size: 1.3em;
	    	position: relative; /* establish positioning context for arrows */
	    }

        div.homepage-ad span.small-right-arrow {
            top: 6px;	
    	}


	
/* Privacy Policy page */	
	
div#privacy-policy-banner {
	background-image: url(../img/banner-orange.png);
}

div#privacy-policy-banner h1 {
	background-position: -23px -1350px;	
}

/* Contact page */

p.contact-confirmation {
    
}

/* Contact form styles */

    span.ErrorLabel {
        font-size: 1.2em;
        display: block;
    }

    div#licensing-inquiry-message p {
        margin: 0;
    }

/* About page */	
	
div#about-banner {
	background-image: url(../img/banner-blue.png);
}

div#about-banner h1 {
    left: 266px;
}

h2.about-header {
    background-position: 0 -410px;
    top: 30px;
}

div#licensees-logos {
    width: 630px;
}


.ie6 div#licensees-logos,
.ie7 div#licensees-logos {
     width: 650px;
     overflow-x: hidden;
}


    div#licensees-logos ul {
        margin-right: -20px; /* needed  to compensate for margin-right on floated LIs */
    }
        div#licensees-logos ul li {        
            background: url(../img/sprite.jpg) no-repeat -750px -650px;
            float: left;
            width: 110px;    
            height: 110px;
            position: relative;
            text-align: center;
            padding-left: 0;
            margin: 0 20px 20px 0;
        }

        div#licensees-logos ul li img {        
            vertical-align: middle;
        }

/* About | Awards */
div.awards {
    margin: 0 -26px 20px 0; /* compensate for right margin on award divs */
}

    div.award {
        float: left;
        position: relative;
        width: 110px;
        height: 110px;
        text-align: center;
        margin-right: 26px;
        background: url(../img/sprite.jpg) no-repeat -750px -650px;     
    }
    
    .ie div.award {
        margin-right: 20px;
    }
    
    div.award img {
        vertical-align: middle;
    }


/* Product Showcase page */
div#product-showcase-banner {
    background: url(../img/banner-product-showcase.jpg) no-repeat;
	position: static;
	margin: 55px 0 -20px 0;
	padding-top: 264px;
	height: 0;
	overflow: hidden;
}

h1#product-showcase-header {
	height: 0;
	padding: 84px 0 0 0;
	margin: 0 0 8px 0;
	overflow: hidden;
    background: url(../img/sprite.jpg) no-repeat -302px -144px;
    width: 570px;
}

 
.ie6 div.wide-right-product-showcase {
    width: 617px;
    overflow: hidden;
}
 

div#product-showcase-browse {
	border-bottom: 1px solid #CFCFCF;
	height: 52px;
}
	
	a#browse-by-platform,
	a#browse-by-publisher {
		float: left;	
		height: 36px;
		cursor: pointer;
		position: relative;
		top: 1px;
		font-size: 1.8em;
		color: #1E6FD2;
		padding: 13px 5px 0 5px;
		text-align: center;
	}
	
	a#browse-by-platform {
  	    background: url(../img/sprite.jpg) no-repeat -750px -760px;		
  	    margin: 0 14px 0 0;
	    width: 187px;
	}
	a#browse-by-platform.active,
	a#browse-by-publisher.active {
	    height: 39px;
	    color: #000;
	}
	
	a#browse-by-publisher {
 	     background: url(../img/sprite.jpg) no-repeat -750px -820px;	
 		 width: 196px;     
	}

	span#reset {
		color: #1E6FD2;
		float: right;
		font-size: 1.3em;
		margin: 20px 10px 0 0;
		position: relative;
		cursor: pointer;
	}

div#platforms,
div#publishers {
	clear: both;
	margin: 15px 0 0 0;
}
.ie7 div.company-logos,
.ie8 div.company-logos {
    width: 680px;
}


.ie6 div.company-logos {
    width: 655px !important;
}
 

div.company-logos {
    margin-right: -9px;
}
div.company-logos a {
	float: left;
	margin: 5px 5px 0 0;	
    position: relative;
    width: 78px;
    height: 78px;
    text-align: center;
    background: url(../img/sprite.jpg) no-repeat -865px -650px;     
}

    div.company-logos a img {
        vertical-align: middle;    
    }

    .ie div.company-logos a img {
        position: relative;
        top: -1px;
        left: 1px;    
    }


div#platforms a.named-anchor,
div#publishers a.named-anchor {
	float: none;
	margin: 0;	
}


div.selected-games-wrapper {
	clear: both;
}

    div.selected-games-wrapper h3 {
    	padding: 29px 0 20px 0;
    	line-height: 1em;
    	margin-bottom: 0;
    }

	div.selected-games-wrapper ol.results li {
		border-bottom: 0;
		margin: 0 0 12px 0;
		padding: 0;
	}
	div.selected-games-wrapper ol.results li h5 {
		font-weight: normal;
		clear: both;
	}





/* Product detail pages */

div#product-image-wrapper {
    background: url(../img/sprite.jpg) no-repeat -300px -260px;
    width: 436px;
    height: 328px;
    text-align: center;
    padding-top: 4px;
    position: relative; /* Establish positioning context for absolutely-positioned SWF objects */
	overflow: hidden; /* Protect against images which are potentially too large */
}
	div#product-image-wrapper object {
		position: absolute;
		left: 4px;
		top: 4px;
	}
		
	img#product-image {    
		margin: 0 0 18px 0;
		visibility: hidden;
		position: relative;
		left: -1px;
        vertical-align: middle;
	}
	
	.ie img#product-image {
	    left: 0;
	}


h2#product-showcase-header {
    background-position: 0 -620px;
}

img.product-banner-image {
    position: absolute;
    top: 14px;
    right: 40px;
}

.ie6 img.product-banner-image {
    display: none;
}

div#product-description {
    margin: 30px 0 0 0;
}

/* Product Showcase: Tetris POP */

div#tetris-pop-banner {
    height: 0;
    padding-top: 151px;
    background: url(../img/banner-product-showcase-tetris-pop.jpg) no-repeat;
    overflow: hidden;
}
	
	div#tetris-pop-banner h1 {
	    position: static; /* override default absolute positioning on banner h1 */
	}

/* News page */

h2.news-header {
    background-position: 0 -530px;
}

/* The h1 tags in the press, history and news pages need to be split into 3 because of the registered trademark mark */
h1#tetris-news-reg-mark {
    top: 54px;
    left: 394px !important;
}

h1#tetris-news {
    left: 427px !important;
}



/* Press page */

h2.press-header {
    background-position: 0 -590px;
}

h1#tetris-press-reg-mark {
    top: 54px;
    left: 389px;
}

h1#tetris-press {
    left: 422px;
}


/* Article detail page (news articles, individual bios) */
div.article {
	
}
	div.article h5 {
	    margin-top: 20px;
	}
	
	h3.article-header {
		line-height: 1em;
	}

/* Partner login page */

div#partner-login-banner {
	background-image: url(../img/banner-green.jpg);
}
	h2.partner-header {
		position: absolute;
		background-image: url(../img/sprite-transparent.png);
		background-position: 0 -440px;
		height: 0;
		left: 267px;
		overflow: hidden;
		padding-top: 24px;
		position: absolute;
		top: 30px;
		width: 102px;
	}
    .ie6 h2.partner-header {
	    background-image: url(../img/sprite-transparent.gif);
    }
    
	div#login-wrapper input {
		background: #FFF url(../img/sprite.jpg) no-repeat -120px -950px;
		border: 0;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		width: 109px;		
		cursor: pointer;
	}
	
	.ie div#login-wrapper input {
		height: 30px;
	}
	div#retrieve-wrapper input {
		border: 0;
		background: none;
		color: #1E6FD2;
		display: inline-block;
		margin-left: -2px;
	}
	.ie div#retrieve-wrapper {
	    margin-top: -10px;
	}
	.ie6 div#retrieve-wrapper input,
	.ie7 div#retrieve-wrapper input {
	    margin-left: 60px;
	    text-align: right;
	}
	.ie8 div#retrieve-wrapper input {
	    margin-left: 20px;
	}
	span#retrieve-info-arrow {
	    position: static;
	    display: inline-block;
	    margin-left: 0;
	}

	.ie6 span#retrieve-info-arrow,
	.ie7 span#retrieve-info-arrow {
	    position: relative;
	    left: 2px;
	    top: -3px;
	}
	.ie8 span#retrieve-info-arrow {
	    top: 0;
	}
		
	div#terms-of-use-content input.FormButton {
	    margin-bottom: 20px;
	}

/* Partner home page */

/* Medium sized grey boxes (usually used in wide-right) */

div.medium-box {
    float: left;
    width: 318px;
    background: url(../img/medium-box-background.png) repeat-y;
    margin-top: -9px;
}

/* when you put two medium boxes together, also give the 2nd one "medium-box-last" */
div.medium-box-last {
	margin: -9px -15px 0 15px;	
}

	/* 20px spacing on either side of interior elements */
	div.medium-box h3,
	div.medium-box div.hr {
		margin: 0 20px;
	}
	
	div#main-content div.medium-box ul li,
	div.medium-box p {
		padding: 0 20px;
	}

	/* medium box inner styles */
	div.medium-box-top {
		background: url(../img/sprite.jpg) no-repeat -300px -746px;
		height: 17px;
		margin-bottom: 4px;
	}
	
	div.medium-box h3 {
		font-size: 2em;
		font-weight: normal;
	}

	
	div.medium-box p {
		margin-bottom: 15px;
	}
	
	div#main-content div.medium-box ul {
		margin: 15px 0;
	}	
		div#main-content div.medium-box ul li {
			background-image: none;
		}
			div#main-content div.medium-box ul li a {
				position: relative; /* establish positioning context for small right arrows */
			}

	div.medium-box-bottom {
		background: url(../img/sprite.jpg) no-repeat -300px -785px;		
		height: 8px;
		clear: both;	
	}

div#partner-home-banner {
	background-image: url(../img/banner-green.jpg);
}
	div#partner-home-banner h1 {
		background-position: 0 -1770px;
		left: 223px;
		width: 430px;
	}

	div#partner-home-banner h2 {
		position: absolute;
		background-image: url(../img/sprite-transparent.png);
		background-position: 0 -470px;
		height: 0;
		left: 267px;
		overflow: hidden;
		padding-top: 25px;
		position: absolute;
		top: 30px;
		width: 204px;
	}

     .ie6 div#partner-home-banner h2 {
	    background-image: url(../img/sprite-transparent.gif);
    }
div#announcements {
	clear: both;
}
div#announcements h3 {
	font-size: 2em;
	margin: 0;
	
}

p#announcements-introduction {
		margin: 0 0 37px 0;		
}

	div.announcement {
		margin: 11px 0 57px 0;	
	}
		div.announcement h4 {
			font-size: 1.4em;
		}
		div.announcement h5 {
			font-size: 1.2em;
			font-weight: normal;
			margin-bottom: .3em;
		}

/* Downloadable Assets */
h2.partner-resources-header {
	position: absolute;
	background-image: url(../img/sprite-transparent.png);
	background-position: 0 -470px;
	height: 0;
	left: 264px !important;
	overflow: hidden;
	padding-top: 24px;
	position: absolute;
	top: 30px;
	width: 207px;
}
 h2.partner-resources-header {
	background-image: url(../img/sprite-transparent.gif);
}

p#downloadable-assets-intro {

}

div.three-column-image-wrapper {
    margin-right: -9px; /* compensate for margin-right: 9px on columns */
}
	div.three-column-image-wrapper div.column {
		width: 204px;
		margin: 0 9px 0 0;
		float: left;
	}
		div.three-column-image-wrapper div.column img {
			border: 1px solid #eee;
		}

/* History */

h1#tetris-history-reg-mark {
    top: 54px;
    left: 474px !important;
}

h1#tetris-story {
    left: 507px !important;
}


h2#history-header {
		background-image: url(../img/sprite-transparent.png);
		background-position: 0 -500px;
		height: 0;
		left: 267px;
		overflow: hidden;
		padding-top: 24px;
		position: absolute;
		top: 30px;
		width: 207px;
}
.ie h2#history-header {
	background-image: url(../img/sprite-transparent.gif);
}


noscript.tetris-timeline {
    
}

/* Strategy */
h2.strategy-header {
    background-position: 0 -650px;
}

/* How to Play section */
h2.how-to-play-header {
    background-position: 0 -680px;
}

/* How to Play landing page */
a#beginner-tips, 
a#intermediate-tips, 
a#advanced-tips {
    display: block;
    background: url(../img/sprite.jpg) no-repeat 0 -1000px;			
    float: left;
    width: 204px;
    height: 0;
    overflow: hidden;
    padding-top: 56px;
    margin-bottom: 40px;
    
}

a#beginner-tips, 
a#intermediate-tips {
    margin-right: 20px;
}

a#intermediate-tips {
    background-position: -224px -1000px;
} 
a#advanced-tips {
    background-position: -448px -1000px;
}

div#main-content ul.strategy-topic {
    float: left;
    width: 148px;
    border-right: 1px solid #CDCDCD;
    margin-right: 20px;
}

div#main-content ul.strategy-topic-last {
    border-right: 0;
    margin-right: 0;
}

    div#main-content ul.strategy-topic li {
        background-image: none;
        color: #000;
        margin-bottom: 0;
        padding-left: 0;
    }

        div#main-content ul.strategy-topic li a {
            position: relative;
        }

/* How to Play: Strategy (category) pages */

div.strategy-page div.hr {
    margin: 30px 0 36px;
}

div.strategy-page h3 {
    line-height: 1em;
}

div.watch-and-play {
    float: right;
    margin: 0 0 20px 20px;
    width: 384px;
    height: 381px;
    background: url(../img/sprite.jpg) no-repeat 0 -1100px;
    position: relative; /* Establish positioning context for arrow link */
	text-align: center;
}

.ie div.watch-and-play {
    left: 20px;
    margin-left: 0 !important;
}

    div.watch-and-play a.arrow-link {
        position: absolute;
        top: 354px;
        left: 20px;
    }
    div.watch-and-play div.swf-wrapper {
    	display: inline;
    	position: relative;
    	top: 7px;
    }


div.tetris-tip {
	background: url(../img/tetris-tip-bg.jpg) repeat-y;			
	width: 255px;
}

	div.tetris-tip h4 {
		background: url(../img/sprite.jpg) no-repeat 0 -1500px;
		height: 41px;
		padding: 0 20px;
		color: #FFF;
		line-height: 38px;
		text-transform: uppercase;
	}
	div.tetris-tip p {
		padding: 0 20px;
		margin-bottom: 0;
		font-weight: bold;
		line-height: 1.4em;
	}
	div.tetris-tip-bottom {
		background: url(../img/sprite.jpg) no-repeat 0 -1540px;			
		height: 41px;
	}

/* How to Play: Glossary */

#glossary-page h3 {
	background-color: #fcfcfc;
	border: 1px solid #cdcdcd;
	color: #898989;
	font-weight: normal;
	font-size: 1em;
	padding: 5px 17px;
	margin: 0 0 18px 0;
}

#glossary-page dl {}

    #glossary-page dl dt {
		color: #000;
		font-size: 1.3em;
		float: none;
		font-weight: normal;
    }
    
    #glossary-page dl dd {
		margin-bottom: 25px;    
    }


/* Legal */
div.example {
	margin: 0 50px 0 50px;
}

/* Style Guide and Style Sheet pages */
table.color-table {
    clear: both;
    font-size: 1.2em;
    margin-bottom: 40px;
}
    table.color-table th {
        text-transform: uppercase;
        font-weight: bold;
    }

    table.color-table td,
    table.color-table th {
        padding: 5px 10px;
        border: 1px solid #757575;
        height: 5em;
    }
        
    td.color-red { background: #ed2939; }
    td.color-blue { background: #002395; }
    td.color-light-blue { background: #72c7e7; }
    td.color-medium-blue { background: #0065BD; }
    td.color-green { background: #69be28; }
    td.color-yellow { background: #fecb00; }
    td.color-black { background: #000; }
    td.color-grey { background: #a7a9ac; }
    td.color-gold { background: #f0ab00; }
    td.color-orange { background: #FF7900; }
    td.color-cyan { background: #009fda; }
    td.color-dark-blue { background: #0065bd; }
    td.color-purple { background: #952d98; }
    
    col.narrow-col {
        width: 45px;
    }
    
    col.medium-col {
        width: 106px;
    }
    
    col.wide-col {
        width: 115px;
    }

div#style-guide-page {

}

div#style-guide-page img,
div#style-sheet-page img {
    margin-bottom: 20px;
}

div#style-guide-page h5,
div#style-sheet-page h5 {
    font-weight: normal;
    margin-top: 20px;
}

/* pair-image-wrapper is used for pairs of images, wrapping each img and an optional p tag */
div.pair-image-wrapper {
    width: 300px;
    float: left;
    margin-right: 26px;
}
	
/* sifr */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 - 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
 .sIFR-active .sifr-h1 {
   visibility: hidden;
   font-family: chalet, Arial;
   font-style: italic;
   line-height: 1em;
   font-size:  42px;
	}
}