@import url('tinymce.css');


/* --------------- overrides ------------------ */
a
{
    text-decoration:none;
    color:#AA0000;
}
    a:hover
    {
        text-decoration:underline;
        color:#880000;
    }


p
{
    margin:2px 0px 2px 0px;
}

img
{
    border:0px;
}

h1, h2, h3
{
    font-family: Myriad web pro, Trebuchet MS, sans-serif;
    color:#000000;
    font-weight:normal;
}
h1
{
    font-size:38px;
    font-weight:bold;
    color:#BB0000;
    margin:5px 0px;
    letter-spacing: -2px;
}

h2
{
    font-size:19px;
    margin:0px 0px 5px 0px;
    clear:both;
}
h3
{
    font-size:15px;
    font-weight:bold;
    margin:5px 0px;
}

ul
{
    list-style-position: inside;
}
/* --------------- custom ------------------ */

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}
.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}
    

.hr1
{
    background-color:#AAAAAA;
    margin-left:auto;
    margin-right:auto;
    height:1px;
    margin-top:10px;
}

.myriad
{
    font-family: Myriad web pro, Trebuchet MS, sans-serif;
}

/* --------------- buttons ------------------ */
.buttonContact
{
    display:inline-block;
    width:137px;
    color:#000000;
    background-image:url(layout_images/button_contact.png);
    background-repeat:no-repeat;
    padding:5px 10px;
    font-size:13px;
}

/* --------------- product categories ------------------ */
.productList
{
    margin-top:40px;
}
.productCategories
{
    position:relative;
    text-align:left;
    top:-35px;
    min-height:10px;
}
.productCategories ul
{
    position:absolute;
    list-style-type:none;
    top:0px;
    margin:0px;
    padding:0px;
    width:980px;
}
.productCategories li
{
    float:left;
    padding:0px;
    margin:0px 20px 0px 0px;
}
    .productCategories li ul li
    {
        margin:0px 10px;
    }
    .productCategories>ul>li
    {
        background-image:url(layout_images/bullet1.png);
        background-position:left;
        background-repeat:no-repeat;
        padding-left:18px;
    }
        .productCategories>ul>li:hover, .productCategories>ul>li.selected
        {
            background-image:url(layout_images/bullet1-hover.png);
        }
        .productCategories>ul>li>ul>li
        {
            background-image:url(layout_images/bullet2.png);
            background-position:left;
            background-repeat:no-repeat;
            padding-left:14px;
        }
            .productCategories>ul>li>ul>li:hover, .productCategories>ul>li>ul>li.selected
            {
                background-image:url(layout_images/bullet2-hover.png);
            }
            
    .productCategories li a
    {
        font-family: Myriad web pro, Trebuchet MS, sans-serif;
        font-size:18px;
        color:#444444;
        /*filter:alpha(opacity=70);*/
        /*opacity:0.7;*/
    }
        .productCategories li a:hover
        {
            /*filter:alpha(opacity=100);*/
            /*opacity:1;*/
            color:#000000;
        }

        .productCategories .selected, .productCategories .selected a
        {
            color:#000000;
        }

        .productCategories ul li ul
        {
            top:30px;
            left:0px;
            background-image:url(layout_images/bg_subheader_submenu.png);
            background-repeat:no-repeat;
            background-position:bottom left;
        }
            .productCategories ul li ul li a
            {
                font-size:13px;
            }


/* --------------- language ------------------ */
.languageSelector
{
    position:absolute;
    right:12px;
    top:2px;
    text-align:right;
}
/* --------------- homepage ------------------ */
/* --------------- product ------------------ */
.product
{
    float:left;
    width:182px;
    height:260px;
    padding-top:5px;
    text-align:center;
    border:1px solid #DDDDDD;
    margin-left:8px;
    margin-bottom:8px;
    overflow: hidden;
}
    .product img
    {
        /*border:1px solid #CCCCCC;*/
    }
        .product h2
        {
            font-size:16px;
        }
        
/* --------------- product details ------------------ */
.pagePhotoGallery
{
    width:420px;
}


/* --------------- contact ------------------ */
.ContactForm input, .ContactForm textarea{ background-color:#EEEEEE;}
.ContactForm{ padding-top:20px; width:590px; margin-left:50px; text-align:left;}
.ContactForm .col-1{ float:left; width:305px !important;}
.ContactForm .col-2{ float:left; width:284px !important; margin-left:0 !important;}
.ContactForm label{ display:block; height:42px;}
.ContactForm input{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:265px;}
.ContactForm textarea{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:280px; height:101px;}
.ContactForm .link2{ margin:5px 15px 0 0;}
.ContactForm .captcha{height:100px;}
    .ContactForm .captcha input{margin-top:5px;}
.ContactForm .buttonArea { text-align:right; clear:both;}
.ContactForm .roundedButton {color:#000000; border:1px solid #AAAAAA; background-color:#CCCCCC; padding:3px;}


/* --------------- layout ------------------ */
body
{
    font-family:Trebuchet MS, Century Gothic, Arial, sans-serif;
    font-size:12px;
    color:#222222;
    padding:0px;
    margin:0px;
    background-color:#EFEFEF;
    background-image:url(layout_images/bg_container.png);
    background-position:center;
    background-repeat:repeat-y;
}

.topHeader
{
    position: fixed;
    width:100%;
    height:60px;
    background-image:url(layout_images/bg_top_header.png);
    background-repeat:repeat-x;
    z-index:5000;
}
    .topHeader .inner
    {
        position: relative;
        width:990px;
        margin:0px auto;
    }
.header
{
    position: relative;
    padding-top:60px;
    height:120px;
    background-image:url(layout_images/bg_header_small.png);
    background-position:bottom;
    background-repeat:repeat-x;
}
    .header .inner
    {
        position: relative;
        width:990px;
        height:120px;
        margin:0px auto;
        color:#FFFFFF;
        background-image:url(layout_images/header_image_small.jpg);
    }
    
    .header .inner .text
    {
        padding-top:5px;
        width:600px;
        
    }

        .homepageText ul
        {
            margin:0px;
        }
            .homepageText ul li
            {
                margin:0px;
            }
    
.homepage .header
{
    height:250px;
    background-image:url(layout_images/bg_header.png);
}
    .homepage .header .inner
    {
        height:250px;
        background-image:url(layout_images/header_image_big.jpg);
    }
    .homepage .homepageText
    {
        display: block;
    }

.subHeader
{
    height:40px;
    background-image:url(layout_images/bg_sub_header.png);
    background-repeat:repeat-x;
    text-align:right;
}
    .subHeader .inner
    {
        position: relative;
        width:990px;
        margin:0px auto;
        padding-top:12px;
    }
   
.container
{
    position:relative;
    width:990px;
    margin:0px auto 0px auto;
}

.menu
{
    position:absolute;
    right:0px;
    top:26px;
    width:800px;
    height:50px;
    color:#333333;
    font-size:14px;
    font-family: Helvetiker, Trebuchet MS;
    text-align:right;
}
    .menuItem
    {
        display:inline-block;
        text-align:center;
        margin:0px 10px;
        padding-left:12px;
        filter:alpha(opacity=70);
        opacity:0.7;
        background-image:url(layout_images/bg_menuitem.png);
        background-repeat:repeat-x;
    }
        .menuItem:hover
        {
            filter:alpha(opacity=100);
            opacity:1;
        }
        
        .menuItem a
        {
            color:#000000;
            padding:6px 15px 6px 3px;
            text-decoration:none;
            background-image:url(layout_images/bg_menuitem.png);
            background-repeat:repeat;
        }
    .menuItem.itemActive
    {
            background-image:url(layout_images/bg_menu_left.gif);
            background-position:left;
            background-repeat:no-repeat;
            filter:alpha(opacity=100);
            opacity:1;
    }
        .menuItem.itemActive a
        {
            background-image:url(layout_images/bg_menu_right.gif);
            background-position:right;
            background-repeat:no-repeat;
        }
    
    
.mainContent
{
    position:relative;
    margin:0px 10px 10px 10px;
    min-height:300px;
    text-align:justify;
    padding-top:5px;
}
    .mainContentSmall
    {
        width:670px;
    }
    
.rightContent
{
    float:right;
    width:300px;
}
.footerClear
{
    clear:both;
    height:38px;
}
.footer
{
    position: fixed;
    width:100%;
    height:38px;
    bottom:0px;
    text-align:center;
    font-size:11px;
    color:#FFFFFF;
    background-color:#161616;
}
    .footerInner
    {
        width:960px;
        padding-top:20px;
        text-align:center;
    }
    .footerImage
    {
        margin-top:2px;
        margin-bottom:-5px;
    }
    .footer a
    {
        text-decoration:none;
        color:#CCCCCC;
    }
    .footer a:hover
    {
        text-decoration:none;
        color:#FFFFFF;
    }
    .justDesignPower
    {
        color:#CCCCCC;
        margin-top:-5px;
    }
        .justDesignPower a
        {
            color:#CCCCCC;
        }
        .justDesignPower a:hover
        {
            color:#FFFFFF;
        }