* {margin:0; padding:0; outline:0;}
body, html {height:100%;}
body {font:normal 95%/1.5 Georgia, "Times New Roman", Times, serif; color:#727272; background:url(/img/body-pattern.png) repeat 0 0; min-width:100%;}

a {color:#0056a8; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}
a img {border:0;}

article, aside, details, footer, header, menu, nav, section {display:block;}
input, textarea, select {font-size:12px !important; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif !important;}
textarea {overflow:auto;}

.cl {display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both;}
.notext {font-size:0; line-height:0; text-indent:-4000px;}
.left, .alignleft {float:left; display:inline;}
.right, .alignright {float:right; display:inline;}
.shell {width:981px; margin:0 auto;}
.container {background:url(/img/container.png) repeat-y center 0; box-shadow:0 0 0 4px rgba(0,0,0,0.05); -moz-box-shadow:0 0 0 4px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 0 4px rgba(0,0,0,0.05); -o-box-shadow:0 0 0 4px rgba(0,0,0,0.05);}

#header {margin-bottom:15px; position:relative; padding-top:25px; height:43px; background:url(/img/border-title.png) repeat-x 0 bottom;}
#logo {width:301px; font-size:0; line-height:0; position:absolute; top:10px; left:15px;}
#logo a {height:51px; display:block; background:url(/img/logo/logo.png) no-repeat 0 0; text-indent:-4000px;}

.socials {width:250px; margin-left:auto; padding-top:0;}
.minicart {position:relative; clear:none; width:120px; height:34px; margin-left:auto; padding:0;}
.carticon {position:relative; z-index:1;}
.itemcount {display:block; position:absolute; width:100%; top:-13px; left:20px; z-index:2; text-align:center; font-size:26px; font-weight:bold; color:#f00;}

#navigation {padding:0 20px; margin-bottom:15px;}
#navigation ul {list-style:none; list-style-position:outside;}
#navigation ul li {padding:0 15px; float:left; font-family:'Oswald', sans-serif; font-size:17px; font-weight:400;}
#navigation ul li:first-child {padding-left:0;}
#navigation ul li a {color:#4a4a4a; padding:0 7px; display:block; height:21px; line-height:21px; border:2px solid transparent; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
#navigation ul li.active a, #navigation ul li a:hover {border:2px solid #029cdb; background:url(/img/nav-btn.png) repeat-x 0 0; color:#fff; text-decoration:none;}
#navigation a.nav-btn {display:none;}

.slider-holder {position:relative; margin-bottom:30px;}
.slider {background:url(/img/slider-bg.jpg) no-repeat 0 0; width:938px; height:417px; position:relative; overflow:hidden; padding:0 21px;}
.slider ul {list-style:none; list-style-position:outside;}
.slider ul li {float:left; width:938px; height:417px;}
.slider .slide-cnt {width:450px; height:220px; position:relative; overflow:hidden; float:right; padding-top:30px;}
.slider h4 {color:#fff; font-size:16px; font-family:'Oswald', sans-serif; font-weight:400; text-shadow:rgba(0,0,0,0.5) 0 1px 0; text-transform:uppercase;}
.slider h2 {color:#f8f8f8; font-family:'Oswald', sans-serif; font-size:56px; line-height:56px; padding-bottom:12px; font-weight:700; text-shadow:rgba(0,0,0,0.5) 0 1px 0;}
.slider p {color:#fff;}
.slider p a {color:#fff; text-decoration:underline;}
.slider p a:hover {text-decoration:none;}
.slider img {float:left; margin-right:50px; margin-left:24px;}

#thumbs-wrapper {width:434px; padding:0 20px; position:absolute; bottom:18px; right:21px; overflow:hidden;}
#thumbs-wrapper a#prev {width:12px; height:17px; position:absolute; top:50%; margin-top:-8px; left:0; background:url(/img/left-arr.png) no-repeat 0 0;}
#thumbs-wrapper a#next {width:12px; height:17px; position:absolute; top:50%; margin-top:-8px; right:0; background:url(/img/right-arr.png) no-repeat 0 0;}
#thumbs {height:80px; width:434px; position:relative; overflow:hidden; padding-top:7px;}
#thumbs a {margin-bottom:8px; width:94px; height:69px; margin-right:8px; float:left; background:#fff; padding:3px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border:1px solid #d5d5d5;}
#thumbs a img {width:94px; height:69px; float:left;}
#thumbs a.selected {height:76px; position:relative; margin-top:-7px; opacity:1;}
#thumbs a.selected img {height:76px;}

#homesearchwrapper_1 {width:100%; height:175px; background-color:#022a44; background-image:url('/img/home_bg.png'); text-align:center; vertical-align:middle;}
#homesearchwrapper_2 {display:inline-block; text-align:left; padding-top:50px;}
#homesearchwrapper_3 {width:510px; background-color:#f1f1f1; background-color:rgba(241,241,241,0.4); margin:0; border:0; padding:10px;}
#homesearch input {background:none repeat scroll 0 0 #fff; border:0 none; float:left; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px !important; color:#727272; height:20px; margin:0; padding:10px; width:450px;}
#homesearch button {background:url('/img/searchw.png') no-repeat scroll center center #624b77; cursor:pointer; height:40px; text-indent:-99999em; width:40px; border:2px solid #fff;}
#homesearch button:hover {background-color:#00152a;}

.main {padding:0 20px;}

.featured {background:#f1f1f1; border:1px solid #e5e5e5; padding:0px 213px 10px 18px; margin-top:35px; margin-bottom:25px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.featured h4 {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; line-height:43px; font-size:17px; color:#4a4a4a; font-weight:400;}
.featured a.blue-btn {background:url(/img/blue-btn.png) repeat 0 0; width:95px; height:20px; text-shadow:rgba(0,0,0,0.5) 0 1px 0; position:absolute; top:50%; margin-top:-10px; right:20px; display:block; font-size:14px; font-weight:500; color:#fff; text-align:center; line-height:20px; border:2px solid #0a7fb5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; text-decoration:none; font-family:'Oswald', sans-serif; text-shadow:rgba(0,0,0,0.5) 0 1px 1px;}
.featured a.blue-btn:hover {background-position:0 bottom; text-decoration:none !important;}

.main h3 {font-size:16px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:800; padding-bottom:6px; margin-bottom:8px; background:url(/img/border-title.png) repeat-x 0 bottom;}
.main h5 {font-size:12px; padding-bottom:10px;}
.main a.more {background:url(/img/blue-arr.png) no-repeat 0 6px; text-decoration:none !important; padding-left:8px; font-weight:400; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
.main a:hover {text-decoration:underline !important;}

.main .cols {padding-bottom:15px;}
.main .cols .col {float:left; width:286px; padding-right:40px;}
.main .cols .col.last {padding-right:0;}
.main .cols .col img.left {margin-right:24px; margin-bottom:10px;}
.main .cols .col a {text-decoration:none;}
.main .cols .col ul {list-style:none; list-style-position:outside;}
.main .cols .col ul li {padding:10px 10px 12px; background:url(/img/border-title.png) repeat-x 0 bottom; font-family:'Oswald', sans-serif; font-weight:400;}
.main .cols .col ul li.odd {background-color:#f6f6f6;}
.main .cols .col ul li a {padding:0 10px; display:block; background:url(/img/bullet.png) no-repeat 0 9px;}
.main .cols .col ul li.first {padding-top:2px;}

.main .entries {background:url(/img/entries.png) repeat-y 0 0; position:relative; margin:0 -20px; padding:20px; margin-bottom:1px; border-bottom:1px solid #e8e8e8;}
.main .entries h3 {margin-bottom:15px; background:url(/img/entry-title.png) repeat-x 0 bottom;}
.main .entries .entry {width:286px; float:left; padding-right:40px;}
.main .entries .entry.last {padding-right:0;}
.main .entries .entry p.meta {color:#cbcbcb;}
.main .entries .entry p.meta a {color:#cbcbcb;}
.main .entries .entry-inner {padding-bottom:18px; margin-bottom:16px; background:url(/img/entry-title.png) repeat-x 0 bottom;}
.main .entries .entry .date {margin-right:15px; position:relative; float:left; padding:14px 12px; width:40px; height:34px; background:url(/img/date-ico.png) no-repeat 0 0;}
.main .entries .entry .date strong {color:#4d4978; font-size:22px; line-height:22px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; display:block;}
.main .entries .entry .date span {font-weight:bold; font-size:9px; color:#4d4978; position:relative; margin-top:0; display:block; line-height:9px;}
.main .entries .entry .date em {-webkit-transform:rotate(-90deg); line-height:12px; -moz-transform:rotate(-90deg); font-weight:bold; font-style:normal; width:12px; color:#bdbdbd; font-size:12px; position:absolute; bottom:20px; left:41px;}

#footer {background:url(/img/footer-border.png) repeat-x 0 0; padding:18px 20px 18px 10px;}
.footer-nav {float:left;}
.footer-nav ul {list-style:none; list-style-position:outside;}
.footer-nav ul li {float:left; border-right:1px solid #afaca9; padding:0 10px; font-size:.8em; line-height:.8em;}
.footer-nav ul li a {color:#afaca9;}
.footer-nav ul li a:hover {color:#878684; text-decoration:underline;}
.footer-nav ul li.last {border-right:0;}
#footer p.copy {font-size:.8em; color:#afaca9; line-height:.8em; float:right;}
#footer p.copy a {font-size:1em; color:#afaca9; line-height:1em; text-decoration:none;}
#footer p.copy a:hover {text-decoration:underline;}
#footer p.copy span {padding:0 7px;}

/* --- add new styles here --- */

/* page container */
.pagecontent {margin-top:3em; margin-left:1em; margin-bottom:2em;}
.pagecontent p {margin:1em 0 1em 0;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#4d4978;}

.sans-serif {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif !important;}
.list {padding-left:2em; margin-top:1em;}
.list2 {padding:1em;}
.list3 {padding-left:2em;}
.bigimg {max-width:100% !important; height:auto; display:block;}
/*.footnote {margin:1em 5em 1em 5em; font:normal 85%/1.4 Georgia, "Times New Roman", Times, serif; color:#727272; font-style:oblique}*/
.footnote {margin:1em 5em 1em 5em; color:#727272; font-style:oblique;}
.caption {font-size:.8em; line-height:1.1em; font-style:italic;}

/* buttons */
.button {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333; font-weight:bold; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,0.4); -moz-box-shadow:0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.4); color:rgba(0,0,0,0.9); text-shadow:1px 1px 0 rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.5); background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1))); background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1)); padding:5px 5px 5px 5px;}
.button:hover {background:rgba(240,240,240,1);}
.button:active, .button:focus {background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1))); background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));}
.button:disabled {color:rgba(0,0,0,0.4); text-shadow:1px 1px 0 rgba(255,255,255,0.5); background:rgba(220,220,220,1);}

/* cart */
#jcart-tooltip {font-size:14px;font-weight:bold;}
#jcart-error {text-align:center; padding:5px;}
#jcart-tooltip {display:none; position:absolute; padding:3px 7px 3px 25px; background:url(/img/icons/checkmark.png) 3px center no-repeat #fdfdfd; border:2px solid #f00; z-index:9999;}

/* checkout */
#jcart #jcart-empty {text-align:center;}
.jcart-item-qty {display:none;}
#jcart .jcart-item-name {width:50%; font-weight:bold;}
#jcart .jcart-item-price {width:5%; font-weight:bold; text-align:right;}
.jcart-item-price span {display:block;}
#jcart .jcart-total-name {width:50%; font-weight:bold;}
#jcart .jcart-total-price {width:5%; font-weight:bold; text-align:right;}
.jcart-total-price span {display:block;}
.jcart-remove {font-size:11px;}
#jcart-subtotal {display:block;}
#jcart-checkout {float:right; padding:2px;}
#jcart-paypal-checkout {display:block; width:14em; margin:20px auto;}

/* checkout 2 */
#checkout form {margin:0; padding:0; min-width:550px; max-width:750px; width:650px;}
#checkout form fieldset {border-color:#ccc; border-width:1px; border-style:solid; padding:10px; margin:0; margin-top:10px;}
#checkout form fieldset legend {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size:1.1em; font-weight:bold; color:#4d4978;}
#checkout form label {display:block; float:left; width:225px; padding:0; margin:5px 0 0; text-align:right; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif !important;}
#checkout form input, #checkout form textarea, #checkout form select {width:auto; margin:5px 0 0 10px;}
#checkout form input[type="text"], #checkout form textarea {width:250px;}
#checkout form input#reset {margin-left:0px;}
#checkout textarea {overflow:auto;}
#checkout form small {display:block; margin:0 0 5px 160px; padding:1px 3px; font-size:88%; font-style:italic;}
#checkout form .required {font-weight:bold;}
#checkout form br {clear:left;}
.paymentoption {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:1.1em !important; font-weight:bold; margin-left:10px;}

/* spinner */
#loading {width:100%; height:100%; top:0px; left:0px; position:fixed; display:block; opacity:0.5; background-color:#000; z-index:99; text-align:center;}
#loading-image {position:absolute; top:30%; left:45%; z-index:100;}

/* disorder page tabs */
.tabs_wrapper {width:95%; margin-top:15px;}
.tab_content {display:none;}
#original_tabs_content {padding:10px; width:95%;}
#original_tabs {border-bottom:1px solid #ccc; max-width:90%;}
#original_tabs ul {list-style:none; padding:5px 0 4px 0; margin:0 0 0 10px; font-size:1.2em; font-weight:bold;}
#original_tabs ul li {display:inline;white-space:nowrap;}
#original_tabs ul li a {border:1px solid #ccc; padding:6px 6px; text-decoration:none !important; background-color:#eee; border-bottom:none; outline:none; border-radius:5px 5px 0 0;}
#original_tabs ul li a:hover {background-color:#ddd;}
#original_tabs ul li.active a {border-bottom:1px solid #fff; background-color:inherit; padding:4px 6px 5px 6px; border-bottom:none;}
#original_tabs ul li.active a:hover {background-color:#eee;}

/* search on landing pages */
#search-box {position:relative; width:100%; max-width:660px; margin:0;}
#search-form {height:30px; border:1px solid #999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff; overflow:hidden;}
.search-text {font-size:14px; color:#ddd; border-width:0; background:transparent;}
#search-box input[type="text"] {width:90%; padding:6px 0 6px 1em; color:#727272; outline:none;}
#search-box input {background:none repeat scroll 0 0 #fff; border:0 none; float:left; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px !important; height:20px; margin:0;}
#search-button {position:absolute; top:0; right:0; height:32px; width:80px; font-size:14px; color:#fff; text-align:center; line-height:32px; border-width:0; background-color:#0098d3; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; cursor:pointer;}

/* search tabs */
ul.tabrow {border-bottom:1px solid #ccc; max-width:90%; list-style:none; padding:5px 0 4px 0; margin:0 0 0 10px; font-size:1.2em; font-weight:bold;}
ul.tabrow li {display:inline;white-space:nowrap;}
ul.tabrow li a {border:1px solid #ccc; padding:6px 6px; text-decoration:none !important; background-color:#eee; border-bottom:none; outline:none; border-radius:5px 5px 0 0;}
ul.tabrow a:hover {background-color:#ddd;}
ul.tabrow li.active a {border-bottom:1px solid #fff; background-color:inherit; padding:4px 6px 5px 6px; border-bottom:none;}
ul.tabrow li.active a:hover {background-color:#eee;}
.srch1, .srch2, .srch3, .srch4, .srch5 {color:#000; font-size:14px; font-weight:bold}

/* common table */
.table {margin-top:0px; border:1px solid #ebebeb; border-width:1px 0 1px 1px; border-bottom:none; border-top-color:#e3e3e3;}/*changed 11/7 margin-top from 30px for filters DM*/
.table th {padding:5px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:left; white-space:nowrap; font-weight:bold; background-color:#eee; background:#eee url(/img/table_header_bg.png) repeat-x;}
.table tr, .table .table tr {background-color:#fff;}
.table table tr {background-color:transparent;}
.table td, .table .table td {padding:13px 10px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.table th, .table th a, .table th a:visited, .table th a:hover, .table th a:active {color:#404040; text-shadow:0 1px 0 white; font-weight:bold;}
.table .table-footer td {border-right:1px solid #e3e3e3; background-color:#fafafa;}
/* .table tr:nth-child(2n) {background-color:#fafafa;} */

/* lab - clinic table */
.labclinictable {border-spacing:0; border-collapse:collapse;}
.labclinictable td {padding:5px; border:0; border-spacing:0;}
.labclinictable hr {border:0; border-bottom:1px solid #ccc; background:#999; margin-top:10px; margin-bottom:10px;}

/* disorder lists */
.disordercatlist {list-style-type:circle; list-style-position:inside;}
.disordercatlist ul, .disordercatlist li {line-height:2em;}

/* pagination */
.pagination {border:0; border-spacing:0; border-collapse:collapse; padding:4px; margin-left:auto; margin-right:auto;}
.paginate {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:1em;}
a.paginate {border:1px solid #000; padding:2px 6px 2px 6px; text-decoration:none; color:#000;}
a.paginate:hover {background-color:#000; color:#fff; text-decoration:underline;}
a.current {border:1px solid #000; font:bold 1em Arial, "Helvetica Neue", Helvetica, sans-serif; padding:2px 6px 2px 6px; cursor:default; background:#000; color:#fff; text-decoration:none;}
span.inactive {border:1px solid #999; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:1em; padding:2px 6px 2px 6px; color:#999; cursor:default;}

/* ads */
.adspage{float:left; width:625px; margin-bottom:25px; margin-right:15px;}
.ads{float:left;width:195px;margin-left:0px;margin-bottom:25px;}
.sticky-ads {position: fixed; top: 5px;}

/* disorder buttons */
.omim, .genereview, .icd, .hgnc, .testbutton, .relateddisorders, .viewtests, .viewservices, .newsarchive {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; font-size:0.9em; border:0; padding:1px 4px; margin-left:5px; color:#fff; background-color:#0098d3;}
.orderable {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; font-size:0.8em; border:0; padding:1px 4px; color:#fff; background-color:#0098d3;}
/*.contactlab {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; font-size:0.8em; border:0; padding:1px 4px; color:#fff; background-color:#989898;}*/

/* sidebar */
#sidebar {width:150px; margin-top:30px !important; margin-left:25px; float:right; border:1px solid #ebebeb; background-color:#fafafa; color:#000; padding:10px;}
#sidebar ul {list-style-type:none;}

/* filters */
#filters {width:620px; margin-top:10px !important; margin-left:0; margin-right:5px; margin-bottom:0px !important; /*float:left;border-top:1px solid #ccc;border-right:1px solid #ccc; border-left:1px solid #ccc;background-color:#f5f5f5;*/ color:#000; padding:0px;}/*changed 11/7 to have slide on top of results DM*/
.filters {font:normal 72%/1.4 Arial, "Helvetica Neue", Helvetica, sans-serif; color:#727272;width:100%;border-top:1px solid #ccc;border-right:1px solid #ccc; border-left:1px solid #ccc;background-color:#f5f5f5;margin-bottom:-12px;}/*display:none;  */
/*.filters a{color:#000;}*/
.filters h5 {margin-top:5px; margin-bottom:-6px;}
.filters form {margin-top:0; margin-bottom:0px;}
/*.btn-slide {background: url(images/white-arrow.gif) no-repeat right -50px;}*/
.categories{float:left;margin-left:2%;width:18%;}
.filter-buttons{text-align:center;padding-top:5px;padding-bottom:20px;}

/* sliding mobile menu */
#pageslide {display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:150px; padding:20px; background-color:#333; color:#fff; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222;}

/* jquery UI tabs - test details page */
.ui-widget {font:normal 95%/1.5 Georgia, "Times New Roman", Times, serif !important; color:#727272 !important;}
.link {color:#0056a8 !important;}
.file_list {line-height:2em;}
.file_attachments a[href $='.pdf'] {padding:20px 20px 20px 20px; background:url(/img/icons/pdf_icon.png) no-repeat left;}
.file_attachments a[href $='.doc'], .file_attachments a[href $='.docx'], .file_attachments a[href $='.rtf'] {padding:20px 20px 20px 20px; background:url(/img/icons/msword_icon.png) no-repeat left;}
.file_attachments a[href $='.xls'] {padding:20px 20px 20px 20px; background:url(/img/icons/xls_icon.png) no-repeat left;}

/* squares */
.square {width:300px; height:300px; display:block; overflow:hidden; float:left; background-color:#ededed; border:1px #c0c0c0 solid; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; border-radius:25px; margin:5px; padding:10px 10px;}
.square_test {width:250px; height:250px; display:block; overflow:hidden; float:left; background-color:#ededed; border:1px #c0c0c0 solid; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; border-radius:25px; margin:5px; padding:10px 10px;}

/* message */
.message {font-weight:bold; color:#f03;}

/* scroll to top */
a#scroll-top {display:none; position:fixed; right:20px; bottom:20px; height:42px; width:42px; line-height:42px; background:#624b77 url('/img/top.png') center center no-repeat; opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out;}
a#scroll-top:hover {background-color:#00152a;}


/* Test Listings */
.tat-price {float:right;margin-left:10px;text-align:center;padding:5px;background-color:#f7f7f7;width:30%;}


/* dropdown menu for profile */
.dropdown {position:absolute; z-index:9999999; display:none;}
.dropdown .dropdown-menu, .dropdown .dropdown-panel {min-width:160px; max-width:360px; list-style:none; background:#fff; border:solid 1px #ddd; border:solid 1px rgba(0, 0, 0, .2); border-radius:6px; box-shadow:0 5px 10px rgba(0, 0, 0, .2); overflow:visible; padding:4px 0; margin:0;}
.dropdown .dropdown-panel {padding:10px;}
.dropdown.dropdown-tip {margin-top:8px;}
.dropdown.dropdown-tip:before {position:absolute; top:-6px; left:9px; content:''; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-bottom-color:rgba(0, 0, 0, 0.2); display:inline-block;}
.dropdown.dropdown-tip.dropdown-anchor-right:before {left:auto; right:9px;}
.dropdown.dropdown-tip:after {position:absolute; top:-5px; left:10px; content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; display:inline-block;}
.dropdown.dropdown-tip.dropdown-anchor-right:after {left:auto; right:10px;}
.dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel {max-height:358px; overflow:auto;}
.dropdown .dropdown-menu li {list-style:none; padding:0 0; margin:0; line-height:18px;}
.dropdown .dropdown-menu li > a,.dropdown .dropdown-menu label {display:block; color:#555; text-decoration:none; line-height:18px; padding:3px 15px; margin:0; white-space:nowrap;}
.dropdown .dropdown-menu li > a:hover, .dropdown .dropdown-menu label:hover {background-color:#08c; color:#fff; cursor:pointer;}
.dropdown .dropdown-menu .dropdown-divider {font-size:1px; border-top:solid 1px #E5E5E5; padding:0; margin:5px 0;}
.dropdown.has-icons li > a {padding-left:30px; background-position:8px center; background-repeat:no-repeat;}
.dropdown .undo a { background-image:url(icons/arrow-curve-180-left.png);}
.dropdown .redo a { background-image:url(icons/arrow-curve.png);}
.dropdown .cut a { background-image:url(icons/scissors.png);}
.dropdown .copy a { background-image:url(icons/document-copy.png);}
.dropdown .paste a { background-image:url(icons/clipboard.png);}
.dropdown .delete a { background-image:url(icons/cross-script.png);}

/* --- end new styles --- */

/* DESKTOP */
.hide-mobile {display:inherit;}
.hide-desktop {display:none;}

/* MOBILE - TABLET - PORTRAIT */
@media only screen and (min-width:768px) and (max-width:981px) {
  body {width:auto;}
  .shell {width:auto; width:768px;}
  .container {background-image:url(/img/container-tablet.png);}
  .slider {width:725px; height:366px; background-image:url(/img/slider-tablet.png);}
  .slider ul li {width:724px;}
  .slider img {width:316px; height:286px; margin-left:0; margin-right:20px;}
  .slider h3 {font-size:16px;}
  .slider h2 {font-size:47px; line-height:54px;}
  .slider .slide-cnt {width:380px; height:190px;}
  #thumbs-wrapper {width:356px;}
  #thumbs a {width:75px; height:56px;}
  #thumbs a.selected {width:75px; height:65px;}
  #thumbs a.selected img {width:75px; height:65px;}
  #thumbs a img {width:75px; height:56px;}
  .featured h4 {font-size:16px; line-height:28px;}
  .main .cols .col {width:222px; padding-right:30px;}
  .main .cols .col img.left {float:none; display:block; margin:0 auto 12px;}
  .main .entries {background-image:url(/img/entries-tablet.png);}
  .main .entries .entry {width:225px; padding-right:24px;}
  .main .entries .entry img {width:100%;}
  .main .entries .entry .cnt {height:100%; overflow:hidden;}
  .main .social img {max-width:58px !important; max-height:59px !important;}
  .footer-nav {float:none; display:block; padding-bottom:12px;}
  #footer p.copy {float:none; display:block; padding-left:10px;}
  #navigation ul li {padding:0 10px;}
  .tat-price {float:right;margin-left:10px;text-align:center;padding:5px;background-color:#f7f7f7;}
}

/* MOBILE - PHONES */
@media only screen and (max-width:640px) {
  body {width:auto;}
  .hide-mobile {display:none;}
  .hide-mobile-important {display:none !important;}
  .hide-desktop {display:inherit;}
  #header {background:transparent; margin-bottom:0;}
  #mobnav {float:left; margin-left:10px; margin-right:10px;}
  #moblog {display:none !important; float:left; margin-left:10px; margin-right:10px;}
  #logo {float:left; position:relative; width:200px; overflow:auto; margin-top:-15px;}
  #logo a {background-image:url(/img/logo/logo@2x.png); -webkit-background-size:221px 35px; -moz-background-size:221px 35px; -o-background-size:221px 35px; background-size:221px 35px;}
  .shell {width:auto;}
  .container {width:auto;}
  .main {padding:0 10px;}
  .main .cols .col {padding-bottom:20px; float:none; display:block;padding-right:0; width:auto;}
  .main .cols .col img.left {float:none; display:block; margin:0 auto;}
  .main .entries {margin:0 -10px;}
  .main .entries .entry {width:auto; padding-right:0; float:none; display:block; margin-bottom:14px;}
  .featured h4 {line-height:26px; padding-bottom:6px;}
  .featured a.blue-btn {float:none; display:block; right:0; left:0; position:relative; margin:0 auto; top:0; width:260px;}
  .featured {padding:10px;}
  #tabs{padding-left:2em; margin-top:0; margin-bottom:2em;}
  #footer {padding-left:0; padding-right:0;}
  .footer-nav {float:none; display:block; height:12px; margin:0 auto; width:310px; padding-bottom:8px; text-transform:uppercase;}
  .footer-nav ul li {font-size:.8em; border-right:0; padding:0 2px;}
  #footer p.copy {font-size:.8em; text-align:center; float:none; display:block;}
  .categories{float:none;margin-left:2%;width:80%;}
  .filter-buttons{text-align:left;padding-top:5px;padding-bottom:20px;}
  .tat-price {float:none;margin-left:10px;text-align:center;padding:5px;background-color:#f7f7f7;}
}

/* RETINA */
@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi) {
  .hide-mobile {display:none;}
  .hide-mobile-important {display:none !important;}
  .hide-desktop {display:inherit;}
  #logo a {background-image:url(/img/logo/logo@2x.png); -webkit-background-size:221px 35px; -moz-background-size:221px 35px; -o-background-size:221px 35px; background-size:221px 35px;}
}