@charset "UTF-8";
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,dfn,em,img,q,samp,small,strong,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:1em; font-size:62.5%; margin: 0 auto;text-align: center;}
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
table { border-collapse:collapse;border-spacing:0;}
.debug { border: 1px solid red; }
.hide  { display: none; }
.auraltext { position: absolute; font-size: 0; left: -1000px;}
.center { text-align: center; }
.row { display: inline; }
.row li { display: inline; margin: 0 5px 0 0; }
.clear { clear: both;}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

body  {
	font-family:"Helvetica Neue",Arial,Calibri,sans-serif;
	color:#6c6c6c;
	background: #fff;
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	font-family: 'Droid Sans', arial, serif; 
	/*background: #6d7072 url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/rohan-loading-full.png) no-repeat;*/
}

.js body {
	position: relative;
}

#landscape {
	background: #6d7072 url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/landscape.jpg) no-repeat center center;
	background-position: 55% -50px;
	display: none;
	height: 1024px;
	width: 100%;
	text-indent: -5555px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}

/*
.ipad .frame {
	border:1px solid red !important;	
}*/

/* Tool bar */

#toolbar {
	background: #333333;
	background: rgba(0,0,0,0.8);
	position: absolute;
	width: 100%;
	padding: 0;
	text-align: left;
	z-index: 5;
	position:fixed;
	top: 0;
	border:1px red;
}

	#toolbar.inactive {
		margin-top: -100%;
	}
	
	#toolbar ul {
		float: left;
		width: 100%;
		border-left: 1px solid #000;
	}
	
	#toolbar li {
		line-height: 14px;
		float: left;
	}
	
	.no-js li#contents,.no-js li#forward,.no-js li#backward {
		display:none;
	}
	
		.js #toolbar li.m-page {
			display:none;
		}
	
		#toolbar li#home a {
		background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/toolbar_icons/53-house.png) no-repeat center center;
		}
		
		#toolbar li#next a {
			background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/toolbar_icons/forward.png) no-repeat center center;
		}
		
		#toolbar li#prev a {
			background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/toolbar_icons/backward.png) no-repeat center center;
			border-left: 1px solid #000;
		}
		
		#toolbar li#next,
		#toolbar li#prev {
			float: right;
		}
		
		#toolbar a {
			color:#999999;
			font-size: 12px;
			display: block;
			padding: 15px 10px;
			text-indent: -5555px;
			width: 28px;
			border-right: 1px solid #000;
			border-top: none;
			text-decoration: none;
		}
		
		#toolbar li#contents a {
			text-indent: 0px;
			width: auto;
			/*background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/icons/42-photos.png) no-repeat center center;*/
		}
		
		#toolbar li a:hover {
			background-color:#000;
			background-color: rgba(0,0,0,1);
		}
		
		#toolbar li a.activeLink {
			background-color:#000;
			background-color: rgba(0,0,0,1);
		}

/* toolbar end */


/* Table of Contents */

#tb_contents {
	background: #000;
	position: absolute;
	width: 100%;
	padding: 0;
	text-align: left;
	z-index: 5;
	top: 44px;
	position:fixed;
	border:1px red;
	height: 250px;
	overflow: hidden;
	/*overflow-x:scroll;*/
	display: none;
}

	#tb_contents a#closeButton {
		color: #FFFFFF;
    	display: inline;
    	float: right;
    	font-size: 12px;
    	margin-right: 10px;
    	text-decoration: none;
	}
	
	#tb_contents #slider {
		display: block;
		overflow: hidden;
		height: 205px;
		width: 100%;
		float:left;
		clear: both;
		position: relative;
	}
	
	#tb_contents #slider a#tb_right,
	#tb_contents #slider a#tb_left {
		font-size: 12px;
		color:#fff;
		background-color:#000;
		background-color: rgba(0,0,0,0.7);
		height: 205px;
		width: 25px;
		text-indent: -5555px;
		top: 0;
	}
	
	#tb_contents #slider a#tb_right {
		position: absolute;
		right: 0;
		background-image: url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/icons/forward_small.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	#tb_contents #slider a#tb_left {
		position: absolute;
		left: 0px;
		background-image: url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/icons/backward_small.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

	#tb_contents ul {
		padding: 0px;
		margin: 0;
		width: 4650px;
		clear: both;
		
	}
	
		#tb_contents ul li {
			line-height: 1px;
			float: left;
			display: inline;
			position: relative;
			overflow: hidden;
			height: 205px;
			width: 300px;
			margin-right: 10px;
		}
		
			#tb_contents ul li a {
				padding: 0;
				margin: 0;
				display: block;
				text-decoration: none;
			}
			
			#tb_contents ul li a .name {
				display: none;
				font-size: 12px;
				position: absolute;
				padding: 0 2%;
				width: 96%;
				font-size: 12px;
				line-height: 30px;
				height: 30px;
				background-color: #000;
				background-color: rgba(0, 0, 0, 0.8);
				bottom: 0;
				color: #fff;
				left: 0;
			}
			
			#tb_contents ul li a:hover .name {
				display: block;
				
			}
			
			.cssanimations #tb_contents ul li a .name {
				bottom: -100px;
				display: block;
				-moz-transition: all 0.15s ease-in 0s;
				-webkit-transition: all 0.15s ease-in 0s;
			}
			
			.cssanimations #tb_contents ul li a:hover .name {
				bottom: 0px;
			}

/* Table of Contents End */

#container {
	width: 100%;
	overflow: hidden;
	position: relatve;
	display: block;
	height: 100%;
}

#timeline {
	left: 0;
	top:0;
	display: block;
	position:absolute;
	width: 100%;
}

.no-js #timeline {
	/*width: 800%;*/
}

.js #timeline {
	/*width: 100%;*/
}

.ie6 #timeline,
.ie7 #timeline {
	position:relative;
	width: 3350px;
} 

	/* Frame core CSS */
	.frame {
		overflow: hidden;
		display: block;
		float: left;
		max-width: 100%;
		width: 100%;
		height:100%;
		clear:both;
		position: relative;
	}
	
	.no-js .frame {
		/*width: 12.5%;*/
		height:1000px;
	} 
	
	.js .frame {
		/*position: absolute;*/
		clear:none;
	}
	
	.ie7 .frame {
		/*clear:both;*/
		
	}
	
	/* end of frame */
	
	.frame .content {
		/*width:100%;
		top:46px;
		position:absolute;*/
	}
	
	/* Each Frames settings */
	
	
	/* Front Page */
	
	div#p1 {
		background: url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p1.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p1,.ie7 div#p1 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p1.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p1.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p1 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p1.jpg', sizingMethod='scale');
	}
	
	.ipad div#p1 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p1.jpg) no-repeat center center;
		
	}
	
	div#p1 .content {
		height: 100%;
		position: relative;
	}
	
	div#p1 .content h1 {
		top: 8%;
		display: block;
		width: 487px;
		width: 400px;
		height: 185px;
		position: absolute;
		right: 5%;
	}
	
	@media screen and (min-width : 1224px)
	{
		div#p1 .content h1 { width: 487px;}
	}
 
	
	div#p1 .content h1 img {
		width: 100%;
	}
	
	.cssanimations div#p1 .content {
		opacity: 0;
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all .5s ease-in;
	}
	
	
	.cssanimations div#p1.active .content {
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all .5s ease-in;
    	opacity: 1;
	}
	
	
	/* Intro Catalogue */
	
	div#p2 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p2.jpg) no-repeat top center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 44px;
	}
	
	.ie8 div#p2,.ie7 div#p2 {
		/*background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p2.jpg) no-repeat top center fixed;
		background-position: 50% 44px;*/
		
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p2.jpg', sizingMethod='scale')";
		top: 44px;
	}
	
	.ie6 div#p2 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p2.jpg', sizingMethod='scale');
	}
	
	.ipad div#p2 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p2.jpg) no-repeat center center;
		background-position: 50% 44px;
	}
	
	div#p2 .content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 200px;
	}
	
	
	.ie8 div#p2 .content,
	.ie7 div#p2 .content {
	 top: 0 !important;
	}
	
	.ie6 div#p2 .content {
		top: 0 !important;
	}
	
	.js div#p2 .content {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 180px;
		padding: 5px 10px;
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	
	.js div#p2 .content p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 20px;
	}
	
	.js div#p2 .content h1 {
		border-bottom: 1px solid #666666;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		margin: 20px 0 4px;
	}
	
	/* Default State */
	.cssanimations div#p2 .content {
		opacity: 0;
		left: -10%;
		-moz-transition: all 0.15s ease-in 0s;
		-webkit-transition: all 0.15s ease-in 0s;
	}
	
	.cssanimations div#p2.active .content {
		opacity: 1;
		left: 0%;
	}
	/* UV protection */
	
	div#p3 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p3.jpg) no-repeat bottom right fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p3,.ie7 div#p3 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p3.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p3 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p3.jpg', sizingMethod='scale');
	}
	
	.ipad div#p3 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p3.jpg) no-repeat center center;
	}
	
	div#p3 .content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 200px;
	}
	
	.ie6 div#p3 .content {
		top: 0;
	}
	
	.js div#p3 .content {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 180px;
		padding: 5px 10px;
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	
	.ie6 div#p3 .content {
		top: 0;
	}
	
	.js div#p3 .content p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 20px;
	}
	
	.js div#p3 .content h1 {
		border-bottom: 1px solid #666666;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		margin: 20px 0 4px;
	}
	
	/* Default State */
	.cssanimations div#p3 .content {
		opacity: 0;
		left: -10%;
		-moz-transition: all 0.15s ease-in 0s;
		-webkit-transition: all 0.15s ease-in 0s;
	}
	
	.cssanimations div#p3.active .content {
		opacity: 1;
		left: 0%;
	}
	
	/* Visual definition */
	
	div#p4 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p4.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p4,.ie7 div#p4 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p4.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p4.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p4 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p4.jpg', sizingMethod='scale');
	}
	
	.ipad div#p4 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p4.jpg) no-repeat center center;
	}
	
	div#p4 .content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 200px;
	}
	
	.ie6 div#p4 .content {
		top: 0 !important;
	}
	
	.js div#p4 .content {
		 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 180px;
		padding: 5px 10px;
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	
	.js div#p4 .content p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 20px;
	}
	
	.js div#p4 .content h1 {
		border-bottom: 1px solid #666666;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		margin: 20px 0 4px;
	}
	
	/* Default State */
	.cssanimations div#p4 .content {
		opacity: 0;
		left: -10%;
		-moz-transition: all 0.15s ease-in 0s;
		-webkit-transition: all 0.15s ease-in 0s;
	}
	
	.cssanimations div#p4.active .content {
		opacity: 1;
		left: 0%;
	}
	
	/* Impact protection */
	
	div#p5 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p5.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p5, .ie7 div#p5 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p5.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p5.jpg', sizingMethod='scale')";
		width: 100%;
		height: 100%;
		
		
	}
	
	.ie6 div#p5 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p5.jpg', sizingMethod='scale');
	}
	
	.ipad div#p5 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p5.jpg) no-repeat center center;
	}
	
	div#p5 .content {
		position: absolute;
		bottom: 220px;
		right: 20px;
		width: 475px;	
	}
	
	.js div#p5 .content {
		position: absolute;
		bottom: 10%;
		right: 2%;
		width: 435px;
	}
	
	/* Default State */
	.cssanimations div#p5 .content {
		opacity: 0;
		right: -10%;
	}
	
	.cssanimations div#p5.active .content {
		-moz-animation-name: fadeinSlideRight;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSlideRight;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	
	/* Anti-reflective */
	
	div#p6 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p6.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p6,.ie7 div#p6 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p6.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p6.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p6 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p6.jpg', sizingMethod='scale');
	}
	
	.ipad div#p6 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p6.jpg) no-repeat center center;
	}
	
	div#p6 .content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 200px;
	}
	
	.ie6 div#p6 .content {
		top: 0 !important;
	}
	
	.js div#p6 .content {
		 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 180px;
		padding: 5px 10px;
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	
	.js div#p6 .content p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 20px;
	}
	
	.js div#p6 .content h1 {
		border-bottom: 1px solid #666666;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		margin: 20px 0 4px;
	}
	
	/* Default State */
	.cssanimations div#p6 .content {
		opacity: 0;
		left: -10%;
		-moz-transition: all 0.15s ease-in 0s;
		-webkit-transition: all 0.15s ease-in 0s;
	}
	
	.cssanimations div#p6.active .content {
		opacity: 1;
		left: 0%;
	}
	
	/* Silicone nose pads */
	
	div#p7 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p7.jpg) no-repeat top right fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p7,.ie7 div#p7 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p7.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p7.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p7 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p7.jpg', sizingMethod='scale');
	}
	
	.ipad div#p7 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p7.jpg) no-repeat center center;
	}
	
	div#p7 .content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 200px;
	}
	
	.ie6 div#p7 .content {
		top: 0 !important;
	}
	
	.js div#p7 .content {
		 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		position: absolute;
		top: 44px;
		width: 180px;
		padding: 5px 10px;
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	
	.js div#p7 .content p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 20px;
	}
	
	.js div#p7 .content h1 {
		border-bottom: 1px solid #666666;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		margin: 20px 0 4px;
	}
	
	/* Default State */
	.cssanimations div#p7 .content {
		opacity: 0;
		left: -10%;
		-moz-transition: all 0.15s ease-in 0s;
		-webkit-transition: all 0.15s ease-in 0s;
	}
	
	.cssanimations div#p7.active .content {
		opacity: 1;
		left: 0%;
	}
	/* Oleophobic */
	
	div#p8 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p8.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p8,.ie7 div#p8 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p8.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p8.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p8 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p8.jpg', sizingMethod='scale');
	}
	
	.ipad div#p8 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p8.jpg) no-repeat center center;
	}
	
	div#p8 .content {
		position: absolute;
		bottom: 280px;
		left: 50px;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	.js div#p8 .content {
		position: absolute;
		bottom: 10%;
		left: 5%;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	/* Default State */
	.cssanimations div#p8 .content {
		opacity: 0;
		bottom: -10%;
	}
	
	.cssanimations div#p8.active .content {
		-moz-animation-name: fadeinSldie;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSldie;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	/* Hydrophilic */
	
	div#p9 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p9.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p9,.ie7 div#p9 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p9.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p9.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p9 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p9.jpg', sizingMethod='scale');
	}
	
	.ipad div#p9 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p9.jpg) no-repeat center center;
	}
	
	div#p9 .content {
		position: absolute;
		bottom: 280px;
		left: 50px;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	.js div#p9 .content {
		position: absolute;
		bottom: 10%;
		left: 5%;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	/* Default State */
	.cssanimations div#p9 .content {
		opacity: 0;
		bottom: -10%;
	}
	
	.cssanimations div#p9.active .content {
		-moz-animation-name: fadeinSldie;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSldie;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	/* Frame materials */
	
	div#p10 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p10.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p10,.ie7 div#p10 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p10.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p10.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p10 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p10.jpg', sizingMethod='scale');
	}
	
	.ipad div#p10 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p10.jpg) no-repeat center center;
	}
	
	div#p10 .content {
		position: absolute;
		top: 240px;
		right: 30px;
		width: 475px;
		text-shadow: #000 0 -1px;
	}
	
	/* Default State */
	.cssanimations div#p10 .content {
		opacity: 0;
		right: -10%;
	}
	
	.cssanimations div#p10.active .content {
		-moz-animation-name: fadeinSlideRight;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSlideRight;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	
	
	/* Flex hinges */
	
	div#p11 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p12.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p11,.ie7 div#p11 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p12.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p12.jpg, sizingMethod='scale')";
	}
	
	.ie6 div#p11 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p12.jpg', sizingMethod='scale');
	}
	
	.ipad div#p11 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p12.jpg) no-repeat center center;
	}
	
	div#p11 .content {
		position: absolute;
		top: 280px;
		left: 50px;
		width: 525px;
	}
	
	.js div#p11 .content {
		position: absolute;
		top: 16%;
		left: 5%;
		width: 525px;
	}
	
	/* Default State */
	.cssanimations div#p11 .content {
		opacity: 0;
		left: -10%;
	}
	
	.cssanimations div#p11.active .content {
		-moz-animation-name: fadeinSlideLeft;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSlideLeft;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	
	/* Mens */
	
	div#p12 {
		background: #fff;
	}
	
	.ie8 div#p12,.ie7 div#p12 {
		
	}
	
	/* Default State */
	.cssanimations div#p12 .products {
		opacity: 0;
		margin-top:120px;
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all .5s ease-in;
	}
	
	.cssanimations div#p12.active .products {
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all .5s ease-in;
    	opacity: 1;
		margin-top: 90px;
	}
	
		
	div#p12 ul.tray li,
	div#p12 ul.next_tray li {
		width: 22%;
	}
	
	/* Unisex */
	
	div#p13 {
		background: #fff;
	}
	
	.ie8 div#p13,.ie7 div#p13 {

	}
	
		
	div#p13 ul.tray li,
	div#p13 ul.next_tray li {
		width: 22%;
	}
	
	/* Default State */
	.cssanimations div#p13 .products {
		opacity: 0;
		margin-top:120px;
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all 15s ease-in;
	}
	
	.cssanimations div#p13.active .products {
		-webkit-transition: all .5s ease-in;
    	-moz-transition: all .5s ease-in;
    	opacity: 1;
		margin-top: 90px;
	}

	
	
	
	/* Womens */
	
	div#p14 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p15.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.ie8 div#p14,.ie7 div#p14 {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p15.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p15.jpg', sizingMethod='scale')";
	}
	
	.ie6 div#p14 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p15.jpg', sizingMethod='scale');
	}
	
	.ipad div#p14 {
		background:url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/p15.jpg) no-repeat center center;
	}
	
	div#p14 .content {
		position: absolute;
		bottom: 280px;
		left: 50px;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	.js div#p14 .content {
		position: absolute;
		bottom: 10%;
		left: 5%;
		width: 525px;
		text-shadow: #000 0 -1px;
	}
	
	/* Default State */
	.cssanimations div#p14 .content {
		opacity: 0;
		bottom: -10%;
	}
	
	.cssanimations div#p14.active .content {
		-moz-animation-name: fadeinSldie;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 0;
		-moz-animation-fill-mode: forwards;
		-webkit-animation-name: fadeinSldie;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 0;
		-webkit-animation-fill-mode: forwards;
	}
	
	
	
	

/* Products layout for mens, unisex and womens */

.products {
	text-align: left;
	margin: 90px 0 0 30px;
}

ul.tray {
	/*background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/tray_products.jpg) no-repeat top left;*/
	clear: both;
	text-align: center;
	padding-top: 30px;
	width: 90%;
	margin: 0.9px auto 0px;
	
	/**/
	
}

ul.next_tray {
	border-top: 1px solid #efefef;
	clear: both;
	text-align: center;
	padding-top: 30px;
	width: 90%;
	margin: 0 auto 0;
}

.cssanimations ul.next_tray {
	opacity: 0;
	-moz-animation-name: fadein;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
}


ul.tray li, ul.next_tray li {
	width: 25%;
	margin: 0 0px;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	padding: 5px 10px;
}

.ie7 ul.tray li,
.ie7 ul.next_tray li {
	float: left;
}

.ie6 ul.tray li,
.ie6 ul.next_tray li {
	float: left;
}

ul.tray li a, ul.next_tray li a {
	color:#333;
	height: 250px;
	text-decoration: none;
	display: block;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
}

ul.tray li img, ul.next_tray li img {
	width: 100%;
}

ul.tray li a:hover, ul.next_tray li a:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}


/* Product Overlay */


/* OVERLAY */


.productInfo {
	position: absolute;
	width: 220px;
	right: 0;
	top:0px;
	text-align: left;
	padding: 0;
}

.ipad .productInfo {
	width: 225px;
}

body.portrait .productInfo {
	width: 100%;
	height: 600px;
	display: block;
	left: 0;
	top: 470px;
	background: #EDEEF0;
}

#loadBackgroundImage {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#newBackground {
	left: 0;
    max-height: 100%;
     height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1324px;
}

@media screen and (min-width : 1326px)
{
	#newBackground {
		max-width: 100%;
		height: 150%;
	}
}

.ipad body #newBackground {
	/*left: -20px*/
	max-height: 700px;
}

.ipad body.portrait #newBackground {
	max-height: 500px;
}


body.ie6  #newBackground,
body.ie7 #newBackground,
body.ie8 #newBackground {
	 /* Set rules to fill background */
        min-height: 100%;
        max-width: 1400px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
       

}


.productInfo h1 {
	margin-top: 10px;
	color:#666;
	font-size: 16px;
	padding: 0px 0 5px 10px;
	background: #EDEEF0;
	letter-spacing: 0.5px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 16px;
}

.productInfo .desc {
	background: #EDEEF0;
	padding: 10px;
}

.productInfo .desc li {
	margin: 0 0 4px;
}

.productInfo p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px;
	color:#666;
}

.productInfo ul li {
	font-size: 12px;
	line-height: 18px;
	color:#666;
}

.productInfo a {
	color:#666;
}

.productInfo p.buyNow {
	background: #EDEEF0;
	margin: 10px 0 0;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.ipad .productInfo p.buyNow {
	margin: 0 0 0;
}

.productInfo p.buyNow a {
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 10px;
}

.productInfo p.buyNow a:hover {
	background-color:#A0A0A0;
	color:#fff;
}

.productInfo p.close {
	 background: none repeat scroll 0 0 #EDEEF0;
    clear: both;
    float: left;
    letter-spacing: 0.5px;
    margin: 10px 0 0;
    text-transform: uppercase;
    width: 230px;
}

.ipad .productInfo p.close {
	width: 240px;
	margin: 0px 0 0;
}

.productInfo p.close a {
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 10px;
}

.productInfo p.close a:hover {
	background-color:#A0A0A0;
	color:#fff;
}

.productInfo #read {
	text-transform: capitalize;
}

.pictures {
	background: #EDEEF0;
	padding: 10px 0 0px 10px;
	margin: 10px 0 0;
	float: left;
}

.pictures h2 {
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 12px;
	color:#666;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.pictures ul {
	float: left;
}

.pictures ul li {
	float: left;
	margin: 0 10px 10px 0;
}

.pictures ul li a {
	border: 5px solid #e1e1e1;
	display: block;
	line-height: 0em;
}

.pictures ul li a:hover {
	border: 5px solid rgba(0,0,0,0.6);
}

.pictures ul li a img {
	line-height: 0em;
	margin: 0;
}


#fullScreenProduct {
	background:#333;
	position: absolute;
	width: 96%;
	z-index: 10;
	padding: 1%;
	top:0;
	left: 0;
}

.ipad #fullScreenProduct {
	padding: 0;
}

.ie7 #fullScreenProduct {
	padding-left: 0;
}



.overlay {
	overflow:hidden;
	width: 98%;
	height: 97%;
	position: relative;
	background:#fff;
}

.ipad .overlay {
	width: 100%;
	height: 100%;
}

.hidden {
	display:none;	
}

.content.white p, .content.white h1 {
	color:#fff;
}

.content.grey p, .content.grey h1 {
	color:#444;
}

.content h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.content p {
	font-size: 15px;
	line-height: 26px;
	margin: 0 0 20px 0;
}



.content.left {
	text-align: left;
}

#loader {
	width: 100%;
	z-index:200;
	height:1000px;
	clear:both;
	float:left;
	top:0;
	left:0;
	position:absolute;
	background:#6d7072 url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/rohanlogo.jpg) no-repeat 50% 20%;
}

#loader h1 {
	background: transparent url(http://imagesrohan.s3.amazonaws.com/content/DigitalCatalogues/sunglasses/img/ajax-loader2.gif) no-repeat center center;
	display: block;
	width: 100%;
	height:600px;
	text-indent: -5555px;
}

.no-js #loader {
	display:none;	
}



/* Animations */

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeinSldie {
	from {
		bottom: -10%;
		opacity: 0;
		
	}
	to {
		bottom: 10%;
		opacity: 1;
	}
}

@-webkit-keyframes fadeinSldie {
	from {
		bottom: -10%;
		opacity: 0;
	}
	to {
		bottom: 10%;
		opacity: 1;
	}
}


@-moz-keyframes fadeinSlideRight {
	from {
		right: -10%;
		opacity: 0;
		
	}
	to {
		right: 2%;
		opacity: 1;
	}
}

@-webkit-keyframes fadeinSlideRight {
	from {
		right: -10%;
		opacity: 0;
	}
	to {
		right: 2%;
		opacity: 1;
	}
}
				
@-moz-keyframes fadeinSlideLeft {
	from {
		left: -10%;
		opacity: 0;
		
	}
	to {
		left: 3%;
		opacity: 1;
	}
}

@-webkit-keyframes fadeinSlideLeft {
	from {
		left: -10%;
		opacity: 0;
	}
	to {
		left: 3%;
		opacity: 1;
	}
}