@charset "utf-8";
/***********************************************/
/* Override HTML tag styles                    */
/***********************************************/
body{padding:0;	margin:0;	border:0;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: left;color: #000000;line-height: 1.2em;	font-size:0.7em;}
img {padding:0px; border:0;}		
p{	margin: 10px 0px;	padding: 0px;	line-height:1.5em;}		
ul{	line-height:1.5em;}		
p .nomargin{margin: 0px;}
hr{	border-bottom:1px solid #ECF5FF;	border-top: 1px solid #D1DEF3;	border-right: none;	border-left: none;	clear: left;	margin: 5px 0px 5px 0px; padding: 0px;}
br { clear: both;}
small{font-size: 0.9em;}

table { margin: 0; padding: 0;}
td .smallText { padding-left: 5px; }

/************** Links tag styles **************/

/**a:link{color:#335AA4}
a:visited{color:#335AA4}
a:hover{color:#0000FF}
a:active{color:#335AA4}**/


/************** header tag styles **************/

h1{margin: 10px 0 10px 0;padding: 10px;background: url(/images/tabbluebig.gif) repeat-x bottom #00C6F7; font-size: 14px; font-weight: bold; color: #FFFFFF;line-height: 16px ; display:block}
h2{font-size: 1.3em;line-height: 1.4em;text-align: left;color: #2F4368; margin: 5px 0 10px 0;padding: 0 0 5px 0;}
h3{font-size: 1.1em;text-align: left;margin: 5px 0 5px 0;;padding: 0px;color: #2F4368;}
h4{font-size: 1.0em;text-align: left;line-height: 1.2em;font-weight:bold;color: #2F4368;}
h5{font-size: 1.0em;text-align: left;line-height: 1.2em;font-weight:bold;color: #2F4368;}
h6{font-size: 1.0em;line-height: 1.0em;text-align: left;font-weight:bold;color: #2F4368;font-style: italic;}

/*#featured_title { background: url(/images/tabbluebig.gif) repeat-x bottom left; width: 530px; height: 34px; color: #FFFFFF; padding-left: 10px; line-height: 34px; }*/
h1.orange_header {
	margin: 0px !important;
	background: #eca40a !important; /*#FDC345*/
}

a.orange {
	/*background-color: #eca40a;
	color: #FFFFFF;*/
	padding: 3px;
}

h1.orange_heading { background: none !important; color: #0c7cc6 !important; font-family: Verdana, sans-serif; font-size: 17px; padding-bottom: 10px; position: relative; left: 15px; top: -10px; width: 480px; }

.orange_heading { font-family: Verdana, sans-serif; font-size: 16px; color: #0c7cc6; border: none; font-weight: bold; padding-left: 0px; padding-bottom: 10px;  }

h2.orange_heading_2 { font-family: Verdana, sans-serif; font-size: 16px; color: #497EB4; border: none; font-weight:bold; }

.orange_text strong { color: #000000; font-weight:bold; }

.product_info_table{}


/*************** Blue headings  .content_center td h1 { background: url(/images/tabbluebig.gif) repeat-x bottom left; height: 34px; height: 100%; padding-left: 10px; padding-bottom: 5px; color:#FFFFFF; line-height: 34px; }**************/




/********* form and related tag styles  *********/

form { margin-bottom:10px; }
select{ width: 155px; margin-top: 5px; margin-bottom: 5px; border:1px solid #999999; display:inline; font-size:0.9em; }
	
label { text-align: left; font-weight:bold; padding-right: 3px; }
	
.input_dec{	display: block;	width: 180px; margin-top: 5px; margin-bottom: 5px; padding-left:5px; padding-right:5px; border:1px solid #999999; background-image: url("../images/input_background.gif"); background-repeat:no-repeat; display:inline; }

.formError{ background-color: #FFE682;}
.formErrorText{color: #CC0000;}

/*** jflow Slider ***/
#jFlowWrap { width:535px; overflow:hidden; font-family:Arial,Helvetica,sans-serif; margin:0 0 0 3px; }
#jFlowSlides { position:relative; margin:0; }
#jFlowSlides .slideText {
	background:url("/js/jFlow/img/transpBlack.png");
	padding:7px 5px 5px 5px;
	width:525px;
	height:43px;
	top:240px; color:#ffffff;
	position:absolute;
	z-index:50;
}
#jFlowSlides .slideTextInr { padding:0 0 0 30px; background: url("/js/jFlow/img/arrow.png") 5px 3px no-repeat; }
#jFlowSlides h3 {
	margin:0 0 0 0;
	padding:0;
	color:#ffffff;
	
	font-size:16px;
	height: auto;
}
#jFlowSlides p { margin:0; padding:0; }
#jFlowSlides a { color:#00ccff; text-decoration:none; font-weight:bold; }
#jFlowSlides a:hover { text-decoration:underline; }
#jFlowController { position:relative; margin-top:-1px; height:35px;}

#jFlowController div { color:#ffffff; cursor:pointer; }
#jFlowController div.jFlowControl { background:url("/js/jFlow/img/transpWhite.png"); padding:15px 10px 16px 5px; font-weight: bold; font-size: 12px; overflow:hidden; margin-right:3px; float:left; min-height:28px}
#jFlowController div.jFlowSelected { background:url("/js/jFlow/img/transpBlack.png"); color:#ffffff; }

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#subject-products-container {
    /*background:none repeat scroll 0 0 #F3F3F3;
    border:medium none;  */
}

#subject-product-blocks td {
    background:none repeat scroll 0 0 #FFFFFF;
    float:left;
    font-size:0.9em;
    padding:10px;
    width:232px;
}

#subject-product-blocks div.product-link {
    margin: 5px 0px 0px;
    width: 232px;
}

#subject-product-blocks div.product-link a {
    background:url("/images/more-link-plus.gif") no-repeat scroll right top #F3F3F3;
    clear:both;
    display:block;
    font-weight:bold;
    padding:0 26px 0 10px;
    text-decoration:none;
    min-height:18px;
}

#subject-product-blocks .product-link .product-link-bottom {
    width: 232px;
    text-align:center;
    height:16px;
}

#subject-product-blocks .product-link .product-link-bottom .plb-price {
    width: 75px;
    float:left;
    border: 1px solid #87CEFA;
    background-color: #CAE1FF;
}

#subject-product-blocks .product-link .product-link-bottom .plb-add {
    width: 76px;
    float:left;
    border: 1px solid #9ACD32;
    background-color: #C3FEBA;
}

#subject-product-blocks .product-link .product-link-bottom .plb-info {
    width: 75px;
    float:left;
    border: 1px solid #FA8072;
    background-color: #FFE4E1;
}

#subject-product-blocks .product-link .product-link-bottom a {
    background:none;
    padding:0px;
    font-weight:normal;
    color: #000000;
}

.productBoxMainLeft { float:left; overflow:hidden; margin-bottom:10px; width:100px; }
.productBoxMainRight { float:right; overflow:hidden; margin-bottom:10px; width:365px; }

.subjectFeaturedProduct { background:#FFFFFF; margin-bottom:10px; }
.subjectFeaturedProduct .inr { padding:20px; }

.subjectFeaturedProduct .productBoxMainOuter { margin-bottom:10px; }
.subjectFeaturedProduct .product-name { font-size:1.1em; font-weight:bold; }

.subjectFeaturedProduct .productPrice { font-size:1.1em; font-weight:bold; color:#009AE4; float:left; width:50%; }
.subjectFeaturedProduct .productPrice .price-box { display:inline; }
.subjectFeaturedProduct .productPrice .price-box .price { color:#009AE4; }

a.linkPlus, .subjectSection a { clear:both; display:block; text-decoration:none; background:url(../images/more-link-plus.gif) #F3F3F3 right top no-repeat; font-weight:bold; /*padding-right:16px; */padding:0px 26px 0 10px; }/*#0091E1*/
a.linkPlus:hover, .subjectSection a:hover {  }