/**
 *  ocs.category.css
 *   
 *  The category page stylesheet
 *
 *  Combines the 'inline12a.css'' and the 'landing2b.css' stylesheets
 *  Referenced in the '/CarAudio/Category.aspx' file
 *
 *  !! NEEDS TO BE MINIFIED FOR PRODUCTION USE !!
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  01.17.2012
 *
 */


#Category-wrapper {width:100%}
#Category-wrapper h2 {
    font:bold 16px arial,helvetica,sans-serif;
    margin:8px 13px 0 12px;padding:4px 0 4px 12px;
    /*background:#06F url(../images/grad_top.gif) 0 0 repeat-x;*/
    background:url("../Images/category/Assets/lnm_titlebg.jpg") repeat-x scroll 0 0;
    color:#FFF;
}
div.category_content {margin:0 0 0 12px;position:relative;*z-index:0}
div.category_content fieldset {
    text-align:left;
    border:1px solid #CCC;
    padding:.4em;margin:12px 13px 0 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
div.category_content p {
    line-height:16px;padding:8px 1px 1px;
    font-size:.75em;margin:0;height:auto;
    font-family:verdana,arial,helvetica,sans-serif;
}
div.category_content p a {
    font-weight:700;font-size:1em;
    color:#06F;text-decoration:none;
    padding-bottom:10px
}
div.category_content p a:hover {color:#00419F;text-decoration:underline}
div.category_content img {
    padding-right:.35em;
    float:left;
    display:inline;border:0;
    margin:0
}
div.category_content p img {width:65px;height:65px}
span.sub-category-link a {font-weight:bold;font-size:14px;color:#06F;text-decoration:none}
span.sub-category-link a:hover {color:#00419F;text-decoration:underline}
div.sub-category-description {font-family:arial,sans-serif;font-size:12px;color:#787878;padding:0}
div.sub-category-description p {color:#787878;font:normal 12px arial,sans-serif}
.sub-category-description p {font-family:arial,sans-serif;font-size:12px;color:#787878;margin-top:-10px}
.category_content fieldset a{font:bold 16px Arial,sans-serif;color:#1787DB;text-decoration:none;padding-bottom:10px}
.category_content fieldset a:hover{color:#1787DB;text-decoration:underline}
h2 {
    font:700 16px verdana,arial,helvetica,sans-serif;
    margin:0 13px 3px 12px;
    padding:5px 0 0 4px;
    background:#06F url('../images/grad_top.gif') repeat-x;
    color:#FFF;height:25px;
}
h3 {
    font:400 .74em arial, helvetica, sans-serif;
    color:#000;margin:0 0 3px 12px;width:98%
}
.related_table {border:solid 1px #06F;height:auto;margin-top:12px}
.related_table ul {padding:0;margin:-5px 0 0 0}
.related_table ul li {padding:0;display:inline;margin:0;list-style-type:none}
.related_table ul li a {
    clear:both;margin-top:1em;display:block;
    padding-left:10px;font-weight:700;
    font-size:.8em;color:#06f;text-decoration:none
}
.related_table ul li a:hover {color:#00419F;text-decoration:underline}

.description {border-width:0}
.description legend {color:#06F;font:700 1em arial,helvetica,sans-serif}
.description fieldset {border:solid 1px #06F;padding:.4em;height:auto}
.category_content legend {color:#06F;font:700 .8em arial,helvetica,sans-serif}
.category_content ul {margin:0 0 -10px 0}
.category_content ul li {
    padding:0;display:inline;
    margin:0;list-style-type:none
}
.category_content ul li a {
    clear:both;margin-top:10px;
    display:block;padding-left:30px;
    font-weight:700;font-size:.8em;
    color:#06f;text-decoration:none
}
.category_content ul li a:hover {color:#00419F;text-decoration:underline}
.related_categories_top {
    clear:both;padding:0;
    font:700 .9em verdana,arial,helvetica,sans-serif;
    background:#06F url(../images/grad_top.gif) repeat-x;
    color:#FFF;height:25px;
}

.page_title {
    padding:6px;color:#FFF;
    font:700 1.1em verdana,arial,helvetica,sans-serif;
    background:#06F url(../images/grad_top.gif) repeat-x;
}
.description p {
    font-size:.75em;
    float:left;padding-bottom:.75em;
    margin:0;height:auto;
    font-family:verdana, arial, helvetica, sans-serif;
}
.breadcrumb {margin:4px 0 12px 12px;color:#333;font:700 11px Verdana,sans-serif}
.breadcrumb a {text-decoration:none;color:#333}
.breadcrumb a:hover {text-decoration:underline}

.imgLink {border:none}
.imgLinkAncore {margin-bottom:-10px}
.price {font-family:verdana,arial,sans-serif;color:#F00;font-size:10px}
.description {font-family:verdana,arial,sans-serif;color:#000;font-size:10px}
a.model {font:700 10px verdana,sans-serif;color:#00008B;text-decoration:none}
a.model:hover {color:#328B17;text-decoration:underline}
.upperText {font:700 12px verdana,sans-serif;color:#0066B7}
/*.manufacturer_desc {font-family:verdana,arial, sans-serif;font-size:11px;color:#000}*/

.readMore {
    font-family:verdana, arial, sans-serif;
    font-size:10px;color:#749ecf;cursor:pointer
}

/*
html > body .jcarousel-skin-tango .jcarousel-container-horizontal {width:640px;padding:10px 40px}
html > body .jcarousel-skin-tango .jcarousel-clip-horizontal {width:630px;height:140px}
html > body .jcarousel-skin-tango .jcarousel-item {width:170px;height:140px}
html > body .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px}

.jcarousel-skin-tango .jcarousel-container {background:#FFF;border:1px solid #A3C6F1;-moz-border-radius:10px}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:640px;padding:10px 40px}
.jcarousel-skin-tango .jcarousel-container-vertical {width:75px;height:245px;padding:40px 20px}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:630px;height:135px}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:75px;height:245px}
.jcarousel-skin-tango .jcarousel-item {width:150px;height:80px}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom:10px}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#FFF;color:#000}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position:absolute;top:60px;right:5px;
    width:32px;height:32px;cursor:pointer;
    background:transparent url(../images/next-horizontal.png) no-repeat 0 0
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor:default;background-position:-96px 0
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position:absolute;top:60px;left:5px;
    width:32px;height:32px;cursor:pointer;
    background:transparent url(../images/prev-horizontal.png) no-repeat 0 0
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor:default;background-position:-96px 0
}
.jcarousel-skin-tango .jcarousel-next-vertical {
    position:absolute;bottom:5px;left:43px;
    width:32px;height:32px;cursor:pointer;
    background:transparent url(../images/next-vertical.png) no-repeat 0 0
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position:0 -32px}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position:0 -64px}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor:default;background-position:0 -96px
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position:absolute;top:5px;left:43px;
    width:32px;height:32px;cursor:pointer;
    background:transparent url(../images/prev-vertical.png) no-repeat 0 0
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position:0 -32px}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position:0 -64px}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor:default;background-position:0 -96px
}
*/

.car-specific-link {height:10px;padding-top:20px;font-size:12px}
html > body .car-specific-link {line-height:60px}
.category_desc {font-family:verdana,arial,sans-serif;font-size:11px;color:#000}
.readMore {font-family:verdana, arial, sans-serif;font-size:10px;color:#749ecf;cursor:pointer}
#SortBy_ItemsPerPage, #SortBy_ItemsPerPageBottom {
    font:normal 10px verdana,arial,sans-serif;
    text-align:left;border:solid 1px #99C0DF;
    width:99%;height:62px;
    margin:0 0 10px 2px;padding:6px 0 0 10px
    background-color:#DDE5EC;
}
#SortBy_ItemsPerPageBottom {width:99%;height:33px;padding:3px 0 0 10px;margin:10px 0}
#ItemsPerPageBottom {padding-top:2px}
#PagerContainerTop {padding-top:3px}
#ItemsPerPage {margin-top:5px}
#SortByContainer .ui-button, #ItemsPerPage .ui-button, #ItemsPerPageBottom .ui-button { margin-right:-.5em }
#PagerContainer .ui-button, #PagerContainerTop .ui-button { margin-right:-.1em }
#SortByContainer .ui-widget, #PagerContainer .ui-widget, #ItemsPerPage .ui-widget, #PagerContainerTop .ui-widget, #ItemsPerPageBottom .ui-widget {
    font-size:1.1em; font-weight:400
}
#SortByContainer .ui-button-text, #PagerContainer .ui-button-text, #ItemsPerPage .ui-button-text, #PagerContainerTop .ui-button-text, #ItemsPerPageBottom .ui-button-text { line-height:1.1 }
#PagerContainer .pager-right, #PagerContainer .pager-left, #PagerContainerTop .pager-left, #PagerContainerTop .pager-right, #ItemsPerPageBottom .pager-right {
    position:relative;top:2px
}
#ItemsPerPage, #ItemsPerPageBottom {float:left}
#PagerContainerTop, #PagerContainer {float:right}