/* ==========================================================================*/
/* This css file should establish tag styles that're shared by all sections  */
/* ==========================================================================*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ebebef;
}

body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

#bodybody{
	background-image: url(/lib/ylighting/background-ship-free.gif);
	background-repeat: no-repeat;
	background-position: right top;}

#orderform{
	background-image: url(/lib/ylighting/background-order-form.gif);
	margin: 0;
	padding: 18px 18px 0 18px;
	line-height: normal;
}


body, table, div, td, p {
	font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #7D7E79;
	font-size: 11px;
}


body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

.mainbody { 
	width: 900px;
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* Links  */

a { 
	text-decoration: none; 
	border: none; 
}

a:visited 
	{
	text-decoration: none;
	color: #999966;
	}

a:link 
	{
	text-decoration: none;
	color: #999966;
	}

a:hover 
	{
	text-decoration: underline;
	color: #999966;
	}


/* Breadcrumb links */

.navlink a, .navlink a:visited {
	color:#4c4c4c; 
	text-decoration:none;
	border-bottom: 1px solid #FFFFFF;
	font-size: .8em; 
	font-weight:bold;
	}
	
.navlink a:hover {
	color:#999966;
	}


.ahem {
	display:	none;
}

h1, h2 {
font-family:Helvetica, Arial, sans-serif;
} 
h3 ,h4, h5, h6, h7{
font-family:'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
} 


hr { 
	height:1px;
	margin: 0; 
	padding:0;
	border:none; 
	color: #CCCCCC;}

#hr {
        padding: 20px 0 20px 0;
}
	


/*Header -------------- */

/* Main Site Typography */

h1, h2, h3 { color:#111; font-family: Helvetica, Arial, sans-serif; margin:0px; padding:0px;}

h1 {font-size: 180%; margin:6px 0 12px 0; padding-bottom:4px; line-height:1.1em;}

h2 {font-size:130%; margin-top:12px;padding-top:10px;}

h2 a:link, h2 a:hover, h2 a:visited {text-decoration:none;border-bottom:none;color:#111;}

p {font-weight: normal; line-height: 18px; margin: 0 0 7px 0;}

p.pagethis {font-weight: normal; line-height: 2px; margin: 0; padding: 9px 0 0 0;}

p.short {font-weight: normal; line-height: 16px; margin: 0; padding-top: 0;}

p.bottomlist {font-weight: normal; line-height: 12px; margin: 7px 0 0 0;}



.red a:link {color: #CC0000;}
.orange {color: #999966;}
.alert {
	color: #CC0000;
	padding-left:26px;
	}
	
.hr {color:#CCCCCC; border-top: 1px solid #cccccc; padding: 0; margin: 0px;}



 /*----ORIGINAL -------*/

.popTop {
	background-color: #9FA095;
	color: #FFFFFF;
	padding: 7px;
	margin: 0;
}


.dark {


	color: #474744;


	}



a.dark {

	color: #474744;
	text-decoration: none;


	}



a.dark:visited {

	color: #474744;


	}



a.dark:hover {

	color: #474744;
	text-decoration: underline;


}


.white {


	color: #FFFFFF;


	}



a.white {

	color: #FFFFFF;
	text-decoration: none;


	}


a.white:link {

	color: #FFFFFF;
	text-decoration: underline;

}


a.white:visited {

	color: #FFFFFF;


	}



a.white:hover {

	color: #FFFFFF;
	text-decoration: underline;


}


.footer {


	color: #84848d;


	}



a.footer {

	color: #84848d;
	text-decoration: none;


	}



a.footer:visited {

	color: #84848d;


	}


a.footer:hover {

	color: #84848d;
	text-decoration: underline;


}

.bottombar {


	color: #FFFFFF;


	}



a.bottombar {

	color: #4c4c4c;


	}



a.bottombar:visited {

	color: #4c4c4c;


	}

a.bottombar:link {

	color: #4c4c4c;
	text-decoration: none;


	}



a.bottombar:hover {

	color: #4c4c4c;
	text-decoration: underline;


}

/* ************** SPECIALTY ITEMS ****************** */

/* CSS for swatches rollover */

#rollup {
	position: relative;
	color: #4c4c4c;
	text-decoration: none;
}

#rollup a span {
	display:none;
	text-decoration: none;
	font-weight: bold;
}

#rollup a:link span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}

#rollup a:visited span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}


#rollup a:hover span {
	position:absolute;
	top: 9px;
	left: 82px;
	width:350px;
	text-align: left;
	height:18px;
	display:inline;
	color: #999966;
	text-decoration: none;
	font-weight: bold;
}

img.swatch
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	}

img.swatch:visited 
	{
	border: 1px solid;
	color: #9FA095;
	text-decoration: none;
	}
img.swatch:link 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatch:hover 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatchlink
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	}

img.swatchlink:visited 
	{
	border: 1px solid;
	color: #9FA095;
	text-decoration: none;
	}
img.swatchlink:link 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatchlink:hover 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}



/*** End CSS for swatches rollover */



.redback {background-color: #330000; }

.ppcwhite {color: #FFFFFF; line-height: 18px; font-size: 14px }

#rfxImage {margin: 0px; padding: 0px; border: 0px; }

.rfxSwatch { cursor:hand; width:20px; height:20px; margin-left:1; margin-right:1; border: 1px solid #CCCCCC; }




/* ******************** BOXES ********************** */

.captionheader {
	background-image: url(/lib/ylighting/background-order-form.gif);
	background-color: #ebebef;
	color: #4C4C4C;
	padding: 5px;
	font-weight: bold;
}

.tan {
	background-color: #F6F8EE;
	color: #f3f3f3;
	padding: 0;
	margin: 0;
}

.darktan {
	background-color: #CCCCCC;
	color: #4c4c4c;
	padding: 0;
	margin: 0;
}

/* ************ Crumb rollover ************ */

.crumb {
	background-color: #EDEFE5;
	color: #4c4c4c;
	padding: 7px;
	margin: 0;
}

a.crumblink { 
	text-decoration: none; 
	border: none; 
	color: #4c4c4c;
}

a.crumblink:visited 
	{
	text-decoration: none;
	color: #4c4c4c;
	}

a.crumblink:link 
	{
	text-decoration: none;
	color: #4c4c4c;
	}

a.crumblink:hover 
	{
	text-decoration: underline;
	color: #4c4c4c;
	}

/* ************ END Crumb ************ */

.paging {
	background-color: #EDEFE5;
	color: #4c4c4c;
	padding: 7px;
	margin: 0;
}

.paginglight {
	background-color: #F6F8EE;
	color: #4c4c4c;
	padding: 7px;
	margin: 0;
}


li.block {
font-weight: normal;
margin-bottom: 3px;
}

ul.block {
margin: 0em 1.5em;
padding: 0;
list-style-type: square;
font-size: small;
}


/* ******************** HEADERS ********************** */

h1.headline  {
	font: lighter 16px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 15px;
	color: #4c4c4c;
	margin:0;
}

h1  {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 10px 0px 00px 0px;
	margin:0;
}


h2 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #4c4c4c;
	padding: 10px 0 5px 0;
	margin:0;
}

h3 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
}

h4 {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #;
	padding: 10px 0 0px 0;
	margin:0;
}


h5 
	{
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #7D7E79;
	text-decoration: none;
	font-weight: lighter;
	margin-top: 2px;
	margin-bottom: 10px;
	}

h6 
	{
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	}



a.homelink:link {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

a.homelink:hover {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #999966;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

a.homelink:visited {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

/* ************************ OTHER GLOBAL STUFF ************************ */
/* This is necessary bc IE does not deal with hr correctly */

form 
	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.ordertable {
        background-color: #FFFFFF;
	color: #4c4c4c;
        padding: 9px;
} 

textarea, input, select, option {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
	}

input.field {
	color : #7B7B78;
	text-decoration : none;
	width : 250px;
	height : 20px;
	border-color : #4c4c4c;
	border-width : 1px;
	border-style : solid;
}

input.yellow {
	color : #7B7B78;
	background-color: #FFFFCC;
	text-decoration : none;
	width : 250px;
	height : 18px;
	border-color : #4c4c4c;
	border-width : 1px;
	border-style : solid;
}


input.keywords {
	color : #7B7B78;
	text-decoration : none;
	width : 120px;
	height : 20px;
	border-color : #a9a9b1;
	border-width : 1px;
	border-style : solid;
}

input.account {
	color : #7B7B78;
	text-decoration : none;
	width : 185px;
	height : 18px;
	border-color : #a9a9b1;
	border-width : 1px;
	border-style : solid;
}

textarea.area {
	color : #7B7B78;
	text-decoration : none;
	width : 325px;
	border-color : #a9a9b1;
	border-width : 1px;
	border-style : solid;
}

textarea.sharing {
	color : #7B7B78;
	text-decoration : none;
	width : 290px;
	border-color : #a9a9b1;
	border-width : 1px;
	border-style : solid;
}

dl {
	font-size: 12px;
	margin-bottom: 0px;
	}

dt, dd {
	margin-top: 0px;
	margin-bottom: 0px;;
	}

sup
	{
	font-size: 10px;
	text-decoration: none;
	}

i
	{
	font-family: Arial, Helvetica, sans-serif;
	}


img 
	{
	border: 0;
	}

.note, 
.note a 
	{
	font-size: 10px;
	text-decoration: none;
	}
	
	
/* ==============================================================*/
/*			Removes margin from top of elements			*/
/* ==============================================================*/

.noTop
	{
	margin-top: 0px;
	}

.redback {
	background-color: #330000;
	color: #FFFFFF;
}

.whitebody {
	background-color: #FFFFFF;
        width: 760px;
	padding: 0;
	margin: 0;
}

.whitebottom {
	background-color: #FFFFFF;
	padding: 30px 12px 12px 12px;
	margin: 0;
}

.whiteback {
	background-color: #FFFFFF;
	color: #4c4c4c;
	padding: 0px;
	margin: 0px;
}

.container {
	background-color: #FFFFFF;
	padding: 24px;
	margin: 0;
}

.homefeature {
	background-color: #FFFFFF;
	padding: 12px;
	margin: 0px;
}

.graydark {
	background-color: #a9a9b1;
	color: #F3F3F3;
	padding: 0px;
	margin: 0px;
}

a.graydark:link {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #F3F3F3;
	padding: 0px;
	margin:0;
	text-decoration: none;
}

a.graydark:hover {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #F3F3F3;
	padding: 0px;
	margin:0;
	text-decoration: none;
}

a.graydark:visited {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #F3F3F3;
	padding: 0px;
	margin:0;
	text-decoration: none;
}

.graylight {
	background-color: #f5f5f5;
	color: #4c4c4c;
	padding: 12px 12px 30px 12px;
	margin: 0px;
}

.graytop {
	background-color: #ebebef; 
	color: #83847b; 
	border-bottom: 1px solid #FFFFFF; 
	width: 100%; 
	padding: 7px 7px 7px 17px; 
	text-align: left; 
	float: left;
	white-space: nowrap;
}

.rightbar {
	width: 156px;
}

.rightbarsrc {
	width: 156px;
	display: none;
        visibility: hidden;
}

.graymedium {
	background-color: #ebebef;
	color: #83847b;
	padding: 0px 12px 0 12px;
	margin: 0px;
}

.graydarkpad {
	background-color: #a9a9b1;
	color: #4c4c4c;
	padding: 3px 8px 3px 8px;
	margin: 0;
	font-size: 10px;
} 

.graylink {
	color: #4c4c4c;
	font-size: 10px;
} 

.grayBackToppad {
	background-color: #4C4C4C;
	color: #4c4c4c;
	padding: 3px 8px 3px 8px;
	margin: 0;
	border-right: 1px solid #4c4c4c;
	font-size: 10px;
}


.grayXdarkpad {
	background-color: #4C4C4C;
	color: F2F2F2;
	padding: 12px 8px 12px 8px;
	margin: 0;
}


.graytop {
	background-color: #FFFFFF;
}

.grayback {
	background-color: #F4F4F4;
}

.grayside {
	background-color: #F4F4F4;
}

.graysidepad {
	background-color: #FFFFFF;
	padding: 12px;
	margin: 0;
}

.graylines {
	background-color: #6B6B6B;
}

.fillerbar {
	border-left: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}


.red {
	color: #CC0000;
}

.textdarkgray {
	color: #474744
}

.textlightgray {
	color: #4c4c4c;
}


.shade {
	background-color: #EDF4F8;
}


.cushion {
	padding: 5px;
}

.cushion10 {
	padding: 10px;
}



/* ==============================================================*/
/*			Lists			*/
/* ==============================================================*/


li {
font-weight: normal;
margin-bottom: 5px;
}

ul {
margin: 0em 1.5em;
padding: 0;
list-style-type: disc;
list-style-image: url(/lib/ylighting/bullet-list.gif);
}



/* =============================== */
/*            Dropdowns            */
/* =============================== */


#nav A {font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #4c4c4c}


#nav A:hover {font-style: normal; text-decoration: none; background-color: #EDEFE5; border-bottom: 1px solid #f3f3f3; padding: 3px; }
#nav A:link {font-style: normal; display: block; color: #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 3px;}
#nav A:visited {font-style: normal; border-bottom: 1px solid #f3f3f3; padding: 3px; }

form {

        margin: 0;
        padding: 0;
}

#nav, #nav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.4;
        background-color: #ebebef;
	
        display: block;
}


#nav li { /* all list items */
	float: left;
        width: 16em; /* width needed or else Opera goes nuts */
	margin: 0px;
        padding: 0;
	background-color: #ebebef;
	
	
}

#nav li ul { /* second-level lists */
	position: absolute;
        width: 16em;
        border-top: 1px solid #7B7B78;
        border-right: 1px solid #7B7B78;
        border-left: 1px solid #7B7B78;
        background-color: #ebebef;
	
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul{
	left: -999em;
	color: #f3f3f3;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#subnav A {font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #7D7E79}


#subnav A:hover {font-style: normal; text-decoration: none; background-color: #EDEFE5; border-bottom: 1px solid #7B7B78; padding: 3px; }
#subnav A:link {font-style: normal; display: block; color: #7B7B78; border-bottom: 1px solid #7B7B78; padding: 3px;}
#subnav A:visited {font-style: normal; border-bottom: 1px solid #7B7B78; padding: 3px; }

#subnav, #subnav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.4;
   background-color: #ffffff;
   display: block;
   z-index:10;
}


#subnav li { /* all list items */
	float: left;
        width: 16em; /* width needed or else Opera goes nuts */
	margin: 0px;
        padding: 0;
	background-color: #ffffff;
	
	
}

#subnav li ul { /* second-level lists */
	position: absolute;
        width: 16em;
        border-top: 1px solid #7B7B78;
        border-right: 1px solid #7B7B78;
        border-left: 1px solid #7B7B78;
        background-color: #ffffff;
	
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#subnav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#subnav li:hover ul ul, #subnav li.sfhover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul ul{
	left: -999em;
	color: #7D7E79;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#content {
	clear: left;
	color: #7B7B78;
}


/* =============================== */
/*               Tabs              */
/* =============================== */

.padtabs {font-weight: normal; line-height: 18px; margin: 0 
0 0px 0; padding: 0 0 4px 0;}

.titlecase {text-transform: Capitalize;}


/* =============================== */
/*             Sidebar             */
/* =============================== */


#rightsidebarnav {padding: 0px;text-align:left;font-size:11px; padding-top: 5px;}

p#rightsidebarnav a{
	white-space: nowrap;
        text-align: left;
	display: block;
	line-height: 1.1em;
	padding: 10px 0 7px 0;
        margin: -1.5em 0 0 0;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;}
p#rightsidebarnav a:hover{
	color: #666666;
	border-bottom: 1px solid #cccccc;
        text-transform: Capitalize;}



/* =============================== */


#sidebarnav {padding-left:0px;text-align:left;font-size:11px;}

ul#sidebarsections {list-style-type: none;margin: 0;padding: 0; text-transform: capitalize;}
ul#sidebarsections li a{
	text-align: left;
	display: block;
	margin: 0;
	line-height: 1.1em;
	padding: 3px 0 3px 0px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;}
ul#sidebarsections li a:hover{
	color: #999966;
	border-bottom:1px solid #cccccc;}
ul#productabs ul {
	text-align: left;
	list-style-type: none;
	margin: 0; padding: 0;
	text-transform: Capitalize;
	font-size:11px;
	font-weight: normal;}
		
ul#sidebarsections ul li {line-height: 1.1em;padding: 1px 0px 1px 0px; background:url(/lib/ylighting/side-bar-square.gif) no-repeat left 50%;}
ul#sidebarsections li ul li a {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	border-bottom: none;
	margin-left:10px;} 
ul#sidebarsections li ul li a:hover {border-bottom:none; color:#333333;}



#sidebar h4 {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #cc0000;
	padding: 0 0 5px 0;
	margin:0;
}


#sidebar h4 a:link, a:hover a:visited {text-decoration:none;border-bottom:none;color:#4C4C4C;}




/* =hovermore Code
----------------------------------------------------------------------*/

.hovermore
{
	cursor: pointer;
	list-style: none;
        margin: 0;
	padding: 0;
	text-align: left;

}

.hovermore a .preview
{
	cursor: pointer;
	display: none;
}

.hovermore a:hover .preview
{
	display: block;
	position: absolute;
	top: -216px;
	left: 16px;
	z-index: 1000;
}

.hovermore img
{
	background: #fff;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0;
	vertical-align: top;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
}

.hovermore li
{
	background: #fff;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.hovermore .preview
{
	border-style: solid;
	border-width: 1px; 
	border-color: #CCCCCC;
        padding: 10px;
        margin: 0px;
	width: 230px;
	height: 230px;
}

.dottedLine p {
	background-image: url(/lib/ylighting/gray-dots.gif);
	line-height: 1px;
	padding: 0 0 5px 0;
	margin: 0;
}

/* Cursor pointers - make non link triggers appear as a link*/
.trigger_tell_a_friend, .trigger_product_question, .trigger_review, .trigger_product_zoom, .trigger_liveperson, .trigger_contact_us, .trigger_rt_inventory, #search-featured-products-heading {
cursor:pointer;
}

/* Section */
.section-rating {padding: 0}
.section-rating img {float:left;margin:2px 4px 0px 0px}
.section-rating-count {color:#999966}

/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/

/*UI tabs*/
#thetabs {
	width:408;
}
#thetabs .ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;*/
	float: left;
	position: relative;
	z-index: 1;
	/*border-right: 3px solid #ffffff;*/
	bottom: 0px;
}
#thetabs .ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
#thetabs .ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border-right: 2px solid #ffffff;
}
#thetabs .ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	/*font-size: 1em;*/
	font-weight: bold;
	text-decoration: none;
	padding: .4em 1em;
	color: #8F908A;
	background: #e9e9e9;
}
#thetabs .ui-tabs-nav li a:hover {
	background: #dadada;
	color: ##8F908A;
}
#thetabs .ui-tabs-nav li.ui-tabs-selected {
	/*border: 2px solid #9e9f9a;*/
}
#thetabs .ui-tabs-nav li.ui-tabs-selected a, #thetabs .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #9e9f9a;
	color: #e6e6e6;
}
#thetabs .ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*font-family: Verdana,Arial,sans-serif;*/
	clear:left;
	border-top: 1px solid #cccccc;
	background: #ffffff;
	color: #666666;
	padding:10px 0 0 0;	
	/*font-size: 1.1em;*/
}
#thetabs .ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}


/*hidden elements*/
#thetabs .ui-hidden {
	position: absolute; left: -99999999px*/;
}
#thetabs .ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
#thetabs .ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
#thetabs .ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#thetabs .ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
#thetabs .ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */