/*
Theme Name: Wasca
Description: Wordpress 3.5.x ready theme for WA School Canteens site.
Version: 1.1r
Author: (I) Ent Design Studio
Create Date: 07/02/2013 (MM/DD/YYYY)
*/
/* ############# GENERAL RESETS AND FIXES ############# */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} 
mark  {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { background-color:#ff9; color:#000; text-decoration:none;}
/* ############# GENERAL STYLES ############# */
body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333333; line-height:18px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal; margin:0; font-family:Tahoma, Geneva, sans-serif;}
h1, h2, h3 {color:#000066;} h4, h5, h6 {color:#3e3e3e;}
h1, h2 {font-size:20px; padding:0 0 15px;}
h3 {font-size:18px; padding:0px 0 6px;}
h4 {font-size:16px; padding:0px 0 5px;}
h5 {font-size:14px; padding:0px 0 4px;}
h6 {font-size:12px; padding:0px 0 4px;}
a:link, a:visited {color:#cc0000; text-decoration:none;}
a:focus, a:hover{color:#cc0000; text-decoration:underline;}
a:active {color:#cc0000; text-decoration:none;}
p {padding:0 0 10px 0;}
.blue h1, .blue h2, .blue h3 {color:#0066cc;}
.darkblue h1, .darkblue h2, .darkblue h3 {color:#003366;}
.skyblue h1, .skyblue h2, .skyblue h3 {color:#3399ff;}
.green h1, .green h2, .green h3 {color:#019901;}
.limegreen h1, .limegreen h2, .limegreen h3 {color:#669966;}
.tealgreen h1, .tealgreen h2, .tealgreen h3  {color:#006600;}
.orange h1, .orange h2, .orange h3 {color:#ff6600;}
.pink h1, .pink h2, .pink h3 {color:#ff0066;}
.red h1, .red h2, .red h3 {color:#ff0000;}
.brown h1, .brown h2, .brown h3 {color:#cc9901;}
.blue a:link, .blue a:visited, .blue a:focus, .blue a:hover, .blue a:active {color:#cc0000;}
.darkblue a:link, .darkblue a:visited, .darkblue a:focus, .darkblue a:hover, .darkblue a:active {color:#003366;}
.skyblue a:link, .skyblue a:visited, .skyblue a:focus, .skyblue a:hover, .skyblue a:active {color:#3399ff;}
.green a:link, .green a:visited, .green a:focus, .green a:hover, .green a:active {color:#019901;}
.limegreen a:link, .limegreen a:visited, .limegreen a:focus, .limegreen a:hover, .limegreen a:active {color:#669966;}
.tealgreen a:link, .tealgreen a:visited, .tealgreen a:focus, .tealgreen a:hover, .tealgreen a:active {color:#006600;}
.orange a:link, .orange a:visited, .orange a:focus, .orange a:hover, .orange a:active {color:#ff6600;}
.pink a:link, .pink a:visited, .pink a:focus, .pink a:hover, .pink a:active {color:#ff0066;}
.red a:link, .red a:visited, .red a:focus, .red a:hover, .red a:active {color:#ff0000;}
.brown a:link, .brown a:visited, .brown a:focus, .brown a:hover, .brown a:active {color:#cc9901;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;} 
strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;} 
sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;} 
del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;}
ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;}
table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{}
small{font-size:11px;} .require, .star {color:#F00;} .center {text-align:center;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;}
/* FLUID COLUMN */
.one_half, .one_third, .two_third, .one_fourth {padding-bottom:10px; float:left;}
.one_half {width:49%; padding-right:2%;} .one_half.last {float:right; padding-right:0;}
.one_third {width:32%; padding-right:2%;} .one_third.last {float:right; padding-right:0;}
.two_third {width:66%; padding-right:2%;} .two_third.last {float:right; padding-right:0;}
.one_fourth {width:23.5%; padding-right:2%;} .one_fourth.last {float:right; padding-right:0;}
.three_fourth {width:74.5%; padding-right:2%;} .three_fourth.last {float:right; padding-right:0;}
.one_half+.one_half, .one_third+.two_third, .two_third+.one_third, .one_third+.one_third+.one_third, .one_fourth+.one_fourth+.one_half, .one_fourth+.one_half+.one_fourth, .one_half+.one_fourth+.one_fourth, .one_fourth+.three_fourth, .three_fourth+.one_fourth, .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:right; padding-right:0%;}
@media (max-width: 600px) { .one_half, .one_third, .two_third, .one_fourth {width:100%; padding-right:0%;}}
/* GRID LAYOUT*/
.main, .container {width:960px;	margin:0 auto; position:relative;} .row {display:block; float:left; margin-bottom:20px;} 
.grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; }
.grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;}
.grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;}
.grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}
.section {float:left; width:100%; clear:both;} .fleft {float:left;} .fright {float:right;} .on-phone
.on-phone, .on-tablet, .on-desktop, .off-phone, .off-tablet, .off-desktop {display:none;}
@media (min-width: 979px) {
	.off-phone, .off-tablet, .on-desktop {display:block;} .off-desktop, .on-tablet, .on-phone {display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.main, .container { width:720px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;} 
	.grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;} 
	.grid10 {width:580px;} .grid11 {width:640px;} .grid12 {width:700px;} 
	.off-phone, .on-tablet, .off-desktop  {display:block;} .off-tablet, .on-desktop, .on-phone {display:none;}
}
@media (max-width: 767px) {
	.main, .container {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;}
	.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;}
	.on-phone, .off-desktop, .off-tablet {display:block;} .on-desktop, .off-phone, .on-tablet {display:none;}
}
/* ############# GENERAL STUCTURE ############# */
#body {background:#faf9f7 url(images/body_bg.png) repeat-x 0 0; width:100%; float:left;}
#body .body-indent {background:url(images/body_bg_pat.png) no-repeat 50% 0; width:100%; float:left;}
#body .body-inner {background:url(images/body_top.png) repeat-x 0 0; position:relative; width:100%; float:left;}
#header {padding:20px 0 80px; position:relative; height:86px;}
#logo { position:absolute; left:30.5%; z-index:19; width:367px; top:8px;}
#logo img {max-width:100%;}
#top {float:left; font-size:14px; line-height:20px; width:385px; text-align:center;}
#top p {padding:0; line-height:20px; font-size:14px;}
#top a {color:#333333; text-decoration:none; display:inline-block;}
#top a:hover {color:#000; text-decoration:none;}
#top span {display:inline-block;}
#top span.home {background:url(images/icon_home.png) no-repeat 0 0; padding:4px 0 5px 35px;}
#top span.phone {background:url(images/icon_phone.png) no-repeat 0 0; padding:4px 0 5px 35px; margin-left:22px;}
#topr {float:right; text-align:center; width:385px; position: relative; z-index:29;}
#topr ul {margin-bottom:10px; list-style:none; padding:0; text-align:center; display:inline-block;}
#topr ul li {display:inline-block; padding:0;} .ie7 #topr ul li {display:inline; float:left;}
#topr ul li a {color:#333333; font-size:14px; line-height:20px; font-family:Tahoma, Geneva, sans-serif; padding:5px 12px 6px; display:block; text-decoration:none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
#topr ul li a:hover, #topr ul li.current-menu-item a, #topr ul li.current_page_item a {background:#000066; color:#fff;}
#topr #searchform {position:relative;}
#topr #searchform input.field {background:#fff; border:0 none; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; height:25px; width:200px; padding:5px 40px 5px 10px; border:5px solid rgba(0,145,156, .6);}
#topr #searchform input.submit {background:url(images/icon_search.png) no-repeat 0 0; width:19px; height:20px; display:block; border:0 none; position:absolute; right:75px; top:12px; text-indent:-999em; cursor:pointer;}
.ie8 #topr #searchform input.submit {top:8px;}
#breadcrumb {font-size:11px; line-height:18px; padding:0 0 16px; background:url(images/title_top.png) repeat-x 0 100%; margin-bottom:15px;}
#breadcrumb p {padding:0;} #breadcrumb span {font-size:11px; line-height:18px;} #breadcrumb strong {font-weight:bold; color:#009900; font-size:12px;}
#breadcrumb a {color:#0066cc; text-decoration:none; padding:0 2px;} #breadcrumb a:hover {color:#0066cc; text-decoration:underline;}
#breadcrumb .extra {float:right; margin-left:20px;}
.blue #breadcrumb strong {color:#0066cc;}
.darkblue #breadcrumb strong {color:#003366;}
.skyblue #breadcrumb strong {color:#3399ff;}
.green #breadcrumb strong {color:#019901;}
.limegreen #breadcrumb strong {color:#669966;}
.tealgreen #breadcrumb strong  {color:#006600;}
.orange #breadcrumb strong {color:#ff6600;}
.pink #breadcrumb strong {color:#ff0066;}
.red #breadcrumb strong {color:#ff0000;}
.brown #breadcrumb strong {color:#cc9901;}
/* ############# MAIN NAVIGATION ############# */
#nav {background:url(images/nav_bg_left.png) no-repeat 0 0; padding-left:12px;}
#nav .nav-inner {background:url(images/nav_bg_right.png) no-repeat 100% 0; padding-right:12px;}
#nav .nav-wrap {background:url(images/nav_bg.png) repeat-x 0 0; text-align:center;}
#nav ul.menu {text-align:center; display:inline-block; list-style:none; margin:0; padding:0;}
#nav ul.menu li {display:inline-block; position:relative;} .ie7 #nav ul.menu li {display:inline; float:left;}
#nav ul.menu li a {color:#fff; font-size:14px; line-height:20px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; text-transform:capitalize; display:inline-block; font-weight:normal; padding:17px 9px 18px;}
#nav ul.menu li a:hover  {color:#a3ffff;}
#nav ul.menu > li.current-menu-item > a:hover, #nav ul.menu > li.current-menu-item.sfHover > a, 
#nav ul.menu > li.current-menu-parent > a:hover, #nav ul.menu > li.current-menu-parent.sfHover > a, 
#nav ul.menu > li.current-menu-item > a, #nav ul.menu > li.current-page-parent > a, #nav ul.menu > li.current_page_parent > a,
#nav ul.menu > li.current_page_item > a, #nav ul.menu > li.current-page-ancestor > a {color:#a3ffff}
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a {color:#a3ffff} 
/* DROPDOWN */
#nav ul { position:relative; display:inline-block; margin:0;}
#nav ul ul {position:absolute; top:-999em; background:#ff0000; width:155px; z-index:9999; list-style:none; margin:0; padding:0;}
#nav ul li.sfHover ul, #nav ul li:hover ul {top:55px; left:0;} #nav ul li.sfHover ul ul, #nav ul li:hover ul ul {top:0px; left:156px;}
#nav ul.sub-menu li {padding:0px; width:100%; background:none; text-align:left;}
#nav ul.sub-menu li a, #nav ul.menu ul.sub-menu li a { padding:6px 12px 7px; display:block; color:#fff; font-size:12px; line-height:18px; font-weight:normal; text-transform:inherit;}
#nav ul.sub-menu li a:hover {background:#cc0000; color:#fff;}
#nav ul.sub-menu > li.current_page_item > a, #nav ul.sub-menu > li.current-page-ancestor > a, 
#nav ul.sub-menu > li.current-page-parent > a {background:#bd0000; color:#fff;}
#nav ul li.teal ul {background:#669966;}
#nav li.teal ul.sub-menu li a:hover {background:#528452; color:#fff;}
#nav li.teal ul.sub-menu > li.current_page_item > a, #nav li.teal ul.sub-menu > li.current-page-ancestor > a, 
#nav li.teal ul.sub-menu > li.current-page-parent > a {background:#487848; color:#fff;}
#nav ul li.brown ul {background:#990000;}
#nav li.brown ul.sub-menu li a:hover {background:#840000; color:#fff;}
#nav li.brown ul.sub-menu > li.current_page_item > a, #nav li.brown ul.sub-menu > li.current-page-ancestor > a, 
#nav li.brown ul.sub-menu > li.current-page-parent > a {background:#770101; color:#fff;}
#nav ul li.orange ul {background:#ff6500;}
#nav li.orange ul.sub-menu li a:hover {background:#e57319; color:#fff;}
#nav li.orange ul.sub-menu > li.current_page_item > a, #nav li.orange ul.sub-menu > li.current-page-ancestor > a, 
#nav li.orange ul.sub-menu > li.current-page-parent > a {background:#e57319; color:#fff;}
#main-nav .mobile-nav {display:none;} #main-nav .mobile-menu-nav {width:100%;}
#main-nav .mobile-menu-nav select {background:#fff; border:2px solid #075caf; font-size:18px; line-height:20px; color: #333; padding:8px 8px 8px; margin:5px 0 0; width:100%; -ms-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
/* ############# Course NAVIGATION ############# */
#topr ul li.courses, #topr ul li.logout, #topr ul li.my-account, #topr ul li.lessons, #topr ul li.login, #nav ul.menu li.courses, #nav ul.menu li.logout, #nav ul.menu li.my-account, #nav ul.menu li.lessons, #nav ul.menu li.login, .widget_nav_menu li.courses, .widget_nav_menu li.logout, .widget_nav_menu li.my-account, .widget_nav_menu li.lessons, .widget_nav_menu li.login{display:none;}
#topr ul li.login, .logged-in #topr ul li.logout, .logged-in #topr ul li.my-account {display:inline-block;}
.logged-in #topr ul li a {padding:5px 8px 6px;}
/* ############# SLIDER ############# */
#banner {position:relative; overflow:hidden; margin-bottom:18px;}
#slider {height:350px; overflow:hidden;} #beside {}
.islider {padding:0; height:100%;} .islider .slider_container {height:100%;}
.islider .slides_control {height:100% !important;} .islider .slides {width:620px;}
.islider .thumbs {overflow:hidden; width:100%; height:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;} 
.islider .thumbs img, .islider img {max-width:100%;} 
.islider .overlay, .quote-banner {position:absolute; top:55px; right:145px; z-index:49; width:270px; padding:0;} 
.islider .title h3, .islider .content h1, .islider .content h2 {color:#fff; font-size:40px; line-height:44px; padding:0px 0 10px; font-weight:bold; letter-spacing:-.07em;}
.islider .content h3, .islider .content h4, .islider .content h5 {color:#fff; font-size:30px; line-height:30px; padding:0px 0 10px; font-weight:bold; letter-spacing:-.07em;}
.islider .content {text-align:left; color:#fff; font-size:18px; position:relative;}
.islider .content p {color:#fff; padding:0 0 10px; font-size:18px; line-height:22px;}
.islider .content a {color:#fff; text-decoration:none;} .islider .content a:hover {text-decoration:none; color:#08c8fb;}
.islider .prev, .islider .next {background-repeat:no-repeat; background-position:0 0; height:44px; width:44px; text-indent:-999em; overflow:hidden; position:absolute; top:170px; z-index:19;}
.islider a.prev {background-image:url(images/prev.png); left:20px;} .islider a.next {background-image:url(images/next.png); right:20px;}
.islider a.prev:hover {left:19px;} .islider a.prev:active {left:18px;} .islider a.next:hover {right:19px;} .islider a.next:active {right:18px;}
.islider ul.pagination {position:absolute; right:15px; bottom:15px; list-style:none; padding:0; margin:0; z-index:19;}
.islider ul.pagination li {width:11px; height:11px; overflow:hidden; float:left; margin-left:4px;}
.islider ul.pagination li a {display:block; padding-top:10px; height:1px; line-height:1px; text-indent:-999em; overflow:hidden; background:url(images/nav_to.png) no-repeat;}
.islider ul.pagination li.active, .islider ul.pagination li.current a {background:url(images/nav_to_act.png) no-repeat;}
.boxed-button {padding:0; margin:0; list-style:none;}
.boxed-button li {background:#849e2e url(images/boxed_green.png) repeat-x 0 0; padding:8px 12px 2px; border:6px solid #849e2e; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; margin-bottom:8px; color:#fff; font-size:12px; line-height:14px;}
.boxed-button li a {color:#fff !important; text-decoration:none; display:block;} .boxed-button li a:hover { text-decoration:none;}
.boxed-button li h3 {color:#fff; font-size:18px; line-height:20px; font-weight:bold; padding-bottom:3px;}
.boxed-button li.green {background:#849e2e url(images/boxed_green.png) repeat-x 0 0; border-color:#849e2e;}
.boxed-button li.purple {background:#663366 url(images/boxed_purple.png) repeat-x 0 0; border-color:#663366;}
.boxed-button li.red {background:#cc0000 url(images/boxed_red.png) repeat-x 0 0; border-color:#cc0000; margin:0;}
.boxed-button li.green2 {background:#336600 url(images/boxed_green2.png) repeat-x 0 0; border-color:#336600; margin:0;}
 
/* ############# WRAPPER AND CONTENT ############# */
#mwrap { margin-bottom:30px;} #mwrap.results-page .main {width:100%;}
#wrap {background:#fff; box-shadow:0 0 5px #e9e9e7; -webkit-box-shadow:0 0 5px #e9e9e7; -moz-box-shadow:0 0 5px #e9e9e7; -ms-box-shadow:0 0 5px #e9e9e7; -o-box-shadow:0 0 5px #e9e9e7; border-radius:10px;} #wrap .wrap-inner {padding:12px 0; overflow:hidden;} #mwrap.results-page #wrap {border-radius:0;}
#wrapper {} #content {} #wrapper.grid0 {width:96%; margin-left:2%; margin-right:2%;}
#rightside .side-indent {padding:0 0 0 5px;}  #leftside .side-indent {padding:0 5px 0 0;} .results-page #rightside {float:right; margin-left:25px;}
.side_widget {padding:0; margin:0 0 15px; font-size:12px; line-height:17px;} .side_widget img {max-width:100%; height:auto;}
.side_widget .widget-title, .side_widget h3 {font-size:24px; line-height:30px; padding:0px 0 12px; font-weight:normal;}
.side_widget .widget-title {color:#cc0000; background:url(images/title_bottom_red.png) repeat-x 0 0; padding-top:10px; margin-bottom:12px;}
.side_widget .widget-title span {background:url(images/title_top_red.png) repeat-x 0 100%; display:block; padding-bottom:12px;}
.side_widget p {padding:0 0 6px;}
.side_widget ul {list-style:none; margin:0; padding:0;}
.side_widget ul li {margin:0px; padding:0 0 8px; line-height:18px; font-size:12px;}
.side_widget.widget_nav_menu ul li {padding:0 0 3px;} .side_widget.widget_nav_menu ul li ul {padding-top:4px;}
.side_widget ul li a {color:#cc0000; text-decoration:none;}
.side_widget ul li a:hover {color:#cc0000; text-decoration:underline;}
.widget_recent_post ul.recent_post li p {padding:0 0 4px;}
.widget_recent_post ul.recent_post li p.more {padding:0;}
.widget_recent_post ul.recent_post li p.more a.more-link {padding-left:0;}
.widget_recent_post ul.recent_post li p.date-comment {font-weight:bold;}
.side_widget.widget-nav ul {}
.side_widget.widget-nav ul li a, .side_widget a.button, .side_widget.widget_nav_menu ul li a, .page-id-3588 a.button {background:#0455a3 url(images/btn_blue.png) repeat-x; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; padding:11px 16px 12px; display:block; color:#fff; font-size:14px; line-height:20px; text-decoration:none; border:1px solid #0d66ab; box-shadow:inset 0px -2px 2px rgba(255,255,255,.4); margin-bottom:5px;}
.side_widget.widget-nav ul li a:hover, .side_widget a.button:hover, .side_widget.widget_nav_menu ul li a:hover { background:#1b418b url(images/btn_blue_hover.png) repeat-x;}
.darkblue .side_widget.widget-nav ul li a, .darkblue .side_widget a.button, .darkblue .side_widget.widget_nav_menu ul li a {background:#023566 url(images/btn_darkblue.png) repeat-x; border:1px solid #013366;}
.darkblue .side_widget.widget-nav ul li a:hover, .darkblue .side_widget a.button:hover, .darkblue .side_widget.widget_nav_menu ul li a:hover { background:#0e2e59 url(images/btn_darkblue_hover.png) repeat-x;}
.skyblue .side_widget.widget-nav ul li a, .skyblue .side_widget a.button, .skyblue .side_widget.widget_nav_menu ul li a {background:#1695cd url(images/btn_skyblue.png) repeat-x; border:1px solid #00acdc;}
.skyblue .side_widget.widget-nav ul li a:hover, .skyblue .side_widget a.button:hover, .skyblue .side_widget.widget_nav_menu ul li a:hover { background:#00b2e4 url(images/btn_skyblue_hover.png) repeat-x;}
.green .side_widget.widget-nav ul li a, .green .side_widget a.button, .green .side_widget.widget_nav_menu ul li a {background:#006c00 url(images/btn_green.png) repeat-x; border:1px solid #0d4a17;}
.green .side_widget.widget-nav ul li a:hover, .green .side_widget a.button:hover, .green .side_widget.widget_nav_menu ul li a:hover { background:#0b6112 url(images/btn_green_hover.png) repeat-x;}
.limegreen .side_widget.widget-nav ul li a, .limegreen .side_widget a.button, .limegreen .side_widget.widget_nav_menu ul li a {background:#738c01 url(images/btn_limegreen.png) repeat-x; border:1px solid #708c00;}
.limegreen .side_widget.widget-nav ul li a:hover, .limegreen .side_widget a.button:hover, .limegreen .side_widget.widget_nav_menu ul li a:hover { background:#476401 url(images/btn_limegreen_hover.png) repeat-x;}
.tealgreen .side_widget.widget-nav ul li a, .tealgreen .side_widget a.button, .tealgreen .side_widget.widget_nav_menu ul li a {background:#336d2b url(images/btn_tealgreen.png) repeat-x; border:1px solid #2f6528;}
.tealgreen .side_widget.widget-nav ul li a:hover, .tealgreen .side_widget a.button:hover, .tealgreen .side_widget.widget_nav_menu ul li a:hover { background:#326830 url(images/btn_tealgreen_hover.png) repeat-x;}
.orange .side_widget.widget-nav ul li a, .orange .side_widget a.button, .orange .side_widget.widget_nav_menu ul li a {background:#ff5c00 url(images/btn_orange.png) repeat-x; border:1px solid #ff6500;}
.orange .side_widget.widget-nav ul li a:hover, .orange .side_widget a.button:hover, .orange .side_widget.widget_nav_menu ul li a:hover { background:#e57319 url(images/btn_orange_hover.png) repeat-x;}
.pink .side_widget.widget-nav ul li a, .pink .side_widget a.button, .pink .side_widget.widget_nav_menu ul li a {background:#cc0065 url(images/btn_pink.png) repeat-x; border:1px solid #be005e;}
.pink .side_widget.widget-nav ul li a:hover, .pink .side_widget a.button:hover, .pink .side_widget.widget_nav_menu ul li a:hover { background:#cc003a url(images/btn_pink_hover.png) repeat-x;}
.red .side_widget.widget-nav ul li a, .red .side_widget a.button, .red .side_widget.widget_nav_menu ul li a {background:#cb0000 url(images/btn_red.png) repeat-x; border:1px solid #af0606;}
.red .side_widget.widget-nav ul li a:hover, .red .side_widget a.button:hover, .red .side_widget.widget_nav_menu ul li a:hover { background:#9e0000 url(images/btn_red_hover.png) repeat-x;}
.brown .side_widget.widget-nav ul li a, .brown .side_widget a.button, .brown .side_widget.widget_nav_menu ul li a {background:#9e7701 url(images/btn_brown.png) repeat-x; border:1px solid #977201;}
.brown .side_widget.widget-nav ul li a:hover, .brown .side_widget a.button:hover, .brown .side_widget.widget_nav_menu ul li a:hover { background:#8e7910 url(images/btn_brown_hover.png) repeat-x;}
.side_widget a.button.large {padding:0; text-align:center;} 
.side_widget a.button.large strong {font-size:18px; display:inline-block; padding:5px 0 7px; line-height:24px;}
.side_widget a.button.large span {background:url(images/btn_pat_overlay.png) no-repeat 50% 100%; display:inline-block; padding:18px 16px 22px; }
/* ### POST/PAGES ### */
.post {overflow:hidden; font-size:12px; line-height:17px;} .entry {overflow:hidden;}
.post h1.heading, .post h2.heading, .page-heading .heading { font-size:24px; line-height:30px;}
.post .heading {color:#000066; font-weight:normal; background:url(images/title_bottom.png) repeat-x 0 0; padding-top:10px; margin-bottom:15px;}
.post .heading span {background:url(images/title_top.png) repeat-x 0 100%; display:block; padding-bottom:12px;}
.blue .post .heading {color:#0066cc;}
.darkblue .post .heading {color:#003366;}
.skyblue .post .heading {color:#3399ff;}
.green .post .heading {color:#019901;}
.limegreen .post .heading {color:#669966;}
.tealgreen .post .heading{color:#006600;}
.orange .post .heading{color:#ff6600;}
.pink .post .heading{color:#ff0066;}
.red .post .heading{color:#ff0000;}
.brown .post .heading{color:#9e7701;}
.post h1, .post h2 {font-size:24px; line-height:30px; padding-bottom:12px; font-weight:normal;}
.post h2 {font-size:22px; line-height:22px; padding-bottom:18px; font-weight:400;} 
.post h3 {font-size:16px; font-weight:bold; padding-bottom:10px; padding-top:0px; line-height:20px;}
.post h4 {font-size:14px; font-weight:bold; padding-bottom:8px; padding-top:5px; line-height:20px;}
.post h5 {font-size:12px; font-weight:bold; padding-bottom:8px; padding-top:2px; line-height:18px;}
.post .size-9 h3, .post .size-10 h3, .post .size-11 h3 {font-size:14px;}
.post .size-12 h3, .post .size-13 h3 {font-size:16px;}
.post .size-14 h3, .post .size-15 h3, .post .size-16 h3 {font-size:18px;}
.post .size-9 h4, .post .size-10 h4, .post .size-11 h4 {font-size:12px;}
.post .size-12 h4, .post .size-13 h4 {font-size:15px;}
.post .size-14 h4, .post .size-15 h4, .post .size-16 h4 {font-size:16px;}
.post .size-9 h5, .post .size-10 h5, .post .size-11 h5 {font-size:11px;}
.post .size-12 h5, .post .size-13 h5 {font-size:12px;}
.post .size-14 h5, .post .size-15 h5, .post .size-16 h5 {font-size:14px;}
.post p {padding:0 0 12px; font-size:12px; line-height:150%;} 
.post .size-9 p {font-size:9px;} .post .size-10 p {font-size:10px;} .post .size-11 p {font-size:11px;} .post .size-12 p {font-size:12px;} 
.post .size-13 p {font-size:13px;} .post .size-14 p {font-size:14px;} .post .size-15 p {font-size:15px;} .post .size-16 p {font-size:16px;} 
.post table {margin:0 0 15px;}
.post td, .post th {padding:4px 8px 6px 10px;}
.post td, .post td p {line-height:18px;}
.post td p {padding:0 0 12px;} .post td {vertical-align:top;}
.post hr {border:none; border-bottom:1px solid #dddddd; clear:both; padding-top:15px; margin-bottom:18px;}
.post .divider {background:url(images/divider.png) repeat-x 0 12px; height:7px; clear:both; margin:0 0 12px; padding-top:12px;} .post .divider2 {background:url(images/divider2.png) repeat-x 0 12px;}
.post ol {list-style:decimal; margin:-4px 0 12px; padding:0; padding-left:18px;}
.post ol ol {margin:0px; padding-left:20px}
.post ol li {line-height:21px; padding:0 0 5px;}
.post ul {list-style:none; margin:0px 0 15px; padding:0; padding-left:0px;}
.post ul ul {margin:0px; padding-top:6px; list-style:none;}
.post ul li {padding:0px 0 6px 15px; line-height:150%; background:url(images/list_marker.png) no-repeat 0 4px;}
.post li { text-align:justify;}
.post img {max-width:100%; height:auto;} .post-thumbs img {max-width:100%; height:auto;}
img.alignright {float:right; margin:0px 0 10px 20px; clear:right;}
img.alignleft {float:left; margin:0px 20px 10px 0; clear:left;}
img.alignalone {margin:5px auto 8px;} img.alignnone {margin:4px 10px 8px 3px;}
img.alignright, img.alignleft, img.alignnone {}
.iblog .post {padding:0 0 5px; border-bottom:1px dashed #d6ebff; margin-bottom:15px;} .iblog.post-page .post {padding:0 0 15px; border-bottom:none;}
.iblog .meta-date {margin-top:-8px; font-size:12px; color:#0099cc; margin-bottom:15px;} 
.iblog .meta-date small {font-size:12px; color:#0099cc;}
.iblog .post h2.heading, 
.iblog h1.heading, .iblog h3.heading {font-size:14px; font-weight:bold; line-height:20px; background:none; margin-bottom:0; padding-top:0; padding-bottom:12px;} 
.post .heading a {color:#003366; text-decoration:none;} .post .heading a:hover {color:#003366; text-decoration:none;}
.darkblue .iblog .post {border-bottom:1px dashed #29a9d4;}
.darkblue .post .heading a {color:#003366;} .darkblue .post .heading a:hover {color:#003366;}
.skyblue .post .heading a {color:#3399ff;} .skyblue .post .heading a:hover {color:#3399ff;}
.skyblue .iblog .meta-date {margin-top:-8px; font-size:12px; color:#5c5c5c; margin-bottom:15px;} 
.skyblue .iblog .meta-date small {font-size:12px; color:#5c5c5c;}
a.more-link {color:#3399ff; text-decoration:none; font-size:12px; padding-left:10px;}
a.more-link:hover {text-decoration:none; color:#197be0;} 
a.post-edit-link {background:#cc0000 !important; color:#fff !important; font-size:9px; text-decoration:none; text-transform:uppercase; padding:3px 6px; line-height:14px; font-family:Arial, Helvetica, sans-serif;}
a.post-edit-link:hover {background:#b20000 !important; color:#fff !important; text-decoration:none;}
.content-bottom {margin-top:5px;} .content_widget {margin-bottom:8px;}
.content_widget h4 {color:#000066; font-size:16px; line-height:22px; font-weight:bold; text-align:center; padding:0 0 8px;}
.content_widget table.schdule, .schdule {border-collapse:collapse; vertical-align:top; margin:0 0 15px;}
.content_widget table.schdule tr, .schdule tr {border-bottom:1px solid #dadada; line-height:17px; font-size:12px;}
.content_widget table.schdule tr th, .schdule tr th{background:#0066ff; color:#fff; font-size:14px; line-height:20px; padding:12px 15px; text-align:left;}
.content_widget table.schdule tr td, .schdule tr td {padding:7px 10px 8px 15px; border-right:1px solid #dadada;}
.content_widget table.schdule tr td:last-child {border-right:0 none;}
.inio-faq h3 {font-size:14px;} .inio-faq .entry {padding-bottom:15px; height:auto;} .inio-faq h3 a {display:block;}
.all-box{padding:15px; color:#fff; font-weight:bold;margin-bottom:5px;}
.green-box{background:#009933;}
.yellow-box{background:#ffcc00;color:#000;}
.red-box{background:#ff0000;}
#contact-form {float:left; width:635px;} .google-gmap {margin-bottom:15px;}
#twttrHubFrameSecure, #twttrHubFrame {display:none;} #dcssb-linkedin {display:inline;}
#dcssb-plusone > div, #dcssb-linkedin .IN-widget, #dcssb-linkedin .IN-widget > span {vertical-align:top !important;}
table.results th { color:#fff; font-weight:bold; font-size:11px; padding:4px 5px; vertical-align:middle; background:#ff6500; text-align:left;}
table.results td {padding:3px 5px; vertical-align:top; border-bottom:1px solid #e0e0e0; text-align:left;}
table.results tr:nth-child(even) {background:#f0f0f0;} table.results tr:hover {background:#f2dfdf; color:#000;}
table.results td.thumbs {padding: 0 5px 0; vertical-align:middle; background:#fff; text-align:center;}
table.results td.thumbs img {height: auto; width:auto; max-height:80px; max-width:80px;}
h3#comments, #respond h3 {font-size:15px; line-height:20px; color:#a9a9a9; padding:10px 0 5px;} 
#respond {margin:0 auto;} #respond label {display:inline-block; padding-top:12px; padding-left:5px;}
#respond input#author, #respond input#email, #respond input#url {} #respond textarea#comment {width:90%;}
ol.commentlist { margin:2px 0 12px 25px; padding:0;}
.single-course ol.commentlist, .single-course #comments, .single-course  .meta-post{display:none;}
ol.commentlist ol, ol.commentlist ul {margin:5px 0 8px 15px;}
ol.commentlist ol li, ol.commentlist ul li {padding:0px 0 10px;} ol.commentlist ul li {padding-left:15px;}
ol.commentlist .reply {margin-bottom:10px;}
.comment-body {border-bottom:1px solid #C7C7C7;}
.post-meta {font-size:12px; color:#373737; border-bottom:1px solid #c7c7c7; padding:0 0 5px; margin-bottom:2px; font-weight:bold;} .post-meta small {font-size:12px; color:#373737;} .post-page .post-meta {border-top:1px solid #c7c7c7; padding-top:6px; margin-top:10px; border-bottom:0 none;} 
.postmetadata {font-size:12px; line-height:16px; padding-bottom:5px; clear:both; padding-bottom:10px; color:#373737;}
.pagi {text-align:left; padding:0; padding-top:12px; margin-top:10px; text-align:center;} .pagi ul.page-numbers {display:inline; margin:0; padding:0;} .post-page .ipagi {border-top:1px dashed #29a9d4;} 
.pagi ul.page-numbers li {display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagi ul.page-numbers li a.page-numbers, .pagi .inext a, .pagi .iprev a {display:inline-block; padding:2px 12px 5px; background:#e5faff; color:#003366; margin:0 5px 3px 0; text-decoration:none; border:1px solid #e5faff; border-radius:4px;}
.pagi ul.page-numbers li a.page-numbers:hover, .pagi .inext a:hover, .pagi .iprev a:hover {background:#b5e4ef; color:#003366; text-decoration:none;}
.pagi ul.page-numbers li span.page-numbers.current {background:#b5e4ef; color:#003366; padding:2px 12px 7px;  margin:0 5px 3px 0; display:inline-block; border-radius:4px;}
.pagi ul.page-numbers li a.next, .pagi ul.page-numbers a.prev {padding:2px 15px 5px; border-radius:4px;}
.error404.not-found {padding:0 0 50px;}
.pagi .iprev, .pagi .inext {display:inline;}
.at16nc.at16t_print{background:none; background:url(images/title-printer.png) no-repeat 0 0;}
.at16nc.at16t_email{background:none; background:url(images/title-mail.png) no-repeat 0 0;}
#fminus{background:none; background:url(images/title-minus.png) no-repeat 0 0; text-indent:-999em; display:inline-block; overflow:hidden;width:12px;margin-left:1px;}#fminus:hover{opacity:.8;}
#fplus{background:none; background:url(images/title-plus.png) no-repeat 0 0; text-indent:-999em; overflow:hidden; display:inline-block; width:12px;} #fplus:hover{opacity:.8;}
 
/*   Form   */
.contact-page .wpcf7 { margin:5px 0 0;} .contact-gap{padding-bottom:5px !important;}
#map {float:right; margin-left:20px;} #map img {margin-bottom:8px;} .gmap-title {padding:0 0 20px;}
input, select, textarea {background:#fff; border:1px solid #a6a6a6; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#575757; width:220px; padding:10px 10px 12px; margin:4px 0 3px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} 
input[type=radio], input[type=checkbox] {width:auto;} textarea {height:75px;} select {padding:4px 4px 4px 5px;}
input:focus, select:focus, textarea:focus {border-color:#858585; color:#000;}
input.error, select.error, textarea.error {border-color:#d58a8a;} input.wpcf7-file {padding:5px 5px 5px;}
input.wpcf7-submit, input.button, input.submit, input#submit, input[type='button'], input[type='submit'] {background:#920000 url(images/button2.png); border:0 none; display:inline-block; padding:10px 25px 11px; line-height:18px; font-size:14px;  font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; font-weight:bold; width:auto; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
input.wpcf7-submit:hover, input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover { background:#ad0000; text-decoration:none; cursor:pointer;}
span.wpcf7-form-control-wrap {display:block; padding-top:1px;}
span.wpcf7-form-control-wrap textarea {height:85px; width:95%; margin-top:2px; } 
span.wpcf7-form-control-wrap input {width:95%; margin-top:6px;} 
span.wpcf7-list-item {display:block; margin-left:0; margin-top:3px;}
span.wpcf7-list-item input {margin-top:0; padding:0; width:auto;}
.wpcf7-not-valid-tip {font-size:11px !important; line-height:14px !important; font:Arial, sans-serif; width:175px !important; font-family:Arial, Helvetica, sans-serif !important; background:#f3f0e9 !important; color:#e20707 !important; text-transform:capitalize;} .wpcf7-response-output {background:#d7d5cf; font-size:12px !important; line-height:14px !important; margin:8px 0.4em 6px !important; font-family:Arial, Helvetica, sans-serif !important; text-align:center; padding:8px !important;}
input.wpcf7-captchar {width:85px !important;}
/* ############# BOTTOM/FOOTER ############# */
#bottom {background:url(images/bottom_top.png) repeat-x 0 0; padding-top:8px;}
#bottom .bottom1 {background:#505048 url(images/bottom_bg.png) repeat-x 0 100%; color:#fff; padding:28px 0 25px;}
.bottom_widget .intro {float:left; width:240px; margin-right:10px;}
.bottom_widget .intro h3, .bottom_widget .intro h4, .bottom_widget .widget-title {color:#fff; font-size:24px; line-height:24px; font-weight:normal;}
.bottom_widget .intro p {font-size:12px; line-height:16px; color:#fff;} .bottom_widget #mc-indicates-required {display:none;}
.bottom_widget .newsletter-widget, .bottom_widget #mc_signup {float:left; width:440px; margin-right:10px; position:relative;}
.bottom_widget .newsletter-widget form {margin-top:30px;} .bottom_widget #mc_signup form {margin-top:15px;} .bottom_widget .newsletter-widget form p {float:left; padding:0;}
.bottom_widget .newsletter-widget input.newsletter-firstname,.bottom_widget  .newsletter-widget input.newsletter-email, .bottom_widget input.mc_input {width:166px; height:32px; padding:5px 8px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border:0 none; margin-right:8px;}
.bottom_widget .newsletter-widget input.newsletter-submit, .bottom_widget input.button {background:#ff6600; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border:0 none; height:42px; padding:5px 8px; color:#fff; font-size:14px; line-height:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.bottom_widget .newsletter-widget input.newsletter-submit:hover, .bottom_widget input.button:hover {background:#dc5b04;}
.bottom_widget .mc_merge_var {float:left; width:195px;}
.bottom_widget .mc_signup_submit {float:left; margin-top:18px;}
.bottom_widget #mc_message {font-size:9px; padding-bottom:3px; font-weight:bold;}
.bottom_widget #mc_message .mc_success_msg {color:#FF6600;}
#bottom .follow { text-align:right; padding-top:15px;}
#bottom .follow img.corner-carrot {width:250px; position:absolute; top:-112px; right:-55px; z-index:1;}
#bottom .follow .fb {position:relative; z-index:5;}
#bottom .follow img {max-width:100%;}
#bottom .bottom2 {padding:10px 0 4px; background:#ebebea; text-align:center; line-height:19px;}
#bottom .bottom2 p {padding:0 0 8px; line-height:19px;}
#bottom .bottom2 a {color:#333; text-decoration:none;}
#bottom .bottom2 a:hover {text-decoration:underline;}
#footer { background:#fffffe; color:#333; padding:5px 0 10px; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:18px;}
#footer .footer .copyright {text-align:center; width:600px;}  #footer .footer .design-by {text-align:right; width: 190px;}
#footer .footer .copyright, #footer .footer .design-by {margin-top:18px;}
#footer .footer .quick-nav {padding-left:10px;} #footer .footer p {padding:0;}
#footer .footer span.sep {text-indent:-999em; width:8px; padding:0; line-height:18px; display:inline-block; overflow:hidden;}
#footer .footer a {color:#333; text-decoration:none;} #footer .footer a:hover {color:#000; text-decoration:underline; }
/*extra codes*/
.course-container .archive-header h1{margin-bottom:10px;} .course-lessons {margin: 20px 0 0;}
.single-lesson #post-entries,.single-quiz nav#post-entries, .page-template-page-woo-php .post .entry {padding-bottom:50px;}
.lesson .lesson-meta {margin-bottom:0;} .lesson-meta .lesson-length, .lesson-meta .lesson-author{margin-right:12px;} 
.lesson.type-lesson.post p, .lesson.type-lesson.post ul li, .lesson.type-lesson.post .lesson-course, .lesson.type-lesson.post .lesson-meta, .lesson.type-lesson.post + #post-entries .nav-prev.fl > a, .lesson.type-lesson.post + #post-entries .nav-next.fr > a, .course.type-course, .course.type-course p, .single-course, .single-lesson {font-size:14px;} .lesson.type-lesson.post ul li{background-position: 0 8px}
.lesson.type-lesson a.button, .type-course a.button, .page-id-3588 a.button {color:#fff; background:#de0505; width:200px;} .lesson.type-lesson a.button:hover, .type-course a.button:hover, .page-id-3588 a.button{background:#f16565;}
.single-product .product_meta .sku_wrapper{ visibility:hidden;}
.single-quiz #wrap .wrap-inner, .single-course #wrap .wrap-inner, .single-lesson #wrap .wrap-inner {padding:15px 18px 40px;}
.woocommerce ul li {background:none;}
.page-id-3588 p.center{ text-align:center; margin:0 37.5%;}
.page-id-3588 a.button {background:#ea0000; font-weight:bold;}
.page-id-3588 a.button:hover{background:#c00505;}
/* Module Form Correction */
.page-id-3426 .post p { overflow:hidden;}
.wpcf7-form-control-wrap .wpcf7-list-item{float:left; margin-right:20px;}
.title-opt{overflow: hidden;} 
.title-opt span.wpcf7-form-control span.wpcf7-list-item{margin-top:0;} 
.title-opt span.wpcf7-form-control > span.wpcf7-list-item:last-child{margin-right:0px;}
.title-opt span.upper{float:left; margin-right:15px; margin-left:15px;} .title-opt span.lower{margin-left:15px;}
.woocommerce .quantity .qty {padding:4px 10px 5px; margin-top:0;}
/* RESPONSIVE */ 
@media (min-width: 979px) {
	.ipad #bottom .follow img.corner-carrot {right:0;}	
}
@media (min-width: 768px) and (max-width: 979px) {
	#header {padding:20px 0 0; height:129px;} #logo {left:0; width:291px;} 
	#top {margin-left:310px; width:365px;} #topr {margin-left:310px; width:365px; float:left;}
	#topr ul {margin:10px 0 0; margin-bottom:0;} #topr #searchform input.submit {right:65px;}
	#nav ul.menu li a {font-size:11px; line-height:20px; padding:17px 6px 18px;}
	#nav ul.sub-menu li a, #nav ul.menu ul.sub-menu li a {font-size:11px;}
	#slider {height:262px;} #beside {} .islider .slides {width:460px;}
	#bottom .follow img.corner-carrot {right:0;}
	
	.bottom_widget .newsletter-widget, .bottom_widget #mc_signup {width:250px;} .bottom_widget .newsletter-widget form, .bottom_widget #mc_signup form {margin-top:0;}
	.boxed-button li {padding:4px 6px 0px; border-width:3px; font-size:9px; line-height:12px; margin-bottom:4px;}
	.boxed-button li h3 {color:#fff; font-size:14px; line-height:16px; padding-bottom:0px;}
	#footer .footer .copyright {width:440px;}
}
@media (max-width: 767px) {
	#header {height:auto; padding:20px 0 25px;} #logo {width:45%; left:0;}
	#top {margin-left:42%; width:56%;} #topr {margin-left:42%; width:56%; float:left;} #topr #searchform {display:none;}
	#nav {display:none;} #main-nav {margin-bottom:10px;} #main-nav .mobile-nav {display:block;}
	#main-nav .mobile-menu-nav select {width:50%; float:right; margin-top:-15px; position:relative; z-index:25;}
	#slider {width:460px; margin:0 auto 15px; float:none; height:260px;} .islider .slides {width:460px;}
	
	.results-page #content {float:left; width:100%;}
	#wrap {width:96%; padding:0 2%;} #rightside {margin-top:20px;} #leftside {margin-top:20px;}
	
	#bottom .bottom2, #bottom .follow {text-align:left;} 
	.bottom_widget .newsletter-widget, .bottom_widget #mc_signup {width:auto;} .bottom_widget .newsletter-widget form, .bottom_widget #mc_signup form {margin-top:0;}
	
	#footer .footer .copyright, #footer .footer .design-by {text-align:left; margin-top:5px;}
	#footer .footer .copyright {width:auto;}
	#bottom .follow img.corner-carrot {right:0; display:none;}
}
@media (min-width:420px) and (max-width:560px) {
	#slider {width:380px; height:260px;} .islider .slides {width:380px;}
}
@media (max-width:479px) {
	.post img, .side_widget img {width:100%; height:auto;}
	#main-nav .mobile-menu-nav select {width:100%; float:right;}
	#slider {width:280px; height:175px;} .islider .slides {width:280px;}
	
	#logo {position:relative; top:-10px; left:0; width:100%; text-align:center;}
	#top, #topr {margin-left:0; width:100%;}
	#wrap {width:94%; padding:0 3%;}
}
@media only screen and (max-width:959px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	table.results, table.results thead, table.results tbody, table.results th, table.results td, table.results tr { display: block; }
	table.results thead tr {position: absolute; top: -9999px; left: -9999px; }
	table.results tr {}	table.results table.evenodd tr {}
	table.results td {border: none; border-bottom:1px solid #e0e0e0;  position: relative; padding-left: 25%;}
	table.results td:before {position: absolute; top: 6px; left: 6px; width: 70%; padding-right: 10px; white-space: nowrap;} 
	table.results tr td {padding:7px 5px 8px 25%;}
 	table.results tr:first-child {display:none;}
	 	 	
	table.results td:nth-of-type(1):before { content: "Company"; font-weight:bold;}
	table.results td:nth-of-type(2):before { content: "Contact"; font-weight:bold; }
	table.results td:nth-of-type(3):before { content: "Telephone"; font-weight:bold; }
	table.results td:nth-of-type(4):before { content: "Mobile"; font-weight:bold; }
	table.results td:nth-of-type(5):before { content: "Fax"; font-weight:bold; }
	table.results td:nth-of-type(6):before { content: "Email"; font-weight:bold; }
	table.results td:nth-of-type(7):before { content: "Product"; font-weight:bold; }
	table.results td:nth-of-type(8):before { content: "Varieties"; font-weight:bold; }
	table.results td:nth-of-type(9):before { content: "Size"; font-weight:bold; }
	table.results td:nth-of-type(10):before { content: "Traffic Light"; font-weight:bold; }
}
#my-courses.ui-tabs .ui-tabs-nav li {background:none;}
.post-type-archive-lesson #wrap .wrap-inner, .single-lesson #wrap .wrap-inner {padding:15px 18px 40px;}