html>body #content {
height: auto;
min-height: 580px;
}
body{
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
font: Arial, Helvetica, sans-serif }
#full_wrap {
width: 100%;
max-width:971px;
margin:0px auto;
}
#wrap {
width: 100%;
height: auto;
background-color: #FFFFFF;
text-align:left;
margin:0px auto;
}
img {
max-width:100%;
height: auto;
} #head{	position:relative;
height: 125px;
width: 100%;
padding: 0px;
margin: 0px;
background-image:url(//innisfailoptical.com.au/template_images/header_bg.gif);
background-repeat:no-repeat;
}
#head_menu {
position:absolute;
height: 20px;
width: 690px;
z-index:22;
top: 77px;
right: 15px;
}
#head h1 {
font-size: 4.9em;
color: #ffffff;
padding: 50px 0px 0px 50px;
margin: 0px;
}
#head a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #666666;
background-color:#FFFFFF;
}
#head a:hover {
color: #0066CC;
background-color: #DADCEF;
}
.description {
padding-left: 60px;
}
.description h2 {
color: #ffffff;
font-size: 3.0em;
margin: 0px;
font-style: italic;
}   
#mobile_header {
width: 100%;
height: auto;
}
#contact_lenses {
width: 100%;
height: auto;
}
#contact_lenses img {
margin: 0 auto;
} a img,:link img,:visited img { border:none }    
a, a:link {
color: #333333;
text-decoration: none;
}
h1 {
font-size: 2.0em;
line-height: 1.1em;
font-weight: normal;
margin: 0px;
color:#0033CC;
border-bottom: #C4C4C4 solid 1px;
}
h2 {
font-size: 2.2em;
line-height: 1.2em;
color: #333333;
font-weight: normal;
}
h5 {
color: #000000;
margin: 8px 0px 0px 0px;
padding: 0px;
font-size: 1.3em;
font-variant: small-caps;
font-weight: normal;
}
a:hover {
color: #9c9c9c;
text-decoration: none;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
} #main {	
position:relative;
z-index:1;
width: 100%;
height: auto;
background-color: #ffffff;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}
#sldshw {
height: 228px;
width: 955px;
z-index:21;
top: 0px;
background-color:#666666;
}
#slide {float: right;
margin-right:0px;
width: 628px;
height: 228px;
}
#bluefade {
position: absolute;
height: 228px;
width: 607px;
z-index:22;
top: 0px;
}
#swirls {
position: absolute;
height: 121px;
width: 955px;
z-index:24;
top: 113px;
}
#sdbar {
position: absolute;
width: 305px;
height: auto;
z-index:23;
top: 200px;
background-color:#FFFFFF;
display: block;
}
#content {
width: 100%;
max-width: 625px;
height: auto;
float: right;
margin-right: 20px;
padding-top: 20px;
font-family: "Droid Sans", Arial, sans-serif;
font-size: 15px;
line-height: 25px;
}
.item {
color: #333333;
line-height: 1.5em;	
}
.item p {
}
.item p a{
text-decoration: underline;
}
.item p a:hover{
color: #9c9c9c;
}
.item img {
border: 1px solid #D8D8D8;
padding: 3px;
margin: 5px;
background: #ffffff;
}
.item ul {
list-style-type: disc;
padding-left: 10px;
margin: 10px 0px 10px 15px;
}
.item li {
padding-bottom: 10px;
}
.item ol{
list-style-type: decimal;
padding-left: 10px;
margin: 10px 0px 10px 15px;
}
.itemhead{
padding-top: 1px;
padding-bottom: 7px;
margin-bottom: 18px;
}
.itemhead h3{
display: inline;
}
.date{
display: inline;
text-align: right;
font-size: 1.1em;
margin-bottom: 20px;
}
input{
font-size: 100%;
}
.metadata{
font-size: 90%;
line-height: 220%;
margin-top: 20px;
font-style: italic;
}
.metadata a:link {
color: #333333;
}
.metadata a:hover, .metadata a:visited{
color: #9c9c9c;
}
cite{
font-size: 1.1em;
}
blockquote {
margin: 10px 15px 10px 15px;
padding: 10px 15px 10px 15px;
background-color: #ffffff;
border: 1px solid #cccccc;
}
blockquote cite {
margin: 5px 0 0;
display: block;
} #primary{
width: 305px;
height: auto;
padding: 0px;
float: left;
background-color: #ffffff;
}
#l_sidebar {
padding: 10px 7px 20px 15px;
font-family: "Droid Sans", Arial, sans-serif;
font-size: 15px;
line-height: 25px;
border-right: solid 1px #E8E8E8;
display:block;
overflow: hidden;
height: auto;
}
#l_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
color: #333333;
}
#l_sidebar ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 3px;
list-style-type: disc;
list-style-position: outside;
color: #333333;
}
#l_sidebar li {
margin: 0px;
padding: 0px;
color: #333333;
}
#l_sidebar ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}
#l_sidebar ul li a {
color: #333333;
text-decoration: none;
}
#l_sidebar ul li a:hover {
color:#9c9c9c; 
}
#l_sidebar ul ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 14px;
color: #333333;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#l_sidebar ul ul li{
margin: 0px;
}
#l_sidebar ul ul ul{
margin-top:0; 
margin-bottom:0;
padding: 0px 0px 0px 14px;
list-style-type: disc;
list-style-position: outside;
color: #333333;
}
#l_sidebar ul ul ul li{
margin: 0px;
}
li .categories, li .linkcat, li .pagenav {
margin: 0px;
padding: 0px;
}
.sidebarSearch{
clear: both;
margin-top: 10px;	
margin-bottom: 10px;
margin-left: 5px;
}
.feedarea  {
height: 30px;
background-image:url(//innisfailoptical.com.au/cms/wp-content/themes/DIYTheme/images/feedicon.png);
background-repeat: no-repeat;
padding-left:20px;
}
.feedarea  a {
color: #333333;
} #comment {
width: 440px;
background: #FFFFFF;
color: #333333;
padding: 0px 10px 0px 10px;
margin: 5px 0px 10px 0px;
font-size: 1.3em;
}
#comment  a{
color: #333333;
text-decoration: none;
}
#comment a:hover{
color: #cccccc;
}
ol#commentlist {
padding: 5px 0px 5px 0px;
margin: 0px;
list-style-type: none;
font-weight: bold;
}
.commentdate {
font-size: 1.2em;
padding-left: 0px;
font-weight: bold;
}
.commentlist p {
clear: both;
font-size: 1.2em;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 18px;
padding: 5px;
font-weight: normal;
}
.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 0px 0px;
}
.commentinfo{
clear: both;
}
.commenttext {
clear: both;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 10px;
width: 450px;
}
.commenttext-admin {
clear: both;
margin: 5px 0px 10px 0px;
padding: 0px 10px 5px 10px;
width: 450px;
}
#commentsformheader{
padding-left: 0px;
}
#commentsform{
text-align: left;
margin: 0px;
padding: 0px;
}
#commentsform form{
text-align: left;
margin: 0px;
}
#commentsform p{
margin: 0px;
}
#commentsform form textarea{
width: 99%;
}
p.comments_link  img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.commentmetadata {
font-size: 1.1em;
float: right;
}
.commentlist li {
padding: 2px;
border-top: 1px solid #cccccc;
}
.navigation {
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
color: #333333;
font-size: 1.3em;
}
.navigation a:link, .navigation a:hover, .navigation a:visited{
color: #333333;
}
.alignright {
float: right;
}
.alignleft {
float: left
} #wp-calendar {
empty-cells: show;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar td {
color: #333333;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar #today {
background: ;
color: #eeeeee;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
} #foot {
width: 971px; 
height: 52px;	
text-align: center;
padding-top: 20px;
background-image:url(//innisfailoptical.com.au/template_images/footer_img.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
}
#foot a:link, #foot a:visited{
color: #666666;
text-decoration: none;
}
#foot a:hover {
color: #0066CC;
text-decoration:underline;
} .customImage img {
padding: 0px;
border: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
} .wpcf7-form{
border: none;
padding:0;
-webkit-border-radius: 10px;   
border-radius: 10px;
width: 100%;
margin-bottom:21px;
}
.email_terms {
font-size:13px !important;
color: #444 !important;
}
#two-column{
width: 90%;
margin-top: 20px;
}
#two-column #left{
width: 30%;
float: left;
}
#two-column #left p {
line-height: 25px !important;
margin-bottom: 15px !important;
margin-top: 3px !important;
}
#two-column #right{
width: 70%;
float: right;
}
#two-column #right2{
width: 70%;
float: right;
margin-top: 5px;
} 
#two-column p{
margin: 0px !important;
}
#two-column input[type="text"]{
border:none;
border:1px solid #333;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:15px;
width: 100%;
}
#two-column input[type="email"]{
border:none;
border:1px solid #333;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:5px;
width: 100%;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
}
#two-column textarea {
position: relative;
padding: 5px;
border:1px solid #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
#two-column input[type="submit"]{
padding:6px 15px;
background:#f1f1f1;
color:#333;
border: 1px solid #333;
float:right;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:5px 0px 0px 0px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus, #two-column input[type="email"]:focus{
background: #F1F1F1;
}
#two-column input[type="submit"]:hover{
background:#fff;
color:#222;
border: 1px solid #DDD;
}
.wpcf7-mail-sent-ok {
border: 2px solid #016894 !important;
}
.wpcf7-mail-sent-ng {
border: 2px solid #016894 !important;
}
.wpcf7-spam-blocked {
border: 2px solid #FF0000 !important;
}
.wpcf7-validation-errors {
border: 2px solid #FF0000 !important;
} #contactdetails {
width: 50%;
max-width:520px;
min-height:100px;
float: left;
margin-bottom:20px;
padding-right:20px;
}
#contactform {
width: 50%;
max-width:520px;
min-height:100px;
float: right;
margin-bottom:20px;
padding-left: 20px;
line-height: 30px;
border-left: 1px solid #ddd;
}
#mapwrap {
width: 100%;
min-height:100px;
float: left;
margin-bottom:20px;
}
.mapp-layout {
margin: 0px !important;
border: 1px solid #DDD !important;
}
#contactdetails td {
color: #000 !important;
padding: 1px 10px 1px 0 !important;
}
#l_sidebar textarea {
position: relative;
padding: 5px;
border:1px solid #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 91%;
}
#l_sidebar input[type="text"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
background-color: #f1f1f1;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:15px;
width: 90%;
}
#l_sidebar input[type="email"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
background-color: #f1f1f1;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:5px;
width: 90%;
}
#l_sidebar #right input[type="text"], #two-column #left input[type="text"]{
}
#l_sidebar textarea {
position: relative;
padding: 5px;
border:1px solid #DDD;
background-color: #f1f1f1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 90%;
}
#l_sidebar input[type="submit"]{
padding:4px 12px;
background:#EEE;
color: #444;
border: 1px solid #DDDDDD;
float:right;
font-family: "Droid Sans", Arial, sans-serif;
font-size: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0px 0px 0px;
}  @media (max-width: 800px) {
#sidebar {
display:none !important;
}
#threepanels {
display:none !important;
}
#footermob {
display: block !important;
}
#wrap {
max-width: none !important;
}
#full_wrap {
max-width: none !important;
}
#main {	
max-width: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 20px important;
}
#sldshw {
display: none!important;
}
#sdbar {
display: none!important;
}
#content {
max-width: none !important;
float:none !important;
}
.itemhead {
margin: 20px !important;
padding-bottom: 7px;
padding-top: 1px;
}
#foot {
width: 100% !important; 		
}
#head {
display: none!important;
}
#content {
max-width: none !important;
}
img {
max-width: 100%;
height: auto;
margin: 0 auto !important;
display:block !important;
float: none !important;
padding: 10px 0 !important;
border: none !important;
}
}
@media (min-width: 800px) {
#footermob {
display: none !important;
}
#headmobile {
display: none;
}
#mobile_header {
display:none !important;
}
#shiftnav-toggle-main {
display: none !important;
}
#contact_lenses {
display: none !important;
}
}