@charset "utf-8";

/*
 *******************************************************************************
 * {{ Basic styles }}
 *******************************************************************************
*/
* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
    font: 80% Arial, Helvetica, sans-serif;
    background: #fff center url(../images/bg.gif) repeat-y;
}
img {
    border: none;
}
ul, ol, li {
    list-style: none;
}
a {
    color: #000;
    text-decoration: none;
}

/*
 *******************************************************************************
 * {{ Layout }}
 *******************************************************************************
*/
#page {
    width: 982px;
    margin: 0 auto;
    padding-left: 2px;
    text-align: left;
}

#header {
    height: 125px;
    background: url(../images/header-bg.jpg) no-repeat;
}

#headerLogo {
    float: left;
    width: 330px;
    height: 110px;
    display: inline;
}

#headerSearch {
    float: left;
    width: 652px;
    height: 74px;
}

#nav {
    float: left;
    width: 652px;
    height: 27px;
}

#frame {
    clear: both;
    border-top: 5px solid #fff;
}

#wrapper {
    /* Not in use in this layout */
}

#content {
    float: right;
    width: 780px;
    margin-left: 10px;
    margin-right: 10px;
}

#menu {
    float: left;
    width: 180px;
    display: inline;
}

#sidebar {
    float: left;
    width: 390px;
    margin-left: 10px;
}

#footer {
    clear: both;
    margin: 10px 10px 10px 200px;
    padding: 10px;
    background: #fff;
}

/*
 *******************************************************************************
 * {{ Header }}
 *******************************************************************************
*/
#headerLogo #headerLogoImage {
    padding: 25px 0 0 10px;
    font: bold 2.1em Arial, Helvetica, sans-serif;
}
#headerLogo #headerLogoImage a {
    color: #fff;
    text-decoration: none;
}
#headerLogo #headerTagline {
    padding: 5px 0 0 12px;
    color: #fff;
}

/*
 *******************************************************************************
 * {{ Header search }}
 *******************************************************************************
*/
#headerSearch #headerSearchForm {
    width: 320px;
    float: right;
    padding: 38px 10px 0 0;
}
#headerSearch #headerSearchQuery {
    width: 240px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #333;
}
#headerSearch #headerSearchSubmit {
    padding: 0px 5px;
    font-size: 1em;
    vertical-align: middle;
}

/*
 *******************************************************************************
 * {{ Footer }}
 *******************************************************************************
*/
#footer p {
    font-size: .85em;
    text-align: center;
    line-height: 150%;
}

/*
 *******************************************************************************
 * {{ Navigation }}
 *******************************************************************************
*/
#nav li {
    float: left;
    display: inline;
}
#nav li a {
    float: left;
    line-height: 26px;
    font-weight: bold;
    text-indent: 38px;
    text-decoration: none;
}
#nav li.navItem-1 a {
    width: 108px;
    color: #FA76B3;
    background: 5px url(../images/monitore.gif) no-repeat;
}
#nav li.navItem-2 a {
    width: 108px;
    color: #F6FFA7;
    background: 5px url(../images/drucker.gif) no-repeat;
}
#nav li.navItem-3 a {
    width: 108px;
    color: #FFD323;
    background: 5px url(../images/scanner.gif) no-repeat;
}
#nav li.navItem-4 a {
    width: 109px;
    color: #A0C8FF;
    background: 5px url(../images/kopfhoerer.gif) no-repeat;
}
#nav li.navItem-5 a {
    width: 110px;
    color: #A5A3FF;
    background: 5px url(../images/beamer.gif) no-repeat;
}
#nav li.navItem-6 a {
    width: 108px;
    color: #7AD481;
    background: 5px url(../images/webcams.gif) no-repeat;
}
#nav li a:hover {
    color: #fff;
}

/*
 *******************************************************************************
 * {{ Menu }}
 *******************************************************************************
*/
.menuHeader {
    padding: 6px 10px 6px 35px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #7CB638;
}
.menuHeader.menuHeader-1 {
    background: #7CB638 5px url(../images/hersteller.gif) no-repeat;
}
.menuHeader.menuHeader-2 {
    background: #7CB638 5px url(../images/zubehoer.gif) no-repeat;
}
.menuHeader.menuHeader-3 {
    background: #7CB638 5px url(../images/pfeil_sonstige.gif) no-repeat;
}
.menuHeader a {
    color: #ffffff;
}
.menu {
    margin-bottom: 10px;
}
.menu li {
    font-size: 11px;
    border-bottom: 1px dotted #B5B8BB;
}
.menu li a {
    padding: 3px 10px 3px 40px;
    display: block;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #F7F7F7 20px url(../images/pfeil_quer.gif) no-repeat;
}
.menu li a:hover {
    color: #578B1B;
    background-color: #e6e6e6;
}
.menu li.active a {
    background: #fff 20px url(../images/pfeil_down.gif) no-repeat;
}
.menu li.active li a {
    background: none;
}
.menu li li {
    border-top: 1px dotted #B5B8BB;
    border-bottom: none;
}
.menu li li a {
    padding: 3px 10px 3px 40px;
    display: block;
    color: #000;
    font-weight: normal;
    text-transform: none;
    background: #fff 30px url(../images/list-item.gif) no-repeat;
}
.menu li li.active a {
    text-decoration: underline;
    background: #fff 30px url(../images/list-item.gif) no-repeat;
}
.menu li li a:hover {
    color: #000;
    background: #EFF6FF 30px url(../images/list-item.gif) no-repeat;
}
.menu li li a {
    background: 30px url(../images/list-item.gif) no-repeat;
}

/*
 *******************************************************************************
 * {{ Sidebar }}
 *******************************************************************************
*/
.sidebarContent {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #C5BBA9;
}
.sidebarContent p {
    font-size: .85em;
    line-height: 150%;
}

/*
 *******************************************************************************
 * {{ Content }}
 *******************************************************************************
*/
.contentIndexHeader {
    margin-bottom: 10px;
    padding: 6px 10px;
    color: #fff !important;
    font-weight: bold;
    background: #94A5BF;
}
.contentIndexHeader a {
    color: #fff;
}

#contentIndexColumn-1 {

}
#contentIndexHeader-1 {

}
#contentIndexColumn-2 {
    clear: both;
    padding: 10px 0 0 0;
}
#contentIndexHeader-2 {

}
#contentIndexColumn-3 {
    clear: both;
    padding: 10px 0 0 0;
}
#contentIndexHeader-3 {

}
#contentIndexColumn-4 {
    clear: both;
    float: left;
    width: 384px;
    display: inline;
    margin: 10px 0 0 0;
}
#contentIndexHeader-4 {

}
#contentIndexColumn-5 {
    clear: left;
    /*float: left;
    width: 386px;
    margin: 10px 0 0 10px;*/
}
#contentIndexColumn-6 {
    clear: both;
    padding-top: 10px;
}
#contentIndexHeader-1 {

}

.contentIndexContainerText {

}
.contentIndexContainerText p {
    margin-top: 10px;
    font-size: 1em;
    line-height: 150%;
}
.textBoxNew .contentIndexContainerText {
    padding-bottom: 10px;
    border: 1px solid #DEDEDE;
}
.textBoxNew .contentIndexContainerText p {
    padding: 0 10px;
}
.textBoxNew .contentIndexContainerText img {
    float: left;
    margin: 0 10px 10px 0;
}
.textBoxNew .contentIndexContainerText hr {
    clear: both;
    height: 0;
    margin: 10px 0 0 0;
    padding: 0 10px;
    border: none;
    border-top: 1px solid #ccc;
}

/*
 *******************************************************************************
 * {{ Products }}
 *******************************************************************************
*/
.productIndexContainer {
    float: left;
}
.productIndexContainerContent {
    height: 190px;
    padding: 9px;
    border: 1px solid #DEDEDE;
}
.productIndexContainerContent:hover {
    border: 1px solid #C7D9F2;
}
.productIndexImage {
    height: 120px;
    text-align: center;
}
.productIndexImage img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.productIndexName {
    margin-top: 5px;
    font-size: 1em;
    font-weight: bold;
}
.productIndexName a {
    color: #000;
}
.productIndexManufacturer {

}
.productDescription {

}
.productDescriptionList {
    margin: 10px;
}
.productDescriptionList li {
    list-style: url(../images/list-item.gif);
}
.productIndexPrice {
    color: #7CB638;
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
}
.productIndexPrice a {
    color: #7CB638;
}
.productIndexShipping {
    color: #121212;
    font-size: 9px;
    text-align: right;
    letter-spacing: -1px;
}
.productIndexShipping a {
    color: #121212;
}

.productReadMore {

}
.productReadMore a {

}

#productIndexContainer-1-1 {
    display: inline;
    width: 187px;
}
#productIndexContainer-1-2 {
    width: 187px;
    margin-left: 10px;
}
#productIndexContainer-1-3 {
    width: 187px;
    margin-left: 10px;
}
#productIndexContainer-1-4 {
    width: 88px;
    margin: 0 0 0 10px;
}
#productIndexContainer-1-5 {
    width: 88px;
    margin: 0 0 0 10px;
}
#productIndexContainer-1-6 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productIndexContainer-1-7 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productIndexContainer-1-4 .productIndexContainerContent,
#productIndexContainer-1-5 .productIndexContainerContent,
#productIndexContainer-1-6 .productIndexContainerContent,
#productIndexContainer-1-7 .productIndexContainerContent {
    height: 80px;
}
#productIndexContainer-1-4 .productIndexName,
#productIndexContainer-1-5 .productIndexName,
#productIndexContainer-1-6 .productIndexName,
#productIndexContainer-1-7 .productIndexName {
    font-size: 10px;
    font-weight: bold;
}
#productIndexContainer-1-4 .productIndexManufacturer,
#productIndexContainer-1-5 .productIndexManufacturer,
#productIndexContainer-1-6 .productIndexManufacturer,
#productIndexContainer-1-7 .productIndexManufacturer {
    display: none;
}
#productIndexContainer-1-4 .productIndexShipping,
#productIndexContainer-1-5 .productIndexShipping,
#productIndexContainer-1-6 .productIndexShipping,
#productIndexContainer-1-7 .productIndexShipping
{
    display: none;
}
#productIndexContainer-1-4 .productIndexImage,
#productIndexContainer-1-5 .productIndexImage,
#productIndexContainer-1-6 .productIndexImage,
#productIndexContainer-1-7 .productIndexImage {
    height: 40px;
}
#productIndexContainer-1-4 .productIndexPrice,
#productIndexContainer-1-5 .productIndexPrice,
#productIndexContainer-1-6 .productIndexPrice,
#productIndexContainer-1-7 .productIndexPrice {
    font-size: 11px;
}

#productIndexContainer-1-1 {
    position: relative;
}
#productIndexContainer-1-1 .productIndexMeta {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(../images/top-angebot.gif) no-repeat;
}
#productIndexContainer-1-2 {
    position: relative;
}
#productIndexContainer-1-2 .productIndexMeta {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(../images/preis-tipp.gif) no-repeat;
}

.productIndexContainer-2 {
    width: 187px;
}
#productIndexContainer-2-2,
#productIndexContainer-2-3,
#productIndexContainer-2-4 {
    margin-left: 10px;
}

.productIndexContainer-3 {
    width: 88px;
    float: left;
}
.productIndexContainer-3 .productIndexContainerContent {
    height: 80px;
}
.productIndexContainer-3 .productIndexImage {
    height: 40px;
}
.productIndexContainer-3 .productIndexName {
    font-size: 10px;
    font-weight: bold;
}
.productIndexContainer-3 .productIndexManufacturer {
    display: none;
}
.productIndexContainer-3 .productIndexPrice {
    font-size: 11px;
}
.productIndexContainer-3 .productIndexShipping {
    display: none;
}

#productIndexContainer-3-2,
#productIndexContainer-3-3,
#productIndexContainer-3-4,
#productIndexContainer-3-5,
#productIndexContainer-3-6,
#productIndexContainer-3-7,
#productIndexContainer-3-8 {
    margin-left: 10px;
}

.productIndexContainer-4 {
    width: 187px;
}
#productIndexContainer-4-1 {
}
#productIndexContainer-4-2 {
    margin: 0 0 0 10px;
}
#productIndexContainer-4-3 {
    clear: both;
    margin: 10px 0 0 0;
}
#productIndexContainer-4-4 {
    margin: 10px 0 0 10px;
}
#productIndexContainer-4-5 {
    clear: both;
    margin: 10px 0 0 0;
}
#productIndexContainer-4-6 {
    margin: 10px 0 0 10px;
}

#articleBox-5 {
    /*min-height: 648px;*/
}


/*
 *******************************************************************************
 * {{ Product details page }}
 *******************************************************************************
*/
.contentDetailsHeader {
    clear: both;
    margin: 10px 0 0 0;
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #94A5BF;
}
.productDetailsContainer {
    height: 100%;
    margin: 10px;
    background: url(../images/product-details-bg.gif) repeat-y;
}
.productDetailsImage {
    float: left;
    width: 310px;
    margin: 0 10px 10px 0;
}
.productDetailsImage img {
    max-width: 100%;
    max-height: 100%;
}
.productDetailsMeta {
    width: 440px;
    float: left;
}
.productDetailsTitle {
    margin-right: 10px;
    padding: 10px 10px 10px;
    font: bold 1.5em Arial;
    border-bottom: 1px solid #666;
}
.productDetailsDescription {
    padding: 10px;
    margin-top: 20px;
    line-height: 150%;
    background: #f2f2f2;
    border: 1px solid #ccc;
}
.productDetailsDescription .productDescriptionList {
    margin: 0 10px;
}
.productDetailsOrder {
    margin-top: 20px;
    font-size: 1.7em;
    font-weight: bold;
}
.productDetailsOrder a {
    width: 194px;
    height: 40px;
    padding: 0 0 0 20px;
    line-height: 40px;
    display: block;
    background: url(../images/angebot.gif) no-repeat;
}
.productDetailsPrice {
    margin-top: 10px;
    color: #7CB638;
    font-size: 2.8em;
    font-weight: bold;
    letter-spacing: -1px;
}
.productDetailsPrice a {
    color: #7CB638;
}
.productDetailsShipping {
    color: #121212;
    font-size: 9px;
    letter-spacing: -1px;
}
.productDetailsRating {
    margin-top: 10px;
}
.productDetailsShop {
    margin-top: 10px;
}

/*
 *******************************************************************************
 * {{ Similar products }}
 *******************************************************************************
*/
.contentSimilarColumn {
    padding-top: 10px;
}
.contentSimilarHeader {
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #94A5BF;
}
.productSimilarContainer {
    float: left;
    margin-top: 10px;
}
.productSimilarContainerContent {
    height: 190px;
    padding: 9px;
    border: 1px solid #DEDEDE;
}
.productSimilarContainerContent:hover {
    border: 1px solid #C7D9F2;
}
.productSimilarImage {
    height: 120px;
    text-align: center;
}
.productSimilarImage img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.productSimilarName {
    margin-top: 5px;
    font-size: 1em;
    font-weight: bold;
}
.productSimilarName a {
    color: #000;
}
.productSimilarManufacturer {

}
.productSimilarPrice {
    color: #7CB638;
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
}
.productSimilarPrice a {
    color: #7CB638;
}
.productSimilarShipping {
    color: #121212;
    font-size: 9px;
    text-align: right;
    letter-spacing: -1px;
}
.productSimilarShipping a {
    color: #121212;
}

#contentSimilarHeader-1 {

}

#productSimilarContainer-1-1 {
    display: inline;
    width: 187px;
    position: relative;
}
#productSimilarContainer-1-1 .productSimilarMeta {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(../images/preis-tipp.gif) no-repeat;
}
#productSimilarContainer-1-2 {
    width: 187px;
    margin-left: 10px;
}
#productSimilarContainer-1-3 {
    width: 187px;
    margin-left: 10px;
}
#productSimilarContainer-1-4 {
    width: 187px;
    margin-left: 10px;
}

#contentSimilarColumn-2 {
    float: left;
    width: 384px;
    display: inline;
}

#contentSimilarHeader-2 {

}

#productSimilarContainer-2-1 {
    display: inline;
    width: 187px;
}
#productSimilarContainer-2-2 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-2-3 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-2-4 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-2-5 {
    width: 88px;
    margin: 10px 0 0 10px;
}

#contentSimilarColumn-3 {
    float: left;
    width: 384px;
    margin-left: 10px;
}
#productSimilarContainer-3-1 {
    display: inline;
    width: 187px;
}
#productSimilarContainer-3-2 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-3-3 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-3-4 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-3-5 {
    width: 88px;
    margin: 10px 0 0 10px;
}
#productSimilarContainer-2-2 .productSimilarContainerContent,
#productSimilarContainer-2-3 .productSimilarContainerContent,
#productSimilarContainer-2-4 .productSimilarContainerContent,
#productSimilarContainer-2-5 .productSimilarContainerContent,
#productSimilarContainer-3-2 .productSimilarContainerContent,
#productSimilarContainer-3-3 .productSimilarContainerContent,
#productSimilarContainer-3-4 .productSimilarContainerContent,
#productSimilarContainer-3-5 .productSimilarContainerContent
{
    height: 80px;
}
#productSimilarContainer-2-2 .productSimilarName,
#productSimilarContainer-2-3 .productSimilarName,
#productSimilarContainer-2-4 .productSimilarName,
#productSimilarContainer-2-5 .productSimilarName,
#productSimilarContainer-3-2 .productSimilarName,
#productSimilarContainer-3-3 .productSimilarName,
#productSimilarContainer-3-4 .productSimilarName,
#productSimilarContainer-3-5 .productSimilarName
{
    font-size: 10px;
    font-weight: bold;
}
#productSimilarContainer-2-2 .productSimilarManufacturer,
#productSimilarContainer-2-3 .productSimilarManufacturer,
#productSimilarContainer-2-4 .productSimilarManufacturer,
#productSimilarContainer-2-5 .productSimilarManufacturer,
#productSimilarContainer-3-2 .productSimilarManufacturer,
#productSimilarContainer-3-3 .productSimilarManufacturer,
#productSimilarContainer-3-4 .productSimilarManufacturer,
#productSimilarContainer-3-5 .productSimilarManufacturer {
    display: none;
}
#productSimilarContainer-2-2 .productSimilarShipping,
#productSimilarContainer-2-3 .productSimilarShipping,
#productSimilarContainer-2-4 .productSimilarShipping,
#productSimilarContainer-2-5 .productSimilarShipping,
#productSimilarContainer-3-2 .productSimilarShipping,
#productSimilarContainer-3-3 .productSimilarShipping,
#productSimilarContainer-3-4 .productSimilarShipping,
#productSimilarContainer-3-5 .productSimilarShipping
{
    display: none;
}
#productSimilarContainer-2-2 .productSimilarImage,
#productSimilarContainer-2-3 .productSimilarImage,
#productSimilarContainer-2-4 .productSimilarImage,
#productSimilarContainer-2-5 .productSimilarImage,
#productSimilarContainer-3-2 .productSimilarImage,
#productSimilarContainer-3-3 .productSimilarImage,
#productSimilarContainer-3-4 .productSimilarImage,
#productSimilarContainer-3-5 .productSimilarImage
{
    height: 40px;
}
#productSimilarContainer-2-2 .productSimilarPrice,
#productSimilarContainer-2-3 .productSimilarPrice,
#productSimilarContainer-2-4 .productSimilarPrice,
#productSimilarContainer-2-5 .productSimilarPrice,
#productSimilarContainer-3-2 .productSimilarPrice,
#productSimilarContainer-3-3 .productSimilarPrice,
#productSimilarContainer-3-4 .productSimilarPrice,
#productSimilarContainer-3-5 .productSimilarPrice
{
    font-size: 11px;
}

/*
 *******************************************************************************
 * {{ Category list }}
 *******************************************************************************
*/
.contentCategoryColumn {
    padding-top: 10px;
}
.contentCategoryHeader {
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #94A5BF;
}

.productCategoryContainer {
    float: left;
    width: 250px;
    margin: 0 10px 10px 0;
    position: relative;
}
.productCategoryContainerContent {
    height: 220px;
    padding: 9px;
    border: 1px solid #DEDEDE;
}
.productCategoryContainerContent:hover {
    border: 1px solid #C7D9F2;
}
.productCategoryImage {
    height: 140px;
    text-align: center;
}
.productCategoryImage img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.productCategoryName {
    margin-top: 5px;
    font-size: 1em;
    font-weight: bold;
}
.productCategoryDescription {
    width: 500px;
    margin: 10px 0 0 0;
}
.productCategoryPrice {
    margin-top: 5px;
    color: #7CB638;
    text-align: right;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -1px;
}
.productCategoryPrice a {
    color: #7CB638;
}
.productCategoryShipping {
    color: #121212;
    font-size: 9px;
    text-align: right;
    letter-spacing: -1px;
}
.productCategoryShipping a {
    color: #121212;
}
.productCategoryReadMore {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.productCategoryReadMore a {
    float: right;
    color: #fff;
    width: 120px;
    height: 20px;
    display: block;
    text-decoration: underline;
    background: url(../images/read-more.gif) no-repeat;
}
.productCategoryReadMore a span {
    display: none;
}

/*
 *******************************************************************************
 * {{ Category index }}
 *******************************************************************************
*/
.categoryIndexList {
    margin: 0 !important;
    padding: 0 !important;
}
.categoryIndexList li {
    position: relative;
    float: left;
    width: 240px;
    height: 180px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    list-style: none !important;
    background: #eee;
    border: 1px solid #666;
}
.categoryIndexList li a {
    font-weight: bold;
}
.categoryIndexListCategoryName {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    opacity: .75;
    -moz-opacity: .75;
    filter: Alpha(opacity=75);
}
.categoryIndexListCategoryNameSub {
    font-weight: normal;
}
.categoryIndexListCategoryName a {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
}
.categoryIndexListCategoryText {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px;
    color: #fff;
    background: #000;
    opacity: .75;
    -moz-opacity: .75;
    filter: Alpha(opacity=75);
}
.categoryIndexListCategoryText a {
    color: #fff;
}
.categoryIndexListProductImage {
    position: absolute;

}
.categoryIndexListProductImage img {
    max-width: 400px;
    max-height: 400px;
}
.categoryIndexListProductNameHeader {
    font-size: 10px;
    font-weight: bold;
}
.categoryIndexListProductName {

}
.categoryIndexListProductName a {
    font-weight: normal !important;
}

/*
 *******************************************************************************
 * {{ Search results }}
 *******************************************************************************
*/
.contentSearchColumn {

}
.contentSearchHeader {
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #7CB638;
}


/*
 *******************************************************************************
 * {{ Reviews }}
 *******************************************************************************
*/
.contentReviewsHeader {
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background: #7CB638;
}
.productReviewsList {
    margin-top: 10px;
}
.productReviewsListItem {
    clear: both;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
}
.productReviewsListItem p {
    line-height: 150%;
}
.productReviewRating {
    float: left;
}
.productReviewDate {
    float: right;
    color: #666;
    font-size: .85em;
}
.productReviewTitle {
    clear: both;
    font-weight: bold;
}
.productReviewText {

}
.productReviewReadMore {
    font-weight: bold;
}
.productReviewReviewer {
    color: #666;
    font-size: .85em;
    font-weight: bold;
    font-style: italic;
}
.productReviewVotes {
    float: right;
    color: #666;
    font-size: .85em;
}
.productReviewMeta {
    clear: both;
}




/*
 *******************************************************************************
 * {{ Textbox }}
 *******************************************************************************
*/
.textBox {
    margin-top: 10px;
    margin-bottom: 10px;
}
.textBox .textBoxContent {
    padding: 10px;
    border: 1px solid #DEDEDE;
}
.textBox .textBoxRating {
    float: right;
}
.textBox .textBoxTitle {
    font-size: 1.2em;
    font-weight: bold;
}
.textBox .textBoxText {
    margin-top: 10px;
    font-size: 1em;
    line-height: 150%
}
.textBox .textBoxText img {
    float: left;
    margin: 0 10px 10px 0;
}
.textBox .textBoxImage {
    float: right;
    margin: 0 0 10px 10px;
}
.textBox a.readMore {
    font-weight: bold;
    text-decoration: underline;
}
.textBox ul {
    margin: 10px 20px;
    line-height: 150%;
}
.textBox ul li {
    list-style: square;
}

/*
 *******************************************************************************
 * {{ Article box }}
 *******************************************************************************
*/
.articleBox {
    border: 1px solid #DEDEDE;
}
.articleBox .articleBoxContent {
    padding: 10px;
}
.articleBox .articleBoxContent.alt {
    background: #eee;
}
.articleBox .articleBoxTitle {
    font: bold 1em Arial;
}
.articleBox .articleBoxText {
    margin-top: 10px;
    font-size: .85em;
    line-height: 150%
}
.articleBox a.readMore {
    font-weight: bold;
    text-decoration: underline;
}


/*
 *******************************************************************************
 * {{ Pagination }}
 *******************************************************************************
*/
.pagination {
    clear: both;
    padding: 5px 0;
    text-align: center;
}
.pagination b {
    padding: 3px 6px;
}
.pagination a {
    margin: 0 3px;
    padding: 3px 6px;
    background: #A7B7D0;
    border: 1px solid #C7D9F2;
}
.pagination a:hover {
    border: 1px solid #2C5691;
}
.pagination a.active {
    background: transparent;
}
/*
 *******************************************************************************
 * {{ Breadcrumbs }}
 *******************************************************************************
*/
.breadcrumbs {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.breadcrumbs a {
    color: #7CB638;
}

/*
 *******************************************************************************
 * {{ Category filters }}
 *******************************************************************************
*/
.categoryFilters {
    margin: 10px 0;
    padding: 6px 10px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*
 *******************************************************************************
 * {{ Common classes }}
 *******************************************************************************
*/
.clear {
    clear: both;
}
.hide {
    display: none;
}
.inline {
    display: inline;
    font-size: 1em;
    font-weight: inherit;
}







