/*
Theme Name: Optivy.se
Theme URI: http://www.optivy.se/
Description: Theme build specifically for Optivy.se
Version: 1.0
Author: Johan Hermansson
Tags: optivy
*/

body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; color: #444; }

h1, h2, h3 { text-transform: uppercase; }
h1 { margin: 0; line-height: 1em; color: #779aca; font-weight: normal; }
h2 { margin: 0; line-height: 1em; color: #333; font-weight: normal; }
h3 { margin: 0; line-height: 1em; color: #779aca; font-weight: normal; }

a:link, a:visited { color: #779aca; text-decoration: none; }
a:hover, a:active, a:focus { color: #779aca; text-decoration: underline; }

a.pdf { padding-left: 30px; line-height: 20px; background: url(img/pdf.png) no-repeat left top; }
a.pdf:link, a.pdf:visited { color: #993333; text-decoration: none; }
a.pdf:hover, a.pdf:active, a.pdf:focus { color: #993333; text-decoration: underline; }

.button span { display: block; float: left; text-transform: uppercase; }
.button span.m { font-size: 14px; line-height: 33px; padding: 0 5px; }
.button span.l, .button span.r { width: 5px; height: 33px; }
.button .l, .button .l { background: transparent url(img/menu_selected.png) no-repeat top left; }
.button .m, .button .m { background: transparent url(img/menu_selected.png) repeat-x bottom left; }
.button .r, .button .r { background: transparent url(img/menu_selected.png) no-repeat top right; }
.button:link, .button:visited { color: #fff; text-decoration: none; }
.button:hover, .button:active, .button:focus { color: #fff; text-decoration: underline; }
button { padding: 0; color: #fff; border: none; background-color: #fff; cursor: hand; cursor: pointer; margin-left: -4px; margin-right: 20px; }


input.hidden { display: none; }

.wpcf7-form-control-wrap input, input.text { border: 1px solid #b7b7b7; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
.wpcf7-radio input, form .wpcf7-checkbox input { border: none; margin: 0; padding: 0; }

.wpcf7-form .blocks .wpcf7-list-item { display: block; margin-top: .3em; margin-left: 0!important; }
.wpcf7-form .li { margin: 0!important; }


#head-wrap { background: url(img/head_background.png) repeat-x; height: 188px;  }

#menu { line-height: 1em; text-transform: uppercase; padding-top: 95px; background: transparent url(img/new_vision-no_surgery.png) no-repeat 3px 50px; }
#menu li { list-style: none; margin: 0; float: left; }
#menu a { color: #7b7e82; display: block; float: left; text-decoration: none; margin-right: 10px; }
#menu span { display: block; float: left; background: none; }
#menu span.m { font-size: 14px; line-height: 33px; padding: 0 5px; }
#menu span.l, #menu span.r { width: 5px; height: 33px; }

#menu li.current_page_parent a, #menu li.current_page_item a { color: #fff; }
#menu li.current_page_parent span.l, #menu li.current_page_item span.l { background: transparent url(img/menu_selected.png) no-repeat top left; }
#menu li.current_page_parent span.m, #menu li.current_page_item span.m { background: transparent url(img/menu_selected.png) repeat-x bottom left; }
#menu li.current_page_parent span.r, #menu li.current_page_item span.r { background: transparent url(img/menu_selected.png) no-repeat top right; }

#menu a:hover { cursor: pointer; cursor: hand; }
#menu a:hover .l, #menu a:focus .l { color: #fff; background: transparent url(img/menu_selected.png) no-repeat top left; }
#menu a:hover .m, #menu a:focus .m { color: #fff; background: transparent url(img/menu_selected.png) repeat-x bottom left; }
#menu a:hover .r, #menu a:focus .r { color: #fff; background: transparent url(img/menu_selected.png) no-repeat top right; }

#head-shadow { height: 40px; background: url(head_shadow.png) repeat-x; }

#sidebar {  }
#sidebar .wrap { margin-right: 10px; }

.sub-menu ul { margin: 0; font-size: 12px; }
.sub-menu .title { background: url(img/sub-menu_title_background.png) repeat-x bottom left; }
.sub-menu h3 { font-size: 13px; line-height: 14px; padding: 10px 0; color: #fff; font-weight: normal; margin-left: 20px; }
.sub-menu li { margin: 0; list-style: none; text-transform: uppercase; }
.sub-menu li a span { display: block; }
.sub-menu .page_item { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.sub-menu .page_item a { color: #7c899a; text-decoration: none; padding-left: 20px; display: block; line-height: 16px; padding-top: 8px; padding-bottom: 8px; }
.sub-menu .current_page_item a, .sub-menu .current_page_parent a { color: #454545; background: url(img/sub-menu_selected_background.png) repeat-x bottom left; }
.sub-menu .current_page_item a span, .sub-menu .current_page_parent a span { padding-left: 12px; background: url(img/sub-menu_selected_arrow.png) no-repeat center left; }
.sub-menu .current_page_parent a span { background-image: url(img/sub-menu_selected_ancestor_arrow.png); }
.sub-menu .first_item { border-top: none; }
.sub-menu .page_item a:hover, .sub-menu .page_item a:focus { font-size: 14px; }

.sub-menu .bottom, #widgets .bottom, #uniques .bottom { width: 290px; height: 5px; background: url(img/sub-menu_bottom.png); position: relative; top: -5px; }

/* sub sub menus */
.sub-menu .page_item ul { background: #f6f7fb; border-top: 1px solid #e3e3e3; display: none; font-size: 12px; padding: 6px 0; }
.sub-menu .page_item .page_item { border: none; }
.sub-menu .page_item .page_item a, .sub-menu .page_item .page_item a span { background-image: none; }
.sub-menu .current_page_item ul, .sub-menu .current_page_parent ul { display: block; }

.sub-menu .page_item .page_item a { color: #7c899a; padding: 6px 0 6px 20px; }
.sub-menu .page_item .current_page_item a { color: #454545; }
.sub-menu .page_item .page_item a:hover, .sub-menu .page_item .page_item a:focus { font-size: inherit; text-decoration: underline; }


#widgets li { margin: 35px 0 0 0; list-style: none; }
#widgets h3 { background: url(img/sub-menu_title_background.png) repeat-x bottom left; font-size: 13px; line-height: 34px; color: #fff; font-weight: normal; margin: 0; }
#widgets h3 span { display: block; margin-left: 20px; }
#widgets input.text { width: 100%; }
#widgets .wpcf7-form p { margin-bottom: 5px; }
#widgets p.last { margin: 0; }
#widgets .widget-wrap { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
#widgets .textwidget { margin: 0 20px; padding: 20px 0; }

#widget-forundersokning h3, #widget-forundersokning .bottom { display: none; }
#widget-forundersokning .widget-wrap, #widget-forundersokning .textwidget { margin: 0; padding: 0; border: none; }

#uniques li { margin: 35px 0 0 0; list-style: none; }
#uniques h3 { background: url(img/sub-menu_title_background.png) repeat-x bottom left; font-size: 13px; line-height: 34px; color: #fff; font-weight: normal; margin: 0; }
#uniques h3 span { display: block; margin-left: 20px; }
#uniques p { margin: 0; margin-top: .7em; }
#uniques p:first-child { margin: 0; }
#uniques input.text { width: 100%; }
#uniques .unique-wrap { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
#uniques .unique-text { margin: 0 20px; padding: 20px 0; }

#content.wrap { margin-left: 10px; }

.line { height: 1px; background: #b0bed8; margin: 35px 0; }

.flash {  }
.flash p { margin-top: 1em; }

/*#index-items { margin-top: 35px; }
#index-items .grid_4 { width: 290px; margin: 0; }
#index-items .alpha { margin-right: 35px; }
#index-items .omega { margin-left: 35px; }
#index-items .item {  }
#index-items h2 { font-size: 16px; color: #779aca; margin: 30px 0 22px 0; text-transform: none; }
#index-items p { font-size: 14px; } */

#start_boxes { margin: 35px 0 0 0; padding: 0; font-size: 13px; }
#start_boxes li { width: 211px; float: left; margin-left: 32px; list-style: none; }
#start_boxes li.first { margin-left: 0; }
#start_boxes h2 { font-size: 16px; color: #779aca; text-transform: none; margin: 30px 0 14px 0; }

.before-page-head { margin-bottom: 40px; }

.page-head { border-bottom: 1px solid #779aca; line-height: 20px; padding-bottom: 10px; margin-bottom: 30px; }
.page-head h1 { font-size: 18px; font-weight: normal; line-height: 20px; }
.page-head .text-size { font-size: 12px; color: #779aca; text-align: right; text-transform: uppercase; margin-left: 0; }
.page-head .text-size span { display: block; float: right; }
.page-head .text-size .one, .page-head .text-size .two, .page-head .text-size .three { cursor: pointer; cursor: hand; margin-left: 2px; text-align: center; }
.page-head .text-size .one { margin-left: 9px; }

/*.page-head .text-size .selected { color: #fff; background: url(img/text-size_selected.png); }*/

.page-head .text-size .one { width: 20px; line-height: 20px; font-size: 14px; }
.page-head .text-size .two { width: 24px; line-height: 24px; font-size: 18px; position: relative; top: -2px; }
.page-head .text-size .three { width: 28px; line-height: 28px; font-size: 22px; position: relative; top: -5px; }

.page-head .text-size .one.selected { color: #fff; background: url(img/text_size1_selected.png); }
.page-head .text-size .two.selected { color: #fff; background: url(img/text_size2_selected.png); }
.page-head .text-size .three.selected { color: #fff; background: url(img/text_size3_selected.png); }

.page-content { width: 500px; font-size: 12px; }
.page-content h2 { font-size: 1.1em; font-weight: normal; line-height: 1.2em; margin-bottom: .3em; padding-top: 6px; }
.page-content p { text-indent: 1.1em; margin: 0; margin-bottom: .8em; }
.page-content p:first-child { text-indent: 0; }
.page-content p.noindent { text-indent: 0; }
.page-content form p { text-indent: 0; }
.page-content li { list-style-image: url(img/list-dot.png); }
.page-content ul.links li { list-style: none; margin-left: 0; }

.page-content img { vertical-align: top; }

.page-content img.alignleft { float: left; margin-right: 15px; }


/* Booking form */

#booking_head { margin: 0; padding: 0; margin-top: 24px; }
#booking_head p { margin: 0!important; padding: 0!important; }

#booking { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; margin: 0; }

#booking_form { display: block; margin: 0 20px; padding: 20px 0; }

#booking table { width: 100%; }
#booking td { width: 50%; }
#booking td.left { padding-right: 10px; }
#booking td.right { padding-left: 10px; }

#booking label { display: block; margin: 0; padding: 0; }
#booking .input, #booking .textarea { display: block; border: 1px solid #b7b7b7; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: inherit; color: inherit; }
#booking .input input, #booking .textarea textarea { display: block; width: 97%; padding: 0; border: none; margin: 5px; font-family: inherit; color: inherit; }
#booking .textarea textarea { height: 4em; font-family: inherit; font-size: inherit; color: inherit; }

#booking .input.error { border-color: rgb(216, 147, 161); }

#booking_bottom { width: 500px; height: 4px; background: url(img/optivy_forundersokning_bottom.png) no-repeat; }

#single.popup { padding-top: 20px; }
#single .page-content { width: auto; }
#single h1 { margin-bottom: 20px; }

.status { border: 1px solid #666; padding: .3em; margin-bottom: 1em!important; }
.status.success { border-color: rgb(208, 208, 208); background: rgb(249, 249, 249); }
.status.error { border-color: rgb(216, 147, 161); background: rgb(251, 230, 242); }

#foot { border-top: 1px solid #779aca; text-align: left; padding-top: 10px; margin-top: 40px; margin-bottom: 100px; position: relative; }
#foot a { margin: 0 1em; }

/* Changes in the footer "En del av Globen */

.presented-by {
	position: absolute;
	top: 10px;
	right: 14px;
}

.presented-by img {
	margin: 0 0 0 10px;
}

.presented-by p {
    color: #779ACA;
	font-weight: 400;
	margin: 0px;
}

.presented-by a, .presented-by a:visited {
	margin: 0px !important;
}

/* Changes in the header "En del av Globen" */

.head-special {
	position: relative;
}

.gl-head-logo {
    background: url("img/Globen-ogonklinik-logo-for-OptivySE-196-28.png") no-repeat scroll left top transparent;
    height: 28px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 196px;
}