@charset
"utf-8"
;
/* CSS Document */
body {
    font-family: arial, sans-serif;
    background-image: url('bg.jpg'); /*background-repeat: ;*/
    margin: 0;
    padding: 0;
    height: auto;
}

div#content {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: 910px;
    padding: 30px 25px 25px 25px;
    overflow: hidden;
}

div#banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: url('ucs_header_gradient.gif');
    height: 160px;
    vertical-align: top;
}

div#banner div {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 960px;
}

a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #961717;
    text-decoration: none;

}


p{
        font-family: Georgia, "Times New Roman", Times, serif;
    font-size:12px;
}

a:visited {
    color: #961717;
    text-decoration: none;
}

a:hover {
    color: #961717;
    text-decoration: underline;
}

h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


div#banner td {
    text-align: center;
       background: url('divider.png') no-repeat right;
}

div#banner td a {
    font-family:arial,sans-serif;
    font-size:14px;
    text-decoration: none;
    color: white;
    outline:none;
}


div#banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: green url('ucs_header_gradient.gif');
    height: 160px;
    vertical-align: top;
}

div#banner div {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 960px;
}




div#banner .selected a {
    color: black;
}

div#banner td{
    height:30px;
}

div#banner td:hover {
    background-color: gray;
}

div#banner td.selected{
    background-color:white; !important;


}


div.secondaryMenu {
    width: 200px;
    float: left; /*font-size: 11px;*/
}

.secondaryMenu ul {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
}

.secondaryMenu li {
    background: #d7d6d6 url('ProductTab.png') repeat-x;
    padding-left: 6px;

    height: 32px;
    border: 1px solid #c9c7c7;
}


.secondaryMenu li:hover {
    background: #d7d6d6 url('ProductTabHover.png') repeat-x;
    padding-left: 6px;

    height: 32px;
    border: 1px solid #c9c7c7;
}

.secondaryMenu li.selectedProductCategory {
    background: #000000 url('ProductTabSelected.png') repeat-x;
    padding-left: 6px;

    /*border-bottom: 1px solid red;*/
    height: 32px;
}

.secondaryMenu li.selectedProductCategory a {
    color: white;
}

.secondaryMenu li a {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;

    display: block;
    color: #747373;
    text-decoration: none;
    padding: 6px 5px 5px 1px;
    outline: none;
}

.secondaryMenu li a:hover {
    text-decoration: none;
}

h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #222222;
    margin: 1px 1px 1px 1px;
}

/*div.product {*/
    /*background-color: #e3e3e3;*/
    /*margin-bottom: 25px;*/

/*}*/


div.product {
    background-color: #e3e3e3;
    padding-bottom:25px;

    width:100%;  /*TODO ADDED */
    height:200px;  /*TODO ADDED */
    margin-bottom:25px;    /*TODO ADDED */
    /*margin-bottom: 25px;*/
}


div.product div.productHeaderClean {
    background: black url('LogoClean.png') right no-repeat;
    height: 25px;
    width: 100%;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

div.product div.productHeaderChristie {
    background: black url('LogoChristie.png') right no-repeat;
    height: 25px;
    width: 100%;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

div.product div.productHeaderBarco {
    background: black url('LogoBarco.png') right no-repeat;
    height: 25px;
    width: 100%;

    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

div.product div.productHeaderTMS {
    background: black url('LogoTMS.png') right no-repeat;
    height: 25px;
    width: 100%;

    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

div.product div.productHeaderDoremi {
    background: black url('LogoDoremi.png') right no-repeat;
    height: 25px;
    width: 100%;

    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

div.product div.productHeaderSony {
    background: black url('LogoSony.png') right no-repeat;
    height: 25px;
    width: 100%;

    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
}

/*div.product div.productContent {*/
    /*float: right;*/
    /*width: 390px;*/
	/*padding: 10px 10px 10px 10px;*/
/*}*/

div.product div.productContent {
    float: right;
    width: 440px;          /*TODO ADDED */
	padding: 10px 10px 10px 10px;

               margin-top:14px;    /*TODO ADDED */
}



div.product div.productContentClean {
    float: right;
    width: 690px;
	padding: 10px 10px 10px 10px;
	background-color:#FFF
}

div.product div.productContent p:first-child {
    font-weight: normal;
}


img.productImage{      /*TODO ADDED */
    float:left;       /*TODO ADDED */
}                     /*TODO ADDED */


div.product a {
    color: #961717;
    font-size: 14px;
}

/*Freddy*/

.headerstyle {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 20px; /*font-weight:bold;*/
    font-style: italic;
    background-image: url(om_unique_image2.jpg)
}

.headerstyle2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 20px; /*font-weight:bold;*/
    font-style: italic;
    background-image: url('overlay.png');
}

.ingress {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 1.4em;
    padding: 20px 20px 10px;
    font-size: 12px;
    font-style: normal;
    background-color: #E9E9E9;
    font-weight: bold;
}

.text {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.4em;
    color: #333;
    padding: 5px 20px 10px;
    font-size: 12px;
    font-style: normal;
    background-color: #E9E9E9;
}