/*[fmt]1A40-1A0A-350*/
/*Theme Name: Legsmart
style.css
Developer: Synotac Web Design
URI: http://www.synotac.com

MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------*/
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, 
font, 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 {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: left;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}
/*General
------------------------------------------------------------------
Selection background color*/
*::-moz-selection {
    background: #0088A6 none repeat scroll 0 0;
    color: #FFF;
}
/*HTML and BODY*/
html, body {
    background: #DEDEDE;
}
html {
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll;
}
body {
    font: 12px/22px "Lucida Grande", Geneva, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
    text-align: center;
    color: #2F2F2F;
}
/*Links*/
a {
}
a:link {
    color: #006B82;
}
a:visited {
/*Remove bottom color, activate top at launch*/
    /*[disabled]color:#F5360C;*/
    color: #006B82;
}
a:focus, a:hover, a:active {
    color: #0088A6;
}
a.underline {
    text-decoration: none;
    border-bottom: 1px solid #006B82;
    padding-bottom: 1px;
}
a.underline:hover {
    border: none;
}
/*Headers*/
h1, h2, h3 {
    font-weight: bold;
    margin-bottom: 11px;
    text-align: left;
    color: #006B82;
}
h1 {
    font-size: 24px;
    color: #006B82;
}
h2 {
    font-size: 16px;
    color: #345561;
}
h3 {
    font-size: 14px;
    color: #345561;
}
h4, h5, h6 {
    font-weight: bold;
}
h4 {
    font-size: 14px;
    color: #006B82;
    margin-bottom: 11px;
}
h5 {
}
h6 {
}
/*Text blocks, Content*/
address {
}
blockquote {
}
cite {
}
em {
    font-style: italic;
}
p {
    margin: 0 0 22px;
}
pre {
}
small {
    font-size: 0.8em;
}
span {
}
strong {
    font-weight: bold;
}
/*Misc*/
abbr, acronym {
    border-bottom: 1px dashed #999;
    cursor: help;
}
del {
    color: #8B0000;
    text-decoration: line-through;
}
hr {
    display: none;
}
ins {
    color: #006400;
    text-decoration: none;
}
sub, sup {
    font-size: 0.7em;
}
sup {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
/*Tables*/
table {
}
caption {
}
thead {
}
tfoot {
}
tbody {
}
tr {
}
tr.alt {
}
th {
}
td {
}
/*Froms*/
form {
}
fieldset {
}
legend {
}
label {
}
input {
    vertical-align: middle;
}
input.button {
}
a.primary-button {
    background: transparent url(images/button_bgs.png) no-repeat 0 0;
    padding: 6px 0px 6px 10px;
    text-decoration: none;
    color: #505050;
    font-weight: bold;
    border: none !important;
}
a.primary-button span {
    background: transparent url(images/button_bgs.png) no-repeat 100% -56px;
    padding: 6px 14px 6px 2px;
}
button.secondary-button {
}
span.arrow-right {
    background: transparent url(images/button_bgs.png) no-repeat 100% -28px !important;
    padding-right: 23px !important;
}
textarea {
}
select {
}
.checkboxes {
}
/*Lists*/
ul, ol {
}
ul {
}
ol {
}
li {
}
/*Defition Lists*/
dl {
}
dd {
}
dt {
}
/*STRUCTURE
------------------------------------------------------------------*/
#header, .main, #footer, #pre-main {
    width: 100%;
    margin: 0;
    text-align: center;
}
#header {
}
#top-bar {
    background: url(images/navgrad_navbar_topgrad.png) repeat-x 0 -78px;
    height: 35px;
    padding: 0;
    margin: 0;
}
#branding {
    background: #F8FAE7;
}
#footer {
    clear: both;
}
#pre-main {
    background: #359DDD url(images/background_home_blue.png) repeat-x left top;
    height: 290px;
    padding-top: 30px;
}
div.main {
    background: #E9E9E9 url(images/main_section_background.png) repeat-x left top;
    padding: 28px 0;
}
div.sub-main {
    border-top: 3px solid #3AB1E9;
    padding-top: 20px;
}
div.sub-main div.inner {
    background: none !important;
    width: 973px;
    margin: 0 auto;
}
.inner {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0;
}
/*Main Content Structures*/
div.container {
    float: left;
    margin: 0 -424px 0 0;
    width: 100%;
}
div.content, div#posts {
    margin: 0 424px 28px 16px;
    overflow: hidden;
}
div.text-box {
}
div.text-box div.wrapper {
    background: url(images/content_top.png) repeat-y center top;
    padding: 30px 30px 15px;
}
div.text-box div.bottom-wrapper {
    height: 15px;
    background: url(images/content_bottom.png) no-repeat center bottom;
}
div.sidebar {
    float: right;
    width: 388px;
    margin: 0 16px 0 0;
    display: inline;
/*= (width - padding)*/
}
/*SIDEBARS
--------------------------------------------------------------------------*/
ul.sb-list li {
    margin-bottom: 28px;
}
/*BLOG STRUCTURE
-------------------------------------------------------------------------*/
#breadcrumb {
/*take this out when breadcrumbs start working again in oscommercemax*/
    display: none;
    margin: 0 32px 11px;
    font-size: 11px;
}
#breadcrumb span.carrot {
    font-family: Courier;
}
#breadcrumb a {
    text-decoration: none;
    border-bottom: 1px solid #006B82;
    padding-bottom: 1px;
}
#breadcrumb a.current-page {
    border: none;
}
/*-- main container --*/
div#blog-container, div#blog-container-top, div#blog-container-bottom {
    margin: 0 16px !important;
}
div#blog-container {
    background: transparent url(images/blog_container_middle.png) repeat-y left top !important;
    float: right !important;
    display: inline !important;
    margin: 0 -16px 0 -248px !important;
}
div#blog-container-top {
    background: transparent url(images/blog_container_top.png) no-repeat left top !important;
    height: 15px !important;
}
div#blog-container-bottom {
    background: transparent url(images/blog_container_bottom.png) no-repeat left top !important;
    height: 22px !important;
    clear: both !important;
}
/*---- inside, left section (sidebar) ----*/
div#left-menu {
    float: left;
    margin: 0 0 0 32px;
    display: inline;
    width: 230px;
    background: #F4F5F6 url(images/blog_left_sidebar_top.png) no-repeat center top;
}
div#left-menu ul.sb-list {
    margin: 14px 0 0;
    padding: 5px 16px 0;
    background: transparent url(images/blog_left_sidebar_middle.png) repeat-y center top;
}
div.left-menu-bottom {
    height: 13px;
    background: #F4F5F6 url(images/blog_left_sidebar_bottom.png) no-repeat center top;
}
/*---- inside, right section ----*/
div#blog-container div.content {
    margin: 0 15px 28px 248px !important;
    background: transparent url(images/blog_right_sidebar_middle.png) repeat-y center top !important;
}
div.page-container div.content {
    background: none !important;
}
div#blog-content-top {
    background: #F4F5F6 url(images/blog_right_sidebar_top.png) no-repeat center top;
    height: 12px;
}
div#blog-content {
    margin: 0;
}
div#blog-content-bottom {
    background: #F4F5F6 url(images/blog_right_sidebar_bottom.png) no-repeat center top;
    height: 16px;
    clear: both;
}
div#blog-content div#posts {
    padding: 5px 20px 16px 32px;
}
/*-------- blog content area -------*/
div#blog-content {
    margin: 0 -240px 0 0;
}
div#blog-content div#posts {
    margin: 5px 240px 28px 5px;
}
/*-------- inner, right sidebar ---------*/
div#right-menu {
    width: 210px;
    margin: 7px 25px 0 0;
    overflow: hidden;
}
/*-- Sidebars --*/
.sb-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sb-list h2 {
    padding: 0 10px 7px;
}
#right-menu .sb-list h2 {
    background: transparent url(images/gradient_line_sidebar.png) no-repeat left bottom;
}
.sb-list li {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
/*------ Sidebar Lists ------*/
.sb-list li ul {
    padding-left: 10px;
}
.sb-list li ul li {
    margin: 0 0 7px !important;
    line-height: 18px;
}
.sb-list li ul li a {
    text-decoration: none;
    display: block;
}
.sb-list li ul li a:hover {
    text-decoration: underline;
}
.sb-list li ul li ul {
    padding-top: 5px;
    padding-left: 16px;
}
/*------ sidebar divs / tags -----*/
.sb-list li div {
    padding-left: 10px;
}
/*Wordpress specific CSS
-------------------------------------------------------------------
Blog Styles*/
.post {
    padding-bottom: 22px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
}
.post h1 {
    margin-bottom: 11px;
    line-height: 30px;
}
p.prepostmeta {
    margin-bottom: 11px;
}
a.comments-title-link {
    text-decoration: none;
}
span.comments-title {
    font-size: 16px;
    font-weight: bold;
    color: #0088A6;
    margin-right: 5px;
}
p.index-php {
    padding-left: 41px;
    background: url(images/icon_blogcomment_bubble.png) no-repeat 0 0;
    height: 30px;
    position: relative;
}
p.single-php {
    padding-right: 41px;
    background: url(images/icon_blogcomment_bubble.png) no-repeat right top;
    height: 30px;
    position: relative;
    float: none !important;
    width: 80px;
}
p.single-php span.comments-title {
    font-size: 14px;
}
.post a.comments-info-sub-page {
    position: absolute;
    right: 4px;
    top: -3px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
    display: block;
    width: 28px;
    height: 20px;
    text-align: center;
}
.post a.comments-info {
    position: absolute;
    left: 3px;
    top: -3px;
    font-size: 11px;
    color: #FFF;
    display: block;
    text-decoration: none;
    width: 28px;
    height: 20px;
    text-align: center;
}
div.postmeta {
    margin-bottom: 22px;
}
div.postmeta p {
    margin: 0 0 0px;
    font-size: 12px;
    color: #505050;
}
div.postmeta p strong {
    color: #F37301;
    font-weight: bold;
}
p.postmetadata {
    background: #F7F9E6;
    padding: 2px 5px;
}
.entry ul, .entry ol {
    padding-left: 40px;
    margin: 0 0 22px;
}
.entry ul, .entry ul li {
    list-style: disc;
}
.entry ol, .entry ol li {
    list-style: decimal;
}
.entry blockquote {
    padding: 14px 0 0 50px;
    background: url(images/q_left.gif) no-repeat 0px 0px;
}
.entry blockquote p:first-child {
    padding: 0 45px 20px 0;
    background: url(images/q_right.gif) no-repeat right bottom;
}
/*Alignment*/
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.aligncenter img, .aligncenter p.wp-caption-text {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px;
}
img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px;
}
.entry div.alignleft {
    float: left;
    margin: 0 8px 7px 0;
    display: inline;
}
/*Resizes the image to the maximum width of the content area*/
.entry img {
    max-width: 576px;
/*smooth image resizement in IE7+*/
    -ms-interpolation-mode: bicubic;
}
.wp-caption {
    background-color: #F0F0F0;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    padding: 3px;
}
.wp-caption img {
    border: 0 none #000000;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
.more-link {
    display: block;
    font-size: 15px;
    text-align: right;
    margin: 0 0 22px;
    float: left;
}
.more-link:hover {
}
p.prepostmeta {
    float: right;
}
/*Tables and #wp-calendar*/
table {
    color: #3E5867;
    width: 100%;
}
caption {
    background-color: #E6F0F2;
    border-top: 1px solid #E6F0F2;
    text-align: center;
}
thead {
    background-color: #F4F8F9;
    text-align: center;
}
tbody {
    background-color: #F7F7F7;
    text-align: center;
}
tfoot {
    background-color: #FFF;
    text-align: left;
}
td#next {
    text-align: right;
}
/*COMMENTS
-------------------------------------------------------------------*/
h3#comments, h4#pings {
    float: left;
}
h3#comments, #respond h3 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 50px;
}
#respond h3 {
    margin: 18px 0 0px 28px;
}
h4#pings {
    line-height: 1.2;
    margin: 10px 0;
    width: 150px;
}
.comments-header, .navigation {
    text-shadow: 0 1px 0 #fff;
}
.navigation {
    font-size: 11px;
    height: auto;
    line-height: 28px;
    overflow: hidden;
    padding: 0 28px;
}
.comments-header {
    padding: 6px 28px;
}
.comments-header-meta {
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 44px;
    padding: 4px 0 0;
}
.commentlist {
    font-size: 12px;
}
.pinglist {
    margin-top: 10px;
    width: 420px;
    float: right;
}
li.pings {
    margin: 0;
    padding: 4px 10px;
    width: 400px;
}
.pings:first-child {
    border-top: none;
}
.pings:last-child {
    border-bottom: none;
}
.comment {
    margin-bottom: 11px;
}
.comment-body {
    margin-left: 20px;
    padding: 17px 20px 11px;
    position: relative;
    background: #FFF;
}
.comment-body img.avatar {
    border: 1px solid #EEE;
    padding: 2px;
    float: right;
    margin: 0 0 5px 10px;
    display: inline;
}
ul.children {
    margin-left: 20px;
    margin-top: 1px;
    background: transparent url(images/threaded-comment.png) no-repeat 0 100%;
}
ul.children li {
}
.comment-meta {
    font-family: Georgia, serif;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 20px;
}
.comment-meta a {
    color: #999;
}
.comment-author-admin {
    background: #B8E1F4 !important;
    border: 1px solid #B8E1F4 !important;
}
.comment-author-admin>.comment-body {
}
.comment p, .comment blockquote {
    padding: 0 0 7px;
}
.comment blockquote p, .comment blockquote blockquote, 
.comment blockquote blockquote p {
    margin: 5px;
    padding: 7px;
}
.commentlist cite, .commentlist cite a {
}
.commentlist cite a {
}
/*Not used*/
li.thread-alt {
}
.comment-body em {
    color: #8F0E0E;
}
.comment-author {
}
.commentlist .thread-even {
}
.commentlist .depth-1 {
}
.commentlist .thread-odd, .commentlist .thread-odd .comment-body {
}
.commentlist .even, .commentlist .alt {
}
.comment-author cite {
    color: #666;
    display: block;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 16px;
    line-height: 18px;
    margin: 0 -7px 0px;
    padding: 3px 7px 3px 40px;
    background: url(images/icon_blogcomment_bubble.png) no-repeat 0 0;
}
.comment-author-admin .comment-author cite {
    font-size: 20px;
}
.says {
    display: none;
}
.comment div em {
}
/*comments awaiting moderation.*/
.reply {
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
}
a.comment-reply-link {
    color: #666;
    display: block;
    float: right;
    padding: 2px 6px;
}
.comment-reply-link:hover {
    background-color: #FFF;
    color: #333;
}
#respond {
    margin-top: 1px;
    overflow: hidden;
    padding: 0 0 18px;
    width: 100%;
}
#commentform {
    padding: 0px 11px 0 0px;
}
.cancel-comment-reply, .you-must-be-logged-in {
    padding: 0 0 0 28px;
}
.respond-left {
    float: left;
    width: 42%;
}
.respond-right {
    float: left;
    width: 58%;
}
#respond label {
    display: block;
    font-size: 11px;
    margin: 9px 0 3px;
    width: 85%;
}
input#author, input#email, input#url {
    border: 1px solid #BBB;
    color: #999;
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 5px 3px;
    width: 85%;
}
textarea#comment {
    border: 1px solid #BBB;
    font-family: inherit;
    height: 163px;
    margin: 34px 0 9px;
    padding: 5px 3px;
    width: 100%;
    font-size: 12px;
}
#respond input:focus, textarea#comment:focus {
    color: #000;
    border-color: #AAA;
}
p.action {
    text-align: center;
}
input#submit {
    background: url(images/button_submit.png) no-repeat center center;
    border: none;
    color: #505050;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 24px;
    padding: 0;
    width: 158px;
    text-align: center;
    cursor: pointer;
}
/*PRODUCT STRUCTURE
---------------------------------------------------------------------------*/
div#product-content {
    margin: 0 -230px 0 -227px !important;
    padding-bottom: 0 !important;
}
div#product-content div.post {
    margin: 5px 230px 0 227px;
}
div#product-content div#product {
    padding: 5px 40px 0 20px;
}
div#product-image {
    float: left;
    width: 217px;
    margin-left: 10px;
    display: inline;
}
/*-- Product Styles --*/
#product h1 {
    margin: 0 0 5px;
    line-height: 26px;
}
#product h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    color: #0088A6;
}
p#item-info {
    margin: 22px 0;
}
p#item-info span {
    display: block;
}
span.retail-price {
    font-size: 18px;
    color: #0088A6;
}
span.discounted {
    text-decoration: line-through;
}
span.sale-price {
    font-size: 14px;
    color: #F5350B;
}
span.pricing-details {
    font-size: 12px;
    color: #505050;
}
/*-- Left Sidebar, Brands List --*/
#brands-list li ul {
    margin: 0;
    padding: 0;
}
#brands-list li ul li {
    padding-left: 15px;
}
#brands-list li ul li ul {
    padding-left: 15px;
}
#brands-list li ul li ul li {
    padding-left: 0;
}
#brands-list li ul li {
    background: transparent url(images/gradient_line_sidebar.png) no-repeat left bottom;
    padding-bottom: 2px;
    margin-bottom: 3px;
}
#brands-list li ul li ul li, #brands-list li ul li.last {
    background: none;
}
/*-- Right Sidebar, Product Attributes Form*/
#product-attributes {
    padding-top: 10px;
    color: #505050;
}
#product-attributes select {
    width: 165px;
    margin-bottom: 15px;
}
#product-attributes label.product-color {
    display: block;
    /*[empty]margin-top:;*/
}
#product-colors {
    padding-bottom: 20px !important;
}
#product-colors, #product-colors li {
    padding: 0;
    margin: 0;
}
#product-colors li, #product-colors li a {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
}
#product-colors li {
    margin-right: 15px !important;
}
#product-colors .black a {
    background: #000;
}
#product-colors .beige a {
    background: #E0DEC2;
}
#product-colors .green a {
    background: #A5DF6C;
}
#product-colors .forest-green a {
    background: #587F33;
}
#product-colors .orange a {
    background: #F0A513;
}
#product-attributes label.quantity {
}
#product-attributes div.product-actions {
    text-align: center;
    margin-top: 28px;
}
#product-attributes div.product-actions p {
    margin-bottom: 20px;
}
/*-- Product Reviews --*/
p.pr-meta {
    color: #505050;
    font-style: italic;
}
p+p.pr-meta {
    margin-top: -22px;
}
/*GENERIC CLASSES
------------------------------------------------------------------
Beautified ampersands*/
.amp {
    font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
    font-style: italic;
}
/*Emphasize your name in the About-Box*/
.smaller-caps {
    font-size: 110%;
    font-variant: small-caps;
}
.hidden {
    display: none;
}
.hidden {
    position: absolute;
    left: -9999em;
}
.invisible-input {
    background: transparent;
    border: none;
}
/*Emphasize a paragraph*/
p span.emph {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
/*CLEARFIX
------------------------------------------------------------------*/
html .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
table#social-media-icons td {
    background-color: #DDDDDD;
}
table#social-media-icons {
    padding-bottom: 20px;
    /*[empty]width:;*/
}