@font-face {
 font-family: 'ComfortaaThin';
 src: url('../fonts/Comfortaa_Thin-webfont.eot');
 src: url('../fonts/Comfortaa_Thin-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Comfortaa_Thin-webfont.woff') format('woff'),  url('../fonts/Comfortaa_Thin-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ComfortaaRegular';
 src: url('../fonts/Comfortaa_Regular-webfont.eot');
 src: url('../fonts/Comfortaa_Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Comfortaa_Regular-webfont.woff') format('woff'),  url('../fonts/Comfortaa_Regular-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ComfortaaBold';
 src: url('../fonts/Comfortaa_Bold-webfont.eot');
 src: url('../fonts/Comfortaa_Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Comfortaa_Bold-webfont.woff') format('woff'),  url('../fonts/Comfortaa_Bold-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
body {
	font:normal 12px "ComfortaaRegular", san-serif;
	line-height:1.7em;
	color:#666666;
	letter-spacing:1px;
}
a, a:hover {
	text-decoration:none;
}
a:focus {
	outline:0;
}
a.link {
	color:#000;
}
a:hover.link {
	text-decoration:underline;
}
p {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
a img {
	outline:none;
}
.clear {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
input:focus {
	outline: 0px;
}
#wrapper {
	width:950px;
	margin:0px auto;
	padding-bottom: 30px;
}
#container {
	clear:both;
	padding:30px 0 0 0;
	width:950px;
	position:relative;
	text-align:justify;
	overflow:hidden;
}
header {
	padding-top:45px;
	width:950px;
	padding-bottom: 30px;
}
.logo {
	text-indent:-9999px;
	float:left;
	width:433px;
	height:30px;
	background:url(../images/Picatype-Mac-Sale.jpg) left top no-repeat;
}
nav {
	float:right;
	white-space:pre;
	color:#0066cc;
	padding-top:10px;
}
nav a {
	font:normal 14px "ComfortaaRegular", san-serif;
	color:#333333;
	letter-spacing:1px;
	text-decoration:none;
}
nav a:hover, nav a.active {
	color:#0066cc;
	text-decoration:none;
}
.banner {
	clear:both;
}
footer {
	clear:both;
	background:#e8e8e8;
	overflow:hidden;
	border-top:1px solid #c4c4c4;
}
.footercontent {
	width:950px;
	margin:0px auto;
	padding-top:10px;
	font:normal 12px "ComfortaaRegular", san-serif;
	color:#3c3c3c;
}
.footercontent .left {
	float:left;
}
.footercontent .left h1, .footercontent .left h2{display:inline; margin:0px; padding:0px;}
.footercontent .left span {
	display:block;
	padding-left:25px;
	background:url(../images/apple.jpg) left top no-repeat;
	height:25px;
	line-height:25px;
}
.footercontent .right {
	float:right;
	margin-bottom:15px;
}
.footercontent .right .footlink {
	padding-top:5px;
	display:block;
	margin-bottom:15px;
	text-align:right;
}
.footercontent .right .footlink a {
	font:normal 13px "ComfortaaRegular", san-serif;
	white-space:pre;
	color:#3c3c3c;
}
.footercontent .right .footlink a:hover {
	color:#000000;
}
.footercontent .right .social {
	width:180px;
	float:left;
	padding-top:8px;
}
.footercontent .right .social a {
	padding-left:22px;
	color:#3c3c3c;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
}
.footercontent .right .social a.facebook {
	background:url(../images/picatype-facebook.jpg) left top no-repeat;
	margin-right:15px;
}
.footercontent .right .social a.twitter {
	background:url(../images/picatype-twitter.jpg) left top no-repeat;
}
.footercontent .right .mail {
	float:left;
}
/*.footercontent .right .mail .txtfld{border:none; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; background:#ffffff url(../images/txtfld-bg.jpg) left top no-repeat;height:32px; color:#cbcbcb;}*/
.footercontent .right .mail .txtfld {
	width:200px;
	border:none;
	padding:0px 5px;
	background:#ffffff;
	height:32px;
	line-height:32px;
	color:#999;
	float:left;
	border:1px solid #c4c4c4;
	border-right:none;
	border-radius:7px 0px 0px 7px;
	-moz-border-radius:7px 0px 0px 7px;
	-webkit-border-radius:7px 0px 0px 7px;
}
.footercontent .right .mail .submit {
	background:url(../images/submit.jpg) left top no-repeat;
	width:73px;
	height:34px;
	border:none;
	float:left;
	cursor:pointer;
}
.footercontent .copyright {
	clear:both;
	border-top:1px solid #cecece;
	padding:10px 0px 50px 0px;
	color:#8c8c8c;
}
.footercontent .copyright .copy {
	float:left;
}
.footercontent .copyright .design {
	float:right;
}
.copyright a{color:#333;}
.copyright a:hover{color:#000;}
/*about page */
#container h1 {
	font:normal 40px "ComfortaaThin", san-serif;
	color:#666666;
	padding-bottom:10px;
}
#container h2 {
	font:normal 20px "ComfortaaThin", san-serif;
	color:#666666;
	padding-bottom:10px;
}
.about .para1 {
	background:url(../images/about-picatype.jpg) right top no-repeat;
	height:345px;
}
#wrapper .about .para1 h2{display:inline; margin:0px; padding:0px; font:inherit; }
.about .para1 span { display:block;
	width:420px;
}
.about img {
	margin-right:30px;
}
/*product page */
.products .left {
	width:400px;
	float:left;
	margin-right:30px;
	height:850px;
}
.products .right {
	width:520px;
	float:left;
	position:relative;
}
.products .right a.bestdeal {
	position:absolute;
	top:20px;
	right:0px;
	height:30px;
	font:normal 18px "ComfortaaThin";
	color:#000000;
	padding-left:25px;
	padding-top:4px;
	background:url(../images/products/apple-best-deal.jpg) left 3px no-repeat;
}
.products .right a.bestdeal span {
	color:#0066cc;
}
.products .right a:hover.bestdeal {
	background:url(../images/products/thumbforbest.jpg) left top no-repeat;
}
#bestdealform ul {
	margin-top:20px;
}
#bestdealform li {
	clear:both;
	margin:0px;
	padding:0px;
	width:500px;
	height:40px;
	margin-bottom:10px;
	display:block;
}
#bestdealform li label {
	width:120px;
	float:left;
	padding-top:5px;
}
#bestdealform li .txtfld {
	width:220px;
	height:20px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:1px solid #999;
	-webkit-transition: all 1s ease-in-out;
	font:normal 14px "ComfortaaRegular", san-serif;
	color:#333;
}
#bestdealform li .list {
	width:230px;
	height:30px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:1px solid #999;
	-webkit-transition: all 0s ease-in-out;
}
#bestdealform li .txtfld:focus {
	width:250px;
}
#bestdealform h2 {
	font:normal 20px "ComfortaaRegular", san-serif;
	color:#666666;
	margin:0px;
	padding-bottom:10px;
	text-align:right;
}
#bestdealform h2 strong {
	color:#0066cc;
}
#bestdealform .submit {
	border:1px solid #CCC;
	padding:5px 15px;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.products .left h1 {
	font:normal 40px "ComfortaaThin", san-serif;
	color:#666666;
	margin:0px;
}
.products .left h1 span {
	font-size:50px;
}
.products .left h2 {
	font:normal 16px "ComfortaaRegular", san-serif;
	color:#000000;
}
.disc {
	font:normal 14px "ComfortaaRegular", san-serif;
	color:#666666;
	width:150px;
	float:right;
	padding-left:20px;
	background:url(../images/products/moreinfo.jpg) left top no-repeat;
	cursor:pointer;
}
.disc:hover {
	color:#0066cc;
}
/*accordion*/
dl {
}
dd {
	margin: 0;
	padding: 0px;
	padding-bottom:10px;
}
dt {
	height:30px;
	padding-top:10px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	padding-left:25px;
	background:url(../images/products/arrow.jpg) left center no-repeat;
	-moz-user-select:none;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#000000;
	border-top:1px solid #cccccc;
}
.emphasis {
	background:url(../images/products/arrow-active.jpg) left center no-repeat;
	color:#0066cc;
}
dt:first-child {
	border-top: none;
}
dt:nth-last-child(2) {
border-bottom: none;
}
.hide {
	display: none;
}
/* Gallery styles */

#gallery, #gallery2, #gallery3, #gallery4, #gallery5, #gallery6, #gallery7, #gallery8, #gallery9 {
	margin-top:50px;
	width:520px;
	overflow:hidden;
	position:relative;
}
#slides, #slides2, #slides3, #slides4, #slides5, #slides6, #slides7, #slides8, #slides9 {
	/* This is the slide area */
	height:270px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:480px;
	overflow:hidden;
	padding-bottom:30px;
}
.slide, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9 {
	float:left;
	width:520px;
}
.slide span, .slide2 span, .slide3 span, .slide4 span, .slide5 span, .slide6 span, .slide7 span, .slide8 span, .slide9 span {
	display:block;
	font:normal 14px "ComfortaaBold", san-serif;
	color:#0066cc;
	}
#menu, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
	/* This is the container for the thumbnails */
 width:1000px;
	height:120px;
	position:relative; /*background:url(../images/products/slidebg.jpg) 200px top no-repeat;*/
	padding-top:30px;
}

#main, #main2, #main3, #main4, #main5, #main6, #main7, #main8, #main9 {
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:520px;
	position:relative;
}
.menumain {
	width:372px;
	overflow:hidden;
	position:relative;
	margin-left:70px;
	
}
.menumain .prev {
	position:absolute;
	left:0px;
	top:60px;
	z-index:10;
}
.menumain .next {
	position:absolute;
	right:0px;
	top:60px;
	z-index:10;
}
ul {
	margin:0px 20px;
	padding:0px;
}
li {
	/* Every thumbnail is a li element */
	width:180px;
	display:inline-block;
	list-style:none;
	height:120px;
	margin-right:10px;
	overflow:hidden;
	float:left;
}
li span {
	display:block;
	padding-top:10px;
}
li.inact:hover {
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
	color:#000;
}
li.act, li.act:hover {
	/* The active state of the thumb */ 
	background:url(img/active_bg.png) no-repeat;
}
li.act a {
	cursor:default;
}
.fbar {
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../images/products/divider.png) no-repeat right;
}
li a {
	display:block;
	background:url(../images/products/divider.png) right 30px no-repeat;
	height:75px;
	padding-top:10px;
	padding-right:30px;
}
#lightbox, #lightbox2 {
	display:none;
	background:#ffffff;
	opacity:0.4;
	filter:alpha(opacity=10);
	position:absolute;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:100%;
	z-index:1000;
}
/* Lightbox panel with some content */
.lightbox-panel {
	display:none;
	position:absolute;
	top:200px;
	left:30%;
	width:400px;
	height:300px;
	padding:20px;
	padding-left:150px;
	background:#ffffff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	box-shadow:3px 3px 5px #cccccc;
	border:1px solid #cccccc;
	background:#ffffff url(../images/products/apple-logo.png) -100px 10px no-repeat;
	z-index:1001;
}
.lightbox-panel .close {
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}
/*form*/
form ul {
	margin-top:20px;
}
form li {
	clear:both;
	margin:0px;
	padding:0px;
	width:500px;
	height:50px;
	display:block;
}
form li label {
	width:120px;
	float:left;
	padding-top:5px;
	font-size:14px;
}
.txtfld {
	width:220px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 5px;
	border:1px solid #999;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	color:#999;
}
.list {
	width:230px;
	height:30px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:1px solid #999;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	color:#666666;
}
li.txtarea {
	height:90px;
}
li.txtarea textarea {
	width:220px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 5px;
	border:1px solid #999;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
}
.txtfld:focus {
	width:250px;
	
}
li.txtarea textarea:focus {
	width:250px;
}
form .submit2 {
	border:1px solid #CCC;
	padding:5px 15px;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:15px;
}




/* New addition 27 oct 2017*/

.menumain ul li span{
	display: block;
    padding-top: 10px;
    line-height: 11px;
    height: 23px;
    text-align: center;
	
}

.menumain ul li a{
	
    padding-right: 0px;
    
	
}