/************** 
RESPOSIVE CODING BY MARK A HEXT -
AMENDED 14-FEB-2013
***************/

	
@font-face {
	font-family: 'MyriadProRegular';
	src: url('apple_products/fonts/MyriadPro-Regular.eot');
	src: local('?'), url('apple_products/fonts/MyriadPro-Regular.woff') format('woff'), url('apple_products/fonts/MyriadPro-Regular.ttf') format('truetype'), url('apple_products/fonts/MyriadPro-Regular.svg') format('svg');
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased !important;
}

#dsg_wrapper a {
	text-decoration:none;
}

.clear {
	clear:both;
}


/************** 
MAIN NAVIGATION -
optimised Dec 2012
***************/

#dsg_wrapper nav {
	width:auto;
}

#dsg_wrapper nav ul {
	
}

#dsg_wrapper nav li {
	width:12.5%;
	float:left;
	height:36px;
	padding:0;
	margin:0;
	background: -moz-linear-gradient(top,  #8c8c8c 0%, #797979 51%, #626262 56%, #717171 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(51%,#797979), color-stop(56%,#626262), color-stop(100%,#717171));
	background: -webkit-linear-gradient(top,  #8c8c8c 0%,#797979 51%,#626262 56%,#717171 100%);
	background: -o-linear-gradient(top,  #8c8c8c 0%,#797979 51%,#626262 56%,#717171 100%);
	background: -ms-linear-gradient(top,  #8c8c8c 0%,#797979 51%,#626262 56%,#717171 100%);
	background: linear-gradient(to bottom,  #8c8c8c 0%,#797979 51%,#626262 56%,#717171 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#717171',GradientType=0 );
}

#dsg_wrapper .txt-shift {
	width:93%;
	line-height:.9em;
	padding:5px 4px 7px 5px;
	border-right:1px solid #808080;
}

/*** AJUST TITLE HEIGHT HERE ***/
.title-cell {
	height:70px;
}


#dsg_wrapper nav a {
	width:87.4%;
	text-align:center;
	font-size:13px;
	color:#eeeeee;
	padding:9px;
	border-left:1px solid #656565;
	border-right:1px solid #808080;
	box-shadow:inset 0px 0px 6px 0px #777777;
}

#dsg_wrapper nav li:nth-child(1) a {
	border-left:none;
	margin-left:1px;
}

#dsg_wrapper nav a:hover,
#dsg_wrapper nav .active,
#dsg_wrapper nav {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.3);
}
 #dsg_wrapper img{max-width: 100%;}
  #dsg_wrapper .cont-vid{margin: 20px 0;}
 #dsg_wrapper .cont-vid figure{width: 51%; text-align: center; display: inline-block; *display: inline; zoom: 1; margin-right: 0%; padding: 3% 3%;}
  #dsg_wrapper .cont-vid figure img{padding: 4% 0;}
 #dsg_wrapper iframe {width: 100%;height: 100% ; position: absolute; padding:  0px !important; margin-top: 0 !important; left: 0; top: 0; border: 1px solid #CCCCCC;}
 #dsg_wrapper .medium_video_container{ position: relative; margin-bottom: 1px; display: inline-block; *display: inline; zoom: 1;vertical-align:  top; }
#dsg_wrapper .medium_video_container .video { width: 517px;
	padding-bottom: 295px; position: relative;}


/*** Set for server test ***/
.ie7 #dsg_wrapper nav a:hover,
.ie8 #dsg_wrapper nav a:hover {
	background-image:url(apple_products/img/navBkgCov2.jpg);
}

.ie8 #dsg_wrapper nav .active {
	background-image:url(apple_products/img/navBkgCov2.jpg);
}

.ie7 #dsg_wrapper nav li,
.ie8 #dsg_wrapper nav li {
	background-image:url(apple_products/img/navBkgCov.jpg);
	background-repeat:no-repeat;
	background-size:100% 36px;
	width:12.4%;
	height:35px;
	float:left;
	list-style:none;
	border-right:1px solid #5F5F5F;
	text-decoration:none;
	text-align:center;
	
}

/* HOVER STATES */
	

/*** NAV END ***/

#box-wide .text-full-width-block {
	margin-bottom:5px;
}

#box-wide .text-full-width-block img {
	max-width:100%;
	max-height:100%;
}

#store-finder-banner {
	background: #222222;
	background: -moz-radial-gradient(center, ellipse cover,  #222222 0%, #000000 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#222222), color-stop(100%,#000000));
	background: -webkit-radial-gradient(center, ellipse cover,  #222222 0%,#000000 100%);
	background: -o-radial-gradient(center, ellipse cover,  #222222 0%,#000000 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #222222 0%,#000000 100%);
	background: radial-gradient(ellipse at center,  #222222 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=1 );
	height:73px;
	width:96.9%;
	padding:2.5% 1.5% 0;	
}



#store-finder-banner h4 {
	font-family: 'MyriadProRegular', helvetica, ariel, sans-serif;
	color:#ffffff;
	margin:0;
	font-size:1.8em;
	line-height:.9em;
	text-shadow:none;
	
}

#store-finder-banner h5 {
	font-family: 'MyriadProRegular', helvetica, ariel, sans-serif;
	color:#aaaaaa;
	margin:0;
	font-weight:100;
	font-size:1.1em;
	line-height:1.4em;
	text-shadow:none;
	
}

#store-finder-banner h6 {
	font-family: 'MyriadProRegular', helvetica, ariel, sans-serif;
	color:#ffffff;
	margin:0;
	float:right;
	font-weight:100;
	font-size:1.1em;
	line-height:1.4em;
	text-shadow:none;
	text-transform:none;
	
}

#store-finder-banner img {
	float:right;
	margin:7px 0 0 7px;
}

#six-landing-panels {
	padding-bottom:2%;
}

.img-container {
	position:relative;
	float:left;
	margin:0 5px 15px 0;
	width:32.8%;
	padding:2% 0 0;
	text-align:center;
	height:380px;
	border:1px solid #CACACA;
	background: #e4e4e4;
	background: -moz-linear-gradient(top,  #e4e4e4 2%, #f4f4f4 47%, #fefefe 98%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#e4e4e4), color-stop(47%,#f4f4f4), color-stop(98%,#fefefe));
	background: -webkit-linear-gradient(top,  #e4e4e4 2%,#f4f4f4 47%,#fefefe 98%);
	background: -o-linear-gradient(top,  #e4e4e4 2%,#f4f4f4 47%,#fefefe 98%);
	background: -ms-linear-gradient(top,  #e4e4e4 2%,#f4f4f4 47%,#fefefe 98%);
	background: linear-gradient(to bottom,  #e4e4e4 2%,#f4f4f4 47%,#fefefe 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#fefefe',GradientType=0 );



}

.img-container span {
	position:absolute;
	display:block;
	font-size:1.25em;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	background-image:url(apple_products/img/button-1.png);
	background-repeat:repeat-x;
	bottom:20px;
	left:32%;
	padding:4px 10% 3px;
	color:#fff;
	box-shadow: 4px 4px 7px #999;
}

.img-container img{
	max-width:100%;
	max-height:100%;
	margin:5% 8% 0;
}

.img-container a {
	text-decoration:none;
}

.img-container h2 {
	font-family: 'MyriadProRegular', helvetica, ariel, sans-serif;
	color:#000;
	margin:0;
	font-weight:600;
	font-size:3.8em;
	line-height:.9em;
	letter-spacing:-.04em;
	
}

.img-container h3 {
	font-family: 'MyriadProRegular', helvetica, ariel, sans-serif;
	color:#000;
	margin-top:1%;
	font-size:2em;
	font-weight:100;
	line-height:1em;
	
}


#img-panel-3, #img-panel-6 {
	margin-right:0;
}





@media only screen and (max-width: 1240px) {
	#dsg_wrapper .cont-vid figure{width: 40%}
	#DSG_wrapper .medium_video_container .video{width: 450px; padding-bottom: 258px; } 
#dsg_wrapper nav a {
	width:83.7%;
}

#dsg_wrapper .txt-shift {
	width:91.1%;
}


.img-container {
	width:32.7%;
}
	
.img-container img {
	max-width:78%;
	max-height:78%;
	margin:10% 6%;
}
	
.img-container h2 {
	line-height:.8em;
	font-size:3em;	
}
	
}

@media only screen and (max-width: 997px){
	#dsg_wrapper .cont-vid figure{width: auto;display: block;}
	#dsg_wrapper .cont-vid figure img{width: auto;}
	#dsg_wrapper .medium_video_container{ position: relative; margin-bottom: 1px; display:block; text-align: center; }
	#dsg_wrapper .medium_video_container .video{width: 55%;padding-bottom: 31%; margin: auto; position: relative;}
	
	#box-wide .imgHiderMob {
		display:none;
	}
	
	#box-wide .imgHiderLrg {
		display:block !important;
	}

/*******
NEW NAV
*******/

#dsg_wrapper nav li {
	width:auto;
	float:none;
	height:40px;
	margin-bottom:0;
	border-bottom:1px solid #444;
	border-top:1px solid #888;
	box-shadow:inset 0px 0px 6px 2px #666;
}

#dsg_wrapper .txt-shift {
	width:100%;
	padding:8px 0 11px 0;/*Webkit precision - Optimised for Android & iPhone*/
	border-right:none;
	
}

/*** AJUST TITLE HEIGHT HERE ***/
.title-cell {
	height:60px;
}

#dsg_wrapper nav a {
	width:100%;
	height:auto;
	color:#eeeeee;
	padding:12px 0;
	display:inline-block;
	border-left:none;
	border-right:none;
}

#dsg_wrapper nav li:nth-child(1) a {
	border-left:none;
	margin-left:0;
}


#dsg_wrapper nav a:hover {
	background: none;
}

.img-container {
	width:32.2%;
	height:280px;

}
	
	.img-container img{
	max-width:90%;
	max-height:90%;
	
	}

	.img-container span {
	left:26%;
	font-size:95%;
	
	}
	
	.img-container h2 {
	font-size:2.6em;
	line-height:.8em;
	
	}

	.img-container h3 {
		font-size:1.4em;
		padding:1%;
		line-height:1em;
	}
	
	/****************
NON GLOBAL SPECIFIC ELEMENTS
*****************/
	
	#store-finder-banner {
		width:96.6%;
	}
}	


@media only screen and (min-width: 0px) and (max-width: 767px) {
.img-container {
	width:32.2%;
	height:310px;
}
#dsg_wrapper .medium_video_container .video{width: 92%;padding-bottom: 52%;}

/*** AJUST TITLE HEIGHT HERE ***/
.title-cell {
	height:80px;
}

}

@media only screen and (min-width: 0px) and (max-width: 580px) {
	

/****************
NON GLOBAL OBJECTS
*****************/

.evaporate {
	position:absolute;
	bottom:15px;
	left:15px;
	margin:0;
}

#box-wide img {
	display:none;
}

.img-container {
	height:140px;
	width:auto;
	float:none;
	position:relative;
	margin-bottom:5px;
	margin-right:0;
}
	
.img-container img {
	max-width:90%;
	max-height:90%;
	float:right;
	margin:0;	
}

.title-cell {
	height:auto;
	width:40%;
	padding:2% 5% 2% 0;
	float:left;
}

.img-container span {
	display:none;
}
	
.img-container h2 {
	font-size:2.6em;
	line-height:.8em;
}

.img-container h2 {
	text-align:left;
	padding-left:15px;
	font-size:1.6em;
}

.img-container h3 {
	text-align:left;
	padding-left:15px;
	font-size:1.2em;
}

	#store-finder-banner {
		width:97.6%;
	}
}

@media only screen and (min-width: 0px) and (max-width: 390px) {

.img-container img {
	max-width:70%;
	max-height:70%;
}
	
}