﻿

#divSubCart  
{
    width:950px;
    text-align:right;
    color:#FFFFFF;
     line-height:30px;
     margin-left:auto;
     margin-right:auto;
     display:inline-table;
}

#AffiliateMenu { float:left;  margin-left:5px;}
#AffiliateMenu ul li { float:left; width:auto;margin-right:30px;}
#AffiliateMenu ul li a { color:#000000; font-size:11px; line-height:40px;}
#AffiliateMenu ul li a:hover { text-decoration:underline}
#AffiliateLogo { float:right; width:250px; text-align:right}
#AffiliateLogo img { padding-top:10px;}

.affiProductBox {width:278px; height:475px; float:left; margin-left:5px; margin-right:5px; margin-bottom:4px; padding-left:4px; padding-right:4px;  background-color:#FFFFFF; position:relative; border:1px white solid}

.affiProductBoxSelect {width:278px; height:475px; float:left; margin-left:5px; margin-right:5px; margin-bottom:4px; padding-left:4px; padding-right:4px;  background-color:#F6F7F8; border-style:solid; border-width:1px; border-color:#DCDFE5; position:relative;}

.affiProductName 
{
    font-size:20px;    
    margin-bottom:5px;
    color:#243149;
}

.affiProductName a { font-size:18px;color:#243149; line-height:25px;  }

.affiProductPrice 
{
    position:absolute; top:180px; left:0px; color:#333333; font-family:Verdana;
}

.affiProductdetailsPrice 
{
  position:absolute; bottom:20px; left:0px; color:#333333;  
}

.affiliateDownLine 
{
    width:100%;
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#B1B1B1;
    margin-bottom:4px;
    }

.CategoryTitle
{
    width:100%;
    font-size:25px;
    color:#243149;
    margin-top:10px;
    margin-bottom:20px;
    padding-bottom:5px;
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#B1B1B1;
    display:block;
    
}

.CategoryTitle2 
{
    font-size:25px;
    color:#243149;
    margin-bottom:10px;    
}

.affProductTop 
{
    display:none;
    position:absolute;
    background-color:#FFFFFF;
    top:-1px;
    left:-1px;
    height:10px;
    line-height:10px;
    font-size:2px;
    width:288px;
    background-image:url('/images/main_bg_top.gif');
    text-align:right;
}
.TopRight 
{
    background-color:#FFFFFF;   
    background-image:url('/images/main_bg_top.gif');
    background-position:right top;
    width:20px;
    height:10px;
    display:inline-block;
    }

.affProductBoottom 
{
    display:none;
    position:absolute;
    background-color:#FFFFFF;
    left: -1px;
    bottom: -1px;
    width:288px;
    height:10px;
    line-height:10px;
    font-size:2px;
    background-image:url('/images/main_bg_bottom.gif');
    text-align:right;
}

.BoottomRight 
{
     background-color:#FFFFFF;   
    background-image:url('/images/main_bg_bottom.gif');
    background-position:right top;
    width:20px;
    height:10px;
    display:inline-block;
    }
    
.demoButton 
{
    background:url('/images/J3Button/butn_sm_center.png');
    line-height:17px;
    height:17px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;    
}
.demoButton a 
{
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
    
    
/****** Tabs *********/
#TabsContainer {
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#B1B1B1;
	overflow:hidden;		
}

.TabTitle {
	font-family:verdana;
	font-size:20px;
	color:#505C73;
	padding:5px 10px 5px 28px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.TabTitleSmall {
    font-size:13px;
    color:#243149;
	padding:9px 10px 9px 28px;
}

.TabTitleClosed {
	background-image:url(/images/arrowblue_right.gif);
	background-position:13px 11px;
	background-color:#ffffff;

	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#B1B1B1;
}

.TabTitleOpened {
	background-image:url(/images/arrowblue_down.gif);
	background-position:10px 14px;
	background-color:#f0f0f0;
}



.TabContentArea {
	background-color:#f0f0f0;
	padding:10px 20px 20px 20px;
	font-family:verdana;
	font-size:11px;
	line-height:15px;
	overflow:auto;

	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#B1B1B1;
    display: inline-block;
}

.TabContentAreaOpened {
	background-color:#f0f0f0;
	font-family:verdana;
	font-size:11px;
	line-height:15px;

	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#B1B1B1;
}

.TabContentSmall 
{
    background-color:#ffffff;
}

.TabContentAreaClosed {
	
}
		
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 180px; /* be nice to Opera */    
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    font-family:verdana;
	font-size:20px;	
	cursor:pointer;	
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;     
    line-height: 1.8;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */	
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;    
}
.ui-tabs-nav a span {
    width: 180px; /* IE 6 treats width as min-width */
    min-width: 180px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 6px;
    padding-right: 0;
    font-size:20px;
    color:#505C73;
}

.ui-tabs-nav a:hover span {
    color:#000000;
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
    /*background-image:url(/images/Affiliate/blue_arrow.png);
    background-repeat:no-repeat;
    background-position:45px bottom;*/
    color:#243149;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #B1B1B1;
    padding: 1em 8px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.ProductDescription 
{
     color: #223148;
     font-size: 11px;
     font-family: verdana;
     line-height: 1.6em;
    }
 .ProductDescription  strong.Dtitle
 {
        font-size: 18px;
        font-family: verdana;
        margin-top:10px;
        margin-bottom:10px;
        font-weight:normal;
        color:#243149;
     }
.FeaturesTABLE table tr td
        {
            color: #223148;
            font-size: 11px;
            font-family: verdana;
            text-align: left;
            line-height: 1.6em;
            padding-bottom:20px;
        }
        .FeaturesTABLE table tr td span
        {
            font-size: 18px;
            font-family: verdana;
            margin-top:10px;
            margin-bottom:10px;
            color:#243149;
        }

        #productInfoSpecifications table tr td, .productInfoSpecifications table tr td
        {            
            font-size: 10px;
            text-align: left;
            font-family: verdana;
            padding: 4px;
        }
        #productPackageInfo ul, .productPackageInfo ul
        {
            margin-top: 10px;
            margin-bottom: 10px;
            padding-left: 15px;
        }
        #productPackageInfo ul li, .productPackageInfo ul li
        {
            color:#223148;
            margin-left: 1em;
            line-height: 1.5em;
            list-style-type:disc;
            font-family: verdana;
        }
        
		
div.imgProduct {
    width:230px;
    height:230px;
	line-height:230px;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin:auto;
}
div.imgProduct p {
	position:static;
	+position:absolute;
	top:50%
	}
div.imgProduct p img {
	position:static;
	+position:relative;
	top:-50%;
	left:-50%;
	vertical-align:middle
	}
div.imgProduct p:after {
	content:".";font-size:1px;
	visibility:hidden
	}