/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* WPC specific styles */
body.RadEContentBordered {border:none;}
body.RadEContentBordered #content-main,
body.RadEContentBordered #content-secondary,
body.RadEContentBordered #treatments-in-brief {background:#fff; padding:20px; overflow:auto;}

html {background:#262626;}
body {color:#000; background:#fff url(/CommonResources/Files/www.varda.se/images/layout/circles.gif) right 410px no-repeat; font:62.5%/1.5 Arial, Verdana, sans-serif; border-top:4em solid #000; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom:.5em; font-weight:bold; clear:both;}

h1 {font-size:2.3em; font-family:"arial black"; margin-bottom:.75em; text-transform:none; letter-spacing:-.05em; line-height:1.25; color:#333;}
h2 {font-size:1.2em; text-transform:uppercase;}
h3 {font-size:1.2em; text-transform:uppercase;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1.5em;}
blockquote {margin-bottom:1.5em;}
code {}
del {}
dfn {}
dfn {}
em {font-style:italic;}
p {margin-bottom:1.5em;}
pre {}
strong {font-weight:bold;}

/* Link elements 
-------------------------------------------------------------- */
a:link {color:#900028;}
a:visited {color:#900028;}
a:hover {}
a:active {}
a:focus {}
a.read-more {padding-right:25px; background:url(/CommonResources/Files/www.varda.se/images/layout/read-more.gif) right center no-repeat;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1.5em; list-style-position:inside;}
ul li {}
ul ul {margin-bottom:0;}
ol {margin-bottom:1.5em;}
ol li { }
ol ol {margin-bottom:0;}

dl {margin-bottom:1.5em;}
dl dt {font-weight:bold;}
dl dd {}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom:1.5em; table-layout:fixed; width:100%;}
caption {}
thead {}
tfoot {}
tbody {}
tr {background:#eee;}
tr.even {background:#f6f6f6;}
thead tr {background:#000; color:#fff;}
th {padding:.75em 1.5em;}
thead th {font-weight:bold; font-size:1.1em;}
td {padding:.75em 1.5em;}
table.prices td {font-weight:bold; font-style:italic; color:#666;}
col#treatment-cost {width:175px;}

/*  Forms
-------------------------------------------------------------- */
form,
.form {margin-bottom:1.5em;}
fieldset {margin-bottom:1.5em;}
legend {}
label {}
input {}
textarea {}
input[type="text"] {display:block}
.form label {display:block; font-size:1.1em}
.form label span {color:#900028; font-weight:bold; font-size:1.2em}
.form input[type="text"],
.form textarea,
.form select {width:99%; font-size:1.3em; font-family:arial, sans-serif; border:1px solid #CCCCCC; background:#f7f7f7; font-family:"times new roman"; font-style:italic;}
.form textarea {height:7.5em;}
.form p {margin-bottom:.5em;}

/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left; margin-right:1.5em;}
.align-right {float:right; margin-left:1.5em;}
.hide {display:none;}
.off-screen {position:absolute; left:-999em; top:-999em;}
.on-screen {position:static;}
.in-focus {padding:1.5em; background:#f1fbff; border:1px solid #a2e0f5;}
.highlight {}
.container {width:900px; margin:0 auto;}
.vcard {margin-bottom:1.5em;}

/* Structure
---------------------------------------------------------------*/
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}

#header {margin-top:-4em;}
#header .container {position:relative;}
#logo {position:absolute;}
#site-options {line-height:4em; color:#fff; text-transform:uppercase; background:#000; list-style:none outside; overflow:hidden; margin-bottom:0; padding-left:139px; font-weight:bold; height:1%;}
#site-options li {float:left;}
#site-options a {float:left; color:#fff; text-decoration:none; font-size:1.2em;}
#site-options #hard-to-read {float:right; background:url(/CommonResources/Files/www.varda.se/images/layout/magnifying-glass.gif) right center no-repeat; padding-right:3em;}
#site-options #choose-language {float:right; margin-left:2em; padding-left:2em; border-left:1px dotted #666;}
#site-options #choose-language span {float:left; font-size:1.2em;}
#site-options #choose-language ul {float:left; list-style:none outside;}
* html #header #site-options #choose-language ul {position:relative; top:50%; margin-top:-6px;}
*:first-child+html  #header #site-options #choose-language ul {position:relative; top:50%; margin-top:-6px;}
#site-options #choose-language li {margin-left:1em;}
#navigation-main ul {color:#000; line-height:7.2em; list-style:none outside; margin-bottom:0; padding-left:139px; margin-left:-1em;} /* ie fix needed (margin/padding-top) */
#navigation-main li {float:left;}
#navigation-main a {float:left; color:#000; background:#fff; text-decoration:none; font-size:1.5em; padding:0 1em; border-right:1px dotted #aaa;}
#navigation-main a:hover,
#navigation-main a:focus {background:#eee; outline:none; height:1%;} /* IE7 bug - redraw dotted border (with color specified) */
#navigation-main li.selected a {background:#ebebeb;}
#interactive {clear:both; height:auto; background:url(/CommonResources/Files/www.varda.se/images/layout/grey-gradient.png) repeat-x;}
#interactive .container {position: static; height:auto; background:none; padding-top:30px;}
#interactive #testimonials {float:left; margin-bottom:10px; width:558px; height:350px; overflow: hidden;}
#interactive #contact-me {width:290px; margin-bottom:12px; float:right; -moz-border-radius:10px; -webkit-border-radius:10px;}
#interactive #contact-me .form {margin-bottom:0;}
#interactive #contact-me label {float:left; width:70px;}
#interactive #contact-me input[type="text"] {width:200px; display:inline;}
#interactive #where-to-find-us {width:290px; height:127px; float:right; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#interactive #where-to-find-us ul {font-size:1.1em; margin-bottom:0;}
#interactive #taglines {background:#ebebeb; min-height:55px; line-height:55px; text-align:center; clear:both; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.1em;}
* html #interactive #taglines {height:55px;}
#interactive #taglines li {display:inline; text-transform:uppercase; background: url(/CommonResources/Files/www.varda.se/images/layout/red-bullet.gif) left center no-repeat; padding:0 7px 0 17px;}
#interactive #taglines li:first-child {background:none; padding-left:0;}
#interactive #what-we-offer {list-style:none outside; margin-left:-8px; zoom:1;}
#interactive #what-we-offer li {position:relative; float:left; width:219px; height:330px; margin-left:8px; display:inline;}
#interactive #what-we-offer li#lasek {background:#7d1c2d url(/CommonResources/Files/www.varda.se/images/lasek.jpg) left top no-repeat;}
#interactive #what-we-offer li#lasik {background:#7d1c2d url(/CommonResources/Files/www.varda.se/images/lasik.jpg) left top no-repeat;}
#interactive #what-we-offer li#rle {background:#7d1c2d url(/CommonResources/Files/www.varda.se/images/rle.jpg) left top no-repeat;}
#interactive #what-we-offer li#brutto {background:#7d1c2d url(/CommonResources/Files/www.varda.se/images/brutto.jpg) left top no-repeat;}
#interactive #what-we-offer li .price {position:absolute; bottom:23px; left: 15px; width: 189px; color:#fff; text-align:center; font-weight:bold; font-size:1.5em; text-transform:uppercase;}
#interactive #what-we-offer li .price em {display:block; font-style:normal;}
#interactive #what-we-offer li .price a {color:#fff; text-decoration:none;}
#interactive #what-we-offer li .price a:hover,
#interactive #what-we-offer li .price a:focus,
#interactive #what-we-offer li .price a:hover em,
#interactive #what-we-offer li .price a:focus em {text-decoration:underline;}

#interactive #whats-your-problem {list-style:none outside; padding-top:55px;}
#interactive #whats-your-problem li {margin-bottom:.5em;}
* html #interactive #whats-your-problem li {height:1%;}
#interactive #whats-your-problem li a {color:#fff; text-decoration:none; display:block; width:290px; line-height:50px; text-align:center; color:#fff; background:url(/CommonResources/Files/www.varda.se/images/layout/action-button.png) no-repeat; font-size:2em; font-family:arial black; font-weight:normal;}
#interactive #whats-your-problem li a:hover,
#interactive #whats-your-problem li a:focus {background-position:0 -50px;}

/* Contextual backgrounds for interactive container */

/* synfel */
/*body.synsfejl-ojensygdomme #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/synfel.jpg) right top no-repeat;}
body.narsynethed #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/narsynthet.jpg) right top no-repeat;}
body.langsynethed #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/oversynt.jpg) right top no-repeat;}
body.astigmatisme #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/astigmatism.jpg) right top no-repeat;}
body.aldersbetinget-langsynethed #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/aldersynthet.jpg) right top no-repeat;}*/

/* operationer */
/*body.ojenoperationer #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/ogonoperationer.jpg) right top no-repeat;}
body.lasek-elsa #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/lasek-elsa.jpg) right top no-repeat;}
body.lasik #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/lasik.jpg) right top no-repeat;}
body.rle #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/rle.jpg) right top no-repeat;}
body.grastar-cataract #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/katarakt.jpg) right top no-repeat;}
body.efterstar #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/polikliniska.jpg) right top no-repeat;}*/

/* priser */
/*body.priser #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/lasek-elsa.jpg) right top no-repeat;}
body.prisgaranti #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/lasek-elsa.jpg) right top no-repeat;}
body.betalning #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/lasek-elsa.jpg) right top no-repeat;}*/

/* frågor och svar */
/*body.sporgsmal-svar #interactive .container {background:url(/CommonResources/Files/www.varda.se/images/layout/astigmatism.jpg) right top no-repeat;}*/

#interactive #whats-your-problem {list-style:none outside; padding-top:55px;}
#interactive #whats-your-problem li {margin-bottom:.5em;}
* html #interactive #whats-your-problem li {height:1%;}
#interactive #whats-your-problem li a {color:#fff; text-decoration:none; display:block; width:290px; line-height:50px; text-align:center; color:#fff; background:url(/CommonResources/Files/www.varda.se/images/layout/action-button.png) no-repeat; font-size:2em; font-family:arial black; font-weight:normal;}
#interactive #whats-your-problem li a:hover,
#interactive #whats-your-problem li a:focus {background-position:0 -50px;}

#content {width:900px; margin:0 auto; padding-bottom:60px; overflow:hidden;}
#breadcrumbs {background:url(/CommonResources/Files/www.varda.se/images/layout/breadcrumbs-bullet.gif) left center no-repeat; overflow:hidden; list-style:none outside; font-size:1.4em; padding-left:16px; font-weight:bold; margin:1.5em 0; color:#aaa;} /* height 1% fix needed */
#breadcrumbs a {color:#000; text-decoration:none;}
#breadcrumbs a:last-child {background:#ebebeb; color:#888; padding:5px; -webkit-border-radius:5px; -moz-border-radius:20px;}
#breadcrumbs a:hover {color:#900028;}
#content-main {float:left; width:530px; padding-right:40px; font-size:1.4em;}
#content-main .spot {border-left:5px solid #900028; padding-left:1.5em;}
#content-main .spot h2 {font-size:1.1em;}
#content-main .spot h2 a {color:#000;}
#content-main .spot h2 a:visited {color:#000;}
#content-main .spot h2 a:hover {color:#900028;}
#content-main .faq dt {font-weight:normal; margin-bottom:.5em;}
#content-main .faq dt a {display:block;}
#content-main .faq dd {border-left:5px solid #ebebeb; margin:.75em 0 1.5em 1.5em; padding-left:1.5em;}
#content-main ul {list-style-position:outside; padding-left:1.5em;}
#content-secondary {float:left; width:330px; font-size:1.2em;}
#content-secondary #faq-and-satisfied-customers {margin-bottom:20px;}
#content-secondary #faq-and-satisfied-customers #satisfied-customers  h3 {margin-bottom:0;}
#content-secondary #faq-and-satisfied-customers #satisfied-customers  .about-customer {color:#666; text-transform:uppercase; background:url(/CommonResources/Files/www.varda.se/images/layout/tabbed-nav-heading-bg.gif) bottom left repeat-x; margin-bottom:1em; padding-bottom:1em;}
#content-secondary #faq-and-satisfied-customers  #faq dt {text-transform:uppercase; background:url(/CommonResources/Files/www.varda.se/images/layout/tabbed-nav-heading-bg.gif) bottom left repeat-x; margin-bottom:.75em; padding-bottom:.75em; font-size:1.2em;}
#content-secondary #faq-and-satisfied-customers  #faq dd {margin-bottom:1.5em;}
.important-info-spot {color:#fff; background:#900028; -webkit-border-radius:20px; -moz-border-radius:20px; margin-bottom:20px; padding:20px;}
.important-info-spot a {color:#fff;}
.important-info-spot a:visited {color:#fff;}
.important-info-spot a:hover {text-decoration:underline;}
.important-info-spot ul {list-style:none outside;}
.important-info-spot ul li a {text-decoration:none; display:block; margin-bottom:1.5em;}
.important-info-spot h3 {background:url(/CommonResources/Files/www.varda.se/images/layout/news-heading-bg.gif) bottom left repeat-x; margin-bottom:.6em; padding-bottom:.6em;}
.important-info-spot .news-date {color:#cc9999; text-transform:uppercase;}
.info-spot {color:#000; background:#ebebeb; -webkit-border-radius:20px; -moz-border-radius:20px; margin-bottom:20px; padding:20px; }
.info-spot .navigation-internal {list-style:none outside;}
.info-spot .navigation-internal li {border-bottom:1px dotted #ccc;}
.info-spot .navigation-internal a {color:#000; text-decoration:none; display:block; padding:.75em 2.5em; background:url(/CommonResources/Files/www.varda.se/images/layout/navigation-internal.gif) left center no-repeat;}
.info-spot .navigation-internal a[href^="#"] {background:url(/CommonResources/Files/www.varda.se/images/layout/navigation-internal-anchor.gif) left center no-repeat;}
.info-spot .navigation-internal a:visited {color:#000;}
.info-spot .navigation-internal a:hover {background-color:#efefef;}
.info-spot h3 {background:url(/CommonResources/Files/www.varda.se/images/layout/tabbed-nav-heading-bg.gif) bottom left repeat-x; margin-bottom:.6em; padding-bottom:.6em;}

#treatments-in-brief {clear:left; font-size:1.3em; margin-bottom:1.5em;}
#treatments-in-brief h3 {background:url(/CommonResources/Files/www.varda.se/images/layout/tabbed-nav-heading-bg.gif) bottom left repeat-x; margin-bottom:.75em; padding-bottom:.75em;}
#treatments-in-brief .about-the-treatment {float:left; width:440px; padding-right:20px; margin-right:20px;}
#treatments-in-brief .treatment-related-info {float:left; width:380px;}

#visual-defects-in-brief,
#eye-diseases-in-brief {clear:both; font-size:.9em; margin-bottom:1.5em;}
#visual-defects-in-brief h3,
#eye-diseases-in-brief h3 {background:url(/CommonResources/Files/www.varda.se/images/layout/tabbed-nav-heading-bg.gif) bottom left repeat-x; margin-bottom:.75em; padding-bottom:.75em;}

#footer {clear:both; color:#fff; background:#262626; border-top:8px solid #000; height:1%;} /* IE hack */
#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#900028;}
#footer a:focus {color:#900028;}
#footer .container {padding:40px 0; position:relative;}
#footer .container:after {display:block; height:0; visibility:hidden; content:""; clear:both;}
#navigation-secondary {float:left; width:200px; list-style:none outside; margin:0 40px 0 0; border-right:2px solid #900028;}
#navigation-secondary li {margin-bottom:1.5em;}
#navigation-secondary a {display:block; padding:10px 0px; font-size:1.5em; text-transform:uppercase; font-weight:bold; height:1%;} /* ie hack */
#contact-information {float:left;}
#find-your-clinic {position:absolute; right:-40px; display:block; top:-60px; z-index:2; clear:both; overflow:auto; background:url(/CommonResources/Files/www.varda.se/images/layout/nordic-map.gif) bottom right no-repeat; padding-right:17px; padding-bottom:127px;}
#find-your-clinic:hover {background:url(/CommonResources/Files/www.varda.se/images/layout/nordic-map-hover.gif) bottom right no-repeat;}
#contact-information ul {margin:0; list-style:none outside; overflow:hidden;}
#contact-information ul li {float:left; width:150px; margin-right:20px;}
#contact-information ul li:last-child {margin-right:0;}
#contact-information li ul li {float:none; font-size:1.3em; margin-bottom:1em; width:auto; height:1%;}
#contact-information ul a {display:block; height:1%;}
#contact-information h3 {font-size:1.5em; padding:10px 0;}

/* pop up contact form */
#i-would-like-to-be-contacted {position:fixed; left:-920px; top:25px; z-index:1000; width:900px; padding:10px; background:#ccc; background:rgba(0,0,0,.15); -moz-border-radius:15px; -webkit-border-radius:15px;}
* html #i-would-like-to-be-contacted {position:absolute} /* IE6 hack */
#i-would-like-to-be-contacted a.show-form-button {position:absolute; right:-52px; top:100px;}

#contact-form {height:425px; padding:25px; overflow:auto; background:#fff; font-size:1.2em; border:1px solid #bbb; -moz-border-radius:15px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-radius:15px; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0;  margin-top:-20px;}
#contact-form .form {margin:0; float:left; width:400px;}
#contact-form .message {float:right; width:375px; margin-right:25px; font-size:1.4em;}
#contact-form .result {font-size:12px; font-weight:bold; width:400px; float:left;}
#contact-form #close-contact-form {display:block; text-indent:-999em; width:25px; height:25px; position:absolute; top:10px; right:30px; background:url(/CommonResources/Files/www.varda.se/images/layout/close.gif) no-repeat;}
* html #contact-form #close-contact-form {top:30px;}
*:first-child+html #contact-form #close-contact-form {top:30px;}

/* contact page */
.contact-photo {float:left; margin:0 1.5em 1.5em 0; padding:5px; background:#fcfcfc; border-top:1px solid #eee; border-left:1px solid #eee; border-right:2px solid #ddd; border-bottom:2px solid #ddd;}

/* news listing */
.news-item {border-bottom:1px dotted #ccc; margin-bottom:1.5em; padding-bottom:1.5em;}
.news-item .news-date {color:#666;}

/* jquery tabs plugin styles */
.ui-tabs-nav {list-style:none; margin:0; padding:0 !important; overflow:hidden;}
* html .ui-tabs-nav {height:1%;}
.ui-tabs-nav li {float:left; margin-right:1px;}
.ui-tabs-nav a {display:block; color:#000; background:#ebebeb url(/CommonResources/Files/www.varda.se/images/layout/tab-unselected.jpg) left bottom repeat-x; text-decoration:none; padding:10px 20px; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px;  -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus {color:#900028; outline:none;}
.ui-tabs-nav .ui-tabs-selected a {background:#ebebeb;}
.ui-tabs-panel {clear:left; padding:20px; -webkit-border-radius:20px; -webkit-border-top-left-radius:0px; -moz-border-radius:20px; -moz-border-radius-topleft:0px; background:#ebebeb; overflow:hidden; height:1%;} /* ie hack */
.ui-tabs-hide {display:none;} /* is this accessible for screen reader users? */