/*
	Theme Name: Instore Theme
	Theme URI: http://www.game.co.uk
	Description: Game Microsite Theme
	Version: 1.1
	Author: GAME
*/

/* updated CT 18/11/2014 v2.0 */


div.page {
	height: auto;
	padding-bottom: 15px;
	margin-top:0;
}

/*Microsite Navigation*/
.tabs {
	background:#333333;
	border-bottom: 0;
	height:36px;
}

.tabs li.active {
	border: 0;
}	

.tabs li.active a {
	color: #A12283;
	font-weight: bold;
}

.tabs li:first-child {margin-left: 0;}

.tabs li {
	background-color: transparent; 
	border-radius: 0;
	border-right: 1px solid #FFFFFF;
	top: 0;
	margin-right:0;
}

.tabs a {
	color: #FFFFFF;
	padding: 11px 12px;
}

div.page div.leftCol {	
	margin-top: 4px; 
	padding-top: 0;
	width: 260px;
}

div.page div.rightCol {
	margin-left: 20px;
	margin-top: 4px;
	padding-top: 0;
	width: 710px;
}


/*Blog Update*/
.blogBox {
	height: 780px;
	overflow: auto;
}	

.blogBox h1 {
	color: #A12283;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 2.5em;
}

.blogBox h2 {
	color: #333333;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	margin: 5px 0 15px 0;
}

.blogItem {
	border-top: 1px dotted #656565;
	color: #656565;
	margin: 5px 0;
	padding: 10px 0;
	font-size:1.2em;
}

.blogTitle {
	color: #A12283;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.3em;
	line-height: 1.1em;
	text-decoration: none;
	margin-bottom:10px;
}

.blogTime {
	color: #6d0059;
	font-size: 1em; 
	margin: 2px 0 10px 0;
	font-weight:bold;
}

.blogCopy p {
	font-size: 1em;
	line-height: 1.25em;
	margin: 10px 0;
}

.blogCopy a img, .blogCopy img {
	max-width: 240px; 
	margin:10px 0;
}

/*Twitter Item*/
.twitterItem {
	border-top: 1px dotted #656565;
	color: #656565;
	margin: 5px 0;
	padding: 10px 0;
}

.twitterItem.new {
	display: none;
}

.twitterTitle, .twitterTitle a {
	background: url(images/bg_twitterHeader.gif) left center no-repeat #FFF;
	color: #A12283;
	font-family: "Contrail One",Sans-serif;
	font-size: 1.5em;
	padding-left: 25px; 
	text-decoration: none;
}
.twitterFeed, .twitterFeed p {
	line-height: 1.5em;
	margin: 0;
}

.twitterName {
	color: #A12283;
	font-weight: bold;
	margin: 12px 0 4px 0;
}

.twitterName a{
	font-weight:normal;
}


.hashtag{
	color: #A12283;
	font-weight: bold;
}

/** Product Feature **/
.productFeatureContainer {
	width: 100%;
}


.productFeature.keyNotes.w50 {
	
}

.productFeature.keyProducts.w50 {
	
}

.productFeature.w50 a img {
	margin:0 8px 6px 0;
}

/* Key notes */
.productFeature h3, h3 {
	color: #A12283;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	margin: 15px 0 10px 0;
}

.productFeature ul {
	font-size: 1.2em; 
	line-height: 1.5em;
	margin: 15px 0 20px 20px;

}

.productFeature li {
	list-style: disc;
}

/*Footer*/
div.splashFooter {
	margin-top: 30px;
	padding: 15px 20px;
}

.smallPrint {
	float:left; 
	text-align: left;
	width: 590px;
}

.socialIcons {
	float:right; 
	clear: right;
}

.clearfix {
	clear: both;
}

div.content{
	padding:10px 20px 10px 20px;	
	min-height:800px;
}

div.content p{
	font-size:1.2em;
}

/* ****** Test default styles ***** */

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* #logo {height:50px;} commented out as stretching new header */

/* Comments section */

.sharePage {width:990px;border-top:1px dotted #656565;border-bottom:1px dotted #656565;background-color:#f8f8f8;padding:10px 20px;margin:10px 0;font-size:1.43em;}
.sharePage h3 {color: #A12283;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1.43em;text-decoration: none;font-weight:normal;width:190px;display:block;float:left;}
.sharePage #addThis {float:left;width:600px;margin-top:15px;}

.commentsSection {padding:0 20px;width:990px;}
.commentsSection .yourComments h3 {font-size:2.1em;}
.commentsSection h4 {color: #CCC;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: normal;font-size: 1.7em;margin: 5px 0 15px 0;}
.comment {background-color:#f8f8f8; border:1px solid #eaeaea;padding:20px;margin:15px 0;}
.comment.odd {background-color: #dfdfdf;}
.comment p {font-size:1.2em;margin:10px 0;}
.comment_username {font-size:1.4em;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color:#A12283;display:block;line-height:1.6em;}
.comment_date {color: #482b99;font-size: 1em;margin-bottom:5px;}

.comment_form {font-size:1.2em;}
.comment_form legend {display:none;}
.comment_form input, .comment_form textarea {background-color:#f8f8f8; border:1px solid #eaeaea;padding:10px 20px;color:#656565;font-size:1em;margin-bottom:15px;}
.comment_form .w50 {float: left;padding-right: 20px;width: 45%;}
.comment_form .w50.fr {float:right;}
.comment_form textarea {color:#656565;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;max-width:947px;min-width:947px;width:947px;min-height:110px;}
.comment_form input[type="checkbox"] {margin-right:10px;padding:0;background-color:none;border:none;}
.comment_form label {color:#656565;}
/*.comment_form .button {background-color:#a12283; padding:10px;color:#fff;text-decoration:none;float:right;}*/
#comment_submit_btn {background-color:#a12283; padding:10px;color:#fff;text-decoration:none;float:right;}


h3#reply-title a {color: #656565;}
h3#reply-title small a {color: #CCC; text-decoration: underline; font-size: 0.7em;}

.lt-ie8 .comment_form label, .lt-ie9 .comment_form input[type="checkbox"] {float:left;}
.lt-ie8 .comment_form input[type="checkbox"] {clear:both;}

div.error{margin-bottom:4px; color: #ED1C24; font-weight: bold;}
div.error_row{margin-bottom:4px;color: #A12283;padding-top:6px;}
div.error_row #name_error{float: left;width: 50%; height:1px;}
div.error_row #email_error{float: left;padding-left:8px;}
div.clear{clear:both;margin:0;padding:0;}

.nav_previous{background-color: #A12283; float:left; font-size:1.2em;}
.nav_next{background-color: #A12283; float:right; font-size:1.2em;}
.nav_previous a, .nav_next a {color: #FFF; display: block; padding: 6px 10px 7px 10px;}

a.comment-reply-link {color: #3992C1; font-size: 1.1em;}

.shareThisWidget {clear: right; display: block; float: left; margin: 15px 0 10px 0;}
.shareThisWidget span.st_twitter_hcount, .shareThisWidget span.st_plusone_hcount, .shareThisWidget span.st_fblike_hcount {float: left; clear: right; width: 100px;}
.shareThisWidget span.st_plusone_hcount {width: 75px;}
.shareThisWidget span.st_fblike_hcount span {margin-top: 1px!important;}/* updated JR 07/05/2013 v1.0 */


div.eventCountdown {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1030px;
    text-align: center;
    background-color: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 32px;
    margin-bottom: 30px;
    margin-top: -10px;
    color: #999999;
    padding: 5px 0px;
}




/* Content tools */
h4 {color:#333333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;margin:5px 0px 15px;}
h5 {color:#46be5d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;margin:5px 0px 15px;}
div.content p {font-size:13px;}
div.content p.intro {font-size: 16px;font-weight: bold;}
div.contentBreakout {display: block;clear: both;margin: 20px 0px;}

/* MS ANNOUNCE */
div.contentBreakout.MSUpdate h3 {background-color:#1d7c00; font-size:#32px; padding:5px 10px;text-transform:uppercase;color:#FFFFFF;}
div.contentBreakout.MSUpdate a {color:#1d7c00; font-weight:bold;}

/* Content Body - Carls Code */
.content div.StoreEvents_Terms {width:954px;border: solid 3px #C8C8C8;padding:0 15px 10px 15px;background-color:#FFF;position:relative;margin:10px 0 0 0;}
.content div.StoreEvents_Footer {width:954px;border: solid 3px #C8C8C8;padding:15px 15px 10px 15px;background-color:#FFF;position:relative;margin:10px 0 0 0;}
.content div.StoreEvents_Guide {width:954px;border: solid 3px #C8C8C8;padding:0 15px 10px 15px;background-color:#FFF;position:relative;margin:0 0 10px 0;}
.content div.StoreEvents_Footer p, .content div.StoreEvents_Terms p {font-size:11px;}
.content div.StoreEvents_Item {width:954px;border: solid 3px #C8C8C8;padding:0 15px 10px 15px;background-color:#FFF;position:relative;}
.content div.StoreEvents_Tabs {width:984px;border: solid 3px #C8C8C8;background-color:#FFF;height:50px;position:relative;}
.content div.StoreEvents_Tabs span {margin:10px 0 0 0;float:left;height:20px;text-align:center;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.content div.StoreEvents_Tabs span a {color:#767676;text-decoration:underline;}
.content div.StoreEvents_Tabs span a:hover {color:#A12283;text-decoration:underline;}
.content div.StoreEvents_Item p {font-size: 12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:18px;color: #767676;}
.content div.StoreEvents_Item h4, .content div.StoreEvents_Guide h4, .content div.StoreEvents_Footer h4, .content div.StoreEvents_Terms h4 {font-size:18px;line-height:40px;color:#A12283;margin: 5px 0;}
.content div.StoreEvents_Item table {border: solid 1px #C8C8C8;font-size: 12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:18px;color: #767676;padding: 3px 5px 3px 5px;}
.content div.StoreEvents_Item_Top {height:25px;width:25%;border-top: solid 3px #C8C8C8;border-left: solid 3px #C8C8C8;border-right: solid 3px #C8C8C8;background-color:#FFF;padding:4px 8px 0 8px;margin:10px 0 0 0;font-size:16px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#767676;display:block;position:relative;}
.content img.StoreEvents_Img_Left {float:left;padding:15px 15px 15px 0;}
.content img.StoreEvents_Img_Right {float:right;padding:15px 0 15px 15px;}
.content div.StoreEvents_Item li {font-size: 12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:18px;color: #767676;}
.content div.StoreEvents_Item ul {margin: 0 0 15px 0px;}
.content div.StoreEvents_Item ul li {list-style-position: inside;}
.content div#header_LockIn {width:990px; height:121px; background-image: url('https://img.game.co.uk/Stores/microsite/images/header_LockIn.jpg');margin-bottom:15px;}
.content div#header_Midnight {width:990px; height:121px; background-image: url('https://img.game.co.uk/Stores/microsite/images/header_MidnightLaunches.jpg'); margin-bottom:15px;}
.content div#header_Fun {width:990px; height:121px; background-image: url('https://img.game.co.uk/Stores/microsite/images/header_FunInstore.jpg');margin-bottom:15px;}
.content div.panel { display:none; margin:10px 0 0 0;}
.content div.panel.active { display:block; }
.content a.link {font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:18px;color:#A12283;font-weight:bold;text-decoration:none;}
.content a.link:hover {text-decoration:underline}
.content .StoreEvents_Item div.Item_Image {float:right;width:50%;position:relative;}