/* www.magnifyingglasses.ca */	


/* OSN Bar */

.osnbar{
border-top:3px solid #000;
background-image:url(images/background-texture.jpg);
margin:0 0 0 0;
}
.osnlogo{
display:block;
}
.osnabout{
margin-top:33px;
}
.osnscreen{
float:left;
margin-right:30px;
}
.osntext{
color:#fff;
padding-right:30px;
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
line-height:30px;
padding-top:8px;
}
.osntext a:link {color:#2c8dc5; text-decoration:none;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.osntext a:visited {color:#2c8dc5; text-decoration:none;}
.osntext a:hover {color:#41b9ff; text-decoration:none;}
.osntext a:active {color:#2c8dc5; text-decoration:none;}

.osnbarwrap{
padding:28px 0 37px 0;
}
.osnbarlt{
display:inline-block;
width:46%;
text-align:left;
}
.osnbarrt{
display:inline-block;
width:46%;	
background:#0C9;
text-align:left;
vertical-align:top;
}
.osnbox{
background:#151515;
font-family:Verdana, Geneva, sans-serif;
font-size:15px;
color:#bfbfbf;
padding-bottom:22px;
}
.osnboxhead{
background:#000;
color:#fff;
font-size:17px;
height:33px;
padding-top:13px;
padding-left:20px;
}
.osnboxtxt{
display:block;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
line-height:25px;
}
.osnform{
padding-left:20px;
}
.osnemail{
font-size:18px;
color:#222;
padding:10px;
width:60%;
}
.osnsubmit{
display:inline-block;
background-image:url(images/osn-sign-up-button.png);
width:117px;
height:45px;
border:0;
margin-left:-5px;
vertical-align:top;
}

#fixRemind{
display:block;
position:fixed;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
background-color:#2580b7;
color:#fff;
left:0px;
bottom:0px;
height:40px;
width:100%;
text-align:center;
vertical-align:top;
z-index:0;
}
.fixRemind1{
display:block;
padding-left:2%;
padding-top:5px;
}
#fixRemindX{
display:inline-block;
position:absolute;
left:0px;
top:0px;
color:white;
background-color:black;
border:0;
width:5%;
height:40px;
z-index:1;
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity:0.6; 
opacity:0.6;
}
#fixRemindX:hover{
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity:1;	
}
.subscribe{
margin-bottom:-9px;
margin-left:4px;
}

/* OSN Bar ends */

@font-face{
font-family: "impact";
src: url(fonts/impact.ttf) format("truetype");
}
html{ 
color:#252525;
background:#e7e9ec;
}
body{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
padding-left:0px;
}
.sidebutton{
position:fixed; 
left:0px; 
top:242px; 
z-index:100;
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity: 1; 
opacity:1;
}
.sidebutton:hover{
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
-khtml-opacity: 0.9; 
opacity: 0.9;
}
.top{
color:#fff;
position:relative;
background:#0c70a9;
height:36px;
}
.top a{
color:#fff;
text-decoration:none;
}
.topleft{
position:absolute;
left:30px;
top:7px;
font-size:18px;
}
.topright{
position:absolute;
right:28px;
top:8px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:19px;
}
.topspace{
position:relative;
height:88px;
background:#e7e9ec;
border-top:2px solid #bac8ce;
}
.logo{
position:absolute;
left:29px;
top:27px;
height:42px;
}
.cart{
position:absolute;
right:28px;
top:22px;
}
.cart:hover{
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
-khtml-opacity:0.85; 
opacity:0.85; 
}
.menu{
background:#fff;
border-top:2px solid #bac8ce;
border-bottom:2px solid #bac8ce;
text-align:left;
font-family:'Roboto', sans-serif;
font-weight:500;
}
.menu ul{
margin:0 0 0 12px;
padding:0;
font-size:0;
}
.menu li{
display:inline-block;
list-style:none;
border-left:1px solid #bac8ce;
border-right:1px solid #bac8ce;
font-size:20px;
}
#menuleft{
border-left:none;
}
#menuright{
border-right:2px solid #bac8ce;
padding-right:2px;
}
.menu a:link {color:#0c70a9; text-decoration:none; display:inline-block; padding:8px 16px 7px 16px;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.menu a:visited {color:#0c70a9; text-decoration:none;}
.menu a:hover {color:#0f8dd5; text-decoration:none;}
.menu a:active {color:#0c70a9; text-decoration:none;}


.menu2{
background:#0c70a9;
border-bottom:2px solid #bac8ce;
text-align:left;
font-family:'Roboto', sans-serif;
font-weight:500;
}
.menu2 ul{
margin:0 0 0 12px;
padding:0;
font-size:0;
}
.menu2 li{
display:inline-block;
list-style:none;
font-size:18px;
letter-spacing:-1px;
}
.menu2 a:link {color:#fff; text-decoration:none; display:inline-block; padding:9px 15px 8px 16px;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.menu2 a:visited {color:#fff; text-decoration:none;}
.menu2 a:hover {color:#cedbeb; text-decoration:none;}
.menu2 a:active {color:#fff; text-decoration:none;}

.main{
position:relative;
background:url(images/texture-zoom.png); 
text-align:left;
padding-top:85px;
padding-left:8%;
padding-right:5%;
min-height:300px;
}
.maintxt{
width:70%;
display:block;
font-family:'Roboto', sans-serif;
font-size:45px;
font-weight:bold;
text-align:left;
color:#10537a;
}
.microfly{
clear:both;
position:absolute;
top:45px;
right:3%;
}
@media all and (max-width: 801px) {
.microfly{
right:-2;
}
}
@media all and (min-width: 1301px) {
.microfly{
right:10%;
}
}
.shopbut{
margin-top:30px;
margin-bottom:130px;
}
.shopbut:hover{
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
-khtml-opacity: 0.9; 
opacity: 0.9; 
}
.addition{
background:#fff;
border-top:3px solid #bac8ce;
border-bottom:3px solid #bac8ce;
text-align:left;	
padding:25px 0 25px 50px;
}
.paypal{
float:right;
padding-top:2px;
padding-right:50px;
}
.addtxt{
font-family:'Roboto', sans-serif;
font-size:31px;
font-weight:bolder;
color:#10537a;
}
.welcome{
padding:2% 50px 2% 50px;
background-color:#485666;
background:linear-gradient(#485666, #252c34);
font-family:'Roboto', sans-serif;
color:#fff;
text-align:left;
font-size:22px;
line-height:35px;
}
.headline{
border-bottom:3px solid #bac8ce;
}
.headbox{
border:3px solid #bac8ce;
background:#e7e9ec;
color:#10537a;
font-size:36px;
font-weight:bold;
max-width:450px;
padding:10px 0;
margin-top:-37px;
margin-bottom:75px;
}
.prowrap{
padding:110px 6% 0 6%;
font-family:'Roboto', sans-serif;
}
.probox{
position:relative;
padding:30px 0;
margin-bottom:60px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #a6bac7;
-moz-box-shadow:0px 0px 4px #87a0b1;
-webkit-box-shadow:0px 0px 4px #87a0b1;
box-shadow:0px 0px 4px #87a0b1;
}
.promain{
position:absolute;
top:31px;
left:30%;
display:inline-block;
vertical-align:top;
display:inline-block;
width:54%;
text-align:left;
}
.probox h1{
color:#10537a;
margin:0 0 7px 0;
font-size:30px;

}
.probox h1 a:link {color:#0c70a9; text-decoration:none;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.probox h1 a:visited {color:#0c70a9; text-decoration:none;}
.probox h1 a:hover {color:#0f8dd5; text-decoration:none;}
.probox h1 a:active {color:#0c70a9; text-decoration:none;}

.proboxleft{
width:30%;
padding-bottom:20px;
}
.propic{
width:230px;	
display:inline-block;
margin:0 4% 0 3%;
}
@media all and (max-width: 950px) {
.promain{
width:45%;
left:30%;
padding:0 1%;
}
.proboxleft{
max-width:150px;
}
.proboxleft{
padding-bottom:80px;
}
}
@media all and (max-width: 850px) {
.promain{
width:45%;
left:40%;
}
}
@media all and (min-width: 1250px) {
.promain{
width: 55%;
left: 290px;
}
.propic{
display:inline-block;
margin:0 18% 0 3%;
}
}
@media all and (min-width: 1450px) {
.promain{
width: 55%;
left: 30%;
}
.propic{
min-width:300px;
}
}
@media all and (min-width: 1850px) {
.propic{
min-width:400px;
}
}
.protxt{
display:block;
line-height:28px;
max-width:95%;
}
.protable{
margin-left:-5px;
margin-top:15px;
border-spacing:5px;
border-collapse:separate;
overflow:hidden;
}
.protable td{
background:#f0f0f0;	
padding:5px 5px 5px 10px;
}
.proprice{
position:absolute;
top:32px;
right:2%;
font-size:28px;
font-weight:bold;
color:#10537a;
text-align:right;
}
@media all and (max-width: 1050px) {
.proprice{
right:1%;
}
.protxt{
max-width:92%;
}
.protable{
width:70%;
}
}
.profree{
display:block;
font-size:20px;
color:#137632;
margin-top:8px;
}
.probuy{
position:absolute;
right:2%;
bottom:30px;	
}
.qty{
position:absolute;
right:0px;
bottom:60px;
display:block;
margin:0 2px 10px 0;
font-size:25px;
}
.probutton{
display:block;
}
.viewlink{
display:block;
font-family:'Roboto', sans-serif;
font-size:45px;
font-weight:bold;
margin-bottom:88px;
}
.viewlink a:link {color:#10537a;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease; 
-o-transition:all 0.2s ease; 
transition:all 0.2s ease;
}
.viewlink a:visited {color:#10537a;}
.viewlink a:hover {color:#0f8dd5;}
.viewlink a:active {color:#10537a;}








.mainwrap{
padding:50px 55px;
background:#fff;
}
.mainleft{
display:inline-block;
width:40%;
}
.mainborder{
max-width:560px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:6px solid #f1f1f1;
border-bottom:6px solid #f1f1f1;
padding:22px;

}
.mainright{
vertical-align:top;
text-align:left;
display:inline-block;
width:50%;
padding-left:5%;
}
.mainpic{
width:100%;
max-width:530px;
height:auto;
max-height:530px;
}
.infobuy{
display:inline-block;
width:100%;
text-align:left;
font-family:Tahoma, Geneva, sans-serif;
font-size:22px;
}
.infoship{
float:left;
text-align:center;
margin:18px 15px 10px 15px;
}
.infogrey{
font-size:24px;	
display:block;
color:#8c8c8c;
margin-bottom:10px;
}
.infopic{
float:right;
margin:20px 15px 0 0;
}
@media all and (min-width: 1700px) {
.infopic{
float:left;
display:inline-block;
margin:20px 0 0 20px;
}
}
@media all and (max-width: 1200px) {
.infoship{
text-align:left;
margin-left:0;
}
.infopic{
float:none;
display:inline-block;
}
}
.mainwrap h1{
font-family:'Roboto', sans-serif;
font-size:40px;
padding-right:5px;
margin-top:10px;
margin-bottom:15px;
}
.mainprice{ display:inline-block;
font-family:'Roboto', sans-serif;
font-size:60px;
font-weight:bold;
margin-bottom:15px;
}
.freegrey{
margin:0 0 13px 15px;
}


.shop3{
display:block;
padding-top:16px;
padding-bottom:25px;
}
.shopbutton{
height:67px;
width:240px;
margin-top:40px;
}
.shopbutton:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
-khtml-opacity:0.85; 
opacity:0.85; 
cursor:pointer;
-webkit-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out; 
-o-transition:0.2s ease-in-out; 
transition:0.2s ease-in-out;
}
.imgbox{
width:100%;
}
.xbutton{
width:93%;
max-width:500px;
margin:15px 0;
}
.xbutton:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
-khtml-opacity:0.8; 
opacity:0.8; 
}

.buy{
display:block;
padding:50% auto;
}

.addcart{
display:block;
width:100%;
margin-top:7px;
max-width:700px;
}
.addcart:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
-khtml-opacity:0.85; 
opacity:0.85; 
}
.buynow{
display:block;
width:100%;
margin-bottom:10px;
max-width:700px;
}
.buynow:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
-khtml-opacity:0.85; 
opacity:0.85; 
}


.greyline{
width:95%;	
height:1px;
margin-top:30px;
background:#ccc;
}
.mainlist{
font-size:22px;
margin-top:25px;
}
.mainlist ul{
margin:0;
padding:0;	
}
.mainlist li{
margin:0px 0px 0px 45px;
padding:7px 0px 7px 5px;
}
.topdesc{
height:83px;
background:url(images/topdesc.png) repeat-x;
text-align:left;
}
.toptitle{
font-family: "impact", arial;
display:block;
font-size:33px;
color:#0f5378;
padding:18px 0 0 80px;
}
.maindesc{
background:#fff;
padding:30px 80px 60px 80px;
text-align:left;
font-size:25px;
line-height:40px;
}
.infobox{
position:relative;
margin-bottom:60px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #a6bac7;
-moz-box-shadow:0px 0px 4px #87a0b1;
-webkit-box-shadow:0px 0px 4px #87a0b1;
box-shadow:0px 0px 4px #87a0b1;
padding:5% 4%;
font-size:22px;
text-align:left;
}
.infobox h2{
font-size:30px;
margin-bottom:15px;
margin-top:40px;
}
.infowrap{
padding:100px 55px 80px 55px;
background:#e7e9ec;
}
.rbutton:hover{
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
-khtml-opacity: 0.9; 
opacity: 0.9;
}





.footer{
position:relative;
text-align:left;
border:15px solid #465464;
background-color:#1f2328;
background:linear-gradient(#1f2328, #040404);
}
.fmenu{
margin-top:30px;
}
.fmenu ul{
margin:0;
padding:0;
list-style:none;
margin-left:60px;
}
.fmenu li{
width:290px;
font-size:28px;
color:#fff;
padding:10px 0 10px 5px;
list-style-image:url(images/link.png);
}
.fmenu li:hover{
padding-left:15px;
}
.fmenu a:link {color:#fff; text-decoration:none;}
.fmenu a:visited {color:#fff; text-decoration:none;}
.fmenu a:hover {color:#fff; text-decoration:none;}
.fmenu a:active {color:#fff; text-decoration:none;}

.copy{
display:block;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#fff;
margin:45px 0 20px 24px;
}
.copy a{
margin-left:10px;
}
.copy a:link {color:#fff;}
.copy a:visited {color:#fff;}
.copy a:hover {color:#fff;}
.copy a:active {color:#fff;}

.post{
float:right;
margin:40px 40px 0 0



.pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 		
}
@keyframes pullDown {
0% {transform: scaleY(0.1);}
40% {transform: scaleY(1.02);}
60% {transform: scaleY(0.98);}
80% {transform: scaleY(1.01);}
100% {transform: scaleY(0.98);}				
80% {transform: scaleY(1.01);}
100% {transform: scaleY(1);}							
}
@-webkit-keyframes pullDown {
0% {-webkit-transform: scaleY(0.1);}
40% {-webkit-transform: scaleY(1.02);}
60% {-webkit-transform: scaleY(0.98);}
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(0.98);}				
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(1);}		
}