/*   classes.css  

	Created by Sam Corl for Dharma Trading Co.
	
	classes.2.css
	Updated Fri, Sep 13, 2002 11:00:48 AM SSCIV



*/

@import url("contentbox.css");  

/*   GLOBAL NAVIGATION STYLES   */
#navblue { color: #000033 }
.navelem { display:inline; color: #000000; font-weight: bold; font-size: 10px; font-family: Arial, Verdana, Helvetica, Sans-serif; background-color: #fff; margin: 0px; padding: 0px }
.navlink { text-decoration:none; color: #000000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif }
.navlink:link { text-decoration:none; color: #000000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif }
.navlink:hover { text-decoration:underline; color: #000000; }
.navlinkarea { display:block; color: #000000; margin: 0px 0px 0px 3px; padding: 0px }
.navlinkdescript { color: #000000; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Arial, Verdana, Helvetica, Sans-serif; background-image: url(/images/eng/headers/bg_tile_tan.gif); margin: 0px 0px 0px 6px; padding: 0px }
.navlinkheader { color: #000033; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif; margin: 6px 0px 0px 3px; padding: 0px }
.pagenavlink { color: #000033; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Verdana, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 0px }
.subnavlink { color: #000000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif; text-decoration: none }
.subnavlink:link { color: #000000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Verdana, Helvetica, Sans-serif; text-decoration: none }
.subnavlink:hover { text-decoration:underline; color: #000000; }
.subnavlinkarea { display:block; margin: 0px 0px 0px 6px; padding: 0px }


.navigationheader { font-family:Arial,Helvetica; color:#333333;margin-top:3px;margin-bottom:12px;margin-left:0px;margin-right:3px; padding:0px; font-size:12px; font-weight:bold; }
.navigationheaderlink { color:#333333;text-decoration:underline; font-weight:bold; }
.navigationheaderlink:link { text-decoration:underline;  }
.navigationheaderlink:hover { text-decoration:underline;  }
.navigationheaderlink:visited { text-decoration:underline;  }

.navigationhead { font-family:Arial,Helvetica; color:#333333;margin-top:3px;margin-bottom:12px;margin-left:0px;margin-right:3px; padding:0px; font-size:12px; font-weight:bold; }
.navigationheadlink { color:#333333;text-decoration:underline; font-weight:bold; }
.navigationheadlink:link { text-decoration:underline;  }
.navigationheadlink:hover { text-decoration:underline;  }
.navigationheadlink:visited { text-decoration:underline;  }


.navigationh1area { text-align:left; font-family:Arial,Helvetica; margin-top:12px;margin-bottom:3px;margin-left:0px;margin-right:3px; padding:0px; font-size:12px; line-height:13px;  }
.navigationh1link { color:#333333;text-decoration:none; font-weight:bold; }
.navigationh1link:link { text-decoration:none;  }
.navigationh1link:hover { text-decoration:underline;  }
.navigationh1link:visited { text-decoration:none;  }

.navigationh2area { text-align:left; font-family:Arial,Helvetica; margin-top:12px;margin-bottom:1px;margin-left:0px;margin-right:0px; padding:0px; font-size:11px; line-height:12px;  }
.navigationh2link { color:#333333;text-decoration:none; font-weight:bold; }
.navigationh2link:link { text-decoration:none; }
.navigationh2link:hover { text-decoration:underline; }
.navigationh2link:visited { text-decoration:none; }

.navigationh2redarea { text-align:left; font-family:Arial,Helvetica; margin-top:12px;margin-bottom:1px;margin-left:0px;margin-right:0px; padding:0px; font-size:11px; line-height:12px;  }
.navigationh2redlink { color:#cc0000;text-decoration:none; font-weight:bold; }
.navigationh2redlink:link { text-decoration:none; }
.navigationh2redlink:hover { text-decoration:underline; }
.navigationh2redlink:visited { text-decoration:none; }

.navigationh3area { text-align:left; font-family:Arial,Helvetica; margin-top:2px;margin-bottom:1px;margin-left:0px;margin-right:0px; padding:0px; font-size:11px; line-height:12px; }
.navigationh3link { color:#333333;text-decoration:none; font-weight:bold; }
.navigationh3link:link { text-decoration:none; }
.navigationh3link:hover { text-decoration:underline; }
.navigationh3link:visited { text-decoration:none; }

.navigationh3redarea { text-align:left; font-family:Arial,Helvetica; margin-top:2px;margin-bottom:1px;margin-left:0px;margin-right:0px; padding:0px; font-size:11px; line-height:12px; }
.navigationh3redlink { color:#CC0000;text-decoration:none; font-weight:bold; }
.navigationh3redlink:link { text-decoration:none; }
.navigationh3redlink:hover { text-decoration:underline; }
.navigationh3redlink:visited { text-decoration:none; }

.navigationh4area { text-align:left; font-family:Arial,Helvetica; margin-top:1px;margin-bottom:1px;margin-left:6px;margin-right:0px; padding:0px; font-size:11px; line-height:12px;  }
.navigationh4link { color:#333333;text-decoration:none; font-weight:normal; }
.navigationh4link:link { text-decoration:none; }
.navigationh4link:hover { text-decoration:underline; }
.navigationh4link:visited { text-decoration:none; }

.navigationh5area { text-align:left; font-family:Arial,Helvetica; margin-top:1px;margin-bottom:1px;margin-left:12px;margin-right:0px; padding:0px; font-size:10px; line-height:11px;  }
.navigationh5link { color:#333333;text-decoration:none; font-weight:normal; }
.navigationh5link:link { text-decoration:none; }
.navigationh5link:hover { text-decoration:underline; }
.navigationh5link:visited { text-decoration:none; }






/*   BACKGROUNDS   */
.bgfabric	{	background-image: url(/images/eng/headers/bg_tile_tan.gif);	}
.bgfabricTearLEFT	{	background-image: url(/images/eng/headers/bg_l.gif);	}
.bgfabricTearSPINEBOTTOM	{	background-image: url(/images/eng/headers/bg_bot.gif);	}
.bgfabricTearSPINECORNER	{	background-image: url(/images/eng/headers/bg_bot_c.gif); background-repeat:no-repeat;	}
.bgfabricTearTLCORNER	{	background-image: url(/images/eng/headers/bg_t_l_c.gif);	}
.bgfabricTearTOP	{	background-image: url(/images/eng/headers/bg_horiz.gif); background-repeat:repeat-x;	}
.footercell	{ border-style:ridge; border-width:2px; border-color:#8A91A3; background-color:#DEE8FD; color: #333333; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 10px }






/*   DIV AREAS   */
.colorsquiggle { margin-top: 9px; margin-bottom: 6px; margin-left:1px; }
.orderform { margin: 12px 0px 0px; padding: 0px }
.variantlist { color: #001; font-weight: bold; font-size: 12px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none }
.left { float: left; }
.right { float: right; }
.nobr { white-space: nowrap; }
.h_pad { padding-left: 10px; padding-right: 10px; }
.v_pad { padding-top: 10px; padding-bottom: 10px; }
.block { display: block; clear: both; }
.bnav_block { display: block; clear: none; }
.invis { display: none; }
.divider { border-top: 1px solid #cccccc; max-height: 1px; margin: 20px auto; clear: both; width: 100%; overflow: hidden; }
.separator { max-height: 1px; margin: 20px auto; clear: both; width: 100%; overflow: hidden; }



.featuredname	{
				font-family: verdana, arial, helvetica, sans-serif;
				font-size:18px;
				color:#000033;
				font-weight: bold;
				margin-bottom:12px;
				}
.featuredcompany	{
				font-family: verdana, arial, helvetica, sans-serif;
				font-size:14px;
				color:#000033;
				font-weight: bold;
				margin-bottom:6px;
				}
.publishdate	{
				font-family: verdana, arial, helvetica, sans-serif;
				font-size:11px;
				color:#000033;
				font-weight: normal;
				margin-bottom:6px;
				}
.msg_bar {
	text-align: left;
	margin-left: 8px;
	margin-right: 6px;
	background-color: #fdf2e0;
	padding: 6px 10px;
	margin-bottom: 12px;
	font: normal normal 16px/22px Arial;
}




/*   CONTENT STYLES   */
#customerControlBar { margin-bottom: 10px; }
.bodycontent { color: #000; font-weight: normal; font-size: 12px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica; margin: 11px 0px 0px; padding: 0px }
.breadcrumb { color: #000033; font-weight: bold; font-size: 10px; line-height: 7px; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 0px; padding: 0px }
.brief { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color: #000; margin: 0px 0px 6px 0px;}
.caption { color: #111; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Verdana, Arial, Helvetica; padding: 3px; }
.catchline { color: #222222; font-weight: bold; font-size: 16px; line-height: 18px; font-family: Arial; text-decoration: none; float: none; margin: 0px; padding: 0px }
.childproducttitle { color: #ffffff; font-weight: bold; font-size: 16px; line-height: 15px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 6px; padding: 0px }
.childproducttitle:hover {	color: #ffbc15; text-decoration: underline; }
.copyright { color: #666666; font-weight: bold; padding: 4px; }
.descript { color: #001; font-weight: normal; font-size: 12px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 6px 0px; padding: 0px }
.descript_cont { color: #001; font-weight: normal; font-size: 12px; line-height: 1.4em; font-family: Comic Sans MS, Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 6px 0px; padding: 0px }
.discountCalc { color: #990000; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica; background-color: #FFFFFF; margin: 0px; padding: 2px }
.discountpriceheader { color: #000000; font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Helvetica; background-color: #ffbc15; margin: 0px; padding: 2px }
.footertext { color: #333333; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 0px }
.jsreq { color: #010068; font-weight: bold; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 24px 0px; padding: 0px }
.listprice { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px; text-decoration: line-through; }
.mainfr { margin-left: 10px; }
.measurements { font-size: 10px; font-family: Monaco, Courier, monospace; padding:5px; }
.minprice { color: #060; font-weight: bold; font-size: 14px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 5px 0px; padding: 0px }
.scriptmessage { margin: 10px 0px; padding: 10px 10px; background-color: #fddac5; font-weight: bold; color: #222; }
.sect_header { font-size: 18px; font-weight: bold; line-height: 22px; color: #444444; margin: 12px 0px; }
.stockinfo { color: #C00; font-weight: normal; font-size: 12px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; float: none; margin: 0px; padding: 0px }
.stockmsg { color: #C00; font-weight: normal; font-size: 12px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; float: none; margin: 0px; padding: 0px }
.stockinforow { color: #C00; font-weight: normal; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; float: none; padding-left:12px;background-color:#EEE;border-bottom-style:solid;border-bottom-color:#dddddd;border-bottom-width:1px; }
.stockinfodate { color: #333333; font-weight: normal; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; float: none; margin: 0px; padding: 0px }
.stockinfoheader { color: #C00; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 0px }
.stocknum { color: #000000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px }
.subtitle { color: #001; font-weight: bold; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; float: none; margin-top:6px; margin-left:6px; padding: 0px }
.title { margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:3px; padding:0px; color: #051e59; font-weight: bold; font-size: 18px; line-height:22px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; text-decoration: none;  }
.warningmessage { color:#0000CC;font-weight:bold; }




/*   IMAGE STYLES   */
.promoimage { border-width: 1px; border-color: #E4E4E4; border-style: solid; margin-bottom: 3px; }
img#adminLockBoxImage { padding: 0px 4px; }
.storyimg { border: 0px none #ffffff; margin: 10px 10px 0px 0px; }




/*   ORDERFORM STYLES   */
.pricecell { color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; background-color: #FFFFFF;  margin: 1px; }
.pricelistcell { color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; background-color: #ECF2FE;  margin: 1px; }
.pricelistfooter	{	color: #FFF; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold; background-color: #3B6E99;	}
.pricelistheader { color: #000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; background-color: #DCE7FB; margin: 1px; }
.pricelistheadline	{	color: #FFF; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold; background-color: #3B6E99;	}
.pricelistinfo	{	color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: italic; background-color: #FFFFFF;	}
.pricetableheader { color: #000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; background-color: #FDF5D3; margin: 1px; border: 1px solid #C2C2C2; }
.pricetabletitle { color: #222222; height: 30px; padding-bottom: 6px; margin: 0px 6px; font-size: 12px; font-weight: bold; background-color: #fdf5d4; border-right: 1px solid #c2c2c2; }
.pricetabletitleend { color: #222222; height: 30px; padding-bottom: 6px; margin: 0px 6px; font-size: 12px; font-weight: bold; background-color: #fdf5d4; }
.unitpr { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica,sans-serif; font-weight:bold;  }
.saleprice { color: #990000; font-size: 11px; font-family: Verdana, Arial, Helvetica,sans-serif; font-weight:bold;  }
.stocklegend { color: #000000; font-size: 11px; margin: 12px 0px 12px 15px; }
.rgbchip { width: 90px; height: 20px; border: 1px solid #CCCCCC; margin-bottom: 3px; }
.rgbchip:hover { cursor: pointer; border: 1px solid #888888; }
.rgblarge { width: 90px !important; height: 40px !important; }
.colorname { font-size:11px; font-weight:bold; }
.sizepulldown { font-size:11px; }
.variantplaintext { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: normal; } 
.colorwizard_func { color: #0000ff; text-decoration: none; font-weight: normal; }
.colorwizard_func:hover { text-decoration: underline; cursor: pointer; }




/*   FORM STYLES   */
.webcartbutton		{	
							display:inline;
							font-size:11px;
							font-family:Verdana,Arial,Helvetica;
							font-weight:bold;
							background-color:#E5B643 ;
							color:#051E59;
							padding:5px;
							-moz-border-radius:10px;
							border-radius:10px;
							background:-moz-linear-gradient(top, #E5B643, #FFFFFF);
							background:-webkit-gradient(linear, left top, left bottom, from(#E5B643), to(#FFFFFF));
						}
.actionbutton { font-size:11px; font-family:Verdana,Arial,Helvetica; font-weight:bold; background-color:#FFBC15; color:#051E59; }
.formerror {	color:#FF0000; font-family: Verdana, Arial, Helvetica; font-size:14px; font-weight: bold;	}
.formlabel {	font-family: Verdana, Arial, Helvetica; font-size:10px; font-weight: bold;	}
.inputitem { font-family: Arial; font-size: 12px; font-weight: normal; color: #222222; padding: 5px; border: 1px solid #cccccc; }
.navbutton { color: #000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, Sans-serif; background-color: #fff; margin: 0px; padding: 0px }
.querytitle {        font-family: Trebuchet MS, Arial, Verdana;  font-size: 18px; font-weight: bold; line-height: 30px; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; background-color:#000099; color:#FFFFFF; }
.inputlabel {font-family:Verdana, Arial, Helvetica;font-size:11px;font-weight:bold;color:#333333;}
.inputitem {font-family:Verdana, Arial, Helvetica;font-size:11px;font-weight:normal;background-color:#FFFFFF;color:#000000;}
.required {font-family:Verdana, Arial, Helvetica;font-size:9px;font-weight:normal;color:#dd1900;}
.smallinputlabel {font-family:Verdana, Arial, Helvetica;font-size:10px;font-weight:bold;background-color:#CCCCFF;color:#333333;}
.smallinputitem {font-family:Verdana, Arial, Helvetica;font-size:10px;font-weight:normal;background-color:#FFFFFF;color:#000000;}
.miniinputlabel {font-family:Verdana, Arial, Helvetica;font-size:9px;font-weight:bold;background-color:#CCCCFF;color:#333333;}
.miniinputitem {font-family:Verdana, Arial, Helvetica;font-size:9px;font-weight:normal;background-color:#FFFFFF;color:#000000;}








/*   LINKAGE STYLES   */
.dirheader { font-size: 14px; line-height: 18px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px }
.dirheader:hover	{	color: #CC0000;	}
.dirlink { font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 0px }
.dirlink:hover	{	color: #CC0000;	}
.f_link { color: #236099; text-decoration: none; }
.first { padding-left: 0px; margin-left: 0px; }
.footerlink { color: #000033; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: underline; margin: 0px; padding: 0px }
.h_link { color: #236099; text-decoration: underline; cursor: pointer; }
.infoheader { color: #222222; font-size: 18px; line-height: 20px; text-decoration: none; font-weight: normal; font-family: arial, sans-serif }
.infoheader:hover { text-decoration:underline; }
.last { padding-right: 0px; margin-right: 0px; }
.link250info	{	font-size: 14px; line-height: 18px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration:none;	}
.linklist { font-size: 10px; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 0px; padding: 0px; text-decoration:none; }
.linklist:hover	{	text-decoration:underline;	}
.s_link { color: #236099; cursor: pointer; text-decoration: none; }
.s_link:hover { text-decoration: underline; }
.searchlink { color: #003; font-weight: bold; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; margin: 0px; padding: 0px }
.searchnavlink { color: #003; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px }
.story_lnk { width: 236px; padding: 0px 30px 30px 0px; vertical-align: top; }
.subsearchlink { color: #000033; font-weight: normal; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px 0px 0px 6px; padding: 0px }
.thumblink { color: #003; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; margin: 0px; padding: 0px }
.variantlink { color: #093688; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; margin: 0px; padding: 0px }







/*   Share This Page Button Styles  */
.share_button {  display: -moz-inline-block;  display:inline-block;  padding:2px 0 2px 0;  font-size:12px; height:16px; width:149px; border:1px solid #bcc8db;  background:#ffffff; color:#000000; text-align:center; vertical-align:middle; cursor:pointer;  }
.share_button:hover {  color:#ffffff;  border-color:#295582;  background:#3b5998;  text-decoration:none;  }
.share_button_fxd {  text-decoration:none;  display: -moz-inline-block;  display:inline-block;  padding:2px 0 2px 0;  font-size:12px; height:16px; width:149px; border:1px solid #295582;  background:#3b5998; color:#ffffff;  text-align:center; vertical-align:middle; cursor:pointer;  }
.share_block { display: -moz-inline-block;  display:inline-block;  padding:1px 0 2px 0;  border:1px solid #bcc8db;  width:149px; line-height:14px; font-size:12px; text-align:left;  }
.share_link {  display: -moz-inline-block;  display:inline-block;  padding:1px 0 4px 0;  background:#ffffff; width:100%; color:#000000; text-decoration:none;  }
.share_link:hover {  padding:1px 0 4px 0;  color:#000000;  background:#ffffff;  width:100%; text-decoration:underline;  }
.share_img {  border:1px; padding:0 4px 0 6px; border-color:#ffffff; border-style:solid; text-decoration:none; height:16px; width:16px; float:left;  }








/*   SCRIPT-SPECIFIC (TBD - move to page template)  */
.faqanswer { color: #000033; font-weight: normal; font-size: 11px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 0px; padding: 3px; }
.faqquestion { color: #000033; font-weight: bold; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 12px 0px 0px 0px; padding: 0px; text-decoration: none; }



/*	slideshow pic browser templates		*/
#overlay{position:absolute; z-Index:998; width:100%; left:0px; top:0px; background-image:url(/images/eng/general/overlay.gif)}
#slideshow{position:absolute; z-Index:999; width:100%; left:0px; top:10px}
.slideshowButton
{	border-style:none;
	border-width:0px;
	border-color:#090063;
	padding:2px;
	background:transparent;
	display:block;
	position:relative;
}
.slideshowButtonInert
{	border-style:dashed;
	border-width:2px;
	border-color:#090063;
	padding:1px;
	display:block;
	position:relative;
	background:transparent;
}
.slideshowButton:hover
{	background:#090063;
}



.sourcediv	{	visibility:hidden; display:none; 	}

div#roundbox{background:#FFFFAA; font-size:130%; line-height:150%; margin:6px}
b.rtop, b.rbottom{display:block;background: #FFFFFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #FFFFAA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.colorsample { width:40px; height:20px; }


/*	Tutorial Styles	*/
div.tutorial {
	width: 750px;
	margin: 0pt auto;
}
img.tutorial.title_img {
	border: 0px;
	padding: 0px;
	width: 750px;
}
div.tutorial p img, div.tutorial p a img {
	border: 0px;
	padding: 0px;
}
div.tutorial.left, div.tutorial.right {
	font: normal normal 12px/17px Arial,Helvetica,sans-serif;
	color: #333333;
	text-align: left;
	float: left;
	vertical-align: top;
	margin: 20px 0px;
}
div.tutorial.left {
	width: 509px;
	padding-right: 20px;
	border-right: 1px solid #cccccc;
}
div.tutorial.right {
	width: 200px;
	margin-left: 20px;
}
div.tutorial p.tutorial.title {
	font: normal bold 16px/20px Arial, Helvetica, sans-serif;
	color:#000000;
}
div.tutorial div.tutorial p {
	font: normal normal 12px/20px Arial, Helvetica, sans-serif;
	color: #333; 
}
div.tutorial div.tutorial.right p {
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
}


/*
 * Dropship Orderform Styles
 */
.clr_select {
	width: 200px;
	margin-bottom:12px;
}
.clr_selection {
	text-align: left;
}
.clr_chips {
	text-align: left;
}
.ds_colorchip {
	width: 20px;
	height: 20px;
	margin: 0px 5px 2px 0px;
	float: left;
	border: 2px solid #ffffff;
}
.ds_colorchip:hover {
	border: 2px solid #d8bc19;
}
.selected {
	border: 2px solid #d8bc19;
}
.invis {
	display: none;
}


/*   CONTACT US STYLES   */
fieldset { padding:0; border:0; margin-top:5px; }
div#users-contain { width: 282px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; font-weight: bold; }
.required { color: #cc0a0c; }
.subnote { font-size: .8em; text-decoration: none; color: #365f91; outline: none; }
.subnote:hover { text-decoration: underline }


/*   CUSTOMER PHOTOS STYLES   */
.goPrevious, .goNext {
    text-align:center;
    font: normal normal 12px/18px Arial;
    letter-spacing: 2px;
}
.toc {
    text-align:center;
    font: normal normal 9px/18px Arial;
    letter-spacing: 2px;
}
.toc .currentPage {
    color: #999999;
}

.tocPageNum, .goPrevious, .goNext {
    cursor: pointer;
}
.c_photo {
    height: 110px;
    width: 110px;
    border: 2px solid #ffffff;
    margin-right: 50px;
    cursor:url(http://images.dharmatrading.com/images/public/cursors/magnify.png), pointer;
}
.lastInRow {
    margin-right: 0px;
}



/*		MAIN MYACCOUNT STYLES		*/
#my_orders, #my_noa, #my_favorites, #my_addressBook, #my_settings {
	display: none;
}
.myAccount {
	margin: 20px 40px 40px 20px;
	width: 580px;
	font: normal normal 12px/18px Arial;
	text-align: left;
	color: #222222;
	float: left;
}
.account_salutation {
	font: normal bold 18px/24px Arial;
}
.account_cat {
	cursor: pointer;
}
.account_tit {
	font: normal bold 16px/22px Arial;
}
.account_sub {
	color: #666666;
}
.account_ico {
	border-style: none;
	padding-right: 20px;
}
.account_note {
	padding: 2px;
}
.notifications {
	float: left;
	width: 134px;
}
.main_klck {
	height: 45px;
}
.x_remove {
	font: normal normal 18px/26px Arial;
	text-decoration: none;
	color: #cc0033;
}
.down_arrow {
	
}

/*		MYACCOUNT MYORDERS STYLES		*/
.orders_cell {
	padding: 10px 0px 10px 40px;
	font-size: 12px;
	text-align: left;
}

/*		MYACCOUNT NOA STYLES		*/
.noa_cell {
	padding: 0px 0px 0px 40px;
	font-size: 12px;
	text-align: left;
}
.noa_cell_b {
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	text-align: left;
}
.noa_cell_d {
	padding: 0px 0px 0px 40px;
}
.noa_tit {
	font: normal bold 14px/24px Arial;
}
.noa_det_h {
	font-weight: bold;
}
.noa_det {
	font-weight: normal;
}
.noa_img {
	width: 55px;
	height: 55px;
	border: 1px solid #cccccc;
	margin-right: 20px;
}

/*		MYACCOUNT FAVORITES STYLES		*/
.fav_cell {
	padding: 0px 0px 0px 40px;
	font-size: 12px;
	text-align: left;
}
.fav_cell_b {
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	text-align: left;
}
.fav_cell_d {
	padding: 0px 0px 0px 40px;
}
.fav_tit {
	font: normal bold 14px/24px Arial;
}
.fav_det {
	
}
.fav_img {
	width: 55px;
	height: 55px;
	border: 1px solid #cccccc;
	margin-right: 20px;
}

/*		MYACCOUNT ADDRESS STYLES		*/
.addy_cell {
	padding: 0px 0px 0px 40px;
	font-size: 12px;
	text-align: left;
}
.addy_cell_b {
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	text-align: left;
}
.addy_cell_d {
	padding: 0px 0px 0px 40px;
}
.addy_selector_s {
	padding: 0px 10px 10px 10px;
}
.addy_selector_b {
	padding: 0px 10px 0px 10px;
}
.addy_selector_c {
	padding: 10px 10px 0px 10px;
}
.addy_add {
	margin-bottom: 30px;
}
.addy_save {
	margin-left: 40px;
}
.tiny_hd {
	font: normal bold 10px/12px Arial;
	text-decoration: underline;
	color: #222222;
}
.label {
	font: normal bold 12px/20px Arial;
	color: #222222;
}
.inputCell {
	padding: 0px;
	margin: 6px 0px 6px 0px;
	overflow: hidden;
}
.first {
	width: 115px;
	margin-right: 10px;
}
.second {
	width: 50px;
	margin-right: 10px;
}
.third {
	width: 115px;
}
.ldr_img {
	padding: 0px 36px 8px 0px;
}

/*		MYACCOUNT SETTINGS STYLES		*/
.pref_cell {
	padding: 5px 0px 5px 40px;
	font-size: 12px;
	text-align: left;
}
.pref_cell_b {
	padding: 5px 0px 5px 20px;
	font-size: 12px;
	text-align: left;
}
.pref_cell_d {
	padding: 0px 0px 0px 40px;
}
.pref_tit {
	padding: 10px 0px 10px 40px;
	font: normal bold 12px/18px Arial;
}
.pref_save {
	margin-left: 40px;
}
.pref_save_b {
	margin-left: 0px;
}

/*		MYACCOUNT SECURESEALS STYLES		*/
.trust_sec {
	border-right: 1px solid #cccccc;
	text-align: center;
	margin-right:20px;
	margin-top: 10px;
}
.trust_lnk {
	margin-right: 10px;
}
.trust {
	text-align: left;
	margin-top: 10px;
}
.od_emphlarge {
	font: normal bold 18px/26px Arial;
}


/*		BOTTOM NAVIGATION STYLES		*/
ul.infoCol {
    list-style: none;
    -webkit-padding-start: 0px;
}

li.itemHead {
    font: normal bold 11px/14px Arial;
    letter-spacing: 1px;
    margin: 0px 0px 4px 0px;
    color: #222222;
    text-transform: uppercase;
}

li.infoItem {
    margin: 0px 0px 2px 0px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: normal normal 11px/12px Arial;
    vertical-align: baseline;
}

li.infoItem a {
    color: #222222;
    text-decoration: none;
}

li.infoItem a:hover {
    text-decoration: underline;
    color: #345878;
}

.b_lnks {
    background-color: #dce7fc;
    padding: 5px;
    width: 930px;
    float: left;
    border: 1px solid #888888;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.b_col {
    width: 206px;
    padding-left: 15px;
    font: normal normal 10px/14px Arial;
    background-color: #dce7fc;
    text-align: left;
}

.bsec_col {
    width: 206px;
    padding: 0px 15px;
    font: normal normal 10px/14px Arial;
    background-color: #dce7fc;
    text-align: left;
}

.bnav_separator { 
    max-height: 1px; 
    margin: 10px auto; 
    width: 100%; 
    overflow: hidden;
}

.linesep { 
    border-top: 1px solid #cccccc; 
    max-height: 1px; 
    margin: 10px 0px; 
    clear: both; 
    width: 80%; 
    overflow: hidden;
}

.b_foot { 
    color: #222222; 
    margin-right: 120px;
    margin-left:120px; 
    text-align:center;
    font: normal normal 10px/14px Arial;
}

.headlnk {
    color: #222222;
    text-decoration: none;
}

.headlnk:visited {
    color: #222222;
    text-decoration: none;
}

.headlnk:hover {
	color: #345878;
    text-decoration: underline;
}	




/*
 * BUTTONS!!!!
 */

/* Generic Button */
.button {
	font: normal bold 12px Arial;
	padding:6px 19px;
	text-decoration:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

.compact_button {
	font: normal bold 10px Arial;
	padding:4px 6px;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor: pointer;
	width: auto;
	overflow: visible;
}


/* Grey Button */
.greybutton {
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
    box-shadow:inset 0px 0px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #999 5%, #ccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999');
    background-color:#ccc;
    border:1px solid #dcdcdc;
    color:#3b3b3b;
    text-shadow:1px 1px 0px #ffffff;
}
.greybutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #ccc 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#999');
	background-color:#ccc;
}
.greybutton:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #ccc 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#999');
	background-color:#ccc;
	border:1px solid #999999;
}



/* Gold Button */
.goldbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fdea97;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fdea97;
	box-shadow:inset 0px 1px 0px 0px #fdea97;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdea97), color-stop(1, #e4c36e) );
	background:-moz-linear-gradient( center top, #fdea97 5%, #e4c36e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdea97', endColorstr='#e4c36e');
	background-color:#fdea97;
	border:1px solid #e4c36e;
	color:#3b3b3b;
	text-shadow:1px 1px 0px #fdea97;
}
.goldbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4c36e), color-stop(1, #fdea97) );
	background:-moz-linear-gradient( center top, #e4c36e 5%, #fdea97 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4c36e', endColorstr='#fdea97');
	background-color:#e4c36e;
}
.goldbutton:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d7b15e), color-stop(1, #d7b15e) );
	background:-moz-linear-gradient( center top, #d7b15e 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7b15e', endColorstr='#d7b15e');
	background-color:#bdab69;
	border:1px solid #b99851;
}



/* Blue Button */
.bluebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dce7fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dce7fc;
	box-shadow:inset 0px 1px 0px 0px #dce7fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dce7fc), color-stop(1, #c1d1f0) );
	background:-moz-linear-gradient( center top, #dce7fc 5%, #c1d1f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce7fc', endColorstr='#c1d1f0');
	background-color:#dce7fc;
	border:1px solid #c1d1f0;
	color:#3b3b3b;
	text-shadow:1px 1px 0px #dce7fc;
}
.bluebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c1d1f0), color-stop(1, #dce7fc) );
	background:-moz-linear-gradient( center top, #c1d1f0 5%, #dce7fc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d1f0', endColorstr='#dce7fc');
	background-color:#c1d1f0;
}
.bluebutton:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c1cce2), color-stop(1, #c1cce2) );
	background:-moz-linear-gradient( center top, #c1cce2 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1cce2', endColorstr='#c1cce2');
	background-color:#c1cce2;
	border:1px solid #aba9b3;
}



/* Orange Button */
.orangebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5d1b3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5d1b3;
	box-shadow:inset 0px 1px 0px 0px #f5d1b3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edb07b), color-stop(1, #e6944c) );
	background:-moz-linear-gradient( center top, #edb07b 5%, #e6944c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edb07b', endColorstr='#e6944c');
	background-color:#edb07b;
	border:1px solid #edb07b;
	color:#3b3b3b;
	text-shadow:1px 1px 0px #f5d1b3;
}
.orangebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6944c), color-stop(1, #edb07b) );
	background:-moz-linear-gradient( center top, #e6944c 5%, #edb07b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6944c', endColorstr='#edb07b');
	background-color:#e6944c;
}
.orangebutton:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce7626), color-stop(1, #ce7626) );
	background:-moz-linear-gradient( center top, #ce7626 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce7626', endColorstr='#ce7626');
	background-color:#ce7626;
	border:1px solid #a8560b;
}