
@import	url(jquery.datepick.css);

/*  ==================================  */
/*  =============  RESET   =============  */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, button, textarea, table, caption, tbody, tfoot, thead, tr, th, td
				{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus				{outline:0;}
body				{line-height:1;}
ol, ul				{list-style:none;}
table				{border-collapse:separate; border-spacing:0;}
caption, th, td			{text-align:left; font-weight:normal;}


/*  =============  RESET   =============  */
/*  ==================================  */


.Hidden,
#SkipLinks			{position:absolute; left:-10000em; top:auto; width:1px; height:1px; overflow:hidden;}


/*  ==================================  */
/*  ============  TOOLBAR   ============ */


#Toolbar				{float:left; width:100%; padding:0.75em 0;}

#tMenu,
#tAccount			{padding:0	1.5em;}
#tOptions li div			{right:		1.5em;}

#tMenu li				{margin-right:	0.5em;}
#tOptions li			{margin-left:	0.5em;}

#Toolbar a,
#tMenu,
#tMenu li,
#tOptions,
#tOptions li,
#tOptions span,
#tUser,
#Toolbar li:hover div, 
#Toolbar a:hover div		{display:block; float:left;}
#tAccount			{display:block; float:right;}

#tUser				{padding:0.5em 1.25em;}

#tOptions span			{padding-left:2em;}

#Toolbar a			{padding:0.5em 0.75em; font-weight:bold; text-decoration:none;}

#Toolbar li div			{display:none; position:absolute; margin-top:2.25em;}

#Toolbar li div li, 
#Toolbar li div li:hover,
#Toolbar li div a			{display:block; float:none; margin:0; padding:0; line-height:1em; font-weight:normal;}

#Toolbar li div a			{margin:0 0 0.75em 0.5em; padding:0 2em 0 1em; border-left-width:4px; border-style:solid;}

#Toolbar li div ul			{margin:1.5em 0.75em;}

#Toolbar li div a:hover		{text-decoration:underline;}


/*  ============  TOOLBAR   ============ */
/*  ==================================  */


/*   # # # # # # # # # # # # # # # # # # # # # # # #    */
/*  - - - - - - - - -  Footer on bottom  - - - - - - - - - - -   */


html, body			{height: 100%;}
#Container1			{min-height:100%;}
#Footer				{position:relative; margin-top:-4em; height: 4em; clear:both;}
body:before			{content:""; height:100%; float:left; width:0; margin-top:-32767px;/}


/*  - - - - - - - - -  Footer on bottom  - - - - - - - - - - -   */
/*   # # # # # # # # # # # # # # # # # # # # # # # #    */


#Container2			{margin:0 auto; padding:0 1.5em;}


/*  ==================================  */
/*  =============  BANNER   ============ */


#Banner				{float:left; width:100%; padding:1em 0;}

#Banner	h1 {float: left;
font-size: 18px;
font-weight: normal;
margin-top: 1em;
padding-bottom: 7px;
width: auto;
color: #214A34;
text-shadow: 0px 3px 6px rgba(0,0,0, 0.15);}

#Identity img			{float:left; width:auto;  line-height:60px; font-size:1.5em;  margin: 18px 0px;}

#Search				{float:right; padding:0.4em; margin-top:1.5em;}

#Search form,
#Search fieldset			{float:left;}

#Search input,
#Search select,
#Search button			{float:left; height:2em; margin-right:0.4em;}

#Search input			{padding:0.5em; height:1em; line-height:1em;}

#Search select			{padding:0.25em; background-color: #e9e9e9;}

#Search button			{padding:0 0.75em 1px 0.75em; margin-right:0; font-weight:bold; cursor:pointer;}

#Search button span		{padding-left:1.75em;}


/*  =============  BANNER   ============ */
/*  ==================================  */


#Container3			{float:left;	clear:both; 	width:100%;	padding-bottom:8em;}
#Nav				{float:left;	padding:0 1.5em;	width:15em; 	padding-bottom:3em;}
#Main				{	padding:0 1.5em;	margin-left:19.5em;	}


/*  ==================================  */
/*  =======   COMMON NAV+MAIN   ======== */


#Container3 h1, 
#Container3 h2 {margin:1.5em 0; font-size:1.25em; border-width:0 0 4px 0; border-style:solid; padding-bottom:0.5em; float:left; width:100%;}

#Container3 h2 img {float:right;padding-right:0.75em;}

#Container3 #GuestContent h2 {margin:0 0 1em;}



/*  =======   COMMON NAV+MAIN   ======== */
/*  ==================================  */


/*  ==================================  */
/*  ===============  NAV  ============== */


#Nav ul				{float:left; width:100%; margin:0 0 2em 0;}
#Nav a				{display:block; padding:0.25em 0.25em 0.25em 1.25em; margin:0 0 0.5em 0; text-decoration:none; border-left-width:4px; border-style:solid;}
#Nav a:hover,
#Nav a:focus			{text-decoration:underline;}
#Nav .Selected a			{font-weight:bold;}
#Nav p				{font-weight:bold; padding:0.5em 0 0 0; margin:0 0 1em 0; float:left; width:100%;}

.NavActions			{display:block; float:left; width:100%;}
#Nav .NavActions a		{padding:0.75em 0.25em; margin:0 0 0.5em 0; border-width:0px; font-weight:bold;  text-align:center;}
#Nav .NavActions a:hover,
#Nav .NavActions a:focus		{text-decoration:none;}

#Nav .NavActions .nAll a,
#Nav .NavActions .nBack a		{text-align:left; padding-left:3em;}


/*  ===============  NAV  ============== */
/*  ==================================  */

/*  ==================================  */
/*  ===============  BUTTONS_ACTION  ============== */

#Nav ul				{float:left; width:100%; margin:0 0 2em 0;}
#Nav a				{display:block; padding:0.25em 0.25em 0.25em 1.25em; margin:0 0 0.5em 0; text-decoration:none; border-left-width:4px; border-style:solid;}
#Nav a:hover,
#Nav a:focus			{text-decoration:underline;}
#Nav .Selected a			{font-weight:bold;}
#Nav p				{font-weight:bold; padding:0.5em 0 0 0; margin:0 0 1em 0; float:left; width:100%;}




/*  ===============  BUTTONS_ACTION  ============== */
/*  ==================================  */


/*  ==================================  */
/*  ===============  MAIN   ============= */


#Main a:hover,
#Main a:focus			{text-decoration:none;}


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*  - - - - - - - - - - - - -  tables  - - - - - - - - - - - - - - -   */

table				{float:left; width:100%; margin:-0.75em 0 0 0;}

div.searchTableContainer{float:left;overflow-x:auto;width:100%;margin-bottom:3em;}

div.searchTableBottomList {clear:both;display:inline;}
th, td				{padding:1em; border-bottom:1px solid transparent; vertical-align:middle;}
th				{font-weight:bold; white-space:nowrap;}
.searchTable th	{font-weight:bold; white-space:normal; font-size:11px;}
.searchTable th.flag	{font-weight:bold; white-space:nowrap; font-size:11px;}
.searchTable th.flag	img{float:none;}
.searchTable th img {vertical-align:middle; float:none;}
.searchTable td.flag {text-align:center;}

td.Extended			{width:100%;}
td.NoWrap			{white-space:nowrap;}

th:first-child, 
td:first-child			{padding-left:0.5em;}
th:last-child, 
td:last-child			{padding-right:0.5em;}


/*  - - - - - - - - - - - - -  tables  - - - - - - - - - - - - - - -   */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


#Main ul.ViewAll			{float:left; width:100%; margin:0.75em 0;}
#Main ul.ViewAll a			{display:block; float:right; padding:0.25em 2em 0.25em 0;}


/*  ===============  MAIN   ============= */
/*  ==================================  */


/*  ==================================  */
/*  =============  FOOTER  ============= */


#Footer				{float:left; width:100%;}
#Footer li				{float:left;}
#Footer li.Last			{float:right;}
#Footer a				{display:block; float:left; padding:1em; margin:0 0.5em; text-decoration:none;}
#Footer a:hover			{text-decoration:underline;}


/*  =============  FOOTER  ============= */
/*  ==================================  */






#Main h3				{float:left; width:100%; font-size:1.05em;}

#Main form			{float:left; width:100%;}



#Main fieldset			{border-top:1.9em solid #edf1ec; float:left; width:100%;}
#Main fieldset.noLegend	{border-top:none;}
#Main fieldset fieldset 		{border-top:2px solid #edf1ec; padding:0 0 1em 0;}

#Main legend			{font-weight:bold; padding:0 1.5em; margin:0 0 0 1.5em; background:#FFF;}
#Main fieldset fieldset legend		{padding:0 1.5em 0 0; margin:0;}

.fElements			{padding-left:3em;}

.fElements.noL			{padding-left:0em;}

.fElements p			{padding:1em 0; border-bottom:1px dotted #edf1ec; float:left; width:100%;}
.fElements p.Mandatory		{margin:1em 0 2em 0; padding:1em 0; border-bottom:3px double #edf1ec;}
.fElements noscript p		{padding:0; border:0; float:none; width:auto;}

.fElements div			{padding:1em 0; float:left; width:100%;}
.fElements div+div			{border-top:1px dotted #edf1ec;}

.iGroup,
#Main label			{display:block; float:left; width:20em; padding:0.3em 0; margin:0 1em 0 0;}
#Main label.iLabel			{display:inline; float:none; width:auto; padding:0; margin:0;}

#Main label.iRadio,
#Main label.iCheck			{display:block; float:none; width:auto; padding:0em 0; margin:0 0 0 23em;}

#Main input.iText,
#Main select,
#Main textarea			{border:1px solid #eaeaea; padding:0.25em; border-radius:2px;}

#Main input.iText:focus,
#Main select:focus,
#Main textarea:focus		{background-color:#fdffec;}

#Main input.iRadio,
#Main input.iCheck			{margin-left:21em; float:left;}

span.Mandatory			{color:#C03;}

.iDisabled			{background:#e0e0e0; color:#263844;}

.Buttons				{float:left; width:100%; border-top:3px double #edf1ec; padding:1em 0; margin:1em 0;}

.Buttons button, .Buttons input.BTN{
	padding:0.75em 1.5em; 
	border-radius:3px; 
	font-weight:bold; 
	cursor:pointer;
	background:#2C3B33  /*url(../images/button_gradient.png) #000000 0 0 repeat-x*/;
	margin:0 1em 0 0;
	/*border-style: solid;
	box-shadow:0 2px 2px #c8d3de;
	text-shadow:0 1px 0 #000000;
	border-width: 1px;
	border-color: #5c5c5c #3d3d3d #000000 #5c5c5c;*/
	color:#fff;
}
.Buttons button:hover,
.Buttons input.BTN:hover,
.Buttons button:focus,
.Buttons input.BTN:focus {
	/*box-shadow:0 1px 0px #ebf1f7;*/
	background-color:#2C3B33  ;
	/*text-shadow:0 1px 2px #000000;
	border-color: #7f7f7f #505050 #333 #7f7f7f;*/}
}


.ContextualHelpB			{display:block; margin:0.5em 0 0 21em;}


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


td.SelectRow			{text-align:center;}

#Main table label			{display:inline; float:none; width:auto; padding:0; margin:0 0 0 0.5em;}
#Main table input.TiCheck		{vertical-align:top;}

#Main input.TiText			{border:1px solid #eaeaea; padding:0.25em; border-radius:2px;}
#Main input.TiText:focus		{background-color:#e0f5ff;}

.TRHLT,
.TRHLT:hover td			{background:#ebf1f7;}

.ico24				{width:24px; height:24px;}
.ico16				{width:16px; height:16px;}

td a img:hover			{box-shadow:0 0 2px #283644;}

td a img.addCartIcon {margin-left:1em;}

.infoIcon {vertical-align:top;margin-left:0.75em; width:auto;}

td a img.removeIcon:hover,td a img.addCartIcon:hover			{box-shadow:none;}




th img				{vertical-align:middle; float:right;}

strong				{font-weight:bold;}
em				{font-style:italic;}





.Pagination			{display:block; float:left; width:100%; padding:1em 0; border-bottom:3px double #ddd;}
.Pagination p			{float:left; padding:0.25em 1em 0.25em 0 ; border-right:1px solid #ddd;}
.Pagination .PageNav		{float:left;}
.Pagination li			{float:left; padding:0.25em 0.5em; margin:0 0 0 0.5em; border-radius:2px;}
.Pagination li.Selected		{color: #000; background-color: #fcd947;}















.Message			{display:block; float:left; width:100%; margin:0 0 3em 0; min-height:4em; border-radius:3px; padding-top:0.75em;
				background-position:1.5em 1em; background-repeat:no-repeat;}
.Message p,
.Message ul			{margin:1em 1em 1em 6em;}
.Message ul			{list-style-type:square;}
.Message li			{margin-left:1.5em;}
#Main .Message a			{color:#444;}
.mInfo				{background-color:#d4f4ff; background-image:url(../images/ico_message_info.gif);}
.mSuccess			{background-color:#eaffcc; background-image:url(../images/ico_message_success.gif);}
.mWarning			{background-color:#fff2cc; background-image:url(../images/ico_message_warning.gif);}
.mError				{background-color:#ffd9e2; background-image:url(../images/ico_message_error.gif);}





#Nav.GuestNav			{padding-bottom:0.3em;}
#Nav.GuestNav h1			{border:0; color:#333; text-align:left; font-size:1.2em; line-height:17px; margin-bottom:1.5; padding-bottom:0;}
#Nav.GuestNav h2			{border:0; color:#333; text-align:left; font-size:1.2em; line-height:17px; margin-top:0; padding-top:0;}
#Nav.GuestNav span		{font-size:1.2em;}
#Nav.GuestNav img		{/*padding-bottom:5px;*/   margin-left: -6px;}	

#Nav.GuestNav h1	+h1 {margin:0.5em 0;}

#Nav.GuestNav h1 a {border:none;padding:0.25em 0.45em;}

#GuestHome			{float:left; width:100%; margin:2.7em 0 0 0;}

#LogIn				{float:left; width:23em; padding-left:1.5em;}
#LogIn label			{width:100%; padding:0.3em 0; margin:0;}
#LogIn input.iText			{display:block; width:19.3em;}
#LogIn .Buttons button, #LogIn .Buttons input.BTN {width:7em; float:left; padding-left:0; padding-right:0;}
#LogIn .Buttons a			{display:block; margin:0.75em 0 0 8.5em;}

#GuestContent			{margin-left:27.5em; padding-bottom:3em;}
#GuestContent p			{text-align:justify;margin:0 0 1em 0;float:left;width:100%;}
#GuestContent h3			{margin:1.5em 0 0.5em 0; font-size:1.5em;}
#GuestContent h4 		{float: left;font-size: 1.125em;font-weight: bold;width: 100%;margin:1em 0;}
#GuestContent ul			{float:left; width:90%; margin:0 0 1em 0em; list-style:square;}
#GuestContent li			{text-align:justify; padding:0 0 0 0.5em; margin:0 0 1em 2em;}
#GuestContent ol			{float:left; width:90%; margin:0 0 1em 4em; list-style:decimal;}

#GuestContentImg {
    clear: both;
    text-align: center;
    width: 100%;
}

#GuestContentImg img {
    margin: 1em 5em 0 0;
	min-height:120px;
}




body.PopUp			{background-color:#333;}
body.PopUp #Main			{margin:1.5em 0 0 0; padding-bottom:3em; box-shadow:0 0 4px #283644;}
body.PopUp #Container3		{padding-bottom:1.5em;}
a.PopUp				{padding:0 2em 2px 0.5em; background:url(../images/ico_popup.gif) 100% 0 no-repeat;}


.Content				{float:left; width:100%; line-height:1.5em;}
.Content p			{float:left; width:100%; margin:0 0 1em 0; text-align:justify;}
.Content h3,
.Content h4			{margin:1em 0;}
.Content h4			{float:left; width:100%; font-size:1.125em; font-weight:bold;}
.Content ul			{float:left; width:100%; margin:0 0 1em 0; list-style:square;}
.Content ol			{float:left; width:100%; margin:0 0 1em 0; list-style:decimal;}
.Content li			{text-align:justify; padding:0 0 0 0.5em; margin:0 0 0 2em;}
.Content dl			{float:left; width:100%; margin:0 0 1em 0; list-style:square;}
.Content dt			{float:left; width:100%; font-weight:bold;}
.Content dd			{text-align:justify; margin:0 0 0 2.5em;}



/* ALEX */
#passwordStrength {
    float: left;
    left: 0;
    position: relative;
    width: 380px;
	padding:0px;
}

#Main #passwordStrength input.iText{
float:left;
width:auto;
}

#passwordSettings {width:auto;float:left;position:relative;}

.fElements div.indicatorContainer,.fElements div.passwordMessage {
    height: 15px;
    left: 240px;
    position: absolute;
    top: 0px;
    width: 130px;
	padding:0;
	border:none;
	clear:left;
	/*margin-left:2em;*/
}

.fElements div.indicatorContainer {
    background: url("../images/bg_pswd_strength.gif") repeat-x scroll 0 0 transparent;
    width: 100px;
	padding:0;
	height:22px;
	width: 130px;
}
.fElements div.passwordMessage p {
    border-bottom: 0 none;
    line-height: 19px;
    margin: 0;
    text-align: center;
	padding:0;
}
.fElements div.indicatorContainer div {
    background: url("../images/indicator.gif") repeat scroll 0 50% transparent;
    height: 22px;
    width: 0;
	padding:0;
}
.iEmptySelect {
    cursor: pointer;
    display: none;
    width: 20em;
}
#Main input.iQty {
    width: 4em;
}
#Main tr.details td {
    vertical-align: top;
}
#Main td.al-right {
    text-align: right;
}

#Main.cpvTree{
float:left;
width:97%;
}

.w40 {

    width: 40%;

}
.Left {
    display: block;
    float: left;
}

#Main .Left .fElements{
padding-left:0;
}

/*#Main .Left form {
    background-color:#ebf1f7;
    float: left;
    padding: 1%;
    width: 98%;
}*/

/*#Main .Left fieldset {
    float: left;
    width: 100%;
	border-top:0;
}*/

/*#Main.cpvTree fieldset {
    border-top: 2px solid #ebf1f7;
    padding: 0 0 1em;
}

#Main.cpvTree fieldset legend {
 margin: 0;
 padding: 0 1.5em 0 0;
}*/

#Main.cpvTree .fElements div + div{
border-top:none;
}


#Main .Left h3 {
    background-color:#283644;
    color: #FFFFFF;
    float: left;
    margin: 10px 0 0;
    padding: 5px 1%;
    width: 98%;
}

#Main .Left form p {
    clear: both;
    display: block;
    float: left;
    margin: 1% 0 0;
    width: 100%;
}

#Main .Left span.RCOptions, #Main .Left label {
    width:10em;
}

#Main .Left input.Text {
    padding: 2px 0 3px;
    width: 50%;
}
)
#Main .Left .Text {
    float: left;
}

/*#Main .Left select, #Main .Left textarea, #Main .Left input {
    background: url("../images/bg_input.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #B6B9AE;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 100%;
    margin: 0 5px 0 0;
}*/

#Main .Left select#searchResults, #Main .Left select#selectedItems {
    /*width: 100%;*/
	min-width:98%;
	width:auto;
	position:absolute;
}

#Main .Left .Buttons{
	padding-top:10px;
	margin:1em 0 0 0;
}

#Main .Left .Buttons button,#Main .Left .Buttons input.BTN {
    float:right;
}


.w55 {
    width: 55%;
}

.Right {
    display: block;
    float: right;
}

.Buttons button.card,.Buttons input.BTN.card{
background:url(../images/card.gif) no-repeat 5px 5px #ddd;
border: 1px solid #bdbdbd;
    color: #333;
    padding: 0.75em 1.5em 0.75em 2.7em;
    text-shadow: none;
}

.csv{
border-top:none;
}

.csv button,.csv input.BTN{
background:url(../images/csv.png) no-repeat 7px 6px #ebf1f7;
padding:0.75em 1.5em 0.75em 2.5em;
}

.csv button a,.csv input.BTN a{
text-decoration:none;
color:#283644;
}


.fElements div.noBorder{
border-top:none;
}

.fElements div.productImage, div.compareItems div.productImage{
float:left;
max-width:470px;
max-height:360px;
margin-right:1%;
text-align:center;
vertical-align:top;
width:100%;
}

div.compareItems div.productImage{
margin-bottom:25px;
}

.fElements div.productImage img{
max-width:470px;
max-height:360px;
}

div.compareItems img.productImage{
max-width:200px;
max-height:360px;
}

.fElements div.productDetails{
width:400px;
margin-left:10px;
border:none;
}

#Main div.compareItems div.productDetails{
float:left;
width:100%;
border:none;
}

div.compareItems div.productDetails{
float:left;
width:100%;
border:none;
}

.fElements div.productPricing{
background-color:#f0f0f0;
border:none;
width:85%;
padding:10px;
text-align:center;
float:none;
}

.fElements div.productPricing div.content{
margin:1em 0;
padding:0;
text-align:center;
}

#Container3 .productDetails h1{
color:#283644;
border:none;
padding:0;
margin:0 0 1.5em 0;
font-weight:bold;
}

#Container3 .productDetails h4{
color:#283644;
border:none;
padding:0;
margin:0;
border-bottom:2px solid #e0f5ff;
font-weight:bold;
}

#Container3 .productDetails p{
font-weight:normal;
border:none;
float:none;
}

#Container3 .productPricing h1{
margin:1em 0;
padding:0;
font-weight:bold;
float:none;
}

div.compareItems .productPricing select{
float:left;
}

div.compareItems .productPricing label{
width:40%;
margin:0;
float:left;
}

div.compareItems .productPricing input{
width:30px;
text-align:left;
float:left;
}

div.compareItems .productPricing div.Buttons{
margin:0 0 0 4px;
padding:0px 0;
}

div.compareItems .favList{
margin:2% 10%;
width:80%;
padding-top:0;
float:none;
}

div.compareItems .favList{
margin:2% 0;
width:auto;
padding-top:0;
float:left;
}

div.compareItems .favList select{
float:none;
margin-top:5px;
}

div.compareItems div.compareItems .favList select{
float:left;
margin-top:3px;
}

div.compareItems .favList div.Buttons{
margin:0 0 0 5px;
padding:0px 0;
float:none;
width:auto;
font-size:10px;
display:inline;
border:none;
}

#Main .productPricing select{
float:left;
}

#Main .productPricing label{
width:40%;
margin:0;
float:left;
}

#Main .productPricing input{
width:30px;
text-align:left;
float:left;
}

#Main .productPricing input.BTN{
width:auto;
}

#Main .productPricing div.Buttons{
margin:0 0 0 4px;
padding:0px 0;
}

#Main .favList{
margin:0 1%;
width:98%;
padding-top:0;
}

#Main div.compareItems .favList{
margin:8px 0;
width:100%;
padding-top:0;
float:left;
clear:both;
}

#Main .favList select{
/*float:none;*/
margin-top:5px;
width:74%;
}

#Main div.compareItems .favList select{
/*float:left;*/
margin-top:3px;
width:70%;
}

#Main .favList div.Buttons{
margin:0 0 0 5px;
padding:0px 0;
width:auto;
font-size:10px;
display:inline;
border:none;
}

#Main .orderOptions{
margin:0 5%;
width:90%;
padding-top:0;
text-align:center;
border:none;
}

#Main .orderOptions label{
float:none;
margin-top:5px;
text-align:right;
display:inline;
}

#Main .orderOptions input{
float:none;
margin-top:5px;
margin-left:14px;
display:inline;
}

#Main .orderOptions div.Buttons{
margin:0 0 0 9px;
padding:0px 0;
float:none;
font-size:10px;
display:inline;
border:none;
}


div.compareItems table {margin-top:3px;}
div.compareItems td.first {margin:0; border-top-width:0px;text-align:center;}
div.compareItems{ width:100%; overflow:auto;  margin-left:0em;}
/*div.compareItems .headcol {width:20%; padding-right:4px;}*/
div.compareItems .long {max-height:10px;min-width:20em;}

/* #Main .remark{display:none;} */

/* ALEX */

select[multiple="multiple"] option[selected="selected"]			{color:#fff !important;}
input.checkAll {margin-right: 0.55em;vertical-align: middle;}

#searchResultsDiv, #selectedItemsDiv {height:170px;overflow:auto;position:relative;width:100%;}

#Main div.searchCriteria h3 {line-height:1;}
#Main div.searchCriteria h3 {padding:5px;cursor:pointer; background: #eee url("../images/state.gif") no-repeat 100% 5px; display:block; text-decoration:none; margin:0; /*margin-top:10px;*/width:98.5%;position:relative;height:13px;}  
#Main div.searchCriteria h3 a {color: #444; text-decoration:none;vertical-align:top;background-color:#ffffff;position:absolute;top:0px;height:29px;padding:0.75em 1.5em 0 1em;}

#Main div.searchCriteria .active {background-color: #e9e9e9;  background-position: 100% -24px;}

#Main div.searchCriteria>div {float:left;width:100%;}

#Main div.searchCriteria span.expandContentTitle{margin:1em 0 0 0.55em;padding:0 0 0 0.85em;font-size:11px;vertical-align:top;font-weight:bold;}
.col {float: left; width:210px; margin-right:30px;}
.disclaim {margin:10px; padding:10px; background: red;}

#Main td img.updateItem {vertical-align:middle;}

#Main th.alert {width:1%;}

/*-------------------------------------------- JQuery Alert -------------------------------------------------------------------------*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #7a8a99;
	color: #283644;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #525c66;
	background: #b8c2cc url("../images/title.gif") top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #7a8a99;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1.3em 1.75em;
	margin: 0em;
}

#popup_content.confirm {
	background-image: url("../images/important.gif");
}

#popup_message {
	padding-left: 50px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_panel.Buttons {
border:none;
}

#popup_panel.Buttons input.BTN {
padding: 0.2em 0.75em;
}

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

/* YAY IE6 awsomeness */
*html h3 a {zoom:1;}

/*===================================================================================================================================*/
/*=================================================== COMPARE LIST TABLE ============================================================*/
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
	position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*============================================================================================================*/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;
			
			/* size */
		    height: 1px;
			}
	
	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */

.divider {
	margin-top:0;
	}
	
.myTableWrapper {
	width: 800px;
	height: 500px;
	}

.height250 {
        height: 250px;
        overflow-x: auto;
        overflow-y: auto;
}

.height400 {
        height: 400px;
        overflow-x: auto;
        overflow-y: auto;
}

.fht-thead table.fht-table{
	width:99%;
}


.fancyTable td, .fancyTable th {
	/* appearance */
	border: 1px solid #778899;
	
	/* size */
	padding: 5px 3px;
}
	
.fancyTable th {
	/* appearance */
	/padding-left:1px;
}
	
.fancyTable tbody tr td {
	/* appearance*/
	background-color: #f5f9fc;
	color: #283644;
	}

.fancyTable tbody tr.odd td {
	/* appearance */
	background-color: #ebf1f7;
	}

.fancyTable thead tr th,
.fancyTable thead tr td,
.fancyTable tfoot tr th, 
.fancyTable tfoot tr td {
	color: #121517;
	text-shadow: 0 1px 1px #e8ebee;
	text-align:center;
	}

.fancyTable thead tr th,
.fancyTable thead tr td,
.fancyTable tfoot tr th, 
.fancyTable tfoot tr td {
	background-color: #ffffff;
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;
	}
	

/* Fancy Dark Table */	
.fancyDarkTable .numeric {
	/* text */
	text-align: right;
	}

.fancyDarkTable td, .fancyDarkTable th {
	border: 1px solid #000000;
	padding: 5px;
}

.fancyDarkTable thead tr th {
	padding: 10px 5px 10px 5px;
	}

.fancyDarkTable {
	/*border-collapse: separate;*/
	
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.fancyDarkTable tbody tr td {
	/* appearance */
	background-color: #48535e;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.0) 0%,
		rgba(255,255,255,0.02) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.0)),
		color-stop(100%,rgba(255,255,255,0.02)));
	border-bottom-color: #22272e;
	border-top-color: #708090;
	border-right-color: #000;
	border-left-color: #3c454f;

	/* size */
	padding: 10px 5px 30px 5px;

	/* text */
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000000;
	}

.fancyDarkTable tbody tr.odd td {
	/* appearance */
	background-color: #3c454f;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.0) 0%,
		rgba(255,255,255,0.02) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.0)),
		color-stop(100%,rgba(255,255,255,0.02)));
	border-right-color: #000;
	}

.fancyDarkTable thead tr th,
.fancyDarkTable tfoot tr td {
	/* appearance */
	background-color: #0b0d10;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000;
	}
	
.fancyDarkTable .fht-head {
	-webkit-box-shadow: 0 5px 10px #000;
	z-index: 1;
	position: relative;
	}

.fancyTable thead tr th.firstCol {width:220px;}


#Container3 #Main .l-Text {float:left; width:auto;}

#Container3 #Main label.l-Label {width:17em;margin:0 0 0 1em;}

#Container3 #Main label.l-Labelcheck {width:17em;margin:0 0 0 14.5em;}

#Container3 #Main input.l-Check {margin-top:0.5em;float:left;width:auto;}

.fancyDIV {
	margin:0 auto;
	display:block;
	height:60px;
	(-bracket-:hack;
        height:50px;
    );

}

.fancyDIV img {float:none;margin:0.75em 0;}

.fancyDIV img.productImg {width:200px;height:150px;float:none;text-align:center;}

#Main .fancyDIV h2 {border-color:transparent;clear:both;float:none;margin:1em 0;}

#Main .fancyDIV form{float:none;margin:0.5em 0;width:100%;}

#Main .fancyDIV form#addToList select {float:none;margin:0 0 0 0;width:150px;}

#Main .fancyDIV form#addToList div.Buttons {border:0 none;float:none;margin:0;padding:0;width:auto;display:inline;margin:0 0 0 0.75em;}

#Main .fancyDIV form .Buttons button, #Main .fancyDIV form .Buttons input.BTN {padding:0.4em 0.6em;margin:0;}

/*#Main .fancyTable thead tr th.firstCell{padding-right:0px;}

.fancyTable tbody tr td.numeric.firtCell {padding-left:1px;}*/

/*=================================================== COMPARE LIST TABLE ============================================================*/
/*===================================================================================================================================*/

#testEnvironment {margin-top:0.55em;font-weight:bold;float:left;color:#7acbec;}

.BorderTopNone .Buttons {border-top:none;}

.dLabel{
	float:left;
	width:20em;
	margin:0 1em 0 0;
	padding:0.3em 0;
}


    
.qualityScore {
    color: red; 
}

.floatRight {
	float: right;
}

.qualityScoreHeader {
    color: red; 
    padding: 10px;
}

.catQuality                 { height:20px; background-image:url(../images/cat-quality.png); background-repeat:no-repeat; text-indent:-500em; padding:3px !important;}
.catQualityA                {width:22px !important;}
.catQualityB                {width:100px !important;}
.catQuality1                {background-position:0      0;}
.catQualityB.catQuality1    {background-position:-30px  0;}
.catQuality2                {background-position:0      -30px;}
.catQualityB.catQuality2    {background-position:-30px  -30px;}
.catQuality3                {background-position:0      -60px;}
.catQualityB.catQuality3    {background-position:-30px  -60px;}
.catQuality4                {background-position:0      -90px;}
.catQualityB.catQuality4    {background-position:-30px  -90px;}
.catQuality5                {background-position:0      -120px;}
.catQualityB.catQuality5    {background-position:-30px  -120px;}

.inlineBlock { display:inline-block; }
.floatLeft { float:left;}


/*   =====================QUICK SEARCH BOX =====================   */

.quickSearch input { padding:0.3em; margin: 0.5em;}

.quickSearch {
	margin-left:2.4em;
	margin-top: 3.1em;
	clear: left;
}

.quickSearch label {
    font-weight:bold;
}

.quickSearch input.BTN{
    padding:0.3em 1.5em; 
    border-radius:3px; 
    font-weight:bold; 
    cursor:pointer;
    background:url(../images/toolbar_gradient.png) #EDEDED 0 0 repeat-x;
    margin:0 1em 0 0;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    border-color: #edf1ec #999999 #999999 #edf1ec;
    text-shadow:0 1px 0 #fff;
}
.quickSearch button:hover,
.quickSearch input.BTN:hover,
.quickSearch button:focus,
.quickSearch input.BTN:focus {
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    border-color: #edf1ec #999999 #999999 #edf1ec;
    background:url(../images/toolbar_gradient.png) #e0e0e0 0 0 repeat-x;
    text-shadow:0 2px 4px #ccc;
}

