/*   global tags - not zone specific................................. */

.bg_logo {
	background: url(/liquidfusion/images/demand/header_background.gif) top left no-repeat;
}

body {
   background-color: #FFFFFF;
   font-family: arial;
   font-size:11px;
   color: #777777;
   margin-top:0;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

#zone5content {
	width: 913px;
	}
	

td {
	font-family: AvantGarde CondBook;
	font-size: x-small;
}


/*   th uses same attributes as listHeader and replaces the need for listHeader in the TDs...... */

th {
	font-weight: bold;
	color: #777777;
	background-color: #999999;
	font-size: xx-small;
}

form {
	color: #777777;
	font-family: arial;
	border: 0px;
	margin: 0px;
}

input {
	color: #777777;
	font-family: arial;
	font-size: xx-small;
	
}

option {
	color: #777777;
	font-family: arial;
}

select {
	color: #777777;
	font-family: arial;
	font-size: xx-small;
	font-weight: normal;
}

textarea {
	color: #777777;
	font-family: arial;
	font-size: xx-small;
	border:1px #b9c0f4 solid;
}

A {
  color: #666666;
  font-size: xx-small;
}

hr {
  size: 1px;
}

#footer {
	font-size: xx-small;
	padding: 5px;
	bottom: 0;
	width: 913px;
	color: #666666;
	background-color: #FFFFFF;
  	border-bottom: 1px solid #CCCCCC;
	margin-top: 30px;
	height: 15px;
}

.fullPage {
	width: 800px;
	margin-bottom: 50px;
}
/***************************************************/
/*    UTILITIES, HEADERs,                          */
/***************************************************/

.utility a{
  color: #FFFFFF;
  text-decoration: none;
  font-size: small;
  text-transform: uppercase;
}

.utility a:hover {
	text-decoration: underline;
}

.username {
	color: #FF6600;
	font-weight: normal;
	font-style: italic;
}

/*  =========================  */
/*   TLPs Tabs 
/* ========================= */
.headerTab {
	float: left;
	line-height: normal;
	font-family: arial;
	background-color: #FFFFFF;
	width: 870px;	
}

.headerTab ul {
	margin: 0;
	font-family: arial;
	padding: 0px 150px 0px;
}

.headerTab li {
	display: inline;
	font-family: arial;
	margin: 0;
	padding: 0;
}

.headerTab a {
	float: left;
	display: block;
	font-family: arial;
	background: url(/liquidfusion/images/demand/tabs/top_left_both.gif) top left no-repeat;
	margin: 0;
	padding: 0 0 0px 9px;
	text-decoration: none;
	cursor: hand;
}

/* height of unselected tab is padding-bottom 8px */
.headerTab a span {
	float: left;
	display: block;
	font-family: arial;
	background: url(/liquidfusion/images/demand/tabs/top_right_both.gif) top right no-repeat; 
	padding: 5px 9px 8px 0px;
	font-weight: bold;
	color: #2B8FFF;
}

.headerTab a:hover span {
	font-family: arial;
	color: #003366;
}


.TLPtabOn a {
   background-position:0 -150px;
   border-width:0;
}

/* height of selected tab is padding-bottom 8px */
.TLPtabOn a span {
   background-position:100% -150px;
   padding-bottom:8px;
   color:#FFFFF0;
}

.subTab {
	float: left;
	line-height: 20px;
	background-color: #2B8FFF;
	width: 870px;	
}

.subTab ul {
	margin: 0;
	padding: 0px 100px 0px;
}

.subTab li {
	display: inline;
	margin: 0;
	padding: 0;
}

.subTab a {
	float: left;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.subTab span {
	float: left;
	display: block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	color: #FFFFFF;
}

.subTab a:hover {
   color: #003366;
	text-decoration: underline;
}

/********************************/
/*    Content Columns           */
/********************************/

.column1 {
	padding: 10px 10px 10px 10px;
}

.column2 {
	padding: 10px 0px 10px 0px;
}

.column3 {
	padding: 10px 0px 10px 10px;
}
/********************************/
/*    blocks Wrap, Titles      */
/********************************/

.blockWrap, .browseBlockWrap, .storyBlockWrap, .searchBlockWrap {
	border: 5px solid #E6E6E6;
	background-color: #E6E6E6;
	padding: 0px 10px 10px 0px;
	margin-bottom: 10px;
	font-family: AvantGarde CondBook;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
} 

.signinBlocktitle {
	background: url(/liquidfusion/images/demand/tabs/topnav_bg.gif) top left repeat;
   
	padding: 0px 0px 0px 9px;
}
.signinBlocktitle span {
	display: block; 
	background: url(/liquidfusion/images/demand/blocks/right_corner.gif) top right no-repeat;
	padding: 5px 10px 5px 0px; 
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFFF;
}

.browseCat {
    	height: 20px;
 	background-color: #808b9d;
	
}
.browseCat span {

        font-family: AvantGarde CondBook;
	display: block; 
	padding: 5px 10px 5px 0px; 
	font-size: small;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 10px;
}

.browseSubcat ul{
	font-weight: normal;
	font-size: xx-small;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type: square;
	padding-right: 10px;
}

.browseCat a {
	text-decoration: none;
	color: white;
}

.browseSubcat li a{
	
	color: grey;
	text-decoration: underline;
}

.browseSubcat a:hover, .browseCat a:hover {
	text-decoration: underline;
}

.signinBlockWrap {
	border: 1px solid #FDA432;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFC983;
	
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
}

.getawayBlocktitle, .adBlocktitle {
   background: #2B8FFF url(/liquidfusion/images/demand/blocks/left_corner.gif) top left no-repeat;
	padding: 0px 0px 0px 9px;
}
.getawayBlocktitle span, .adBlocktitle span {
	display: block; 
	background: url(/liquidfusion/images/demand/blocks/right_corner.gif) top right no-repeat;
	padding: 5px 10px 5px 0px; 
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFFF;
}
.getawayBlockWrap, .adBlockWrap {
	border: 1px solid #2B8FFF;
	margin-bottom: 10px;
	padding: 10px;
	
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
}

.adBlockWrap img {
	margin-bottom: 10px;
}

.storyBlocktitle, .categoryBlocktitle, .searchTotalCount, .browseBlocktitle, .blockTitle, .searchBlocktitle{
	 
	border: 5px solid #ffffff;
	
}
.storyBlocktitle span, .categoryBlocktitle span, .searchTotalCount span, .blockTitle span, .searchBlocktitle span{
        font-family: AvantGarde CondBook;
	display: block; 
	padding: 5px 10px 5px 0px; 
	font-size: large;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 10px;
}

.browseBlocktitle span {
        font-family: AvantGarde CondBook;
	display: block; 
	padding: 5px 10px 5px 0px; 
	font-size: small;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 10px;
}

  
.categoryBlockWrap {
	border: 1px solid #AD79AD;
	background-color: #CEB6D6;
	padding: 0px 10px 10px 0px;
	margin-bottom: 10px;
	font-family: AvantGarde CondBook;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
} 

.categoryBlocktitle a {
	color: #ffffff;
	margin-left: 10px;
	font-weight: normal;
}

.categoryBlockWrap td.label {
  background-color: #CEB6D6;
  color: #666666;	
  font-weight: normal;
}

.categoryBlockWrap td.labelField {
  background-color: #CEB6D6;	
  color: #666666;
  font-weight: normal;
}

.specialProductBlocktitle {
   background-color: #A9F477;
	padding: 0px 0px 0px 9px;
}
.specialProductBlocktitle span {
	display: block; 
	background-color:#A9F477;
	padding: 5px 10px 5px 0px; 
	font-size: xx-small;
	font-weight: bold;
	color: #2B8FFF;
}
.specialProductBlockWrap {
	border: 1px solid #A9F477;
	float: left;
	width: 500px;
	margin-bottom: 10px;
}

.specialProduct {
	font-size: xx-small;
	color: #666666;
	margin-bottom: 0;
	padding: 10px 10px 10px 10px;
	float: left;
	
}

.bestSellingBlocktitle {
	background: url(/liquidfusion/images/demand/tabs/topnav_bg.gif) top left repeat;
	padding: 0px 2px 0px 0px;
	float: left;
	width: 500px;
}
.bestSellingBlocktitle span {
	display: block; 
	padding: 5px 10px 5px 10px; 
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFFF;
}
.bestSellingBlockWrap {
	border: 1px solid #2B8FFF;
	margin-bottom: 0px;
	float: left;
	width: 500px;
}

.bestSelling {
	font-size: xx-small;
	color: #666666;
	margin-bottom: 0;
	padding: 10px 10px 10px 10px;
}

.bestSelling span.right {
	float: right;
	width: 40%;
}


.bestSelling span.left {
	float: left;
	width: 60%;
}

.featuredStoryBlocktitle {
        background-color: #2B8FFF;
        padding: 0px 2px 0px 0px;
        float: left;
        width: 175px;
}
.featuredStoryBlocktitle span {
        display: block;
        background-color:#2B8FFF;
        padding: 5px 10px 5px 10px;
        font-size: xx-small;
        font-weight: bold;
        color: #FFFFFF;
}
.featuredStoryBlockWrap {
        border: 1px solid #2B8FFF;
        margin-bottom: 0px;
        float: left;
        width: 175px;
}

.featuredStory {
        font-size: xx-small;
        color: #666666;
        margin-bottom: 0;
        padding: 10px 10px 10px 10px;
}


.promoBlocktitle {
   background: #CCCCCC url(/liquidfusion/images/demand/blocks/left_corner.gif) top left no-repeat;
	padding: 0px 0px 0px 9px;
}
.promoBlocktitle span {
	display: block; 
	background: url(/liquidfusion/images/demand/blocks/right_corner.gif) top right no-repeat;
	padding: 5px 10px 5px 10px; 
	font-size: xx-small;
	font-weight: bold;
	color: #999999;
}
.promoBlockWrap {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
	
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
}
/****************************/
/*    Ads                   */
/****************************/

.homeAd {
	margin-bottom: 10px;
}


/****************************/
/*    Checkout              */
/****************************/

.panel-title {
   font-size           : medium;
	padding             : 4px 6px 4px 6px;
   border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #182052;
   border-width        : 1px 0px 1px 0px;
   color: #ffffff;
      background-color: #63699c; 

}


/****************************/
/*    Products              */
/****************************/

.productTitle {
	background-color: #808B9D;
}

.productTitle a, .productTitle span {
	font-size: medium;
	color: #FFFFFF;
	text-decoration: none;
}

.productDetailsLink a {
	color: #808B9D;	
	font-weight: normal;
	padding-right: 10px;	
	text-decoration: underline;
	text-transform: uppercase;
	font-size: x-small;
	
}

.productActions, .productTabs {
	background-color: #E6E6E6;	
}

.productTabs span.right {
	background-color: #E6E6E6;	
	float: right;
	width: 40%;
}


.productTabs span.left {
	background-color: #E6E6E6;	
	float: left;
	width: 60%;
}


.listPrice {
	font-size: small;
	font-weight: bold;
	color: #FF8314;
}
.salesPrice {
	font-size: xx-small;
	font-weight: bold;
	color: #FF0000;
}
.available {
	font-size: small;
	font-weight: bold;
	color: #897AB1;
}
.notAvailable {
	font-size: xx-small;
	font-weight: bold;
	color: #FF0000;
}

.shortDesc, .longDesc, .modDate {
	text-decoration: none;
	color: #666666;
	font-size: small;
}

.searchColumnName {
	text-decoration: none;
	color: #666666;
        font-weight: bold;
        background-color: #2B8FFF;
}

.divider {
	border-right: 1px solid #ccc;
	margin: 5px 0 5px 0;
	float: left;
	height: 150px;
}

.divider2 {
	border-top: 1px solid #ccc;
}

.promoProduct {
	padding: 5px 0 25px 10px;
}

.div.promoProduct img, .div.specialProduct img, .div.bestSelling img {
	cursor: hand;
}

.productDetail {
   float: left;
	font-size: xx-small;
	color: #666666;
	margin-bottom: 0;
	padding: 10px 10px 10px 10px;
}

.imageWrap {
	border: 1px solid #ccc;
	padding: 10px;
	
}

.iconText {
   font-family: Verdana, monospace, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #999999;
	background-color: #EEEEEE;
	padding: 2px;
	border: 1px solid #ccc;
	border-right: 3px solid #ccc;
	margin-left: 5px;
	text-decoration: none;
}

.iconText a{
	text-decoration: none;
	color: #999999;
}
.productTab {
   border-bottom : 1px solid #2B8FFF;
	margin : 0;
	padding-bottom : 33px;
	padding-left : 10px;
	clear: both;
}

.productTab ul, .productTab li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
.productTab a:link, .productTab a:visited	{
	background : #EEEEEE;
	border : 1px solid #2B8FFF;
	color : #666;
	float : left;
	font-size : xx-small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 2px;
	padding : 2px 5px 2px 5px;
	text-decoration : none;
}

.productTab a:hover	{
	color : #3399ff;
}

#productTabOn a {
  background : #fff;
  border-bottom : 1px solid #fff;
  color : #666666;
  font-weight: none;
}

.productTab-contents {
   background : #FFFFFF;
	border : 1px solid #2B8FFF;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
	color: #666666;
}
.zoomWrap {
	border-bottom: 1px solid #ccc;
	color: #999999;
	background-color: #eeeeee;
}

.highlightText{
	border: 1px dashed #ccc;
	background-color: #EEEEEE;
	color: #999999;
	padding: 3px;
}

.productTab-title {
	background-color: #C8FBA6;
	border: 1px solid #999;
	border-right: 10px solid #999;
	color: #666666;
	padding: 3px;
	width: 450px;
}
.specTable {
	border: 5px solid #FFC983;
	margin-top: 5px;
	background-color: #FFC983;
}
.specTable th{
	padding: 2px;
	background-color: #FDA432;
}
.specTable tr{
	padding: 2px;
	color: #666666;
}

/***************************************************/
/*    TITLEs, DIVIDERs, FOOTERs           */
/***************************************************/
.breadcrumb {
	font-size: xx-small;
	color: #666666;
	padding: 10px 10px 10px 0px;
	margin: 0px;
	clear: both;
	display: block;
}

.pageTitle {
	color: #666666;
	font-size: medium;
	font-weight: bold;
}

.pageSubtitle {
	color: #FFFFFF;
	font-size: xx-small;
	font-weight: bold;
	background-color: #9CBECE;
}

#pageSubtitle {
	background-color: #629CB7;
}


/*********************/
/*    PageTabs       */
/*********************/

.pageTabOn {
  background-color: #9CBECE;
  padding: 2px;
}

.pageTabOn a{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.pageTabOff {
  background-color: #C8FBA6;
}

.pageTabOff a{
  color: #666666;
   text-decoration: none;
}

.tabOn {
	background-color: #9CBECE;
}

#pageBody {
	border: 2px solid #9CBECE;
}

/***************************************************/
/*   PAGINATION,                              */
/***************************************************/
.pagination
	{
	margin:10px 0;
	padding:0;
	width:100%;
	height:16px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#848685;
	background: #e3e4e6;	
	}	

.pages
	{
	margin:0 100px 0 100px;
	padding:0;
	float:left;
	}
	
.pages ul
	{
	margin:0;
	padding:0;
	float:left;
	}


.pages ul li
	{
	float:left;
	margin:0;
	padding:0 3px;
	list-style: none;
	}
	
.pages span.page
	{
	float:left;
	}

span.noPrevious 
	{
	margin:0;
	padding:0 0 0 10px;
	width:80px;
	float:left;
	color:#999;
	font-weight:bold;
	text-decoration:none;	
	}
	
span.noNext
	{
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	width:42px;
	float:right;
	color:#999;
	font-weight:bold;
	text-decoration:none;	
	}	
	
div span.previous 
	{
	margin:0;
	padding:0 0 0 10px;
	width:80px;
	float:left;
	color:#3799ca;
	font-weight:bold;
	text-decoration:none;
	}

div span.next
	{
	margin:0;
	padding:0 10px 0 0;
	float:right;
	color:#3799ca;
	font-weight:bold;
	text-decoration:none;
	}		
/***************************************************/
/*   PAGEINSTRUCTION,                              */
/***************************************************/

.pageInstructions {
	color: #0063AA;
	padding: 5px 5px 5px 0px;
}

/*********************************************/
/*    Columns, Dialogs and Records           */
/*********************************************/

.labelForm {
	padding: 5px 0 0 10px;
	color: #666666;
}

.label {
  color: #333333;
  font-weight: bold;
  font-size: xx-small;
  padding: 3px;
  background-color: #FFFFFF;
}
.labelcustom {
  color: #333333;
  font-weight: bold;
  font-size: xx-small;
  background-color: #FFFFFF;
}
.labelFieldCustom {
  color: #000000;
  font-weight: normal;
  font-size: xx-small;
  vertical-align: top;
  background-color: #FFFFFF;
  padding: 0px 0px 3px 17px;
}

.labelField {
  color: #000000;
  font-weight: normal;
  font-size: xx-small;
  padding: 0.5em;
  vertical-align: top;
  background-color: #FFFFFF;
}


/*********************************************/
/*    Buttons                                */
/*********************************************/


.generalWrapRight {
   margin: 10px 0px 10px 10px;	
   text-align: right;
}

.generalWrapLeft {
   margin: 10px 0px 10px 10px;	
   text-align: left;
}

.globalButtonWrap {
	padding: 5px 0px 2px 0px;
}
.globalButtonWrap span {
	margin-left: 20px;
	color: #666666;
}

.inputButton {
  background-color: #0063AA;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: hand ;
  font-size: xx-small;
  border-right: 2px solid #A9F477;
  border-bottom: 2px solid #A9F477;
}
.resetAddOnButton {
  background-color: #63699c;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: hand ;
  font-size: xx-small;
}
.pageButton {
  background-color: #0063AA;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: hand ;
  font-size: xx-small;
  border-right: 2px solid #A9F477;
  border-bottom: 2px solid #A9F477;
}

.globalButton {
  background-color: #0063AA;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: hand;
  font-size: xx-small;
  border-right: 2px solid #A9F477;
  border-bottom: 2px solid #A9F477;
}


/*********************************************/
/*    Tables                                                      */
/*********************************************/

.dataTable {
  background-color: #9CBECE;		
}

.listHeader {
  background-color: #D0E6F0;
  font-weight: bold;
  color: #666666;	
}

.listHeader th, .listHeader th A {
	padding: 0.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBECE;
	font-size: xx-small;
}

tr.listEven {
	background-color: #FFFFFF; 
	vertical-align: top;
}

td.listEven {
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em;
}

tr.listOdd {
	background-color: #EEEEEE; 
	vertical-align: top;
}

td.listOdd {
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em;	
}


.errorMessage {
	color: #FF0000;
	font-size: x-small;
	font-weight : bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}

.messageText {
	color: #FDA432;
	font-size: x-small;
	font-weight : bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}

/** Begin: styles for rendering old style blocks. */
.oldBlockTitle {
        PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: xx-small; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; COLOR: #eeeeee; PADDING-TOP: 2px; HEIGHT: 20px; BACKGROUND-COLOR: #999999
}
.oldBlockTitle A {
        COLOR: #eeeeee; TEXT-DECORATION: none
}
.oldBlockTitle A:visited {
        COLOR: #eeeeee
}
DIV.oldBlockTitle SPAN.left {
        FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 40%; TEXT-ALIGN: left
}
DIV.oldBlockTitle SPAN.right {
        FLOAT: right; WIDTH: 60%; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
/** End: styles for rendering old style blocks. */