/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - ONE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*
  * NEW STYLE
  */

 /* reset.css START --------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/* reset.css END -------------------------------------------------- */

/* fonts.css START --------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

/*
	{font-size:85%;}  renders 11px 
	{font-size:100%;} renders 13px  
	{font-size:107%;} renders 14px 
	{font-size:122%;} renders 16px 
	{font-size:136%;} renders 18px
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* fonts.css END -------------------------------------------------- */


/* Copyright DirectApi Inc. - All rights reserved */




/*  Pull back old directapi css, aside from the topmost blocks
-----------------------------------------------------------------------------*/

input,textarea,select {font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:100%;}
textarea,input.text,input.password {padding:2px;border:#5F6D7A 1px solid;}
input.file, input.a {padding:2px;}
select {border:#5F6D7A 1px solid;}
input.checkbox, input.radio {margin-right:5px;}

/* Properties forms should have a consistent styling */
.ValidatorNewline { margin: 2px 0px 5px 0px;}
.ValidatorNewline span, .ValidatorInline span{ 
  font-weight: bold; 
  padding-left: 20px; 
  background: url(../../img/error.gif) left center no-repeat; 
}
.NewlineLabeled label.inputTitle { display: block; }
.NewlineLabeled .FieldGroup { float: left; width:100%;}
.NewlineLabeled .AllowSameline { float: left; margin-right: 10px; }

.InlineLabeled label.inputTitle { color:#626259; font-weight: normal; width: 120px; display: block; text-align: right; float:left; margin-right: 10px;}
.InlineLabeled .ValidatorNewline { margin-left: 130px;  }
.propertiesTable input { margin-bottom: 2px; }

/* medium gradient important for dashboard, at least */
.gradient-medium { background: #fff url(../../img/gradient-medium.gif) repeat-x; }
.border-dashed-tl { background-image: url(../../img/border-dashed-tl.gif); background-position: top left; background-repeat: no-repeat; }
.border-dashed-br { background-image: url(../../img/border-dashed-br.gif); background-position: bottom right; background-repeat: no-repeat; }


/** removed search box styling **/

table.navTab {display:inline-table !important;display:inline;white-space:nowrap;margin-right:5px;height:22px;cursor:pointer;cursor:hand;}
table.navTab tr {height:22px;}
td.navTabS {width:8px;height:22px;}
.navTabInactive td.navTabC {height:22px;line-height:22px;background:transparent url(../../img/navTabC.png) repeat scroll top left;}
.navTabActive td.navTabC {height:22px;line-height:22px;background:transparent url(../../img/navTabActiveC.png) repeat scroll top left;}

#subNav {position:relative;height:27px;}
#subNavL {position:absolute;width:7px;height:27px;left:0px;top:0px;}
#subNavR {position:absolute;width:7px;height:27px;right:0px;top:0px;}
#subNavC {height:27px;margin-left:7px;margin-right:7px;background:transparent url(../../img/navPixel.png) repeat scroll top left;}
#subNavC2 {padding-top:5px;}

td.subNav {padding-left:20px;}
td.subNavR {padding-right:20px;text-align:right;}

		
/* Utilities */
.cont {position:relative;zoom:1;}
.clickable {cursor:pointer;cursor:hand;}

.mainTitleBox {min-height:3em;height:auto !important;height:3em;}
.mainTitleBox2 {position:relative;color:#2d8fb8;min-height:3em;height:auto !important;height:3em;}

/* Panels */
.roundedTop {position:relative;zoom:1;}
.roundedTopTL {position:absolute;left:0px;top:0px;width:7px;height:7px;}
.roundedTopTR {position:absolute;right:0px;top:0px;width:7px;height:7px;}
.roundedTopBL {position:absolute;width:7px;left:0px;top:7px;bottom:0px;}
.roundedTopBR {position:absolute;width:7px;right:0px;top:7px;bottom:0px;}
.roundedTopBL,.roundedTopBR {line-height:0px;font-size:1px;height:expression(this.offsetParent.clientHeight-7);} 
.roundedTopC {position:relative;zoom:1;margin-left:7px;margin-right:7px;color:#ffffff;}

.panelFooter {position:relative;zoom:1;margin:0px;width:100%;height:7px;line-height:0px;font-size:1px;}
.panelFooterL {position:absolute;left:0px;top:0px;width:7px;height:7px;}
.panelFooterR {position:absolute;right:0px;top:0px;width:7px;height:7px;}
.panelFooterC {height:7px;margin-left:7px;margin-right:7px;background:transparent url(../../img/panelFooterC.png) repeat scroll top left;}

.roundedTopBL_Blue,.roundedTopBR_Blue {background:transparent url(../../img/ph_blue_pix.png) repeat scroll top left;}
.roundedTopC_Blue {background:transparent url(../../img/ph_blue_pix.png) repeat scroll top left;color:#ffffff;}

.roundedTopBL_Gray {background:transparent url(../../img/ph_gray_bl.png) repeat scroll top left;}
.roundedTopBR_Gray {background:transparent url(../../img/ph_gray_br.png) repeat scroll top left;}
.roundedTopC_Gray {background:transparent url(../../img/ph_gray_c.png) repeat scroll top left;color:#ffffff;}
.roundedTopC_Gray_L {background:transparent url(../../img/ph_gray_c_l.png) repeat scroll top left;color:#ffffff;}
.roundedTopBL_Gold {background:transparent url(../../img/ph_gold_bl.png) repeat scroll top left;}
.roundedTopBR_Gold {background:transparent url(../../img/ph_gold_br.png) repeat scroll top left;}
.roundedTopC_Gold {background:transparent url(../../img/ph_gold_c.png) repeat scroll top left;color:#ffffff;}
.roundedTopBL_Red {background:transparent url(../../img/ph_red_bl.png) repeat scroll top left;}
.roundedTopBR_Red {background:transparent url(../../img/ph_red_br.png) repeat scroll top left;}
.roundedTopC_Red {background:transparent url(../../img/ph_red_c.png) repeat scroll top left;color:#ffffff;}

div.panel {margin-bottom:4px;width:100%;overflow:hidden;}
div.panelBody {background-color:#ffffff;padding-top:6px;padding-left:6px;padding-right:6px;padding-bottom:2px;border-left:#c6c6c5 1px solid;border-right:#c6c6c5 1px solid;}
* html div.panelBody {margin-right:1px;}

div.navPanel {margin-bottom:12px;width:100%;overflow:hidden;}
div.navPanelHead {padding:1px 0px;}
div.navPanelHead h3 {font-size:110%;font-weight:bold;color:#fc7e0d;}
div.navPanelBody {padding:3px 0px;}

.mainCol2 {min-height:400px;height:auto !important;height:400px;}

.leftCol {float:left;width:177px;}
.rightCol {float:right;width:177px;}
div.mainColLayout2 {margin-right:186px;zoom:1;}
div.centerColLayout2 {margin-left:188px;zoom:1;}

div.preColSpacer {height:6px;font-size:1px;line-height:0px;}

div.mainPanelBody { padding-top: 10px;}
div.mainBodyPad2 {padding:30px 20px 30px 150px;}

div.headerWB1,div.headerWB1Long {padding-right:108px;}
div.headerB1,div.headerB1Long {position:absolute;width:104px;height:22px;right:0px;top:8px;margin-top:auto;margin-bottom:auto;}
div.headerWB2 {padding-right:212px;}

div.headerB2 {position:absolute;width:258px;height:22px;right:0px;top:8px;margin-top:auto;margin-bottom:auto;}
div.headerWB3 {padding-right:316px;}
div.headerLink1 {position:absolute;width:208px;height:35px;right:0px;top:0px;margin-top:auto;margin-bottom:auto;overflow:hidden;text-align:right;font-size:8pt;}

div.headerButton {position:relative;float:left;margin-right:4px;width:98px;height:20px;cursor:pointer;cursor:hand;}
div.headerButtonOff {width:98px;height:20px;background:none;}
div.headerButtonOn {width:98px;height:20px;background:transparent url(../../img/headerButton-on.gif) no-repeat scroll top left;}
.off div.headerButtonOff {display:block;}
.off div.headerButtonOn {display:none;}
.on div.headerButtonOff {display:none;}
.on div.headerButtonOn {display:block;}
div.headerButtonIcon {position:absolute;z-index:1;width:10px;height:10px;left:5px;top:5px;font-size:1px;line-height:0px;}
div.headerButtonText {position:absolute;z-index:1;left:20px;top:0px;width:78px;height:20px;line-height:20px;font-size:13px;text-align:left;}
.off div.headerButtonText {color:#2d8fb8;}
.on div.headerButtonText {color:#ffffff;}

/* (removed all of the header-icon styling) */

/* Text and headers */

/* (removed) */

/* Links */

/* (removed generic link styling) */

.spot A {font-weight:bold;color:#404040;}
.spot A:link {text-decoration:none;color:#404040;}
.spot A:visited {text-decoration:none;color:#404040;}
.spot A:active {text-decoration:none;color:#ea9300;}
.spot A:hover {text-decoration:none;color:#ea9300;}

A.navTabActive {color:#ffffff;font-size:12px;}
A.navTabActive:link {color:#ffffff;text-decoration:none;}
A.navTabActive:visited {color:#ffffff;text-decoration:none;}
A.navTabActive:active {color:#ffffff;text-decoration:underline;}
A.navTabActive:hover {color:#ffffff;text-decoration:underline;}

A.navTabInactive {color:#5e6367;font-size:12px;}
A.navTabInactive:link {color:#5e6367;text-decoration:none;}
A.navTabInactive:visited {color:#5e6367;text-decoration:none;}
A.navTabInactive:active {color:#5e6367;text-decoration:underline;}
A.navTabInactive:hover {color:#5e6367;text-decoration:underline;}

A.subNav {color:#ffffff;font-size:12px;}
A.subNav:link {color:#ffffff;text-decoration:underline;}
A.subNav:visited {color:#ffffff;text-decoration:underline;}
A.subNav:active {color:#ffffff;text-decoration:underline;}
A.subNav:hover {color:#ffffff;text-decoration:underline;}

.roundedTopC * A:link {color:#ffffff;}
.roundedTopC * A:visited {color:#ffffff;}
.roundedTopC * A:active {color:#ffffff;}
.roundedTopC * A:hover {color:#ffffff;}

.introPanel * A:link {color:#2d8fb8;}
.introPanel * A:visited {color:#2d8fb8;}
.introPanel * A:active {color:#ea9300;}
.introPanel * A:hover {color:#ea9300;}

.pseudoLink {cursor:pointer;cursor:hand;}
.off .pseudoLink {text-decoration:underline;color:#626259;}
.on .pseudoLink {text-decoration:underline;color:#ea9300;}

/* HeaderNav */
div.headerNav {border-bottom:1px #2d8fb8 solid;margin-bottom:12px;font-size:85%;font-weight:bold;}
div.headerNav div.tabs {padding:3px 0px;}
div.headerNav div.item {display:inline;padding:3px 8px;margin:0px 4px;}
.headerNav .on {background-color: #2d8fb8;color:#ffffff;}

.headerNav * .off A:link {color:#2d8fb8;text-decoration:none;}
.headerNav * .off A:visited {color:#2d8fb8;text-decoration:none;}
.headerNav * .off A:active {color:#ea9300;text-decoration:none;}
.headerNav * .off A:hover {color:#ea9300;text-decoration:none;}
.headerNav * .on A:link {color:#ffffff;text-decoration:none;}
.headerNav * .on A:visited {color:#ffffff;text-decoration:none;}
.headerNav * .on A:active {color:#ffffff;text-decoration:none;}
.headerNav * .on A:hover {color:#ffffff;text-decoration:none;}


/* DirectApi Home Table */

.addicon { display: block; min-height: 16px; padding-left: 22px; background: url(../../img/add.gif) left center no-repeat; }
.discussionicon { display: block; min-height: 16px; padding-left: 22px; background: url(../../img/icon_discussion.gif) left center no-repeat; }
.emailicon { display: block; min-height: 16px; padding-left: 22px; background: url(../../img/icon_email.gif) left center no-repeat; }
.friendsicon { display: block; min-height: 16px; padding-left: 22px; background: url(../../img/icon_friends.gif) left center no-repeat; }
.pencilicon { display: block; min-height: 16px; padding-left: 22px; background: url(../../img/icon_pencil.gif) left center no-repeat; }

div.directapihome { margin-bottom: 15px; }
div.directapihome a { text-decoration: none; color: #5e6e7e; }
	.ie6 div.directapihome a { text-decoration: none !important; }
div.directapihome a:hover { color: #f78934; }
div.directapihome h3 { margin: 10px; }
div.directapihome h4 { padding-bottom: .3em; }
div.directapihome .wrapper { height: 14em; margin: 10px; font-size: 80% }
div.directapihome .wrapper2 { margin: 10px; font-size: 80% }

div.directapihome .block1 { float: left; width: 18%; }
div.directapihome .block1 ul { border: 1px solid #ddd; border-bottom: none; }
div.directapihome .block1 li { background: #fff; border-bottom: 1px solid #ddd; }
div.directapihome .block1 a { display: block; padding: 3px; overflow: hidden; }
	.ie6 div.directapihome .block1 a { display: inline-block; }
div.directapihome .block1 .button { float: left; height: 28px; width: 20px; margin-right: 7px; padding-right: 20px; background: #999 url("../../img/homepage-dashboard-buttons.gif") no-repeat; line-height: 27px; font-weight: bold; text-align: center; color: #fff; }
div.directapihome .block1 .enabled { background-color: #f78934; }
div.directapihome .block1 .messages { background-position: 0 0; }
div.directapihome .block1 .messages.enabled { background-position: 0 -28px; }
div.directapihome .block1 .friendrequests { background-position: -40px 0; }
div.directapihome .block1 .friendrequests.enabled { background-position: -40px -28px; }
div.directapihome .block1 .birthdays { background-position: -80px 0; }
div.directapihome .block1 .birthdays.enabled { background-position: -80px -28px; }
div.directapihome .block1 .comments { background-position: -120px 0; }
div.directapihome .block1 .comments.enabled { background-position: -120px -28px; }

div.directapihome .block2 { float: left; width: 33%; }
div.directapihome .block2 a { line-height: 2em; }	
div.directapihome .block2 ul.list { float: left; width: 44%; margin-top: 1px; overflow: hidden; }
div.directapihome .block2 ul.list li { border-bottom: 1px dotted #ccc; }
div.directapihome .block2 ul.list a { white-space: nowrap; }
div.directapihome .block2 ul.actions { float: right; width: 52%; border: 1px solid #ddd; border-bottom: none;}
div.directapihome .block2 ul.actions li { background: #fff; border-bottom: 1px solid #ddd; white-space:nowrap;}
div.directapihome .block2 ul.actions a { display: block; margin: 0 3px; }
	.ie div.directapihome .block2 ul.actions a { display: inline-block; }

div.directapihome .block3 { float: right; width: 48.9%; }
div.directapihome .block3 .wrapper { overflow: auto; }
div.directapihome .block3 ul { margin-bottom: 10px; }
div.directapihome .block3 ul li { margin-right: 10px; padding: .3em 0 .35em 0; border-bottom: 1px dotted #ccc;  }
div.directapihome .block3 span { float: left; width: 6em; margin-right: 1em; padding: 2px 3px; background: #5e6e7e; color: #fff; }


table.narrowTable {
	width:100%;
}
td.narrowTableTd {
	width:50px;
	margin-left:2px;
	margin-right:2px;
	overflow:hidden;
	word-wrap:break-word;
}

table.tabs {
	display:block;
	font-size:85%;
	font-weight:bold;
	margin:0px 4px 4px;
	border-bottom:2px #5F6D7A solid;	
}

td.tabsOn, td.tabsOff {
	padding:0;
	line-height:2em;
	text-align:center;
	border-color:#D1D7DC;
  border-style:solid solid none solid;
  border-width:1px 1px 1px 1px;
}

td.tabsOn {
  padding: 0 10px; 
	background-color:#5F6D7A; 
	border-color:#5F6D7A;
	color:#ffffff;
}

td.tabsOff A { padding: 0 10px; display:block }
td.tabsOff A:link {color:#5F6D7A;text-decoration:none;}
td.tabsOff A:visited {color:#5F6D7A;text-decoration:none;}
td.tabsOff A:hover, td.tabsOff A:active {color:#ffffff;background-color:#5F6D7A;text-decoration:none;}

td.tabsOn A:link {color:#ffffff;text-decoration:none;}
td.tabsOn A:visited {color:#ffffff;text-decoration:none;}
td.tabsOn A:hover, td.tabsOn A:active {color:#ffffff;text-decoration:none;}



td.tabsSep {
	width:8px; 
}

div.dataView {
	margin-top:18px;
}

div.dataViewContent {
	padding:5px 3px;
	overflow:hidden;
}

div.dataViewContentUserReviews {
	padding:0px 0px;
	overflow:hidden;
}

div.popRes {
	border:#cae2e6 1px solid;
	background-color:#ffffcc;
	padding:9px;
	display:none;
}

div.breadCrumbs {
	margin-bottom:15px;
	font-size:8pt;
}

/* Table of product offers */
table.prodOfferTable { width:100%;}
tr.prodOfferH th { font-weight:bold; padding: 0px 8px; }
tr.prodOfferH { border-bottom: 1px dotted #d1d7dc; }
tr.prodOffer td { padding: 0px 8px 10px; }
td.offerBuy { text-align: center; }
th.offerPrice, td.offerPrice { text-align: right; }
th.offerStore, td.offerStore { text-align: center; }
th.offerInfo { text-align: center }

div.disclaimer {margin-top:30px;font-size:80%;color:#999999;}

.textCenter { text-align:center; }
.textRight { text-align:right; }

div.ackOK {
	background-color:#b0e57c;
	color:#006623;
	font-weight:bold;
	border:1px #006623 solid;
	padding-top:3px; padding-bottom:3px;
	padding-left:12px;padding-right:12px;
	margin-bottom:12px;
}
td.ackOK {
	color:#006623;
}


div.ackWarning {
	color: #9C116B;
	font-weight:bold;
	font-size:110%;
	border:1px #9C116B solid;
	padding-top:3px; padding-bottom:3px;
	padding-left: 12px; padding-right:12px;
	margin-bottom:12px;
}

div.ackError {
	background-color:#ff565c;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
	border:1px #ad2733 solid;
	padding-top:3px; padding-bottom:3px;
	padding-left:12px;padding-right:12px;
	margin-bottom:12px;
}
td.ackError {
	color:#ffffff;
}

div.browseSummary {
	width:100%; overflow:hidden;
	margin-bottom: 6px;
	margin-top: 6px;
}

tr.middle {
	vertical-align:middle;
}

img.bicon {
	width:13px; height:13px;
	margin-right:3px;
	margin-bottom:-2px;
}


div.buttons {
	padding-top:8px;
	margin-bottom:8px;
}

button.slink {
	color:black; 
	font-size:80%; 
	background-color: transparent;
	margin:0px;padding:0px;border:0px;cursor: pointer;
	cursor: hand;
	width:auto;
	overflow:visible;
}

button.blink {
	text-decoration:underline;color:#626259;
	background-color: transparent;
	margin:0px;
	margin-right:15px;
	padding:0px 0px 3px 0px;
	border:0px;
	cursor: pointer;
	cursor: hand;
	width:auto;
	overflow:visible;
}
button.blinkHov {
	text-decoration:underline;color:#c65e5e;
	background-color: transparent;
	margin:0px;
	margin-right:15px;
	padding:0px 0px 3px 0px;
	border:0px;
	cursor: pointer;
	cursor: hand;
	width:auto;
	overflow:visible;
}
button.link {
	color:#1d7584; 
	font-size:8pt; 
	background-color: transparent;
	margin:0px;
	margin-right:0px;
	padding:0px;
	border:0px;
	cursor: pointer;
	cursor: hand;
	width:auto;
	overflow:visible;
}
button.linkHov {
	color:#1d7584; 
	font-size:8pt; 
	background-color: transparent;
	margin:0px;
	margin-right:0px;
	padding:0px;
	border:0px;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	width:auto;
	overflow:visible;
}



button.btn {border:none;padding:0;margin:0;background-color:transparent;}
*.contributebuttonlineheight {line-height:1.8em}
*.contributionlink {text-decoration: none !important; cursor: pointer !important; cursor: hand !important}
*.contributebuttonsized { width:11em; height:1.8em }

/* extjs dialogs should default to having a white inner background */
.x-window-body { background-color:#ffffff;}

div.btn {width:7em; height:1.8em !important; line-height:1.8em !important; position:relative;padding:0;margin:0;}
img.btnbg {width:100%;height:100%;padding:0;margin:0;}
div.btn2 {position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0;margin:0;
text-align:center;z-index:1;color:#ffffff;font-weight:bold;}
button.btnbasic {height:1.8em !important;padding:0px 4px;margin:0;background-color:#66b2dc;color:#ffffff;font-weight:bold;}

/* Used for rows of inputs */
.irow * {margin-right:4px;vertical-align:middle;}
.irow button {margin-right:8px !important;}
.irowr {text-align:right;}
.irowr * {margin-left:4px;vertical-align:middle;}
.irowr button {margin-left:8px !important;}

.inputTitle {font-weight: bold; color: #000000; line-height:13pt;margin-top:1px;}
.input {margin-bottom:4px;}

/* Friend request */
div.frScreenName {position:absolute;left:0;top:0;width:100px;}
div.frActions {position:absolute;right:0;top:0;width:18em;}
div.frMessage {padding-left:110px;padding-right:18em;}

div.introPanel {
	background-color:#f2f2f2;
	border:#2d8fb8 2px solid;
	margin-bottom:12px;
	padding:9px;
}

div.introPanel td {vertical-align:middle;}

ul.highlight {
	line-height:20px;
}

div.listItem {padding:9px;}

div.reservedByMe,  div.boughtByMe, div.fulfilledByOther, div.fulfilledByOtherPartially {
	background: transparent url(../../img/reswish.gif) repeat scroll top left;
}

div.reserveStatus {
	border-bottom: #582900 1px solid;
	padding:4px 9px;
}

div.normalDirect {padding:9px;}

div.reservedByMe div.belowReserveStatus {padding:9px;}
div.boughtByMe div.belowReserveStatus {padding:9px;}
div.fulfilledByOther div.belowReserveStatus {padding:9px;}
div.fulfilledByOtherPartially div.belowReserveStatus {padding:9px;background-color:#ffffff;}

span.reservedByMe {
	color:#ff0000; font-weight:bold;     
}
span.boughtByMe, span.fulfilledByOther, span.fulfilledByOtherPartially {
	color:#582900; font-weight:bold;     
}

.warning {
	color:#ff0000; font-weight:bold;     
}

.spot {
	font-size:100%; font-weight: bold;
}
.spotL2 {
	font-size:100%; font-weight: normal;
}

.h1c {
	padding:0px; margin:0px; margin-bottom:10px;
	font-size:18pt; font-weight: bold; color: #b2289b; 
	text-align:center; text-decoration:none;
}
.h2c {
	padding:0px; margin:0px; margin-bottom:10px;
	font-size:13pt; font-weight: 600; line-height: 16pt;
	text-align:center; text-decoration:none;
	color:#633710;
}
.h3c {
	padding:0px; margin:0px; margin-bottom:10px;
	font-size:11pt; font-weight: bold; color: #b2289b; 
	text-align:center; text-decoration:none;
}


  div.prodNotes { margin-bottom: 10px; }
  div.directProdDesc { margin-top: 10px; }

.quote {font-family:Georgia,Palatino,Times New Roman;font-style:italic;font-size:75%;}
	.bigQuote {font-family:Georgia,Palatino,Times New Roman;font-style:italic;font-size:95%;}

h1.big {
	font-size:2.2em;
	font-family:arial;
}

h2.tour {
	font-family:arial;
	font-size:170%;
	font-weight:bold;
	color:#fb780f;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:20px;
}

div.leftLine {border-left:1px solid #D1D7DC ;padding:0px 0px 0px 9px;}
div.rightLine {border-right:1px solid #D1D7DC ;padding:0px 9px 0px 0px;}
div.topLine {border-top:1px solid #D1D7DC ;padding:9px 0px 0px 0px;}

div.homeTopR {float:right;width:177px; margin-right:10px;}
div.homeTopL {margin-right:183px;zoom:1;}


div.simplePanel {border:1px solid #D1D7DC ;padding:9px;margin-bottom:6px;}

div.homeTop1 {
	height:500;margin-bottom:6px;
	border:1px solid #D1D7DC ;
	background: transparent url(../../img/homeTopGradient.jpg) repeat-x scroll top left;
}
div.homeTop2 {
	height:278px;margin-bottom:6px;
	background: transparent url(../../img/homeTopGradient.jpg) repeat-x scroll top left;
	border:1px solid #D1D7DC;
}
div.homeTop3 {
	background: transparent url(../../img/homeTopGradient.jpg) repeat-x scroll top left;
}
div.homeTop1L {
	margin-right:428px;zoom:1;
}
div.homeTop2L {
	margin-right:233px;zoom:1;
}
div.homeTop3L {
	margin-right:428px;zoom:1;
}

div.weddingTop1 {
	height:278px;margin-bottom:6px;
	border:1px solid #D1D7DC ;background: transparent url(../../img/WeddingTopGradient.jpg) repeat-x scroll top left;
}
div.weddingTop2 {
	height:278px;padding-right:380px;
	background: transparent url(../../img/WeddingTop.jpg) no-repeat scroll top right;
}

div.babyTop1 {
	height:278px;margin-bottom:6px;
	border:1px solid #D1D7DC ;background: transparent url(../../img/BabyTopGradient.jpg) repeat-x scroll top left;
}
div.babyTop2 {
	height:278px;padding-right:380px;
	background: transparent url(../../img/BabyTop.jpg) no-repeat scroll top right;
}

br.clear-both {
	clear: both; font: 1px/1px sans-serif
}
div.smallFloatLeft {
	float:left;width:150px;
}
div.smallFloatRight {
	float:right;width:150px;
	text-align:right;
}
div.tourNav {
	height:69px;
	background: transparent url(../../img/tabGradient.jpg) repeat-x scroll top left;
}
div.tourNav A {text-decoration:none;}
div.tourNav A:link {text-decoration:none;}
div.tourNav A:visited {text-decoration:none;}
div.tourNav A:active {text-decoration:underline;}
div.tourNav A:hover {text-decoration:underline;}


.floatCont {overflow:hidden;}
* html .floatCont {display:table;width:100%;}
.floatContAlt {overflow:hidden;}
* html .floatContAlt {display:table;width:100%;}
div.clearBoth {height:0px;font-size:1px;line-height:0px;overflow:hidden;}

div.hr {
	height:1px; border-top: #bfae9e 1px dotted;
	font-size:1px; line-height:0px;
}
hr {
	height:1px; border-top: #bfae9e 1px dotted;
	font-size:1px; line-height:0px;
}
div.userL {
	float:left; width:100px; text-align:center;
	margin-top:3px;
}
div.userR {
	margin-left:100px;line-height: 13pt;position:relative;zoom:1;
	padding-left:9px; padding-right:9px;
}
div.fromTitle {float:left;}
	
div.fromL {
	float:left;width:75px;text-align:center;
	margin-top:5px; margin-bottom:20px;
}
div.fromR {
	margin-left:75px; line-height:13pt; position:relative;
	padding-left:9px;
}
div.directL {
	float:left; width:125px; text-align:center;
	margin-top:3px;
}
div.directR {
	margin-left:125px; line-height: 13pt;zoom:1;
	padding-left:9px; padding-right:9px;
}
div.directPropL {
	margin-right:160px;zoom:1;
}
div.directPropR {
	float:right; width:150px;text-align:right;
	margin-right:10px;
}
div.directFL {
	float:left; width:200px;text-align:center;
	margin-top:3px;
}
div.directFR {
	margin-left:210px;zoom:1;
}
div.line {
	height:1px; 
	margin-top:9px;  margin-bottom:6px;
	font-size:1px; line-height:0px;
}
div.line2 {
	height:1px; 
	margin-top:9px;  margin-bottom:12px;
	font-size:1px; line-height:0px;
}

div.fixed {
	overflow-x:hidden;width:100%;
}
div.hcenter {
    margin-left:auto; margin-right:auto;
}
div.pictureBox {
    margin-left:auto; margin-right:auto; text-align:center;
}
    
div.prodPreview {
	text-align:center;
}

/* better image scaling in IE */
img.directPic { -ms-interpolation-mode:bicubic; }
img.prodPic { -ms-interpolation-mode:bicubic; }


/**********************************/
/* Grid of tiny users             */
/**********************************/
ol.userlist {overflow: hidden; }
.ie ol.userlist {margin-bottom: 1em; }
.ie6 ol.userlist {overflow: visible; height: 1%; }

ol.userlist li {
  float:left;
	width: 50px;
	text-align:center;
	overflow:hidden;
	font-size: 0.8em;
	margin: 0 4px 10px 0; 
}

ol.userlist li div.pictureBox {
  width: 50px;
  height: 50px;
  overflow: hidden;
}

ol.userlist .username{
  white-space: nowrap;
}

.directProp {
	font-weight:bold;font-size:95%;color:#333333;
}
.directPri {
	color: #cf2f00;
}
.directAcc {
}
.directTags {
}
.directComments {
}
.directTimes {
	font-size:7pt; color: #999999;
}
div.directBy {
	float:right;zoom:1;
}
table.listHeader {
	width:100%;
	vertical-align:middle;
}
td.directStatusSelect {
	vertical-align:middle;
}
td.directSorter {
	vertical-align:middle;
}
span.directStatusSelect {
	font-weight:bold;
}
span.directSorter {
	font-weight:bold;
}

td.rss {
	font-weight:bold;
	vertical-align:middle;
	width:50px; text-align:right;
	white-space: nowrap;
}
img.rss {
    width:14px; height:14px;
}

div.more {
	margin-top:4px; text-align:right;
}

div.specH {
	font-weight:bold;
	padding-top:8px; padding-bottom:1px;
	border-bottom: #eeecdb 1px solid;
}

table.spec {
	width:100%;
	display:block;
}
td.specL { width:180px;}

.pad {
	padding:9px;
}

.rel {
	position:relative;zoom:1;
}

div.directBL {
	float:left; width:180px; text-align:center;
	margin-top:3px;
}
div.directBR {
	margin-left:190px;
	zoom:1;
	margin-top: 3px;
}

div.AltPicPicker {
	position:absolute;
	left:190px;
	top:0px;
	width:420px;
    height:375px;
	display:none;
	background-color:#eeeeee;
	border: 1px solid #aaaaaa;
	padding:6px;
	z-index:1;
	overflow:auto;
}

img.AltThumb {
	border: 5px solid #eeeeee;
	cursor: pointer;
	cursor: hand;
}
img.SelAltThumb {
	border:5px solid red;
	cursor: pointer;
	cursor: hand;
}
img.TempSelAltThumb {
	border:5px solid blue;
	cursor: pointer;
	cursor: hand;
}

img.userPic
{
	display: block;
    margin-left: auto;
    margin-right: auto; 
}

.charCounter {
	font-size:8pt;
}

div.DebugDiv {
	width:100%; background-color:#ffffcc; 
	border:#e0e3ee 1px solid;
	overflow: auto;
}

.datetimebox	{
	font-weight:bold;
	color:white; 
	text-align:middle;
	vertical-align:middle;
	font-size: 12pt;
}

div.h1BulletL {font-family:Georgia,Palatino,Times New Roman;font-size:1.7em;font-weight:normal;color:#2d8fb8;
float:left;width:24px;}
div.h1BulletR {margin-left:24px;padding-top:5px;margin-bottom:12px;}

td.bulletL {width:12px;background:transparent url(../../img/bullet.gif) no-repeat scroll 0em 0.4em;}
td.noBulletL {width:12px;}

div.friendPicker {height:15em; 
	overflow:auto; 
	display:none; 
	width:300px; 
	padding-left:100px; 
	position:absolute; 
	background-color:White; 
	border:solid 1px #7f9db9;
}

a.months, a.months:hover, a.months:visited	{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

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

div.rSelector {float:left; cursor:hand; padding-bottom:10px;}

.pretitleCurrent	{
	color: #000000;
}

.forReserve .forBuyOnly {display:none;}


*.paypalSubpanel {
    margin: 0.5em;
    padding-left: 0.5em;
    line-height: 1.8em;
    vertical-align:middle;
}

*.paypalTableElement {
    padding: 0.5em
}

/* Lists summaries, in your my directapi area */
.listSummary { float: left; margin: 0px 10px 20px 0px;} 
.listButtons .right{  float: right; }
.listButtons .left{ float: left; }

/* Buttons in the right-hand side of items on a list */
div.sideButtons { overflow:hidden; }
.sideButtons a:hover { color:#c65e5e; }
.sideButtons a {
  text-decoration: none;
  overflow:visible;
  background-position: left center;
  line-height: 1.6em; /* Bumped up to fit the icons and ensure horiz. centering */
}

/* Buttons at the top of lists, items, and my directapi */
div.headerButtons {position:absolute;right:0px;top:8px;margin-top:auto;margin-bottom:auto;}
div.headerButton {
  cursor:pointer;
  float:left;
  margin-right:4px;
  position:relative;
  line-height: 1.75em; /* Bumped up to fit the icons and ensure horiz. centering */
}

/* How we style buttons/links with icons next to them */
.icon-share { 
  display: block; 
  padding-left: 22px; 
  background: url(../../img/send_share.gif) left center no-repeat; 
}
.icon-add   { 
  display: block; 
  padding-left: 22px; 
  background: url(../../img/add.gif) left center no-repeat; 
}
.icon-edit  
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/edit.gif) left center no-repeat; 
}
.icon-delete  
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/delete.gif) left center no-repeat; 
}
.icon-rate  
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/rate_it.gif) left center no-repeat; 
}
.icon-markpurchased
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/mark_as_purchased.gif) left center no-repeat; 
}
.icon-review
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/rate_it.gif) left center no-repeat; 
}
.icon-addlink
{
  display: block; 
  padding-left: 22px; 
  background: url(../../img/link_add.png) left center no-repeat; 
}
.icon-invite
{
  display: block; 
  padding-left: 22px; 
  background:url(../../img/icon_friends.gif) left center no-repeat; 
}

/* Google 404 page styles used on errors.aspx*/
#goog-wm { }
#goog-wm h3.closest-match { }
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things { }
#goog-wm ul li { }
#goog-wm li.search-goog { display: block; }

div.popUpBar
{
	padding: 2px 15px 10px 15px;
}


/* 
------------------------------------------------------------------------------*/

/*  Base Rules
------------------------------------------------------------------------------*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* IE Background Flicker Fix */
body { background: #999 url(../../img/background_body.gif) top repeat-x fixed; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; }
body { behavior: url(../scripts/csshover2.htc); }
a { text-decoration: none; color: #5483bd; }
a:active { outline: none; }
a:hover { text-decoration: underline; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-family: "Arial", "Arial", sans-serif; color: #5f6e7b; }
	.ie6 h1, .ie6 h2, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6 { font-family: "Arial", sans-serif; font-weight: bold; }
img { border: 0; }
p { margin-bottom: 1em; }
ol.default { margin: 1em 0; padding-left: 3em;  }
ol.default li { list-style-type: decimal; }
ul.default { margin: 1em 0; padding-left: 3em; }
ul.default li { list-style-type: disc; }
.smalltext { font-size: 85%; }
.placeholder { border: 1px dotted #d1d7dc; background: #eff2f4; font-family: "Arial Rounded MT Bold", "Arial", sans-serif; text-align: center; color: #5f6e7b; }

button { position: relative; padding: 3px 10px; font-size: 100%; border: 1px solid #3a9804; background: url(../../img/background_gradients.gif) 0 250px; color: #fff; }
button .clicktext { display: none; background: url(../../img/spinner_small_button.gif) left center no-repeat; padding-left: 23px; }
button.clicked { border-color: #999; background-position: 0 0; }
button.clicked .readytext { display: none; }
button.clicked .clicktext { display: block; }
button.grey { background-position: 0 0; border: 1px solid #999; }
button.orange { background-position: 0 500px; border: 1px solid #f08e02;}
button.smaller { font-size: 85%; }

/* Layout Fixes */
.containfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ie .containfloat { display: inline-block; height: 1%; }
.ie6 img.png { behavior: url(/styles/pngbehavior.htc); }

.floatfix { overflow: hidden; }
	.ie6 .floatfix { overflow: visible; height: 1%; }

/*  Site
------------------------------------------------------------------------------*/
#wrapper1 { max-width: 1045px; margin: 0 auto; background: url(../../img/background_page.png) center repeat-y; }
	.ie6 #wrapper1 { width: expression(document.body.clientWidth > 1045 ? "1045px" : "100%"); }	
#wrapper2 { width: 995px; margin: 0 auto; background: #fff;  }
/*#header { position: relative; padding: 15px 10px 0 0; background: #1c2328 url(../../img/background_header.gif) bottom center repeat-x; color: #fff; }*/
#header { position: relative; padding-top: 10px; border-bottom: 1px dotted #d1d7dc; }
#carousel { margin-top: 20px; line-height: 250px; }
#content { margin-top: 20px; }
	#sidebar { float: right; border-left: 1px dotted #d1d7dc;  }
	#main {  }
#footer { margin-top: 20px; padding: 20px 0 10px 0; background: #1c2328 url(../../img/background_footer.gif) top center repeat-x; color: #777; }


/*  Header
------------------------------------------------------------------------------*/
/*#logo { float: left; margin: 0 0 10px 35px; text-align: center; }
	.ie6 #logo { display: inline; }
#logo p { margin: 0; font-weight: bold; color: #fff; text-align: center; }
#linkbar { position: absolute; top: 15px; right: 0; }
#linkbar a { font-size: 85%; }
#header .navblock { float: left; position: relative; margin: 27px 0 0 20px; padding: 5px 10px 0 10px; border: 1px solid #d1d7dc; border-bottom: 0; background: #eff2f4; }
#header h2 { font-size: 107%; }
#header a.signout { position: absolute; right: 10px; top: .7em; font-size: 90%; }
#header ul { float: left; margin-top: 5px; border: 1px solid #d1d7dc; border-right: none; border-bottom: none; }
#header ul a { display: block; line-height: 2em; padding: 0 10px; background: #fff; color: #5f6e7b; white-space: nowrap; }
#header ul a:hover,
#header li.current a { background: #5f6d7a; color:#fff; text-decoration: none; }
#header li { float: left; position: relative; border-right: 1px solid #d1d7dc; }
#header li:hover ul { display: block; }
#header li ul { display: none; float: none; position: absolute; top: 100%; right: -1px; margin: 0; border: 1px solid #d1d7dc; background: #fff; }
#header li li { float: none; border-right: none; border-bottom: 1px solid #d1d7dc; }*/

#logo { float: left; margin-top: 5px; margin-left: 35px; text-align: center; }
	.ie6 #logo { display: inline; }
#logo p { margin: 0; font-weight: bold; color: #5f6e7b; text-align: center; }
#linkbar { position: absolute; top: 10px; right: 0; }
#linkbar a { font-size: 85%; }
/* commented out by tom, moved below
#linkbar input { width: 15em; margin-left: 20px; padding: 5px 5px 5px 25px; border: 2px solid #ccc; background: #fff url(../../img/icon_search.gif) 5px center no-repeat; font-size: 85%; color: #666; }
#linkbar button { border: none; background: none; font-size: 107%; color: #5483bd; }*/
#header .navblock { float: left; position: relative; margin: 35px 0 0 20px; padding: 5px 10px 0 10px; border: 1px solid #d1d7dc; border-bottom: 0; background: #eff2f4; } 
#header h2 { font-size: 90%; } 
#header a.signout { position: absolute; right: 10px; top: .7em; font-size: 90%; }
#header ul { float: left; margin-top: 5px; border: 1px solid #d1d7dc; border-right: none; border-bottom: none; }
#header ul a { display: block; line-height: 2em; padding: 0 10px; background: #fff; color: #5f6e7b; white-space: nowrap; }
#header ul a:hover,
#header li.current a { background: #5f6d7a; color:#fff; text-decoration: none; }
#header li { float: left; position: relative; border-right: 1px solid #d1d7dc; }
#header li:hover ul { display: block; }
#header li ul { display: none; float: none; position: absolute; top: 100%; right: -1px; margin: 0; border: 1px solid #d1d7dc; background: #fff; }
#header li li { float: none; border-right: none; border-bottom: 1px solid #d1d7dc; }


/*  Search
------------------------------------------------------------------------------*/
#search {  }
#search .right { margin-left: 50%; }
#search .left { float: left; width: 50%; }


/*  Carousel
------------------------------------------------------------------------------*/
#carousel {  }


/*  Content
------------------------------------------------------------------------------*/
/* Home and Channels */
#content #main { margin: 0 302px 0 0; }
#content #sidebar { width: 300px; }

/* Search Results */
#content.searchresults #filterbar { width: 120px; }
#content.searchresults #main { margin: 0 0 0 135px; }


/*  Sidebar
------------------------------------------------------------------------------*/
#sidebar .advertising { text-align: center; margin-bottom: 10px;}



/*  Filterbar
------------------------------------------------------------------------------*/
#filterbar { float: left; border-right: 1px dotted #d1d7dc; }
#filterbar h4 { margin-bottom: .5em; }
#filterbar ol { margin: 0 0 1.5em 0; font-size: 85%; color: #999; }
#filterbar a { line-height: 1.5em; }


/*  Main
------------------------------------------------------------------------------*/
/* Groups */
.group { float: left; width: 100%; margin-bottom: 15px; }
.header, .headerPlain { line-height: 24px; position: relative; border-bottom: 1px dotted #d1d7dc; margin: 0 20px 10px 0; }
	.ie6 .header { display: inline-block; }
.header { background: url(../../img/flower-icon-homepage.png) no-repeat; padding-left:24px;}
.header .more { position: absolute; bottom: 0; right: 0; }
.more { font-size: 90%; text-align: right; }
.header h3 { font-size: 122%; }
.subheader { margin-top: -10px; } /*allow you to butt something right up beneath the header class */

/* Rounded Corners */
ol b { display: block; position: absolute; z-index: 1; height: 7px; width: 7px; background: url(../../img/background_item_corners.png); }
	.ie6 ol b { background: url(../../img/background_item_corners.gif); }
ol b.tl { top: 4px; left: 4px; }
ol b.tr { top: 4px; right: 9px; background-position: top right; }
ol b.bl { bottom: 9px; left: 4px; background-position: bottom left; }
ol b.br { bottom: 9px; right: 9px; background-position: bottom right; }
	.ie6 ol b.tr, .ie6 ol b.br { right: 8px; }
	.ie6 ol b.bl, .ie6 ol b.br { bottom: 8px; }

/* Lists */
ol.lists { float: left; width: 100%; margin-left: -18px; }
ol.lists li { float: left; position: relative; width: 213px; margin: 0 0 10px 18px; }
	.ie6 ol.lists li { display: inline; }
ol.lists .top { position: relative; width: 200px; padding: 4px 9px 0 4px; background: url(../../img/background_list.png) no-repeat; }
ol.lists .bottom { position: relative; width: 200px; padding: 0 9px 9px 4px; background: url(../../img/background_list.png) no-repeat bottom left; }
ol.lists .image { display: block; position: relative; height: 200px; width: 200px; overflow: hidden; background: #fff; }
ol.lists .image img { float: left; margin-left: -1px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
ol.lists .info1 { padding: 5px 7px; background: #1c2328; }
ol.lists .info1 .title { overflow: hidden; height: 1.25em; font-size: 90%; }
ol.lists .info1 .title a { color: #fff; }
ol.lists .info1 .count { font-size: 85%; }
ol.lists .info1 .count a { color: #999; }

/* Items */
ol.items { float: left; width: 100%; margin-left: -9px; }
ol.items li.item { float: left; position: relative; width: 163px; margin: 0 0 9px 9px; }
	.ie6 ol.items li.item { display: inline; }
ol.items li.item:hover { z-index: 2; }
ol.items li.item:hover .action { display: block; }
ol.items li.item:hover .add { display: block; }
ol.items .top { position: relative; width: 150px; padding: 4px 9px 0 4px; background: url(../../img/background_item.png) no-repeat; }
ol.items .bottom { position: relative; width: 150px; padding: 0 9px 9px 4px; background: url(../../img/background_item.png) no-repeat bottom left; }
ol.items .ribbon { position: absolute; z-index: 1; bottom: 10px; right: -5px; padding-bottom: 4px; background: url(../../img/background_gradients.gif) bottom right no-repeat; }
ol.items .text { position: relative; z-index: 1; padding: 2px 5px; border: 1px solid #666; background: #777 url(../../img/background_gradients.gif); font-size: 85%; font-weight: bold; color: #fff; }
ol.items .text .progress { position: absolute; z-index: -1; top: 0; left: 0; height: 1em; height: 100%; background: #6c0 url(../../img/background_gradients.gif) 0 250px; }
	.ie6 ol.items .progress { height: expression(this.parentNode.offsetHeight - 2 + 'px'); top: 1px; left: -5px; }
ol.items .text.purchased { border: 1px solid #390; background-color: #6c0; background-position: 0 250px; }
ol.items .text.reserved { border: 1px solid #dd8000; background-color: orange; background-position: 0 150px; }
ol.items .add { display: none; position: absolute; z-index: 1; top: 4px; right: 8px; height: 28px; width: 28px; background: url(../../img/icon_additem_off.png) no-repeat; }
	.ie6 ol.items .add { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/icon_additem_off.png', sizingMethod='image'); }
ol.items .add:hover { background: url(../../img/icon_additem_on.png); }
	.ie6 ol.items .add:hover { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/icon_additem_on.png', sizingMethod='image'); }
ol.items .image { display: block; position: relative; height: 150px; width: 150px; overflow: hidden; background: #ccc url(../../img/background_item_image.gif); text-align: center; }
ol.items .info1 { padding: 5px 7px; background: #1c2328; }
	.ie6 ol.items .info1 { display: inline-block; }
ol.items .info1 .user { float: left; overflow: hidden; height: 40px; width: 40px; margin: 1px 7px 0 0; }
	.ie6 ol.items .info1 .user { margin-right: 3px; }
ol.items .info1 .title { overflow: hidden; height: 2.5em; font-size: 90%; }
ol.items .info1 .title a { color: #fff; }
ol.items .info1 .price { font-size: 85%; color: #999; }
ol.items .info2 { padding: 5px 7px; background: #384650; text-align:center; }
ol.items .info2 .starrating { left: 18px; }

/* Small Items */
	.ie6 ol.items.small { margin-left: -5px; }
ol.items.small li.item { height: 88px; width: 88px; background: url(../../img/background_smallitem.png) no-repeat; }
	.ie6 ol.items.small li.item { margin: 0 0 5px 5px; }
ol.items.small .top  { width: 88px; background-image: none; }
ol.items.small .bottom { display: none; position: absolute; z-index: 20; top: 70px; left: 14px; width: 150px; padding: 0; background: url(../../img/background_item_flymenu.png); }
ol.items.small .image { height: 75px; width: 75px; }
ol.items.small .image img { height: 75px; width: 75px; }
ol.items.small .ribbon { right: 8px; }
ol.items.small .ribbon .long { display: none; }
ol.items.small li.item:hover .bottom { display: block; }

/* Users */
ol.users { float: left; width: 100%; }
ol.users li.user { float: left; position: relative; width: 105px; margin: 0 5px 10px 5px; }
	.ie6 ol.users li.user { display: inline; }
ol.users li.user:hover { z-index: 2; }
ol.users .image { position: relative; height: 84px; width: 75px; overflow: hidden; margin: 0 auto; padding: 4px 9px 0 4px; background: url(../../img/background_smalluser.png) no-repeat; text-align: center; }
ol.users .image a { display: block; height: 75px; width: 75px; overflow: hidden; }
ol.users .username { display: block; position: relative; overflow: hidden; height: 1.5em; margin: -2px 5px 0 0; text-align: center; white-space: nowrap; }
ol.users .hover { display: none; position: absolute; z-index: 2; top: 82px; left: -24px; width: 155px; font-size: 85%; color: #fff; }
ol.users .hover b.tr { top: 0; right: 0; }
ol.users .hover b.tl { top: 0; left: 0; }
ol.users .hover b.br { bottom: 0; right: 0; }
ol.users .hover b.bl { bottom: 0; left: 0; }
ol.users .info { padding: 2em 13px 5px 8px; background: url(../../img/background_user_hover.png) no-repeat; }
ol.users .shoutout { padding: 5px 13px 13px 8px; background: url(../../img/background_user_hover.png) bottom no-repeat; }
	.ie6 ol.users .info, .ie6 ol.users .shoutout { display: inline-block; background-image: url(../../img/background_user_hover.gif) }
ol.users .shoutout .title { color: #999; }
ol.users .shoutout .text {  }
ol.users li.user:hover .username { z-index: 3; color: orange; }
ol.users li.user:hover .hover { display: block; }

	/* Users - Sidebar*/
	#sidebar ol.users li.user { width: 100px; margin: 0 0 10px 0;}
	
/* Vendors */
ol.vendors { float: left; width: 100%;  }
ol.vendors li.vendor { float: left; position: relative; width: 250px; margin: 0 5px 10px 5px; }
	.ie6 ol.vendors li.vendor { display: inline; }
ol.vendors li.vendor:hover { z-index: 2; }
ol.vendors .image { float: left; position: relative; height: 84px; width: 75px; overflow: hidden; margin: 0 2px 0 2px; padding: 4px 9px 0 4px; background: url(../../img/background_smalluser.png) no-repeat;  }
ol.vendors .image a { display: block; height: 75px; width: 75px; overflow: hidden; }
ol.vendors .info { float: left;}
ol.vendors b.tr { top: 0; right: 0; }
ol.vendors b.tl { top: 0; left: 0; }
ol.vendors b.br { bottom: 0; right: 0; }
ol.vendors b.bl { bottom: 0; left: 0; }
li.vendor div.top { color: #ffffff; background: #5F6D7A none repeat scroll 0 0; margin-bottom: 4px; padding: 4px 9px 0 4px;} 
li.vendor div.top .username { display: block; color: #ffffff; font-size: 1.2em; font-weight:bold;} 
li.vendor div.actions { position:absolute; top: 110px; }       

/* Star Rating */
.starrating, .starrating li.current-rating, .starrating li a:hover { background-image: url(../../img/rating_star_small.png); }
	.ie6 .starrating, .ie6 .starrating li.current-rating, .ie6 .starrating li a:hover { background-image: url(../../img/rating_star_small.gif); }
.starrating { position: relative; overflow: hidden; width: 100px; height: 20px; margin: 0; padding: 0; background-position: top left; background-repeat: repeat-x; }
.starrating li { padding: 0; margin: 0; }
	.ie .starrating li { float: left; }
.starrating li a { display: block; overflow: hidden; position: absolute; z-index: 20; width: 20px; height: 20px; line-height: 20px; padding: 0; text-decoration: none; text-indent: -9000px; }
.starrating li a:hover { z-index: 2; left: 0; border: none; background-position: left bottom; }
.starrating a.one-star { left: 0; }
.starrating li.one-star, .starrating a.one-star:hover { width: 20px; }
.starrating a.two-stars { left: 20px; }
.starrating li.two-stars, .starrating a.two-stars:hover { width: 40px; }
.starrating a.three-stars { left: 40px; }
.starrating li.three-stars, .starrating a.three-stars:hover { width: 60px; }
.starrating a.four-stars { left: 60px; }	
.starrating li.four-stars, .starrating a.four-stars:hover { width: 80px; }
.starrating a.five-stars { left: 80px; }
.starrating li.five-stars, .starrating a.five-stars:hover { width: 100px; }
.starrating li.current-rating { display: block; position: absolute; z-index: 1; height: 20px; background-position: left center; text-indent: -9000px; }


/*  Footer
------------------------------------------------------------------------------*/
#footer a { color: #eee; }
#footer h2 { margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px dotted #585452; font-weight: bold; color: orange; }
#footer h2 a { color: orange; }
#footer .margin { margin: 0 10px; }
#footer .column { float: left; width: 18%; margin: 0 .75%; }
#footer .column p { margin-bottom: 5px; padding-bottom: 4px; border-bottom: 1px dotted #585452; }
#footer .copyright { margin-top: 10px; text-align: center; color: #bbb; }



/* NEW CODE FROM TOM
-----------------------------------------------------------------------------*/

/* titles should be the right size */
.mainTitleBox h1 { font-size: 1.7em; }
/* also give people the choice of using real headers */
h1.big { font-size: 2em; margin: .67em 0; font-family: "Arial" }
h2.big { font-size: 1.5em; margin: .75em 0; font-family: "Arial" }
h3.big { font-size: 1.17em; margin: .83em 0; font-family: "Arial" }
.strong { font-weight: bold; }

/* 2 changes from tom to keep headings looking right, even if they are links */
h1 a  { font-family: "Arial", "Arial", sans-serif; color: #5f6e7b; }
h3 a  { font-family: "Arial", "Arial", sans-serif; color: #5f6e7b; }

/* boxed panels on the sides */
div.panel h3 { color: #FFFFFF; font-weight:bold;}

/* sometimes we actually want a bulleted list */
ul.bulleted li, .blogEntry li {list-style-type: disc; list-style-position: outside; margin-left: 1.5em;}
ol.bulleted li { list-style-type: decimal; display: list-item; list-style-position: outside; margin-left: 1.7em;}

/* used on the developer page */
textarea.code { width:700px; height: 400px; }

/* User Badge */
div.ubScreenName {padding-top:1px;padding-bottom:1px;font-size:1.3em;font-weight:bold;}
div.ubHeadLine {padding-bottom:4px;font-size:0.85em;line-height:1em;}
div.miniexpertbadge { position: absolute; z-index: 1; right: 5px; bottom: -25px;}
div.pictureAndBadge { position: relative; margin-bottom: 5px;}

/* show the greeting in small text too */
.loginStatusWelcome{ font-size: 85%;}

/* Individual List Page */
div.listHeader {
	padding:4px;
	/* this used to have a weird blue border on top of it */
	border-bottom: #a2a5a7 2px solid;
}

/* Sometimes we want text panels in the sidebar, which need reasonable 
   padding (ex. find a registry) */
#sidebar .textpanel
{
  background-color: #FFFFFF;
  margin: 5px 15px 15px 15px;
}

/* The product picker is the ajax widget for flipping through featured products */
#ProductPicker .active
{
	font-weight:bold;
}


/* give buttons an appropriate cursor */
button
{
  cursor: pointer;
  cursor: hand;
}

button.buyit
{
	width: 11em;
}

/* make sure the search form looks right even when it's not up in the linkbar */
.searchform { display: inline; }
.searchform input { width: 15em; margin-left: 20px; padding: 5px 5px 5px 25px; border: 2px solid #ccc; background: #fff url(../../img/icon_search.gif) 5px center no-repeat; font-size: 85%; color: #666; margin-right: 5px; }

/*Blog summary view (blog in the sidebar */
.blogSummaryHeadline
{
	height:1.5em; overflow:hidden; white-space: nowrap;
}
.blogSummaryBody
{
	margin-bottom: 10px; max-height:3.6em; overflow:hidden;
}

/* Styles for the blog page of the user profile  */

div.blogPane 
{
  /*  The blog text is centered in the view with a max width  */
	width:500px; 
}

div.blogPane div.blogHeader
{
    margin-bottom: 1em; 
    clear:both;
}

div.blogPane div.blogHeader *.blogHeaderTitle
{
	font-size:large;
}

div.blogPane div.blogHeader *.blogHeaderDate
{
	color: #5f6e7b;
}

div.blogPane div.blogEntry
{
	margin-bottom: 1em; 
	clear:both;
}

div.blogPane *.fixedHeight
{
	max-height: 240px;
	overflow: hidden;
}

div.blogPane div.blogFooter
{
	clear:both;
	margin-bottom: 2em;
}

div.blogPane div.blogFooter a
{
	line-height: 1.5em
}

div.blogPane div.blogPageLinks
{
	height:2em; 
	line-height: 2em; 
	margin-bottom: 1em; 
	clear:both; 
	float:right;
}

/* We clear a bunch of styles, but in blog entries we'll want them back
   because blog authors rely on them for styling */
.blogEntry strong { font-weight: bold; }

/* Channels have common header styles */
.leftChannel {
 float:left;
 width: 490px;
}
.rightChannel{
  float: right;
  position: relative;
  width: 503px;
  height: 203px;
}

.rightHelpPages
{
	float: right;
	position: relative;
	width: 385px;
	height: 203px;
}
	

div.rightChannel div.pictureBox{ position: absolute; }
div.rightChannel div.directInfo{ position: absolute; }

div.directInfo .title a{
 font-weight: bold;
 font-size: 110%;
 color: #5F6E7B;
}

.subChannelHeader { padding-top: 2em; }
.channelSubtitle { font-size:120%; }
	
#featureCallout{
  position: absolute;
  left: 220px;
  top: 20px;
}

div.subChannelButton{
 float: left;
 position: relative;
 padding: 3px;
}

div.subChannelButton a {
 display: block;
 position: absolute;
 height: 100%;
 width: 100%;
 z-index: 1;
}

div.subChannelButton a span.label{
 position: absolute;
 left: 0px;
 top: 75px;
 text-align: center;
 width: 100%;
}

.gadgetFeatured{
  background: url(../../img/channels/gadget_wrapper.png) left center no-repeat;
}

div.gadgetFeatured div.pictureBox{
  left: 120px;
  top: 75px;
}
div.rightChannel div.directInfo{
  left: 250px;
  top: 70px;
}

.fashionFeatured{
  background: url(../../img/channels/fashion_wrapper.png) left center no-repeat;
}
div.fashionFeatured div.pictureBox{
  left: 80px;
  top: 76px;
}
div.fashionFeatured #featureCallout{ display:none;}

.handmadeFeatured{
  background: url(../../img/channels/handcraft_wrapper.png) left center no-repeat;
}
div.handmadeFeatured div.pictureBox{
  left: 115px;
  top: 75px;
}

.wetpaintProductDesc { margin-right: 20px; }
.reviewgroupsummary { margin-bottom: 10px; }
/* hReview styling */
.hreview .summary { font-weight: bold; vertical-align:middle;  }
.hreview .description { max-width: 400px; }
.reviewheader { font-weight: bold;}
.reviewheader img { position: relative; bottom: -4px;} 

/* Styles for buy options table */

#col-wrapper{
	padding:0;
	width:954px;
}

#intro {
	background-color: #dfe99e;
	padding: 12px 20px 3px;
	width: 914px;
}

#intro p {
	font-size: 2.2em;
	line-height: 1.4em;
	color:#444 !important; 
}

.col {
	width: 238px !important;
	clear: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}

.col .details {
	width: 205px;
	margin: 25px 16px;
	}

.col .details p,
.col .details li {
	font-size: 1em;
	}	
	
#col2 {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#col-wrapper h2 {
	font-size: 3em;
	color: #808284;
	width: 223px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
	padding: 40px 0 20px 15px;
}

#col-wrapper h3 {
	font-size: 1.5em;
	margin-bottom: .1em;
}

#col-wrapper h4 {
	text-transform: uppercase;
	color: #bf1e2d;
	font-weight: normal;
	font-size: 1.3em;
}

#col-wrapper #col3 p {
	border: 0;
	font-style: normal;
}

#col-wrapper #col4 {
	background-color: #cdeaec;
	height: 100%;
}

#col-wrapper #col4 .details {
	margin-bottom: 108px;
}

	#col-wrapper #col4 .details h4 {
		color: #000;
		margin-top: 115px;
	}
	
	#col-wrapper #col4 .details p {
		margin-bottom: 30px;
	}
	
	#col-wrapper #col4 .details ul {
		margin: 0 0 30px 12px;
	}
	
	#col-wrapper #col4 .details ul li {
		list-style-type: disc;
		margin-bottom: 0;
	}


/*  Page Navigation
------------------------------------------------------------------------------*/
#pagenav { position: relative; border: 1px solid #ccc; border-bottom: none; background: #dddedf url(../../img/bg_pagenav.gif) top; }
#pagenav ul { float: left; width: 100%; }
#pagenav li { float: left; color: #666; border-right: 1px solid #ccc; }
#pagenav li a { display: block; padding: 8px 0; border-top: 1px solid #fff; border-left: 1px solid #fff; white-space: nowrap; text-align: center; color: #666; }
#pagenav li a:hover, #pagenav li a.current { border: none; padding-top: 9px; padding-left: 1px; background: url(../../img/bg_pagenav.gif) bottom; color: #fff; text-decoration: none; text-shadow: #333 1px 1px 2px; }
#pagenav li.toggle { float: right; border: 0; }
	
/* titles should be the right size */
.mainTitleBox h1 { font-size: 1.7em;  }
h1.mainTitle { font-size: 1.7em; margin-top: .3em; }


#contentTitle { position: relative; }
#contentTitle .userpageactions { height:22px; margin-bottom:auto; margin-top:auto; position:absolute; right:0; top:0;}
#contentTitle .userpageactions a { display:block; float:left;margin-right:8px;line-height:1.75em; }