﻿*
{
    font-family: Verdana;
    color: #323232;
    font-size: 11px;
}
img
{
    border: 0px none;
}
a
{
    text-decoration: none;
}
.modalBackground
{
    background-color: Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.50;
}

h1
{
    font-size: 24px;
    color: #2f557f;
    margin: 0 0 20px 0;
}
h2 
{
    font-size: 12px;
    color: #2f557f;
    margin: 0 0 17px 0;
    }
body
{
    background: #0b0c0e url(../interface/body_bg.jpg) repeat-x;
    margin: 0px;
    padding: 0px;
}
div#mainDiv
{
    background: #0d0d0f url(../interface/fixed_gradient_bg01.jpg) no-repeat top center;
    margin: auto;
    width: 1015px;
    /*min-height: 902px;*/
    padding: 5px 0px 15px;
}
#header
{
    position: relative;
    height: 99px;
    margin-left: 20px;
    padding: 8px 0px 0px 5px;
    background: url(../interface/top_navi_bk.jpg) no-repeat left top;
}
div#mainContainer
{
    margin: 0px 22px;
}
div#contentBase
{
    background: url(../interface/content_bk.jpg) no-repeat center top;
    width: 970px;
    margin: 0px 10px 0px 0px;
    padding: 18px 0px;
}
div#contact_inner_content_base
{
    margin: 0px 4px;
    background-color: White;
    /*min-height: 780px;*/
    width: 962px;
}
div#contact_content_wrapper
{
    margin: 3px 13px 0px;
    padding: 5px;
    /*min-height: 800px;*/
    width: 925px;
    background: #686868 url(../interface/border_bg.gif) repeat-x center top;
    z-index: 3;
}
div#mainContent
{
    padding: 15px 10px 15px 10px;
    margin: 0px;
    background-color: White;
    z-index: 4;
    /*min-height: 755px;*/
}
.centeredInPage
{
    width: 993px;
    margin: auto;
}
#footer
{
    padding: 10px 0px;
    text-align: center;
    color:White;
}
#footer a
{
    text-decoration:underline;
    color:White;
}
#searchbox
{
    visibility: hidden;
    position: absolute;
    right: 13px;
    width: 179px;
    height: 42px;
    top: 100px;
    background-color: #07266a;
}
#searchmagnifier
{
    margin: 4px 0px;
    width: 42px;
    height: 34px;
    border-right: 1px solid white;
    float: left;
}
#searchtextzone
{
    position: relative;
    float: right;
}
#TextBoxSearch
{
    position: relative;
    width: 119px;
    height: 19px;
    border: 0px none;
    margin: auto;
    top: 11px;
    right: 9px;
    color: Black;
}
.searchwatermark
{
    color: #a0a0a0 !important;
}
#menu
{
    height: 30px;
    top: 65px;
}
#menucontainer
{
    width: 993px;
    margin: auto;
    position: relative;
}
.menu
{
    color: White;
    font-weight: bold;
    margin: auto;
    position: absolute;
}
.menu a
{
    font-family:Verdana;
    color: #e0e0e0;
    font-weight:normal;
    float:left;
    height:26px;
    line-height:26px;
    display:block;
}
.menu li img
{
    float:left;
}
.menu a:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.70;        
}
.accordionHeader
{
    height: 30px;
    margin:0px;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
    background-color:#b7c1cd;
}
.accordionHeader a
{
    display: block;
    height: 12px;
    padding: 9px 9px;
    text-transform: uppercase;
    font-weight: bold;
}
/*.accordion0, .accordion0 *
{
    color: Black;
}
.accordion1, .accordion1 *
{
    color: White;
}
.accordion2, .accordion2 *
{
    color: White;
}
.accordion3, .accordion3 *
{
    color: White;
}
.accordion4, .accordion4 *
{
    color: White;
}
.accordion5, .accordion5 *
{
    color: White;
}*/
.accordionSubCategory
{
    padding: 6px 9px;
}
.accordionSubCategory *
{
    color: #07266a;
    padding-left: 0px;
}
.accordionSelectedSubCategory
{
    padding: 6px 0px;
}
.accordionSelectedSubCategory *
{
    font-weight: bold;
}
.productsBody
{
    width: 726px;
    padding: 10px 10px 10px 15px;
    border: Solid 1px #d0d0d0;
    background-color: White;
}
.productRightPanel
{
    padding: 0px 15px 15px 15px;
    width: 386px;
    margin-top: 0px;
}
h1.labelProduct
{
}
.imageProduct
{
    border:solid 1px #d0d0d0;
    overflow: hidden;
    text-align: center;
}
h2.labelReference
{
    margin-top: 0px;
    padding-top: 0px;
    font-size: 12px;
    display: inline;
}
#slidesProductImages .pagination
{
    list-style: none;
    padding: 10px 0px 0px;
    margin: 0px;
    width: 312px;
}
#slidesProductImages .pagination li
{
    display: block;
    float: left;
    padding: 0px 6px;
}

#slidesProductImages .pagination li.padded
{
    display: block;
    float: left;
}

.associatedProducts
{
    position: relative;
    width: 724px;
    height: 160px;
    border: solid 1px Blue;
}
.associatedProducts .slides_container
{
    width: 724px;
    height: 160px;
    overflow: hidden;
    position: relative;
    display: none;
}
.associatedProducts .slides_container div.slide
{
    width: 712px;
    height: 160px;
    display: block;
    margin: 0px 5px;
}
div.slide
{
    z-index: 0 !important;
}
.associatedProducts .slides_container div.slide .item
{
    width: 120px;
    height: 120px;
    display: block;
    float: left;
    margin: 20px 10px;
    background-color: White;
    text-align: center;
}
.associatedProducts .slides_container div.slide .item .slidecontent
{
    margin: auto;
}

.associatedProducts .slides_container div.slide .item .title
{
    margin-top: 8px;
    height: 14px;
    overflow: hidden;
    font-weight: bold;
}

.associatedProducts .slides_container div.slide .item .price
{
    margin-top: 8px;
}
.associatedProducts .slides_container div.slide .item .price span
{
    color: #ec6500;
    font-weight: bold;
}

.associatedProducts .next, .associatedProducts .prev
{
    position: absolute;
    top: 70px;
    left: 0px;
    display: block;
}

.associatedProducts .next
{
    left: 712px;
}
#PanelDealsOfTheDay
{
    width: 993px;
    height: 204px;
    background-color: #ededed;
    margin-top: 10px;
}
#PanelDealsOfTheDayLeft
{
    width: 225px;
    height: 139px;
    float: left;
    padding: 50px 0px 15px 15px;
}

#PanelDealsOfTheDayText
{
    height: 114px;
    width: 240px;
}
.dealsoftheday
{
    color: #07256a;
    font-size: 40px;
    line-height: 35px;
    height: 88px;
    overflow: hidden;
}

.dealsoftheday .bolddeals
{
    color: #07256a;
    font-weight: bold;
    line-height: 35px;
    font-size: 40px;
}
.dealsupto
{
    font-size: 16px;
    color: #58585a;
    font-weight: bold;
    height: 26px;
    overflow: hidden;
}
#PanelDealsOfTheDayColors
{
    margin-top: 5px;
    width: 240px;
    height: 21px;
}

#PanelCarouselHomepage
{
    width: 880px;
    height: 260px;
    margin: 0px -5px 10px;
    padding: 15px 15px 15px 16px;
    border: solid 1px #d0d0d0;
    background-color: White;
    position: relative;
}

#PanelCarouselHomepage .slides_container
{
    width: 880px;
    height: 260px;
    margin: auto;
    background-color: White;
    overflow: hidden;
    position: relative;
    display: none;
    z-index: 0;
}

#PanelCarouselHomepage .pagination
{
    position: absolute;
    top: 20px;
    right: 20px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

#PanelCarouselHomepage .pagination li
{
    float: left;
    margin: 0 1px;
    list-style: none;
}

#PanelCarouselHomepage .pagination li a
{
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(/slideshow/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}
#PanelCarouselHomepage .pagination li.current a
{
    background-position: 0 -12px;
}
#PanelHomepageBottom
{
    padding-top: 10px;
    width: 993px;
}
.homepageCustomZone
{
    padding: 15px;
    width: 210px;
    float: left;
}
.homepageCategories
{
    width: 750px;
    border: solid 1px #d0d0d0;
    height: 459px;
    padding: 15px 0px;
    float: left;
    background: White;
}
.homepageCategory
{
    border-width: 1px;
    border-style: solid;
    height: 220px;
    width: 220px;
}
.homepageCategoryCell
{
    padding: 0px 14px 15px 14px;
    height: 220px;
    width: 220px;
}
.homepageCategoryTitle
{
    padding: 7px 9px 8px 9px;
    font-weight: bold;
}

.homepageCategoryProduct
{
    height: 182px;
    padding: 5px;
    position: relative;
}

.homepageCategoryImage
{
    margin: auto;
    max-height: 130px;
    max-width: 190px;
}

.subCategoriesBody
{
    width: 726px;
    padding: 10px 15px 15px;
    border: Solid 1px #d0d0d0;
    border-top: 0px none;
    background-color: White;
    height: 820px;
}

.subcategoryTitle
{
    width: 704px;
    padding: 5px 10px;
    border-style: Solid;
    border-width: 1px;
    border-color: #d0d0d0;
}
.subcategoryTitle *
{
    font-size: 18px;
}

.subCategoriesProducts
{
    border-style: Solid;
    border-width: 1px;
    border-color: #d0d0d0;
    border-top: 0px none !important;
    padding: 5px 15px 15px;
}

.productThumbnailHorizontalSeparator
{
    width: 100%;
    height: 0px;
    border-top-style: Solid;
    border-top-width: 1px;
    border-top-color: #d0d0d0;
}

.productThumbnailVerticalSeparator
{
    width: 0px;
    height: 188px;
    border-left-style: Solid;
    border-left-width: 1px;
    border-left-color: #d0d0d0;
}

.subCategoriesBody .tablePager
{
    position: absolute;
    border-collapse: collapse;
    top: -32px;
    right: 0px;
}
.subCategoriesBody .pagerSortOrder
{
    position: absolute;
    top: -30px;
    right: 8px;
}
.subCategoriesBody .pager
{
    height: 32px;
    vertical-align: top;
    background: url(/interface/bgPager.png) repeat-x;
}
.subCategoriesBody .pagerButton
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    height: 12px;
}
.subCategoriesBody a.pagerButton
{
    text-decoration: underline;
}
.subCategoriesBody a.aspNetDisabled.pagerButton
{
    text-decoration: none;
}
.subCategoriesBody .pagerCurrent
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}

.tableProducts
{
    width: 100%;
}

.tableProducts .productThumbnail
{
    padding: 10px;
    position: relative;
    height: 145px;
}

.tableProducts .productThumbnail .thumbnail
{
    margin: auto;
    width: 100px;
    height: 80px;
    text-align: center;
}

.tableProducts .productThumbnail .thumbnail img
{
    /*width: 100px;*/
}

.tableProducts .productThumbnail .title
{
    padding-top: 15px;
    height: 28px;
    overflow: hidden;
}

.tableProducts .productThumbnail .title .productName
{
    font-weight: bold;
}

.tableProducts .productThumbnail .reference
{
    padding-top: 5px;
    height: 14px;
    overflow: hidden;
}

.tableProducts .productThumbnail .reference .productReference
{
    font-weight: bold;
    color: #ec6500;
}
.tableProducts .productThumbnail .details
{
    position: absolute;
    right: 5px;
    bottom: 0px;
}

#staticPageContent
{
    margin: 5px;
}

#staticPageContent ul
{
    padding-left: 15px;
}

#staticPageContent li
{
    line-height: 15px;
}

.staticSearch
{
    margin-top: 15px;
    border: Solid 1px #07266a;
}

.staticSearchTitle
{
    padding: 5px 10px;
    font-size: 18px;
    border-bottom: Solid 1px #07266a;
    background-color: #07266a;
    color: White;
}

.staticSearchResult
{
    margin: 15px;
}
.staticSearchResultTitle
{
    margin-bottom: 5px;
}
.staticSearchResultTitle a
{
    text-decoration: underline;
    color: #ec6500;
}

.staticSearchResultContent
{
}

.staticSearchResultText
{
    color: #ec6500;
}

label.error
{
    color: Red;
    font-weight: bold;
}
input.error, textarea.error
{
    border: 1px dashed red;
}
