﻿/* style added by Mphasis for P1s2s2 */

/* Style added by vishal for guided search styling starts */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
.yui-ac{position:relative;font-family:arial;font-size:100%;} .yui-ac-input{position:relative;_position:absolute;width:100%;} .yui-ac-container{position:absolute;top:1.6em;width:100%;} .yui-ac-content{position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;} .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;} .yui-ac iframe{opacity:0;filter:alpha(opacity=0);padding-right:.3em;padding-bottom:.3em;} .yui-ac-content ul{margin:0;padding:0;width:100%;} .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;list-style:none;zoom:1;} .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;} .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}

/* custome style for GS starts */
#gsAcList *{font-size: 10px;font-family: Verdana,sans-serif;color: #626469;}
#gsContainer {
    width:240px; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em; margin: 0px 0px; float: left;padding:0px 4px }
#gsAcList{width: 235px;} #gsAcList li{background-color: #f7f7f7;}  #gsAcList .selected{ text-decoration: underline; cursor: pointer; } #gsAcList .match { font-weight: bold; color: #4fa600;}
/* custome style for GS ends */
.header .headerSearch input#search_input_field {width:235px;margin:0px 0px;line-height:11px;height: 19px}
.lbl_searchin {float:left; padding-top: 3px; padding-right: 5px}
.header .td_nav_search #headerSearch #gsContainer {texi-align: left !important;}
.header .headerSearch .searchin{float:left; padding-top: 3px; padding-right: 5px}
.header .headerSearch .accesshidden{position: absolute; left: -9999px; height: 0.0; width: 0.0; overflow: hidden; font-size: 0.0x}
#search_in {height: 19px;}
#search_in * { padding: 0px 4px;}
.yui-ac-content li {  
     margin:0;padding:2px 5px;cursor:default;white-space:normal;   
 }  
.header #frm label.show {color:#626469;}
/* Style added by vishal for guided search styling ends */

/* L3 */

.productList * {
	margin:0;
	padding:0;
	font:normal 11px arial;
	font-style:normal;
	text-decoration:none;
	color:#626469;
}
.productList {
	padding: 10px 5px 20px 0px;
}
.productList .h1Container {
	padding-bottom:15px;
}
.productList h2 {
	color:#4fa600;
	font:bold 24px Arial;
}
.productList p {
	margin-top: 0;
}
.productList a {
	font-weight: bold;
	color: #87d300;
}
.productList table {
	border-collapse: collapse;
	border:0;
	border-spacing:0;
	width:560px;
}
.productList table td
{
	width: auto;
}
.productList table.productTable {
	margin-top: 15px;
}
.productList table.productTable tr td {
	margin:0;
	padding:0;
	vertical-align: top;
}
.productList table table {
	border-collapse: collapse;
	border:0;
	border-spacing:0;
	width:100%;
}
.productList table.productTable table td
{
	padding: 0px 0px 0px 10px;
	padding-bottom: 10px;
}
.productList table.productTable table td.productImageCell
{
	width: 41px;
	pading-right: 10px;
}
.productList table.productTable table td.productImageCell img
{
	border: 1px solid #eaeaea;
	margin-bottom: 5px;
}
.productList table.productTable .ColOne
{
	width: 270px;
}
.productList table.productTable .ColTwo
{
	width: ;
}


.productsList td
{
	width: 33%;
	padding: 0px 5px 10px 10px;
	vertical-align: top;
}
.productsList a
{
	color : #87d300;
	font-size: 11px;
	font-weight: bold;
}
.productsList a:hover
{
	color : #87d300;
}
.productsList img
{
	border: 1px solid #eaeaea;
	margin-bottom: 0px;
}


/* l3 vishal added */

/* style for products home and overlay */
.productHome * {
	margin:0;
	padding:0;
	font:normal 11px arial;
	font-style:normal;
	text-decoration:none;
	color:#626469;
}
.productHome {
	padding:0 0 20px 20px;
}
.productHome ul {
	list-style-type: none;
	margin: 0;
}
.productHome ul li {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
.productHome ul li span {
	color: #87d300;
}
.productHome .h2Container{margin-bottom: 10px;}
.productHome h2 {
	font-size: 24px;
	font-weight: normal;
	color: #4fa600;
	background:none;
	margin:0;
}
.productHome h3 {
	background : transparent url("img/green_bar.gif") repeat-x left 70%;
	margin:20px 20px 17px 0;
}
.productHome h3 span {
	display:inline-block;
	color: #4fa600;
	font:bold 13px Arial, Helvetica, sans-serif;
	background-color : white;
	padding-right: 10px;
}
.productHome ul a {
	color : #87d300;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.productHome ul a:hover {
	color : #87d300;
}
.overlay
{
	margin-left:10px;position:absolute;border:0px solid #EAEAEA;background-color:white;
	background-image: url(img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top:10px;
}	
.overlay div
{
	border:2px solid #EAEAEA;
	border-top-width: 0px;
	width:190px; padding:8px;
}
.overlay ul
{
	padding-left: 10px;
}
.overlay ul li
{
	margin-left: 10px;
}
.overlay ul li a
{
	font-size: 11px;
	font-weight: normal;
	color: #626469;
}
.overlay ul li a:hover
{
	font-weight: normal;
	color: #87d300;
}

.overlay ul {
	margin:0 0 0 5px;
	_margin:0;
  padding: 0;
}
.overlay ul {
	margin:0 0 0 0px;
}
.overlay ul li {
  width:100%;
  padding: 0 0 0 10px;
  background: url('img/green_bullet.gif') no-repeat left 5px;
}
/* style for products home and overlay ends */ 

/* Style for filters and you selected starts */
.verticalNavFilter {
width:100%;
list-style-type:none;
margin:40px 0 0 0;
_margin:43px 0 0 0;
padding:0;
}

.verticalNavFilter ul {
padding: 0;
margin-left: 10px;
}

.verticalNavFilter ul li {
padding: 0 0 0 10px;
list-style-type: none;
list-style-image: url('img/calage.gif');
background: url('img/green_bullet.gif') no-repeat left 5px;
}

.verticalNavFilter li.level1 {
width:100%;
margin-bottom:18px;
_margin-bottom:6px;
/*margin:0 0 20px 0;
     _margin:0 0 7px 0;*/
}

.verticalNavFilter .board {
background-color: #eaeaea;
width:100%;
height:auto;
color:#626469;
margin: 0 0 2px -1px;
_margin: 0 0 2px 0;

}

.verticalNavFilter .board span {
font-family:Arial;
font-size:12px;
padding:3px 10px 1px 10px;
}



.verticalNavFilter .topLeftCorner, .verticalNavFilter .topRightCorner, .verticalNavFilter .bottomLeftCorner, .verticalNavFilter .bottomRightCorner {
width:2px;
height:2px;
background-repeat: no-repeat;
font-size:0;
}

.verticalNavFilter .topLeftCorner {
background: url("img/bg_vertNav_top_left.gif");
}

.verticalNavFilter .topRightCorner {
background: url("img/bg_vertNav_top_right.gif");
float: right;
}

.verticalNavFilter .bottomLeftCorner {
background: url("img/bg_vertNav_bottom_left.gif");
}

.verticalNavFilter .bottomRightCorner {
background: url("img/bg_vertNav_bottom_right.gif");
float: right;
}

.verticalNavFilter .level1 .board span {
display:block;
text-decoration : none;
color: #626469;
font: bold 12px/12px Arial, Helvetica, sans-serif;
}



.verticalNavFilter .level1 .level2 {
margin-top: 2px;
margin-bottom: 10px;
}

.verticalNavFilter .level2 a, .verticalNavFilter .level2 a:link, .verticalNavFilter .level2 a:visited {
display:inline;
background:none;
padding: 2px 0 2px 0;
color: #6e6e6d;
font:normal 11px/16px Arial, Helvetica, sans-serif;
text-decoration : none;
vertical-align : middle;
/*margin: 0 0 0 -3px;
_margin: 0 0 0 -6px;*/
}

.verticalNavFilter .level1 .level2 a:hover, .verticalNavFilter .level1 .level2 a.selected {
font-weight : normal;
color : #87d300;
}

.verticalNavFilter .level2 li {
width:100%;
margin:6px 0 6px -5px;
_margin:6px 0;
}

.verticalNavFilter .level2 ul.level3 {
     padding: 0;
     margin: 0 0 0 3px;
_margin: 0 0 0 -2px;
     list-style-type:none;
     list-style-image:none;
}

.verticalNavFilter .level2 ul.level3 li {
     margin-top: 6px;
     margin-bottom: 6px;
     background-image: none;
}

.verticalNavFilter .level3 a, .verticalNavFilter .level3 a:link, .verticalNavFilter .level3 a:visited {
font-weight : normal;
line-height:14px;
color : #6e6e6d;
background : none;
}

.verticalNavFilter .level2 .level3 a:hover, .verticalNavFilter .level2 .level3 a.selected {
color : #87d300;
}



/* style for you selected within filter component */

.verticalNavFilter .level1 .youselected {
margin-top: 2px;
margin-bottom: 10px;
}



.verticalNavFilter .youselected a, .verticalNavFilter .youselected a:link, .verticalNavFilter .youselected a:visited {
/*       display:inline;
background:#ff0000;
padding: 2px 0 2px 0;
color: #6e6e6d;
font:normal 11px/16px Arial, Helvetica, sans-serif;
text-decoration : none;
vertical-align : middle;
/*margin: 0 0 0 -3px;
_margin: 0 0 0 -6px;*/
}

.verticalNavFilter .level1 .youselected a:hover, .verticalNavFilter .level1 .youselected a.selected {
/*font-weight : normal;
color : #87d300;*/
}

.verticalNavFilter .youselected li {
width:100%;
margin:6px 0 6px -5px;
_margin:6px 0;
}

.verticalNavFilter .youselected ul.level3 {
     padding: 0;
     margin: 0 0 0 3px;
_margin: 0 0 0 -2px;
     list-style-type:none;
     list-style-image:none;
}

.verticalNavFilter .youselected ul.level3 li {
     margin-top: 6px;
     margin-bottom: 6px;
     background-image: none;
}



.verticalNavFilter li.level1 ul.youselected 
{
/*background: blue;*/
}

ol.verticalNavFilter li.youselected ul

{
margin-bottom: 20px;
}

ol.verticalNavFilter li.youselected ul a
{
/*display:block;
background:#ff0000;*/
display: block;
width: 170px;
_width: 175px;
background-image: url(img/icon_close_dis.gif);
background-repeat: no-repeat;
background-position: right 3px;
padding: 0px 10px 0px 0;
color: #6e6e6d;
font:normal 11px/16px Arial, Helvetica, sans-serif;
text-decoration : none;
vertical-align : middle;
/*margin: 0 0 0 -3px;
_margin: 0 0 0 -6px;*/
}

ol.verticalNavFilter li.youselected ul a:hover
{
color: #87d300;
background-image: url(img/icon_close_sel.gif);
}

.verticalNavFilter .youselected .board span {
color: #626469;
font: bold 12px/12px Arial, Helvetica, sans-serif;
width: 135px;
}

.verticalNavFilter .youselected .board span.removeall {
color: #626469;
font: 10px Arial, Helvetica, sans-serif;
font-weight: normal;
width: 60px;
padding: 0px; margin: 0px;
padding-top: 2px;
}

.verticalNavFilter .youselected .board span.removeall a{
font-size: 10px;
font-weight: normal;
}

/* style for you selected within filter component */


/* Style for filters and you selected end */

/* style added by Mphasis for P1s2s2 ends */
