/* DEFAULT */

div.selectbox-wrapper {
  position:absolute;
  z-index:999;
  background-color:white;
  margin:0px;
  padding:0px;
  font-size: 12px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  color:#7e7d76;
  font-family: Arial, Sans-Serif;
  clear: both;
  padding: 0px !important;
  border-top: 1px solid #dddddd;
  width:40px !important;
}

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px !important;
  padding:0px !important;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

div.selectbox-wrapper ul li.selected,
div.selectbox-wrapper ul li.current { 
  background: #eeeeee;
  color: #555555;
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #dddddd;
  padding: 1px 3px 2px 4px !important;
  background-image: none !important;
}

.selectboxWrapper
{
    border:1px solid #f4f4f4;
    background: url('../images/layout/selectbox_bg.gif') left 0px no-repeat;
    float:left;
}



.selectbox {
  padding: 4px 23px 0px 5px;
  margin: 0px 0px 0px 0px;
  display : block;
  text-align:left;
  height:17px;
  *height:15px;
  cursor: pointer;
  background: white url('../images/layout/selectbox_arrow.gif') right 9px no-repeat;  
  color:#555555;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  letter-spacing: normal;
  text-indent: 0px;
  width: 13px;
  overflow:hidden;
  border:none;
  font-family:Arial,sans-serif;
}

.dob .selectbox
{
    width:44px;
    margin:3px 3px 0px 0px;
}

.doblast .selectbox
{
    width:44px;
    margin:3px 0px 0px 0px;
}

.dob div.selectbox-wrapper,
.doblast div.selectbox-wrapper
{
    width:72px !important;
}


/* GATEWAY */
.countrySelect div.selectbox-wrapper,
.DOBSelect div.selectbox-wrapper {
  position:absolute;
  z-index:999;
  background-color:white;
  margin-top:30px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
  color:#7e7d76;
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  clear: both;
  width:247px !important;
  
}
.countrySelect div.selectbox-wrapper ul,
.DOBSelect div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  border-left: 1px solid #e7d7a6;
  border-right: 1px solid #e7d7a6;
}
.countrySelect div.selectbox-wrapper ul li.selected,
.DOBSelect div.selectbox-wrapper ul li.selected,
.countrySelect div.selectbox-wrapper ul li.current,
.DOBSelect div.selectbox-wrapper ul li.current { 
  background-color: #e7d7a6;
  color: #FFFFFF;
}
.countrySelect div.selectbox-wrapper ul li,
.DOBSelect div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #e7d7a6;
  padding: 1px 3px 2px 3px;
}

.countrySelect .selectbox,
.DOBSelect .selectbox {
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display : block;
  text-align:left; 
  height:28px;
  cursor: pointer;
  border:0;
  color:#7e7d76;
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  letter-spacing: 0.70em;
  text-indent: 5px;
}

.day .selectbox, 
.month .selectbox
{
	width: 83px;
	background: url('../images/dropdown_day_month.gif') right;
}

.day div.selectbox-wrapper, 
.month div.selectbox-wrapper
{
	width: 83px !important;
}

.year .selectbox
{
	width: 139px;
	background: url('../images/dropdown_year.gif') right;
}

.year div.selectbox-wrapper
{
	width: 139px !important;
}

.month .selectbox
{
  letter-spacing: 0.70em;
  text-indent: 3px;
}

.countrySelect .selectbox, .countrySelect select
{
	background: url('../images/dropdown_country.gif') right;
	width: 247px;
	letter-spacing: 0.05em;
}

.countrySelect div.selectbox-wrapper
{
  *margin-left: -247px;
  margin-top:30px;
}

.DOBSelect div.selectbox-wrapper 
{
  *margin-top:0px;
}

.DOBSelect select 
{
	width: 122px;
}


 /*IE 6 HACKS */

.countrySelect select 
{
    _width: auto;
    _font-size: 18px;
}
.DOBSelect select 
{
    _width: 83px;
    _font-size: 18px;
}

.dropDownWrapper
{
    float:left;
    padding:0px 0px 7px 0px;
}

/* calling card drop-down */

.destinationselector div.selectbox-wrapper {
  position:absolute;
  z-index:999;
  background-color:white;
  margin:0px;
  padding:0px;
  font-size: 12px;
  text-align:left;
  max-height:140px;
  height: 140px;
  overflow:scroll-x !important;
  color:#898989;
  font-family: Arial, Sans-Serif;
  clear: both;
  padding: 0px !important;
  border-top: 1px solid #ACACAC;
  border-bottom: 1px solid #ACACAC;
  width:194px !important;
  right: 33px;
  _right: 18px;
  top: 138px;
  *top: 135px;
}

.destinationselector div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px !important;
  padding:0px !important;
  border-left: 1px solid #ACACAC;
/*   border-right: 1px solid #ACACAC; commented out as it looks strange with scrollbar */
}

.destinationselector div.selectbox-wrapper ul li.selected,
.destinationselector div.selectbox-wrapper ul li.current { 
  background: #eeeeee;
  color: #555555;
}

.destinationselector div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #ACACAC;
  padding: 1px 3px 2px 4px !important;
  background-image: none !important;
}

.destinationselector .selectboxWrapper .selectbox {
  padding: 4px 23px 0px 3px;
  margin: 0px 0px 0px 0px;
  display : block;
  text-align:left;
  height:17px;
  *height:15px;
  cursor: pointer;
  background: white url('../images/layout/selectbox_arrow.gif') right 9px no-repeat;  
  color: #464646;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  letter-spacing: normal;
  text-indent: 0px;
  width: 166px;
  overflow:hidden;
  border: none !important;
  font-family:Arial,sans-serif;
  color: #898989;
}

.destinationselector .selectboxWrapper
{
    float: left;
    display: inline;
    border:1px solid #f4f4f4;
    background: url('../images/layout/selectbox_bg.gif') left 0px no-repeat;
    margin: 15px 0px 0px 37px;
}

/* TMOL Start */

/* .onlineLiteSearchPanel div.selectbox-wrapper {
  position:absolute;
  z-index:999;
  background-color:white;
  margin:0px;
  padding:0px;
  font-size: 12px;
  text-align:left;
  max-height:140px;
  height: 140px;
  overflow:scroll-x !important;
  color:#898989;
  font-family: Arial, Sans-Serif;
  clear: both;
  padding: 0px !important;
  border-top: 1px solid #ACACAC;
  border-bottom: 1px solid #ACACAC;
  width:194px !important;
  right: 33px;
  _right: 18px;
  top: 138px;
  *top: 135px;
} */

.onlineLiteSearchPanel .selectboxWrapper
{
    border:1px solid #f4f4f4;
    background: url('../images/layout/selectbox_bg.gif') left 0px no-repeat;
    float:left;
    
}

.onlineLiteSearchPanel .selectbox {
  padding: 4px 0px 2px 4px;
  display : block;
  text-align:left;
  height:15px;
  *height:13px;
  cursor: pointer;
  background: url('../images/layout/selectbox_arrow.gif') right no-repeat;  
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  letter-spacing: normal;
  text-indent: 0px;
  overflow:hidden;
  font-family:Arial,sans-serif;
  color: #898989;
}

.onlineLiteSearchPanel .leftCell .selectbox 
{
    width: 137px;
}

.onlineLiteSearchPanel .rightCell .selectbox 
{
    width: 106px;
}

.onlineLiteSearchPanel .leftCell div.selectbox-wrapper
{
    width: 142px !important;
    *margin-top: -1px;
}

.onlineLiteSearchPanel .rightCell div.selectbox-wrapper
{
    width: 111px !important;
    *margin-top: -1px;
}

.onlineLiteSearchPanel div.selectbox-wrapper ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px !important;
  padding:0px !important;
}

.onlineLiteSearchPanel div.selectbox-wrapper ul li.selected,
.onlineLiteSearchPanel div.selectbox-wrapper ul li.current { 
  background: #eeeeee;
  color: #555555;
}

.onlineLiteSearchPanel div.selectbox-wrapper ul li {
  list-style-type:none;
  list-style-image:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #ACACAC;
  padding: 1px 3px 2px 4px !important;
  background-image: none !important;
  font-size: 1em;
}

.onlineLiteSearchContainer .selectboxWrapper
{
    border:1px solid #f4f4f4;
    background: url('../images/layout/selectbox_bg.gif') left 0px no-repeat;
    float:left;   
}

.onlineLiteSearchContainer .selectbox {
  padding: 4px 0px 2px 4px;
  display : block;
  text-align:left;
  height:15px;
  *height:13px;
  cursor: pointer;
  background: url('../images/layout/selectbox_arrow.gif') right no-repeat;  
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  letter-spacing: normal;
  text-indent: 0px;
  overflow:hidden;
  font-family:Arial,sans-serif;
  color: #898989;
}

.onlineLiteSearchContainer div.selectbox-wrapper ul li {
  list-style-type:none;
  list-style-image:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #ACACAC;
  padding: 1px 3px 2px 4px !important;
  background-image: none !important;
  font-size: 1em;
}

.onlineLiteSearchContainer .leftCell .manufacturerCell .selectbox,
.onlineLiteSearchContainer .leftCell .manufacturerCell select
{
    width: 137px;
}

.onlineLiteSearchContainer .leftCell .manufacturerCell div.selectbox-wrapper
{
    width: 141px !important;
    *margin-top: -1px;
}

.onlineLiteSearchContainer .leftCell .modelCell .selectbox,
.onlineLiteSearchContainer .leftCell .modelCell select
{
    width: 111px;
}

.onlineLiteSearchContainer .leftCell .modelCell div.selectbox-wrapper
{
    width: 115px !important;
    *margin-top: -1px;
}

.onlineLiteSearchContainer .rightCell .networkCell .selectbox,
.onlineLiteSearchContainer .rightCell .networkCell select 
{
    width: 137px;
}

.onlineLiteSearchContainer .rightCell .networkCell div.selectbox-wrapper
{
    width: 141px !important;
    *margin-top: -1px;
}

.onlineLiteSearchContainer .rightCell .periodCell .selectbox,
.onlineLiteSearchContainer .rightCell .periodCell select,
.onlineLiteSearchContainer .rightCell .costCell .selectbox,
.onlineLiteSearchContainer .rightCell .costCell select
{
    width: 124px;
}

.onlineLiteSearchContainer .rightCell .periodCell div.selectbox-wrapper,
.onlineLiteSearchContainer .rightCell .costCell div.selectbox-wrapper
{
    width: 128px !important;
    *margin-top: -1px;
}

.onlineLiteResults .selectbox
{
    width: 40px;
}

.onlineLiteResults div.selectbox-wrapper
{
    width: 44px !important;
}

.orderbylist .selectbox
{
    
    display: block;
    width: 140px;
    
}

.orderbylist div.selectbox-wrapper
{
    width: 144px !important;
}

.orderbylist div.selectbox-wrapper ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px !important;
  padding:0px !important;
}


/* TMOL End */



/* Tesco Checkout Start */

div.selectbox-wrapper2 
{
  position:absolute;
  margin:0px;
  padding:0px;
  text-align:left;
  color:#898989;
  font-family: Arial, Sans-Serif;
  clear: both;
  padding: 0px !important;
  border-top: 1px solid #ACACAC;
  max-height: 126px;
  overflow: auto;
  z-index:99999;
}

.TescoCheckout .doubleColumn .checkoutPanel .selectboxWrapper2
{
    
    /*background: url("../images/layout/checkoutTextBG.jpg") left 1px no-repeat;    /* ok */
    float:left;
    margin: 0px 0px 0px 0px;
}

.TescoCheckout .doubleColumn .checkoutPanel .selectboxWrapper2 .selectbox {
    padding: 3px;
    margin: 0;
    display : block;
    text-align:left;
    height:15px;
    cursor: pointer;
    background: white url('../images/layout/selectbox_arrow.gif') right 9px no-repeat !important;  /* ok */
    color:#636363;
    font-family: Arial, Sans-Serif;
    letter-spacing: normal;
    text-indent: 0px;
    overflow:hidden;
    border-top: 1px solid #858585;
    border-left: 1px solid #C1C1C1;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #C1C1C1;
    font-family:Arial,sans-serif; 
}

.TescoCheckout .doubleColumn div.selectbox-wrapper2 ul {
  list-style-type:none !important;
  margin:0px !important;
  padding:0px !important;
  border-left: 1px solid #ACACAC;
  border-right: 1px solid #ACACAC;
  background-color: #FFFFFF;
}

.TescoCheckout .doubleColumn div.selectbox-wrapper2 ul li.selected,
.TescoCheckout .doubleColumn div.selectbox-wrapper2 ul li.current { 
  background: #eeeeee;
}

.TescoCheckout .doubleColumn .dob1 div.selectbox-wrapper2 ul li 
{
    width:15px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob1 div.selectboxWrapper2 .dob1 div.selectbox-wrapper2 
{
    overflow-x: hidden; 
}

.TescoCheckout .doubleColumn div.selectbox-wrapper2 ul li {
  list-style-image:none;
  display:block;
  margin:0;
  cursor:pointer;
  border-bottom: 1px solid #ACACAC;
  padding: 1px 3px 2px 4px !important;
  background-image: none !important;
  font-size: 11px !important;
  color: #636363 !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .col div.selectboxWrapper2 .selectbox 
{
    width: 161px;
}

.TescoCheckout .doubleColumn .checkoutPanel .mdd div.selectboxWrapper2 .selectbox 
{
    width: 70px;
    margin-right:12px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .col div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 169px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .mdd div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 78px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .col div.timeWrapper
{
    margin:0 13px 0 0;
    width:78px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col div.timeWrapper .selectbox 
{
    width: 70px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col div.timeWrapper div.selectbox-wrapper2
{
    width: 78px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .addressCol div.selectboxWrapper2 .selectbox 
{
    width: 330px;
}

.TescoCheckout .doubleColumn .checkoutPanel .addressCol div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 338px !important;
}

/* Col 1 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col1 div.selectboxWrapper2 .selectbox 
{
    width: 110px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col1 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 118px !important;
}

/* Col 4 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col4 div.selectboxWrapper2 .selectbox 
{
    width: 110px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col4 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 115px !important;
}

/* Col 8 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col8 div.selectboxWrapper2 .selectbox 
{
    width: 137px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col8 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 142px !important;
}

/* Col 9 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col9 .selectboxWrapper2
{
    margin: 0px 2px 0px 0px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col9 div.selectboxWrapper2 .selectbox 
{
    width: 74px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .col9 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 79px !important;
    margin-right: 2px !important;
    max-height: 250px !important;
    _height: 250px !important;
}

/* Col 10 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col10 div.selectboxWrapper2 .selectbox 
{
    width: 45px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col10 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 48px !important;
}

/* Dob 1 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .dob1 div.selectboxWrapper2 .selectbox 
{
    width: 37px;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob1 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 40px;
}

/* Col 6 dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .col6 div.selectboxWrapper2 .selectbox 
{
    width: 270px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col6 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 275px !important;
}

/* PK Added Col 12 dropdown. I took the width from the "select" style in styles.css (CD_TODO PK 31/08/2010 NEEDS REVIEW FROM TWIGGER)*/

.TescoCheckout .doubleColumn .checkoutPanel .col12 div.selectboxWrapper2 .selectbox 
{
    width: 396px;
}

.TescoCheckout .doubleColumn .checkoutPanel .col12 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 396px !important;
}

/* Dob dropdown */

.TescoCheckout .doubleColumn .checkoutPanel .dob1 div.selectboxWrapper2 .selectbox 
{
    width: 36px;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob1 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 43px !important;
    overflow: -moz-scrollbars-vertical !important;
    overflow-x: hidden !impotant;
    overflow-y: scroll !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob2 div.selectboxWrapper2 .selectbox 
{
    width: 76px;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob2 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 84px !important;
}

.TescoCheckout .doubleColumn .checkoutPanel .dob3 div.selectboxWrapper2 .selectbox 
{
    width: 49px;   
}

.TescoCheckout .doubleColumn .checkoutPanel .dob3 div.selectboxWrapper2 div.selectbox-wrapper2
{
    width: 57px !important;
}

/* Tesco Checkout eND */