/*

 * 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*/

#tabs{width:400px; }

.ui-tabs-nav {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none;  list-style: none; 

	font-family: Arial, sans-serif;

	font-size: 14px;

	float: left;

	position: relative;

	z-index: 1;

	border-right: 1px solid #d3d3d3;

	bottom: -1px;

}

.ui-tabs-nav li {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none;  list-style: none;

	float: left; 

	border: 1px solid #d3d3d3;

	border-right: none;

}





.ui-tabs-nav li a {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none;  list-style: none;

	float: left;

	font-size: 14px;

	font-weight: normal;

	text-decoration: none;

	padding: .5em 1.7em;

	color: #555555;

	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;

}

.ui-tabs-nav li a:hover {

	background: #dadada url(../images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;

	color: #212121;

}

.ui-tabs-nav li.ui-tabs-selected {

	border-bottom-color: #ffffff;

}

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {

	background: #ffffff url(../images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;

	color: #222222; font-weight:bold;

}

.ui-tabs-panel {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; flist-style: none;

	font-family: Arial, sans-serif;

	clear:left;

	border: 1px solid #d3d3d3;

	background: #ffffff url(../images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #222222;

	padding: .5em 1.7em;	

	font-size: 14px;

}

.ui-tabs-hide {

	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;

}



product_table_spacing{

	/*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: 1px solid #d3d3d3;

	background: #ffffff url(../images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #222222;

	padding: .5em 1.7em;	

	font-size: 1.1em;

}







/*hidden elements*/

.ui-hidden {

	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;

}

.ui-accessible-hidden {

	 position: absolute; left: -99999999px;

}

/*reset styles*/

.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*/

.ui-clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.ui-clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .ui-clearfix {height: 1%;}

.ui-clearfix {display: block;}

/* End hide from IE-mac */



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