@charset "utf-8";
/* CSS Document */
/* vine color - #7F0000 
grey - #D8D8D8
light grey - #F4F4F4
*/
#wrapper {
width: 1025px;
margin: 0 auto;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
}

/* HEADER */
#header {
width: 1025px;
float: left;
padding: 0px 0 0px 0;

}
a.logo { 
width: 320px;
height: 67px;
display: block;
float: left;
padding-left:10px;
padding-top:5px;
/*background:url(../Images/Logo.jpg) no-repeat;*/
}
a.logoS { 
width: 320px;
height: 67px;
display: block;
float: left;
margin-left:30px;
background:url(../Images/LogoS.jpg) no-repeat;
}
.strapTop {  
width: 250px;
height: 45px;
padding: 0 10px;
/* width: 290px;
height: 44px; */
display: block;
float: right;
margin: 0 20px 10px 0;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: center;
font-family:Helvetica, sans-serif;
color: #7F0000;
background: url(../Images/HeaderText.jpg) no-repeat;
/*background: url(../Images/text-header-top.gif) no-repeat;*/
}
.strapTop span {
visibility:hidden;
}
#searchBox .HSLink {
padding: 4px 0 0 6px;
}
#searchBox .outletname {
 float:right;
 font-family: Verdana;
 color: #7F0000;
  font-weight:bolder;  
}
#basketBox {
height: 45px;
width: 300px;
float: right;
margin-right:15px;
background-color: #AD9A7B;/*#8D775F;*/

/*background-color: #7F0000;*/
}
#basketBox ul {
float: left;
width: 280px;
height: 40px;
padding: 5px 0 0 6px;
}
#basketBox li {
float: left;
}
.basketDet {
width: 130px;
margin-top: 7px;
padding: 3px;
border: 1px solid #c5c5c5;
background-color: #FFFFFF;
}
#basketBox .basketImage
{
float:right;
padding-bottom: 3px;
}
#basketBox a, #basketBox a:visited {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#basketBox .basketLink, #basketBox .basketLink a {
width: 100px;
height: 35px;
text-align: right;
z-index: 150;
display: block;
margin-top:0px;
padding-top: 5px;
}
.basketBoxLeft { 
width: 6px;
height: 45px;
display: block;
float: left;
background:  url(../Images/BskLeft.jpg) no-repeat;
}
.basketBoxRight {
width: 7px;
height: 45px;
display: block;
float: right;
background:url(../Images/BskRight.jpg) no-repeat right top;
}
#basketBox #basketItems {
background-color:White;
width: 530px;
padding: 10px 10px 20px 10px;
border:1px solid #023958;
}

.MiniButton{
    padding-left:10px;
}
#basketItemsOuter {
position: absolute;
top: -12px;
padding: 35px 0 0 0;
right: -50px;
display: none;
width: 500px;
z-index: 9999;
}
.basketArrow { 
width: 16px;
height: 7px;
display: block;
position: absolute;
top: 28px;
left: 400px;
background: url(../Images/basket-arrow.gif) no-repeat;
}
#basketItems table {
color: #023958;
width: 530px;
}
#basketItems th {
font-weight: bold;
text-align: center;
}
#basketItems td {
text-align: left;
padding-bottom: 5px;
}

.basketPad {
padding: 0 170px 0 0;
}
#basketBox ul#basketItems li {
font-size: 18px;
font-weight: bold;
color: #023958;
}
.btnMiniBasket { 
 margin-top: 5px;
 margin-left:5px;
 height: 23px;
border: 1px solid #D8D8D8;
background: url(../Images/GreyBtnBg.jpg) repeat-x;
font-family:Verdana;
color:#7F0000;
width: 110px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-bottom:2px;
}
.btnCheckoutBtn
{
height: 22px;
border: 1px solid #D8D8D8;
background: url(../Images/GreyBtn.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 120px;
font-size:11px;
font-weight:bold;
cursor:pointer;	
padding-bottom:3px;
}
.btnBlueCheckoutBtn
{
height: 22px;
border: 1px solid #D8D8D8;
background: url(../Images/BlueBtn.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 120px;
font-size:11px;
font-weight:bold;
cursor:pointer;	
padding-bottom:3px;
}
.currencyBox { 
position: absolute;
top: 44px;
right: 0px;
_right: 366px;
width: 149px;
height: 25px;
margin-bottom: 0px;
margin-right:15px;
background: url(../Images/img-currency.jpg) no-repeat;
}
a.logoMcafee { 
width: 113px;
height: 21px;
padding: 22px 0 0 2px;
font-size: 9px;
display: block;
position: absolute;
text-decoration: none;
top: 75px;
right: 5px;
_right: 370px;
background: url(../Images/logo-mcafee.gif) no-repeat;
}
.logoMcafee span { 
padding: 0 0 0 8px;
}
a.linkCurrency {
position: absolute;
top: -15px;
right: 5px;
z-index: 100;
}

#searchBox {
float: left;

width: 1000px;
margin-top: 2px;
margin-left:11px;
margin-bottom: 4px;
}
.searchInput {
width: 100px;
height: 19px;
_height: 16px;
padding: 1px;
margin-right: 3px;
}
#searchBox li {
float: left;
padding-left: 5px;
}
#helpBox {
position: absolute;
left: 0px;
top: 34px;
display: none;
z-index: 80000;
width: 1025px;
background: #717276 url(../Images/bg-help-shopping.jpg) repeat-x top;
}
#CurrencyCalculator {
position: absolute;
left: 700px;
top: 5px;
display: none;
z-index: 80000;
width: 300px;
background: #717276 url(../Images/bg-help-shopping.jpg) repeat-x top;
}

#WhatIsThis 
{
position:relative;
margin-top:10px;
margin-left:10px;
display: none;
z-index: 80000;
width: 300px;
height:100px;
float:right;
clear:both;
background: #717276 url(../Images/bg-help-shopping.jpg) repeat-x top;
}

a.linkClose {
position: absolute;
right: 0px;
top: 0px;
color: #fff;
font-weight: bold;
font-size: 13px;
padding: 5px 8px;
text-decoration: none;
}
a.linkCloseCurrencyBasket {
position: absolute;
right: 0px;
top: 0px;
color: #fff;
font-weight: bold;
font-size: 13px;
padding: 5px 8px;
text-decoration: none;
}

a.linkCloseWhatIsThis {
position: absolute;
right: 0px;
top: 0px;
color: #ffffff !important;
font-weight: bold;
font-size: 13px;
padding: 5px 8px;
text-decoration: none;
}

.HSArrow { 
width: 14px;
height: 7px;
display: block;
position:absolute;
top: -7px;
left: 220px;
background: url(../Images/help-shop-arrow.gif) no-repeat;
}
.HSArrowCurrencyCalculator { 
width: 14px;
height: 7px;
display: block;
position:absolute;
top: -7px;
right:100px;
background: url(../Images/help-shop-arrow.gif) no-repeat;
}
.HSArrowWhatIsThis { 
width: 14px;
height: 7px;
display: block;
position:absolute;
top: -7px;
right:30px;
background: url(../Images/help-shop-arrow.gif) no-repeat;
}
#dvCurrencyCalculatorLeft {
width: 300px;
float: left;
padding: 30px 0px 60px 30px;
}

#dvWhatIsThisLeft {
width: 300px;
float: left !important;
padding: 30px 0px 60px 30px;
display:block;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;

}

#HSLeft {
width: 300px;
float: left;
padding: 30px 0px 60px 30px;
}
#HSRight {
width: 400px;
float: left;
padding: 30px 0px 60px 0px;
}
#helpBox h1 {
color: #fff;
font-weight: bold;
font-size: 18px;
padding: 0 0 20px 0;
}
#helpBox p {
padding: 0 0 15px 0;
color: #fff;
}
#CurrencyCalculator h1
{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 20px 0;
}
#CurrencyCalculator p
{
	padding: 0 0 15px 0;
	color: #fff;
}

#WhatIsThis h1
{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 20px 0;
	float: left !important;
}
#WhatIsThis p
{
	padding: 0 0 15px 0;
	color: #fff;
}
#HSLeft ul {

}
#HSLeft ul li {
color: #fff;
float: left;
display: block;
width: 100%;
padding: 0 0 3px 0;

}
#HSLeft a, #HSLeft a:visited {
color: #FFFFFF;	
}
#HSLeft a:hover {
text-decoration: none;
}
#dvCurrencyCalculatorLeft ul li
{
	color: #fff;
	float: left;
	display: block;
	width: 100%;
	padding: 0 0 3px 0;
}
#dvCurrencyCalculatorLeft ul li select
{
	width:170px;
	font-size:11px;
}
#dvCurrencyCalculatorLeft ul li input
{
	width:170px;
	font-size:11px;
}

#dvCurrencyCalculatorLeft a, #dvCurrencyCalculatorLeft a:visited
{
	color: #FFFFFF;	
}

#dvCurrencyCalculatorLeft a:hover
{
	text-decoration: none;
}

#dvWhatIsThisLeft ul li
{
	color: #fff;
	float: left;
	display: block;
	width: 100%;
	padding: 0 0 3px 0;
	float: left !important;
	text-align:left;
}

#dvWhatIsThisLeft ul
{
	float: left !important;
	text-align:left;
}

#dvWhatIsThisLeft a, #dvWhatIsThisLeft a:visited
{
	color: #FFFFFF;	
	float: left !important;
}

#dvWhatIsThisLeft a:hover
{
	text-decoration: none;
}

#contactTel {  
width: 430px;
height: 35px;
display: block;
float: left;
font-size: 21px;
letter-spacing: 1px;
color: #003a5a;
font-weight: bold;
margin-top: 10px;
font-family: Helvetica, sans-serif;
background: url(../Images/img-tel-2.jpg) no-repeat right bottom;
}

/* NAVIGATION */
#navigation {
width: 1025px;
float: left;
}
#navigation li {
float: left;
display: block;
position: relative;
z-index: 100;
}
#navigation a, #navigation a:visited {
color: #fff;
text-decoration: none;
float: left;
display: block;
}
#navigation a:hover {
}
.navTop {
float: left;
width: 1024px;
height: 18px;
border: 1px solid #737574;
border-bottom: none;
background: url(../Images/btn-nav-top-bg.gif) repeat-x;
}
#navigation  .navTop a, #navigation  .navTop a:visited {
padding: 2px 15px;
border-right: 1px solid #737574;
}
#navigation .navTop a:hover, #navigation .navTop .homeSelect {
background: url(../Images/BgTopMenu.jpg) repeat-x top;
}

.navBottom {
float: left;
width: 1024px;
height: 22px;
border: 1px solid #025a7e;
background: url(../Images/Topbg.jpg) repeat-x;
}
#navigation  .navBottom a, #navigation  .navBottom a:visited {
padding: 2px 16px 7px 15px;
_padding: 2px 16px 6px 15px;
border-right: 1px solid #025a7e;
}
#navigation  .navBottom a:hover, #navigation .navBottom .selected {
background: url(../Images/BgTopMenu.jpg) repeat-x;
}



#navigation .navSub {
padding: 2px;
position: absolute;
width: 180px;
top: 23px;
_top: 22px;
left: 0px;
z-index: 2000;
border: 1px solid #7ea4b1;
border-top: none;
background: #fff url(../Images/bg-sub-nav.jpg) repeat-x top;
display: none;
}
#navigation .navSub ul {
}
#navigation .navSub li {
border-bottom: 1px solid #eeeeee;
}

#navigation .navBottom .navSub a, #navigation .navBottom .navSub a:visited {
color: #666666;
border-right: none;
padding: 2px 5px;
width: 170px;
}
#navigation .navBottom .navSub a:hover {
background: none;
color: #000;
}
#navigation .navBottom a.btnClearance, #navigation .navBottom a.btnClearance:link {
background: url(../Images/btn-top-menu-clearance.jpg) repeat-x 0 -1px;
padding: 2px 18px 7px 18px;
_padding: 2px 18px 6px 18px;
}
#navigation .navBottom a.btnClearance:hover {

}

/* CONTENT */
#content {
width: 1025px;
float: left;
}

/* LEFT COL */
.leftCol {
width: 227px;
float: left;
background: url(../Images/bg-leftcol.gif) repeat-x;
}
.navLeft {
width: 170px;
float: left;
margin: 0px 0 0px 15px;
border: 2px solid #DDDDDD;
}
.navLeft li {
float: left;
width: 170px;
border-bottom: 1px solid #b9b9b9;
background: #e8e6da;
}
.navLeft a, .navLeft a:visited {
width: 166px;
color: #666666;
text-decoration: none;
padding: 2px;
float: left;
display: block;
background: #FBFBFB;
}
.navLeft a:hover {
color: #333333;
background-color: #E8F0F4;
}

.navLeft .selected 
{
 color: #fff!important;

font-weight: bold;
background: url(../Images/Topbg.jpg) repeat-x;
}

.navLeft li ul {
width: 166px;
padding: 2px;
float: left;
display: none;
background: url(../Images/leftnav-subnav-bg.jpg) repeat-x;
}
.navLeft li ul a, .navLeft li ul a:visited {
background: none;
}
.navLeft li ul a:hover {

}
.navLeft li li {
border-bottom: 1px solid #eeeeee;
}
.navLeftDeals {
width: 170px;
float: left;
margin: 0px 0 0px 15px;
color: #666666;
border: 2px solid #d0cfc6;
}
.navLeftDeals li {
float: left;
width: 170px;
border-bottom: 1px solid #b9b9b9;
}
.navLeftDeals a, .navLeftDeals a:visited {
width: 166px;
text-decoration: none;
padding: 2px;
float: left;
display: block;
background-color: #EFEDE3;
color: #666666;
}
.navLeftDeals a:hover {
color: #023958;
background-color: #E8F0F4;
}


.navLeftDeals li ul {
width: 166px;
padding: 2px;
float: left;
display: none;
background: #FFEDF4;
}
.navLeftDeals li ul a, .navLeft li ul a:visited {
background: none;
}
.navLeftDeals li ul a:hover {

}
.navLeftDeals li li {
border-bottom: 1px solid #eeeeee;
}

.navLeftDealsAll {
width: 170px;
float: left;
margin: 0px 0 0px 15px;
border: 2px solid #d0cfc6;
}
.navLeftDealsAll li {
float: left;
width: 170px;
border-bottom: 1px solid #b9b9b9;
background-color: #EFEDE3;
}
.navLeftDealsAll a, .navLeftDealsAll a:visited {
width: 166px;
text-decoration: none;
padding: 2px;
float: left;
display: block;
background-color: #D2E0CE;
color: #7F0000;
}
.navLeftDealsAll a:hover {
color: #666666;
background-color: #EFEDE3;
}


.navLeftDealsAll li ul {
width: 166px;
padding: 2px;
float: left;
display: none;
background: #FFEDF4;
}
.navLeftDealsAll li ul a, .navLeft li ul a:visited {
background: none;
}
.navLeftDealsAll li ul a:hover {

}
.navLeftDealsAll li li {
border-bottom: 1px solid #eeeeee;
}

.banner {
float: left;
padding: 15px 0 0 0;
}
.banner li {
padding-bottom: 15px;
}

/* MID COL */
.midCol {
width: 869px;
padding: 0px 20px 0 250px;
float: left;
text-align:center;
}
.midColMaster {
width: 985px;
padding: 20px 20px 0 0px;
float: left;
}
.POWBox { 
width: 490px;
height: 197px;
padding: 5px 10px 0 20px;
display: block;
float: left;
margin: 0 0 20px 0;
position: relative;
background: url(../Images/bg-main-POW.gif) no-repeat;
}
.POWBox ul li {
float: left;
}
.POWBox ul ul {
margin-top: 10px;
/*width: 315px;*/
width:290px;
height: 125px;
padding-left:5px;
padding-right:5px;
/*padding: 10px 0 0 25px;*/
background: url(../Images/bg-POW.gif) repeat;
}
.POWBox ul ul li {
font-size: 22px;
font-weight: bold;
width: 100%;
}
.POWBox p {
color: #666666;
}

.OGBBox {
width: 520px;
float: left;
padding-bottom: 20px;
}
.OGBList { 
width: 223px;
height: 121px;
padding: 10px;
display: block;
float: left;
margin-right: 12px;
position: relative;
background: url(../Images/bg-OGB-1.gif) no-repeat;
}
.OGBList2 { 
width: 241px;
height: 121px;
padding: 10px;
display: block;
float: left;
position: relative;
background: url(../Images/bg-OGB-2.gif) no-repeat;
}
.OFBox {
width: 520px;
float: left;
padding-bottom: 20px;
}
.OFList { 
width: 85px;
padding: 2px 5px 5px 5px;
display: block;
float: left;
background: url(../Images/bg-OF.gif) no-repeat;
margin-right: 10px;
}
.OFList ul { 
width: 100%;
}
.OFList li { 
width: 100%;
text-align: center;
}
.OFList a, .OFList a:visited {
color: #014b6e;
font-weight: bold;
text-decoration: none;
}
.OFList a:hover {
text-decoration: underline;
}
.promoBox {
float: left;
padding: 0 0 45px 0;
background: url(../Images/bg-promo.gif) no-repeat bottom;
}
.OGBList2 li {
float: left;
line-height: 12px;
}
.OGBList li {
float: left;
width: 140px;
line-height: 12px;
}
.OGBList li.imgOGB {
width: 80px;
}
.OGBList li.textWas, .OGBList2 li.textWas {
font-weight: bold;
color: #fe0201;
width: 70px;
padding-top: 3px;
}
.OGBList li.textNow, .OGBList2 li.textNow {
font-weight: bold;
width: 70px;
padding-top: 3px;
}

.ODBox li.textWas {
font-weight: bold;
color: #fe0201;
width: 70px;
padding-top: 3px;
}
.ODBox li.textNow {
font-weight: bold;
width: 70px;
padding-top: 3px;
}

/* RIGHT COL */
.rightCol {
width: 233px;
padding: 10px 0 0 0;
float: left;
}
a.btnFinance { 
width: 217px;
height: 32px;
display: block;
margin-bottom: 20px;
background:url(../Images/btn-finance-option.gif) no-repeat;
}
.strapOnllineDeals { 
width: 217px;
height: 54px;
display: block;
margin-bottom: 20px;
background:url(../Images/title-rightcol.gif) no-repeat;
}
a.btnMoreInfo1 { 
width: 77px;
height: 22px;
display: block;
position: absolute;
bottom: 9px;
right: 85px;
background: url(../Images/btn-more-info.jpg) no-repeat;
}
.ODBox { 
width: 207px;
height: 103px;
display: block;
padding: 5px;
margin-bottom: 21px;
position: relative;
background:url(../Images/bg-item-right.gif) no-repeat;
}
.ODBox ul {
height: 98px;
/*background: url(../Images/bg-rightcol.gif) repeat-x bottom;*/
}
.ODBox li {
float: left;
line-height: 12px;
width: 135px;
}
.ODBox .imgOD {
width: 65px;
height: 98px;
background-color: #FFFFFF;
}

/* INTERNAL COL */
#IntCol {
width: 770px;
float: left;
padding: 5px 5px 0 15px;
}
#IntColTAC {
width: 650px;
float: left;
padding: 5px 15px 0 0px;
}
#breadcrumb 
{
    height: 12px;
    padding: 0 0 8px 0;
}
#breadcrumb li {
float: left;
padding: 0 5px 0 0;
color: #013a58;
}
#breadcrumb a, #breadcrumb a:visited {
text-decoration: none;
}
#breadcrumb a:hover {
text-decoration: underline;
}

#contentRec {
width: 780px;
float: left;

}
.boxRecommends { 
width: 235px;
padding: 5px;
height: 190px;
margin: 0 14px 7px 0;
_margin: 0 12px 7px 0;
float: left;
position: relative;
background-image:url('../Images/bg-OGBR.gif')
}
.boxRecommends ul {
    padding-left:5px;
}
.boxRecommends .textGray {
    padding-bottom:2px;
}
.boxRecommends img {
    padding-left:10px
}
.recCost {
padding-top: 8px;
font-size: 13px; 
}
.BrMan {
float: left;
margin-bottom: 15px;
width: 763px;
background: url(../Images/bg-OGD.gif) repeat;
}
.BrMan h1 
{
	padding-left: 17px;
	padding-top: 4px;	
	color: #004C6C;
	font-size: 1.6em;
	font-weight: normal;
}
.BrMan ul {
float: right;
padding: 6px 0 0 0;
}
.BrMan li {
float: left;
padding: 0 8px 0 0; 
font-size: 11px;
}
.listSort {
float: left;
margin-bottom: 15px;
width: 763px;
background: url(../Images/titleBg.jpg) repeat;
}
.listSort h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #004C6C;
	font-size: 1.6em;
	font-weight: normal;
}
.listSortDealsGray {
float: left;
margin-bottom: 15px;
width: 763px;
background: url(../Images/titleBg.jpg) repeat;
margin-top: 10px;
}
.listSortDealsGray h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #004C6C;
	font-size: 1.6em;
	font-weight: normal;
}
.listSortDeals h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: Red;
	font-size: 1.6em;
	font-weight: normal;
}
.listSortDealsBlue h1 
{
	padding-left: 17px;
	padding-top: 4px;
	text-transform: uppercase;
	color: #023958;
	font-size: 1.4em;
	font-weight: bold;
	width:100%;
}
.listSort ul {
float: right;
padding: 6px 0 0 0;
}
.listSort li {
float: left;
padding: 0 8px 0 0; 
font-size: 11px;
}
.sortAdjust {
margin-top: 3px;
display: block;
}
.listSort select {
margin-right: 10px;
font-size: 11px;
padding: 2px;
}

#listItemsBox {
width: 780px;
float: left;
}
.listItems {
width: 775px;
height: auto;
display: block;
float: left;
margin: 0 0 2px 0;
padding-top: 3px;
padding-left:3px;
padding-bottom:3px;
}
.listItems li{
float: left;
display: block;
}

#smallListItemsBox {
width: 588px;
float: left;
}
.listItemsWhite { 
background: url(../Images/price-bg-1.gif) repeat;
color: #999999;
}
.listItemsGray {
background-color: #dcdddf;
color: #4a4a4c;
}
.listItems ul {
padding: 0px 0 0 0;
}
.listItems .listImg 
{   
	text-align: center;
}
.listItems .listwidth1 {
width: 420px;
padding: 0 0px 0 0;
}

.listItems .listwidth1Deals {
width: 390px;
padding: 0 0px 0 0;
}
.listItems .avweight 
{
	width: 80px;
	padding: 0 0px 0 0;
	color: #7F0000;
	font-size:10px;
}
.listItems .desc
{
	width: 80px;
	padding: 0 0px 0 0;
}
.listItems .quant {
width: 140px;
padding: 0 0px 0 0;
}
.listItems .price {
width: 40px;
padding: 0 0px 0 0;
font-weight:bold;
color:#023958;
}
.listItems .originprice {
width: 40px;
padding: 0 0px 0 0;
font-weight:bold;
color:#023958;
text-decoration: line-through;
}

.listItems .unit {
width: 40px;
padding: 0 0px 0 0;
color:Gray;
font-size:10px;
}
.listItems .button {
width: 55px;
padding: 0 0px 0 0;
}
.listItems .button1 {
width: 50px;
padding: 0 0px 0 0;
}
.listItems .floatleft {
float:left;
}

.detQty {
border: 1px solid #ccc;
padding: 3px 0px 3px 2px;
margin-right: 4px;
font-size: 10px;
width:20px;

}
.dQty {
border: 1px solid #ccc;
padding: 3px 5px 3px 2px;
font-size: 14px;
height:12px;

}
.smallListItems .listPrice 
{
color: #004C6C;
text-align: right;
font-size: 14px;
width: 150px;
background: url(../Images/price-bg-1.gif) repeat-x;
margin-left:309px;
}



.listItems .listPrice 
{
color: #004C6C;
text-align: right;
font-size: 14px;
width: 150px;
background: url(../Images/price-bg-1.gif) repeat-x;
}
.listItems .listwidth2 {
width: 155px;
}
.listItems .listBtns {
padding-top: 4px;
text-align:right;

}
.listItemsReview {
width: 565px;
height: auto;
display: block;
float: left;
margin: 0 0 10px 0;
}

.ItemsLightGray {
background-color: #F4F4F4;
}

.ItemsGray {
background-color: #E8F0F4;
}
.ItemsPink {
background-color: #FFF7FA;
}
.ItemsWhite {
background-color: White;
}
.btnBuyRec { 
width: 74px;
height: 21px;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
background: url(../Images/btn-buy-now.jpg) no-repeat;
}
.btnBuyRecGray { 
width: 74px;
height: 21px;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
background: url(../Images/btn-buy-now-gray.jpg) no-repeat;
}
a.btnBuyNow3 { 
width: 77px;
height: 21px;
display: block;
float: left;
margin-left: 3px;
background: url(../Images/btn-buy-now-gray.jpg) no-repeat;
}
a.btnMoreInfo2 { 
/*width: 75px;
height: 21px;
display: block;
float: left;*/
width: 77px;
height: 22px;
display: block;
float: left;
margin-left:2px;
background: url(../Images/btn-more-info-gray.jpg) no-repeat;
}
a.btnMoreInfo { 
width: 74px;
height: 21px;
display: block;
float: left;
background: url(../Images/moreinfo.jpg) no-repeat;
}
a.btnBuyNow4 { 
width: 74px;
height: 21px;
display: block;
float: left;
background: url(../Images/btn-buy-now.jpg) no-repeat;
}
.listNextPrev {
float: right;
padding: 10px 12px 10px 0;
}
.listNextPrev li {
float: left;
}
a.btnPrevious { 
width: 64px;
height: 22px;
display: block;
background: url(../Images/btn-previous.jpg) no-repeat;
}
a.btnNext { 
width: 64px;
height: 22px;
display: block;
background:url(../Images/btn-next.jpg) no-repeat;
}
a.btnViewAll { 
width: 77px;
height: 22px;
display: block;
background: url(../Images/btn-view-all.jpg) no-repeat;
float: left;
}

/* CONTENT FULL */
#contentFull {
width: 985px;
padding-left:20px;

float: left;
}
#shopLeft {
width: 224px;
float: left;
}
#shopLeft ul {
padding: 0 0 30px 20px;
}
#shopLeft li {
color: #014c6b;
font-size: 12px;
}
a.btnContShop { 
width: 197px;
height: 22px;
display: block;
margin-top: 20px;
background: url(../Images/btn-continue-shopping.jpg) no-repeat;
}
#shopRight {
width: 985px;
float: left;
padding-left:20px;
}
#shopRight table {
width: 985px;
float: left;
border: 1px solid #EAEAEA;
}
#shopRight th {
text-align: left;
font-size: 12px;
padding: 0 0 0px 0;
color: #d0cfc6;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid #EAEAEA;
background-color: #E8F0F4;
font-family: "delta_jaegerregular",sans-serif;
color: #666666;
font-size: 10px;
text-transform: uppercase;
height:25px;
}
#shopRight tr {
text-align: left;
font-size: 12px;
padding: 0 0 5px 0;
height:22px;
}
#shopRight td {
color: #636365;
}
#shopRight table img {
border: 1px solid #d5d5d5;
border-top: none;
}
#OrderTotalsTable table {
width: 985px;
margin-top: 10px;
padding-right:10px;

}
#OrderTotalsTable tr {
color: #616264;
border: none;
}
#OrderTotalsTable td {
text-align: left;
color: #616264;
border: none;
}
#OrderTotalsTable td td {
border: none;
padding: 0 10px 5px 0;
font-size: 14px;
color: #014C6B;
}
#OrderTotalsTable td table {
margin: 10px 0 20px 0;
}
table .rowGray {
background-color: #f1f1f1;
}
.basketBorder {
text-align: center;
width: 20px;
padding-top: 3px;
height: 17px;
border: 1px solid #d5d5d5;
}

a.btnContCheck { 
width: 189px;
height: 35px;
display: block;
background: url(../Images/btn-checkout-2.jpg) no-repeat;
}
a.btnSaveQuote { 
width: 93px;
height: 22px;
display: block;
float: right;
margin: 10px 0 0 30px;
background: url(../Images/btn-save-as-quote.jpg) no-repeat;
}
#shopRight a.btnContCheck { 
float: right;
margin: 0 0 0 0;
}
#listCheckout {
float: right;
text-align: right;
width: 340px;
}
#listCheckout li {
padding: 10px 0 0 0;
}
#listCheckout select {
width: 200px;
font-size: 11px;
padding: 2px;
}
#listCheckoutBsk {
float: right;
text-align: right;
width: 440px;
}
#listCheckoutBsk li {
padding: 10px 0 0 0;
}
#listCheckoutBsk select {
width: 200px;
font-size: 11px;
padding: 2px;
}
#shopBottom {
width: 985px;
float: left;
margin-top: 25px;
padding: 30px 0 0 0;
background: url(../Images/titleBg.jpg);
}
#shopBottom p{
    margin-bottom: 8px;
}
#shopBottom h2{
color: #676767;
font-weight: normal;
font-size: 12px;
margin: 0px;
padding: 8px 0;
border-bottom: 1px solid #d8d8d8;
}
#shopBottom ul {
width: 225px;
float: left;
padding: 10px 28px 10px 0;
}
#shopBottom li {
padding: 0 0 10px 0;
color: #818181;
}
#shopBottom .last {
padding-right: 0px;
}
#shopBottom  a.btnMore { 
float: right;
}
a.btnMore { 
width: 76px;
height: 21px;
display: block;
background: url(../Images/btn-nore-yell.jpg) no-repeat;
}

/* ITEM DETAILS PAGE */
.IIBox {
float: left;
width: 763px;
padding-bottom: 10px;
}
.IDTitle {
clear: both;
padding-bottom: 5px;
}
.IDTitle h1 {
color: #024a70;
font-size: 20px;
}
.IDTitle a, .IDTitle a:visited {
color: #FF0000;
font-size: 10px;
text-decoration: none;
}
.IDTitle a:hover {
text-decoration: underline;
}

.detailQty {
border: 1px solid #ccc;
padding: 4px 4px 4px 4px;
margin-left: 1px;
font-size: 14px;
float: left;

}
.dQty {
border: 1px solid #ccc;
padding: 4px 4px 4px 4px;
margin-left: 1px;
font-size: 14px;

}
.detailsBoxDet {
float: left;
width: 210px;
padding: 0 0 0 20px;
}
.detailsBoxDet label {
padding-top: 5px;
}
.detailsBoxDet ul {
padding: 0 0 10px 0;
}
a.btnBuyNowDet { 
width: 114px;
height: 32px;
margin: 0 50 0 30px;
background: url(../Images/btn-buy-now-item-details.jpg) no-repeat;
}
a.btnFinPrice { 
width: 167px;
height: 28px;
display: block;
float: left;
margin: 0 0 0 30px;
_margin: 0 0 0 15px;
background: url(../Images/btn-finance-price.jpg) no-repeat;
}
a.btnReqPrice {
width: 167px;
height: 28px;
display: block;
float: left;
margin: 0 0 0 0px;
_margin: 0 0 0 0px;
background: url(../Images/btn-request-price-2.jpg) no-repeat;
}

.printBox {
width: 753px;
padding: 5px;
display: block;
text-align: right;
margin-bottom: 15px;
background: url(../Images/bg-OGD.gif) repeat;
}

.detailsBoxImg { 
width: 488px;
padding: 10px 20px;
display: block;
float: left;
}
.imgContainer {

overflow: hidden;
}
.imgContainer img
{		
}
.IDLeft {
width: 175px;
float: left;
}
.IDRight {
width: 587px;
float: left;
}

.itemCarouselOuter {
width: 420px;
padding: 0px 30px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.carBoxPad {
padding: 0 30px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}
.stepcarouselProd{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #878787;
}

.detailsBoxImg p{
padding-top: 10px;
text-align: center;
font-size: 15px;
color: #acacac;
font-weight: bold;
}
.itemcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 400px; /*Width of Carousel Viewer itself*/
height: 75px; /*Height should enough to fit largest content's height*/
}
.itemcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.itemcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #878787;
}


a.btnCarPrev {
width: 12px;
height: 23px;
display: block;
position: absolute;
left: 10px;
_left: -30px;
top: 25px;
background:url(../Images/img-item-desc-left-arrow.gif) no-repeat;
}
a.btnCarNext {
width: 12px;
height: 23px;
display: block;
position: absolute;
top: 25px;
right: 10px;
background: url(../Images/img-item-desc-right-arrow.gif) 
}

a.btnBookmark {
width: 144px;
height: 18px;
display: block;
background: url(../Images/btn-bookmark.jpg) no-repeat;
}
.detailsBoxDet .detailsLinkList {
padding: 5px 0;
float: left;
}
.detailsLinkList a, detailsLinkList a:visited {
color: #808080;
font-weight: bold;
text-decoration: none;
}
.detailsLinkList a:hover {

}

.qtyInput {
width: 30px;
padding: 4px;
margin: 0 0 0 5px;
float: left;
}

.ManInfoBox ul {
border: 1px solid #9a9a9c;
}
.ManInfoBox .ManInfoBoxTitle {
border-bottom: none;
}
.ManInfoBoxTitle li {
text-align: center;
color: #fff;
background-color: #808080;
padding: 2px 0;
}
.ManInfoBoxTitle li.imgLogoBG {
background-color: #e1e3e2;
padding: 10px 0 5px 0;
color: #404040;
}
.ManInfoBox a, .ManInfoBox a:visited {
font-size: 10px;
}
.ManInfoBox a:hover {

}
.ManInfoBox .ManInfoBoxLink {
_width: 173px;
border-bottom: none;

}
.ManInfoBoxLink li {
_float: left;
_width: 173px;
}
.ManInfoBoxLink a, .ManInfoBoxLink a:visited {
display: block;
text-align: center;
_width: 173px;
padding: 3px 0 3px 0;
background: #e1e3e2 url(../Images/btn-man-info-bg-2.jpg) repeat-x!important;
text-decoration: none;
color: #404040;
font-size: 11px;
}
.ManInfoBoxLink a:hover, .ManInfoBoxLink a.selected {
background: #717274 url(../Images/btn-man-info-bg-1.jpg) repeat-x!important;
color: #fff!important;
}

.ManInfoBoxLink a.ExtraLine, .ManInfoBoxLink a.ExtraLine:visited {
display: block;
text-align: center;
_width: 173px;
height:33px;
padding: 3px 0 3px 0;
background: #e1e3e2 url(../Images/btn-man-info-bg-2-1-extraline.jpg) repeat-x!important;
text-decoration: none;
color: #404040;
font-size: 11px;
}
.ManInfoBoxLink a.ExtraLine:hover, .ManInfoBoxLink a.ExtraLineSelected {
background: #717274 url(../Images/btn-man-info-bg-1-1-extraline.jpg) repeat-x!important;
color: #fff!important;
display: block;
text-align: center;
_width: 173px;
height:33px;
padding: 3px 0 3px 0;
text-decoration: none;
font-size: 11px;
}


.RABox {
background-color: #e6e6e6;
margin-top: 10px;
}
.RABox .RABoxTitle {
color: #fff;
background-color: #808080;
padding: 2px 0;
}
.RABox .RABoxCont {
/*padding: 5px 0  10px 11px;*/
}
.RABox li {
text-align: center;
}
.RABox ul{
width: 70px;
float: left;
padding: 10px 0 0 10px;
}
.RABox li li {
font-size: 8px;
color: #989898;
}
#listItemsBox h3
{
    padding: 2px 0 2px 10px;
    background: url(../Images/price-bg-2.gif) repeat;  
    font-size: 12px;
    font-weight: normal;
}
.IDRight h3, #contentFull h3, .contactBox h3 {
padding: 2px 0 2px 10px;
}
.IDRightContent {
padding: 10px;
font-size:11px;
}
.IDRightContent p, .IDRightContent li, .IDRightContent td {
color: #808080;
}
.IDRightContent p
{
	padding-bottom: 10px;
}
.IDRightContent ul
{
	list-style-type: disc;
	color: #808080;
	margin: 0 0 10px 20px;
}
.IDRightContent li
{
	list-style-type: disc;
}

.CWBTBox {
    color: #878787;
}
.CWBTBoxName {
    width:20%;
}
.CWBTBoxPrice
{
    padding:0px 5px 0px 10px;
}
/*
.CWBTBox li {
float: left;
width: 300px;
padding: 10px 0 0 0;
color: #878787;
}
.CWBTBox .CWBTBoxImg {
	width: 70px;
	padding-left:3px;
	padding-right:5px;
text-align: center;
min-width:120px;
}
.CWBTBox .CWBTBoxTitle {
width: 100px;
}
.CWBTBox .CWBTBoxPrice {
width: 100px;
}
*/

/* CHECKOUT */
.errorTop {
clear: both;
padding: 5px 10px;
}
.LogColLeft {
width: 535px;
float: left;
padding: 0 15px 0 150px;
}
.userColLeft {
width: 535px;
float: left;
padding: 0 15px;
}
.userColRight {
width: 390px;
float: right;
padding-right: 15px;
}
.userColLeft h2, .userColRight h2 {
margin-bottom: 10px;
}
.userColLeft h3, .userColRight h3, #contentFull h3, .contactBox h3, .listLink h3 {
padding: 2px 10px;
margin-bottom: 10px;
color: #7F0000;
font-size: 12px;
font-weight: normal;
}



.userColLeft p, .userColRight p {
padding: 0 80px 10px 10px;
}
.userColBottom {
width: 600px;
clear: both;
padding: 15px;
}



.inputCheckout2 {
padding: 0 10px 10px 10px;
float: left;
width: 230px;
}
.inputCheckout2 li {
width: 255px;
_width: 240px;
padding-bottom: 5px;
display: block;
float: left;
}
.inputCheckout2 label {
width: 82px;
display: block;
padding: 0 10px 0 0;
float: left;
text-align: right;
}
.inputCheckout2 .btnFindAddress {
margin-left: 86px;
}
.inputCheckout2 input {
padding: 1px;
}

.inputCheckout3 {
padding: 0 10px 10px 10px;
float: left;
width: 500px;
}
.inputCheckout3 li {
float: left;
padding-bottom: 5px;
display: block;
height: 20px;
}
.inputCheckout3 label {
display: block;
padding: 2px 10px 2px 5px;
float: left;
text-align: right;
}

.userColRight table {
color: #999999;
width: 100%;
}
.userColRight th {
font-size: 15px;
text-align: center;
padding: 5px;
}
.userColRight td {
text-align: center;
padding: 5px;
font-size: 13px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.listCheckout2 {
float: right;
width: 200px;
padding: 20px 0 10px 0;
}
.listCheckout2 li {
text-align: right;
float: left;
font-weight: bold;
color: #989898;
display: block;
width: 200px;
padding: 0 0 5px 0;
}
.listCheckout2 span {
font-weight: normal;
}

.promoList {

}
.promoList li {
text-align: right;
color: #989898;
padding-top: 5px;
}
.promoList ul {
width: 235px;
float: right;
}
.promoList li li {
float: left;
padding-left: 5px;
}
.promoList a, .promoList a:visited {
color: #989898;
}

.seperater1 {
height: 15px;
clear: both;
background: url(../Images/price-bg-1.gif) repeat;
}

.userColBottom p {
padding: 0 0 10px 15px;
}

.paymentTypeBox {
padding: 15px 15px 0 15px;
}
.paymentTypeBox p {
padding: 0 0 15px 0;
}
.paymentTypeBox ul {
padding: 0 0 15px 10px;
}
..paymentTypeBox li {
float: left;
width: 500px;
}
.paymentTypeBox ul span {
width: 200px;
display: block;
float: left;
font-weight: bold;
}
.PDList {
padding: 0 0 0 15px;
}
.PDList li {
padding-bottom: 5px;
}
.PDList label {
padding-left: 5px;
}

.listVar {
position: relative;
height: 1px;
}
.listVar li {

}
a.linkVisa { 
width: 84px;
height: 29px;
display: block;
background: url(../Images/footer_visa.gif) no-repeat;
position:absolute;
top: -80px;
right: 110px;
}
a.linkMasterCard { 
width: 84px;
height: 29px;
display: block;
background: url(../Images/footer_masterCard.gif) no-repeat;
position: absolute;
top: -80px;
right: 20px;
}

/* New Checkout styles */
.yourDetailsDiv 
{
    /*border: solid 1px #0000FF;*/
    margin-bottom: 5px;
    position:relative;

}
.yourDetailsDiv input, .yourDetailsDiv select
{
    position:absolute;
    left: 15em;
}
.yourDetailsDiv select { font-size:11px;}
.yourDetailsDiv p {
    padding-top: 2px;
    padding-bottom: 5px; 
}
.yourDetailsDiv h4 , .otherCheckoutDiv h4
{
    font-size:13px;
    font-weight:bold;
}
/* ORDER HISTORY */

.OHTitle {
float: left;
padding: 0px 0 0 0;
border-bottom: 1px solid #ccccce;
width: 980px;
}
.OHTitle li {
float: left;
width: 140px;
font-weight: bold;
color: #616264;
font-size: 13px;
padding: 5px 15px;
}
.lidispatched li {
    
    padding: 5px 12px;
}
.OHItem {
width: 980px;
float: left;
border-bottom: 1px solid #ccccce;
}
.OHItemList {
float: left;
}
.OHItemList li {
float: left;
width: 150px;
color: #616264;
font-size: 11px;
padding: 5px 15px;
}
.lidispatcheditem li {
   padding: 5px 12px; 
}
.OHDetails {
float: left;
width: 980px;
 background-color:#F4F4F4;
}
.OHItemList a, .OHItemList a:visited {
text-decoration: underline;
font-size: 12px;
font-weight: bold;
color: #666666;
}
.OHItemList a:hover {
text-decoration: underline;
}

.OHItemList p, .OHItemList p:visited {
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #025a7e;
cursor:pointer;
display:block;
}

.OHItemO {
width: 720px;
float: left;
border-bottom: 1px solid #ccccce;
}
.OHItemListO {
float: left;
}
.OHItemListO li {
float: left;
width: 150px;
color: #616264;
font-size: 11px;
padding: 5px 15px;
}
.OHDetailsO {
float: left;
}
.OHItemListO a, .OHItemListO a:visited {
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.OHItemListO a:hover {
text-decoration: underline;
}

.OHItemF {
width: 920px;
float: left;
}
.OHItemListF {
float: left;
}
.OHItemListF li {
float: left;
width: 110px;
color: #616264;
font-size: 11px;
padding: 5px 15px;
}
.OHDetails {
float: left;
 background-color:#F4F4F4;
}
.OHItemListF a, .OHItemListF a:visited {
text-decoration: underline;
font-size: 12px;
font-weight: bold;
}
.OHItemListF a:hover {
text-decoration: underline;
}

.OHItemListF p, .OHItemListF p:visited {
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #025a7e;
cursor:pointer;
}


.OHDetails table {
width: 980px;
margin-top: 10px;
padding-left:10px;
padding-right:10px;
}
.OHDetails table img {
border: 1px solid #E8F0F4;
border-top: none;
border-bottom: none;
}
.OHDetails tr {
      height:30px;
}
.OHDetails td {
border-bottom: 1px solid #d3d5d4;
color: #6c6b70;
}

.OHDetails table table {

}
.OHDetails table td td {
border: none;
padding: 0 5px 10px 5px;
}
.OHDetails table table th {
text-align: left;
font-weight: bold;
font-size: 12px;
padding: 10px 5px;
}
.OHDetails .OHTotal {
font-size: 14px;
text-align: right;
color: #014c6b;
}
.OHDetailsF table {
width: 980px;
margin-top: 10px;
border-top: 1px solid #E8F0F4;
float:left;
}
.OHDetailsF table img {
border: 1px solid #E8F0F4;
border-top: none;
border-bottom: none;
}
.OHDetailsF tr {
    height:35px;
}
.OHDetailsF td {
border-bottom: 1px solid #d3d5d4;
color: #6c6b70;
}

.OHDetailsF table table {

}
.OHDetailsF table td td {
border: none;
padding: 0 5px 10px 5px;
}
.OHDetailsF table table th {
text-align: left;
font-weight: bold;
font-size: 12px;
padding: 10px 5px;
}
.OHDetailsF .OHTotal {
font-size: 14px;
text-align: right;
color: #014c6b;
}
/* CONTACT */

.contactBox {
width:765px;
padding: 0 0 20px 0;
}
.contactBox ul {
padding-left: 15px;
}
.contactBox li {
padding: 0 0 10px 0;
float: left;
width: 600px;
}
.contactBox span {
width: 300px;
float: left;
display: block;
}

/* MY ACCOUNT HOME */
#accountBoxLeft {
width: 20px;
float: left;
padding: 20px 0 0 0;
    height: 163px;
}
#accountBoxLeft ul {
padding: 0px 0 0 10px;
}
#accountBoxLeft li {
padding: 0 0 2px 0px;
}
#accountBoxRight {
width: 1000px;
float: left;
padding: 0px 0 20px 0;
color:#616264;
}
#accountBoxRight textarea, input {
color: #616264;
font-size: 12px;
}

.MABox {
width: 420px;
float: left;
}
.MABox2 {
width: 420px;
float: left;
padding-bottom: 10px;
}
.ADListD {
width: 390px;
_width: 264px;
float: left;
padding: 0 20px 0 10px;
}
.ADListD .btnFindAddress {
float: left;
margin-left: 140px;
_margin-left: 75px;
}
.ADListD li {
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
}
.ADListD label {
width: 130px;
display: block;
float: left;
}
.ADList {
width: 762px;
_width: 664px;
float: left;
padding: 40px 20px 10px 150px;

}
.ADListCol {
width: 300px;
_width: 302px;
float: left;
padding: 40px 20px 10px 150px;

}
.ADListCol2 {
width: 300px;
_width: 302px;
float: left;
padding: 40px 20px 10px 80px;

}
.ADList .btnFindAddress {
float: left;
margin-left: 140px;
_margin-left: 75px;
}
.ADList li 
{
width: 563px;
_width: 464px;
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
	
}

.ADList label {
width: 130px;
display: block;
float: left;
font-size: 14px;
}
.ADList select {
width: 130px;
display: block;
float: left;
font-size: 14px;
}
.ADList input {

font-size: 14px;
}
.ADList textarea
{	
	display: block;
	float: left;
	font-size: 14px;
}
.ADListCol .btnFindAddress {
float: left;
margin-left: 140px;
_margin-left: 75px;
}
.ADListCol li 
{
width: 563px;
_width: 464px;
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
	
}

.ADListCol label {
width: 130px;
display: block;
float: left;
font-size: 14px;
}
.ADListCol select {
width: 150px;
display: block;
float: left;
font-size: 14px;
}
.ADListCol input {

font-size: 14px;
}
.ADListCol textarea
{	
	display: block;
	float: left;
	font-size: 14px;
}
.ADListCol2 .btnFindAddress {
float: left;
margin-left: 140px;
_margin-left: 75px;
}
.ADListCol2 li 
{
width: 563px;
_width: 464px;
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
	
}

.ADListCol2 label {
width: 130px;
display: block;
float: left;
font-size: 14px;
}
.ADListCol2 select {
width: 150px;
display: block;
float: left;
font-size: 14px;
}
.ADListCol2 input {

font-size: 14px;
}
.ADListCol2 textarea
{	
	display: block;
	float: left;
	font-size: 14px;
}
.MAWelcome {
padding: 10px;
}
.MAPreffered {
width: 290px;
float: left;
}
.MAPreffered li {
float: left;
display: block;
width: 290px;
padding: 0 0 5px 0;
}
.MAPreffered label {
padding: 0 0 0 10px;
}
.MASubmitList {
clear: both;
}
.MASubmitList li {
float: left;
padding-left: 0px;
}
.MASubmitList label {
width: 220px;
display: block;
float: left;
padding: 0 100px 10px 10px;
font-size: 10px;
}
.AccountDetails
{
	float:left;
	width:650px;
}
.AccountDetails li {
float: right;
padding-top: 10px;
}
.AccountDetailsD
{
	float:left;
	width:850px;
}
.AccountDetailsD li {
float: right;
padding-top: 10px;
}
/* REQUEST A RETURN */

.tableRequest {
margin-bottom: 10px;
}
.tableRequest td p{
padding: 5px 20px 0 0;
}

.boxRequest {
width: 300px;
padding: 5px;
height: 350px;
position: absolute;
top: -30px;
left: 50px;
background-color: #fff;
border: 1px solid #CCCCCC;
}
.boxRequest textarea {
width: 250px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.boxRequest li {
padding: 0 0 5px 0;
font-weight: bold;
float: left;
width: 250px;
}
.boxRequest li.reqTitle {
width: 300px;
}
.boxRequest li.floatRight {
width: 40px;
}
.boxRequest .btnSubmit {
float: right;
}
/* WRITE REVIEW */

.boxReview {
width: 300px;
padding: 5px;
height: 270px;
position: absolute;
top: -30px;
left: 50px;
background-color: #fff;
border: 1px solid #CCCCCC;
display:none;
}
.textareaReview {
width: 280px;
height: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.textareaMessage {
width: 500px;
height: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.textareaMsTitle {
width: 400px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.textareaTitle {
width: 280px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.boxReview li {
padding: 0 0 5px 0;
font-weight: bold;
float: left;
width: 250px;
}
.boxReview li.reqTitle {
width: 100px;
}
.boxReview li.reqReview {
width: 200px;
}
.boxReview li.floatRight {
width: 40px;
}
.boxReview .btnSubmit {
float: right;
}
/* ORDER SUMMARY */
#contentOrderSum {
width: 700px;
}
#contentOrderSum table {
width: 700px;
margin-top: 10px;

}
#contentOrderSum th {
text-align: left;
padding: 5px 5px 5px 0;
color: #616264;
font-size: 12px;
border-bottom: 1px solid #E8F0F4;
}
#contentOrderSum img {
border-left: 1px solid #E8F0F4;
border-right: 1px solid #E8F0F4;
}
#contentOrderSum td {
text-align: left;
color: #616264;
border-bottom: 1px solid #E8F0F4;
}
#contentOrderSum td td {
border-bottom: none;
padding: 0 10px 5px 0;
font-size: 14px;
color: #014C6B;
}
#contentOrderSum td table {
margin: 10px 0 20px 0;
}
#contentOrderSum .OSDetails {
padding: 20px 0 0 0;
color: #666666;
}
.OSDetails ul {
width:230px;
height: 180px;
float: left;
padding: 0 0 20px 0;
color: #666666;
}
.OSDetails li {
padding: 0 0 3px 0;
}
.OSDetails ul a {

}
.OSDetails input {
float: right;
}
.contentGen {
padding: 0 0 15px 0;
}
.contentGen p {
padding: 0 15px 10px 5px;
}
.contentGen img {
float: left;
margin: 0 20px 20px 0;
}

/* LINKS */

.listLink {
width: 600px;
padding: 10px 20px;
}
.listLink {

}

/* FOOTER */
#footer {
text-align: center;
width: 100%;
clear: both;
background-color:#E8F0F4;
padding-top:5px;
}
.footerImgPad {
margin-top: 10px;
}
.FooterIcons {
width: 100%;
background-color: #fff;
padding: 0 0 15px 0;
}
.FooterIcons a{
clear:both;
margin-left:auto;
margin-right:auto;
float:none !important;

}
.footerBg {
padding: 0 0 30px 0;
margin-bottom: 10px;
background: url(../Images/bg-OGD.gif) repeat;
}
#footer p {
color: #666666;
text-align: center;
padding: 10px 0 10px 0;
}
#footer ul {
padding-left: 400px;
width: 200px;
float:left;
}
#footer li {
float: left;
display: block;
}
#footer a.link, #footer a.link:visited {
float: left;
display: block;
color: #666666;
text-decoration: none;
padding: 0 4px;
}
#footer a.link:hover {
text-decoration: underline;
}
#footer a.reg, #footer a.reg:visited {
float: left;
display: block;
color: #666666;
text-decoration: none;
padding: 0 4px;
}
#footer a.reg:hover {
text-decoration: underline;
}
#RecentCar img, #AltProdCar img
{
	/*height: 46px;*/
}

#ProdCar img
{
    /*height: 60px;*/
    padding-right: 10px;
}

.RABoxCont img 
{
	/*width: 59px;*/
}

.detailsBoxImg img
{
	max-width: 488px;
}

.listImg img
{
	max-width: 60px;
}
/* Terms and Conditions */
.InfoBox {
width:765px;
padding: 5px 0px 0px 0px;
}
.InfoBox h3 {
padding: 5px;
margin-bottom: 10px;
color: #0b4d70;
font-size: 12px;
font-weight: normal;
background: url(../Images/price-bg-1.gif) repeat;
}

.ImageListFix
{
	display:block;
	width: 40px;
	height: 35px;	
	border-left:solid 1px #dcdddf;
	border-right:solid 1px #dcdddf;
	background-color:#ffffff;
	
}


.ImageListFix img
{
	border:none !important;
	margin-left:8px;	
	margin-top:3px;
}

.RedColor { 
  color:Red;
}

 .tableHeader
 {
 	font-size: 12px;
 	color: #023958;
 	
 }
 .tableHeaderR
 {
 	font-size: 12px;
 	color: #023958;
 	text-align:right;
 }
 .orderConfirmation
 { padding-left:0px; padding-top:50px;}
.orderConfirmation h3
{ font-size:18px;line-height:18px;color: #004c6c!important;width:542px;padding:0;margin:0;float:right}
.confirm
{
	margin-left:0px;
	font-size: 12px;
	text-align:center;
	color: #004c6c!important;	
}

.btnAdd {
height: 20px;
border: 3px solid #d0cfc6;
background-color: #6AA1C4;
font-family:Verdana;
color:White;
width: 50px;
font-size:10px;
font-weight:bold;
cursor:pointer;
padding-bottom:2px;
}
.btnAdd:hover {
   background-color: #E8F0F4;
   color: #666666;
   border: 3px solid #d0cfc6;
}
.btnAddPD
 {
height: 23px;
border: 1px solid #D8D8D8;
background: url(../Images/Topbg.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 55px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-bottom:3px;
}
.btnMoreInf {
height: 20px;
background: url(../Images/i.jpg);
width: 20px;
cursor:pointer;
padding-bottom:2px;
}
.btnLgn {
height: 22px;
border: 1px solid #D8D8D8;
background: url(../Images/Topbg.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 65px;
font-size:11px;
font-weight:bold;
cursor:pointer;
padding-bottom:3px;
}
.btnLoad {
height: 20px;
border: 1px solid #025a7e;
background: url(../Images/GreyBtn.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 70px;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding-bottom:2px;
}
.btnRegOrder { 
 margin-top: 5px;
 margin-left:1px;
 height: 22px;
border: 1px solid #025a7e;
background: url(../Images/GreyBtn.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 150px;
font-size:11px;
font-weight:bold;
cursor:pointer;
padding-bottom:2px;
}
.btnUpdateDet
{
height: 22px;
border: 1px solid #025a7e;
background: url(../Images/GreyBtn.jpg) repeat-x;
font-family:Verdana;
color:White;
width: 120px;
font-size:11px;
font-weight:bold;
cursor:pointer;	
padding-bottom:3px;
}
#goback
{
	width:800px;
	text-align:left;
	margin-left:0px;
	margin-bottom:30px;
    height:33px;
    background: url(../Images/leftarrow.jpg) no-repeat;
    padding-top:7px;
    padding-left:30px;
}
#goback a, #goback a:visited
{
	 color:#6AA1C4;
	 font-size:14px;		 
}
#gobacktop
{
	width:800px;
	text-align:left;
	margin-left:0px;
	margin-bottom:0px;	
    height:33px;
    background: url(../Images/leftarrow.jpg) no-repeat;
    padding-top:7px;
    padding-left:30px;
}
#gobacktop a, #gobacktop a:visited
{
	 color:#6AA1C4;
	 font-size:14px;	 
}
.repImg
{
	 width: 90px;
}
.repName
{
	 width:400px;
	  padding-left:20px;
}
.bskImg
{
	 width: 60px;
}
.ContactUsP {
width: 762px;
_width: 664px;
float: left;
padding: 40px 20px 10px 50px;

}
.ContactUsP li 
{
width: 562px;
_width: 464px;
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
}
.HPItems {
width: 350px;
height: auto;
display: block;
float: left;
margin: 0 0 10px 0;
padding-top: 3px;
padding-left:3px;
padding-bottom:3px;
padding-right:3px;
}

.HPItemsWhite { 
color: #999999;
}
div.HPHome
{
	float:left;
	background-color:#fff;
	width:350px;
	padding-left:0px;
	padding-right:0px;
	min-height:50px;
	padding-left:0px;	
}
.HPtext
{
    padding-left:30px;
    color:#004C6C;
    width: 200px;
    padding-bottom:30px;
}
.DealBox
{
	width:30px;
	color:White;
}
.pricewas
{
	font-size: 12px;
	color: #023958;
	text-decoration: line-through;	
}
.pricenow
{
	font-size: 12px;
	color: #7F6641;	
}
.displaynone
{
	display:none;
}


#spotlights {
	float: left; display: inline;
	width: 765px;
	overflow: hidden;
	margin: 0px 0 0 5px;
	}

#spotlights a, #spotlights a:visited {
	color: #A74D7A;
	font-size: 1.4em; font-weight: bold;
	text-decoration: none;
	}
	
.spotlightsdiv {
	float: left; 
	display: block;
	margin: 2px;
	padding: 1px 2px 5px 2px;
	text-align: center;	
	width:117px;
	height:104px;
	position:relative;
	}

#spotlights .image {
	
	margin: 0;
	}
#spotlights .name {	
	margin: 8px 0 5px 0;
	}
#spotlights .how_many {
	margin: 0;
	}
#spotlights .product_name {
	margin: 4px 0 4px 0;
	}
#spotlights .product_name a, #spotlights .product_name a:visited	{
	color: #686868;
	font-size: 0.9em;
	}
#spotlights .recipename {
	font-size: 0.8em; 	
	}
#spotlights .recipename a strong, #spotlights .recipename a:visited strong {			
	font-size: 8px;
	color:#A74D7A;
	}	
	
#spotlights .price {
	font-size: 1em; line-height: 1em; vertical-align: bottom;
	
	}
#spotlights .price a strong, #spotlights .price a:visited strong {			
	font-size: 12px;
	color:#A74D7A;
	}
#spotlights .price strike {	
	font-size: 12px; font-weight: normal;
	color: #636363;font-family:Arial;
	}
	
#spotlights div.blank{
	float: left;
	width:601px;
	height:30px;
	background-color: #FFFFFF;
	}
#spotlights {
	float: left; display: inline;
	width: 765px;
	overflow: hidden;
	margin: 0px 0 0 5px;
	}

#spotlights a, #spotlights a:visited {
	color: #A74D7A;
	font-size: 1.4em; font-weight: bold;
	text-decoration: none;
	}
	
.spotlightsdivDeals {
	float: left; 
	display: block;
	margin: 2px;
	padding: 1px 2px 5px 2px;
	text-align: center;	
	width:117px;
	height:120px;
	position:relative;
	}
	.spotlightsdivDeals .price {
	width: 40px;
	padding: 0 0px 0 0;
	font-weight:bold;
	color:#023958;
	}
	.spotlightsdivDeals .originprice {
	width: 40px;
	padding: 0 0px 0 0;
	font-weight:bold;
	color:#686868;
	text-decoration: line-through;
	}
	.spotlightsdivDeals .stock {
	width: 40px;
	padding: 0 0px 0 0;	
	color: Red;	
	font-size:10px;
	}
#spotlightsDeals .image {
	
	margin: 0;
	}
#spotlightsDeals .name {	
	margin: 8px 0 5px 0;
	}
#spotlightsDeals .how_many {
	margin: 0;
	}
#spotlightsDeals .product_name {
	margin: 4px 0 4px 0;
	}
#spotlightsDeals .product_name a, #spotlights .product_name a:visited	{
	color: #686868;
	font-size: 0.9em;
	}
#spotlightsDeals .recipename {
	font-size: 0.8em; 	
	}
#spotlightsDeals .recipename a strong, #spotlights .recipename a:visited strong {			
	font-size: 8px;
	color:#A74D7A;
	}	
	
#spotlightsDeals .price {
	font-size: 1em; line-height: 1em; vertical-align: bottom;
	
	}
#spotlightsDeals .price a strong, #spotlights .price a:visited strong {			
	font-size: 12px;
	color:#A74D7A;
	}
#spotlightsDeals .price strike {	
	font-size: 12px; font-weight: normal;
	color: #636363;font-family:Arial;
	}
	
#spotlightsDeals div.blank{
	float: left;
	width:601px;
	height:30px;
	background-color: #FFFFFF;
	}

/* ROUND CORNERS BOX - INNER SHADOW - STRETCHY */
.box-inner-shadow
{
}
.box-inner-shadow .box-top
{
    background: url(/images/bg-box-inner-shadow-tl.png) left top no-repeat;
    padding: 0 0 0 5px;
}
.box-inner-shadow .box-top .box-top-right
{
    background: url(/images/bg-box-inner-shadow-tr.png) right top no-repeat;
    height: 6px;
    overflow: hidden;
}
.box-inner-shadow .box-bottom
{
    background: url(/images/bg-box-inner-shadow-bl.png) left top no-repeat;
    padding: 0 0 0 5px;
}
.box-inner-shadow .box-bottom .box-bottom-right
{
    background: url(/images/bg-box-inner-shadow-br.png) right top no-repeat;
    height: 8px;
    overflow: hidden;
}

.box-inner-shadow .box-middle
{
    background: #FFF url(/images/bg-box-inner-shadow-ml.gif) left top repeat-y;
    padding: 0 0 0 5px;
}
.box-inner-shadow .box-middle .box-padding
{
    background: #FFF url(/images/bg-box-inner-shadow-mr.gif) right top repeat-y;
    padding: 0 10px 0 8px;
}

/*.box .box-inner{position:relative;float:left;margin-top:-10px;}*/

/* ROUND CORNERS BOX - BLUE GRADIENT - STRETCHY */
.box-blue-gradient
{
}
.box-blue-gradient .box-blue-gradient-top
{
    background: url(/images/bg-box-blue-gradient-tl.png) left bottom no-repeat;
    padding: 0 0 0 5px;
    margin-left: 7px;
}
.box1 .top 
{
width: 328px;
height: 14px;	
background: url(/images/box1-top.png) right bottom no-repeat;
}


.box1 .middle {
width: 328px;
background: #FFF url(/images/box1-middle.png) left top repeat-y;
padding:5px 5px 5px 50px;
color: #023958;
font-size:14px;
font-weight:bold;
}

.box1 .bottom {
width: 328px;
height: 14px;
background: url(/images/box1-bottom.png) right bottom no-repeat;
}
.box-blue-gradient .box-blue-gradient-top .box-blue-gradient-top-right
{
    background: url(/images/box1-top.png) right bottom no-repeat;
    height: 13px;
    margin-right: 4px;
}
.box-blue-gradient .box-blue-gradient-bottom
{
    background: url(/images/bg-box-blue-gradient-bl.png) left top no-repeat;
    padding: 0 0 0 5px;
    margin-left: 7px;
}
.box-blue-gradient .box-blue-gradient-bottom .box-blue-gradient-bottom-right
{
    background: url(/images/box1-bottom.png) right top no-repeat;
    height: 13px;
    margin-right: 4px;
}

.box-blue-gradient .box-blue-gradient-middle
{
    background: #FFF url(/images/box1-middle.png) left top repeat-y;
    padding: 0;
    margin-left: 7px;
}
.box-blue-gradient .box-blue-gradient-middle .box-blue-gradient-padding
{
    background: url(/images/bg-box-blue-gradient-mr.gif) right top repeat-y;
    margin: 0 4px 0 0;
}

.box-blue-gradient .box-blue-gradient-inner
{    
    margin: -2px 5px 0 3px;
    position: relative;
    padding: 9px;
}

.box-blue-gradient h2
{
    margin-left: 8px;
}

/* BLUE BACKGROUND BOX - not stretchy */
.blue-box-wrapper
{
    padding: 8px 0;
}
.blue-box-wrapper-first
{
    padding: 3px 0 8px;
}
.blue-box
{
    background: #e9f0f8 url(/images/bg-blue-box-t.gif) top left no-repeat;
    width: 640px;
    margin: 0 8px;
}
.blue-box-bottom
{
    background: url(/images/bg-blue-box-b.gif) bottom left no-repeat;
    padding-bottom: 4px;
}
.message-icon
{
    width: 490px;
    float: left;
    background: url(/images/icon-message.gif) top left no-repeat;
    padding-left: 27px;
    margin: 15px 0 0 18px;
}
.message-icon h2
{
    font-size: 1.3em;
    width: auto;
    float: left;
    font-weight: bold;
}
.message-icon p
{
    clear: both;
}
.message-icon .date
{
    float: right;
    width: auto;
    clear: none;
    padding: 3px 0 0;
}
.blue-box .delete-button
{
    float: right;
    width: auto;
    padding: 11px 11px 0 0;
}
.promo-box.box-blue-gradient .box-blue-gradient-inner {
background-color: #f7fcff;
}
.itemCarouselOuter {
width: 595px;
padding: 0px 30px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float:left;
margin-bottom:10px;
}
.itemCarouselOuterDefault {
width: 700px;
padding: 0px 0px 0px 0px;
margin-left:2px;
}
.itemCarouselOuterHome {
width: 770px;
padding: 0px 0px 0px 0px;
margin-left:2px;
float:left;
}
.carBoxPad {
padding: 0 30px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}
.stepcarouselProd{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 5px;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #878787;
}

.detailsBoxImg p{
padding-top: 10px;
text-align: center;
font-size: 15px;
color: #acacac;
font-weight: bold;
}
.itemcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 660px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
margin-left:15px;
}
.itemcarousel .belt{
position: absolute; /*leave this value alone*/
left: 5px;
top: 0;
 
}
.itemcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #636363;
text-align: center;
}
.itemcarouselHome{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 770px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/

}
.itemcarouselHome .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top:5px;
}
.itemcarouselHome .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #636363;
text-align: center;
}
.itemcarouselHome .price {
font-weight:bold;
color:#023958;
}
.itemcarouselHome .originprice {
font-weight:bold;
color:#686868;
text-decoration: line-through;
}
#ProdCar ul{
list-style-type: none;
}
#HomeCar ul{
list-style-type: none;
}

#RecentCar ul{
list-style-type: none;
}
a.btnCarPrev {
width: 14px;
height: 23px;
display: block;
position: absolute;
left: 0px;
_left: -15px;
top: 25px;
background:url(/Images/btn_arrow_left.gif) no-repeat;
}
a.btnCarNext {
width: 14px;
height: 23px;
display: block;
position: absolute;
top: 25px;
right: 0px;
background: url(/Images/btn_arrow-right.gif) no-repeat;
}
#HomeDiv
{ float:left; 
  width:100%; 
  
}
.SaleLabel {
    background-color: #A90000;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;    
    padding: 1px 3px;
    position: absolute;
    right: 0px;
    top: 2px;
    width:43px;
}
.DealSelect {
 background: url(../Images/BgTopMenu.jpg) repeat-x top;
 font-weight:bold;
}
.SupplierName
{
	color: #7F0000;
	font-weight:bold;
}

.ui-spinner {
	width: 50px;
	height:18px;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #999;
	background: #FEFEFE url(images/spinner-bg.gif) repeat-x left bottom;
	padding: 0 5px;
}

.ui-spinner-disabled {
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box {
	width: 90%;
	height: 100%;
	float: left;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
	width: 20px;
	height: 50%;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	cursor: default;
	border: 1px solid #999;
	border-right: none;
	border-top: none;
}

.ui-spinner-down {
	bottom: 0;
	border-bottom: 0;
}

.ui-spinner-pressed {
	background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
	margin: 0;
	padding: 0;
}
.spinnerlabel
{
	float: left;
	margin-right: .5em;
	padding: .15em 0;
	font-weight: bold;
	font-size:16px;
}
.GridS
{	
width: 920px;
float: left;
color: #616264;
font-size: 12px;
padding: 5px 15px;
}
.pricewas
{
	font-size: 12px;
	color: #023958;
	text-decoration: line-through;	
}
.pricenow
{
	font-size: 12px;
	color: #7F6641;	
}
#productSearchBox {
float: left;
height: 40px;
width: 840px;
margin-top: 0px;
margin-left: 11px;
margin-bottom: 4px;
padding-bottom: 2px;
border-bottom: 1px solid #ccccce;
}
#productSearchBox1 {
float: left;
height: 45px;
width: 840px;
margin-top: 0px;
margin-left: 11px;
margin-bottom: 4px;
padding-bottom: 2px;
border-bottom: 1px solid #ccccce;
padding-left: 5px;
}
#productSearchBox li {
float: left;
padding-left: 5px;
}
#productSearchBox1 li {
float: left;
padding-left: 5px;
}
.AdminList {
width: 762px;
_width: 664px;
float: left;
padding: 10px 20px  10px 50px;
}
.AdminList li {
width: 563px;
_width: 464px;
float: left;
padding: 0 0 10px 0;
color: #616264;
font-size: 12px;
}
.AdminList label {
width: 130px;
display: block;
float: left;
font-size: 14px;
}
.cbstyle {
text-align: left;
font-size: 12px;
color: #666666;

}

.cbAllstyle {
text-align: right;
font-size: 12px;
color: #6AA1C4;
width:600px;
margin-left:50px;
font-weight: bold;
}
.updatediv {
text-align: right;
padding-top: 5px;
border-top: 1px solid #ccccce;
width:720px;
float:left;
margin-left:50px;
margin-top:30px;
}
.updatebtn {
  float:right;
}
.PrDetailsBold {
width: 200px;
color: #7F0000;
font-size: 14px;
font-weight: bold;
}
.Grid {
width: 720px;
float: left;
color: #616264;
font-size: 12px;
padding: 5px 0px 0px 15px;
margin-left:50px;
}
.Bluebtn {
display: block;
background-color: #6AA1C4;
text-align: center;
font-family: "delta_jaegerregular",sans-serif;
color: #fff;
font-size: 10px;
text-transform: uppercase;
border: 3px solid #D8D8D8;
padding: 5px 7px 5px 7px;
margin: 0 7px 0px 7px;
-webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
}
.Bluebtn:hover {
   background-color: #C7DDE8;
   color: #666666;
   border: 3px solid #D8D8D8;
}
.standardlink {    
    margin-left: 3px;
    color: #023958;
    text-decoration: none;
    font-size: 0.9em;
}
.standardlinkLeftArrow {
    margin-left: 3px;
    color: #8ca484;
    text-decoration: none;
    font-size: 0.9em;
    background: url(../Images/leftarrow.jpg) repeat-x;
}
.btnAddGreen {
height: 20px;
border: 3px solid #d0cfc6;
background-color: #8ca484;
font-family:Verdana;
color:White;
width: 50px;
font-size:10px;
font-weight:bold;
cursor:pointer;
padding-bottom:2px;

}
.txtBlue {
    color: #025a7e;
}
.txtBlueLast {
    color: #025a7e;
    padding-right: 5px;
}
.txtRed {
    color: #FF0000;
}
.txtRedLast {
    color: #FF0000;
    padding-right: 5px;
}
.btnNextPrev {
    height: 22px;
    border: 3px solid #d0cfc6;
    background-color: #8ca484;
    font-family: Verdana;
    color: White;
    width: 50px;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.passwordReminderBox {
   width:100%;
   margin-left:80px;
   float:left;  
   text-align:center;
   color: #666666;
   padding-bottom:20px;
}

.loginForgottenPassword {
    width: 120px;
    margin-left: 5px;
    color: #B4B5B9;
    text-decoration: none;
}
.SumOutletName {
    padding-left: 17px;
    padding-top: 10px;
    text-transform: uppercase;
    color: #7F0000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom:20px;
    float:left;
}
    .main-basket
    {
        width:985px;
        height:100%;
       padding-bottom:20px;
       float:left;
    }
    .basket-heading
    {
        width: 985px;
        height: 28px;
        float: left;
        margin-bottom: 15px;
        background: url(/Images/titleBg.jpg);
        margin-left: 20px;
    }
      .basket-heading h1
    {
        padding-left: 17px;
        padding-top: 4px;
        text-transform: uppercase;
        color: #004C6C;
        font-size: 14px;
        font-weight: normal;
    }
#invoiceBox {
width: 1000px;
float: left;
padding: 0px 0 20px 0;
color: #616264;
}
.LightBluebtn {
display: block;
background-color: #C7DDE8;
text-align: center;
font-family: "delta_jaegerregular",sans-serif;
color: #666666;
font-size: 10px;
text-transform: uppercase;
border: 2px solid #D8D8D8;
padding: 5px 7px 5px 7px;
margin:  0 0px 0px 0px;
text-decoration: none !important;
-webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
width:495px;
}
.LightBluebtn:hover {
   background-color: #d0cfc6;
   color: #fff;
}
.LightBluebtn a {
display: block;
background-color: #C7DDE8;
text-align: center;
font-family: "delta_jaegerregular",sans-serif;
text-decoration: none !important;
color: #666666;
font-size: 10px; 
text-transform: uppercase;
border: 2px solid #D8D8D8;
padding: 5px 7px 5px 7px;
margin:  0 0px 0px 0px;
-webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
width:495px;
}
.LightBluebtnShort {
display: block;
background-color: #C7DDE8;
text-align: center;
font-family: "delta_jaegerregular",sans-serif;
color: #666666;
font-size: 10px;
text-transform: uppercase;
border: 2px solid #D8D8D8;
padding: 5px 7px 5px 7px;
margin:  0 0px 0px 0px;
text-decoration: none !important;
-webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
width:215px;
}
.LightBluebtnShort:hover {
   background-color: #d0cfc6;
   color: #fff;
}
.LightBluebtnShort a {
display: block;
background-color: #C7DDE8;
text-align: center;
font-family: "delta_jaegerregular",sans-serif;
text-decoration: none !important;
color: #666666;
font-size: 10px; 
text-transform: uppercase;
border: 2px solid #D8D8D8;
padding: 5px 7px 5px 7px;
margin:  0 0px 0px 0px;
-webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
width:215px;
}
#addlink a, #addlink a:visited,#addlinkbtm a, #addlinkbtm a:visited
{
	 color:#7F0000;
	 font-size:14px;	 
}
#addlink, #addlinkbtm
{
	width:100%;
	text-align:right;
}
.DivTemplate {
    padding-top: 10px; 
    background-color: #E8F0F4; 
    width:970px; 
    padding-left:10px;
    float:left;
}
.SelectBox {
    background-color: #F7F7F7; 
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #EAEAEA;
    padding-top: 5px;     
    padding-left:10px;
    float:left;
    margin-bottom:5px;
    width:450px;
    }

.QuickOrderBox {
    background-color: #E8F0F4;
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #D8D8D8;
    padding-top: 5px;     
    padding-left:10px;
    float:left;
    margin-bottom:5px;
    width:625px;
    }
.PricePopup {
    
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #D8D8D8;    
    float:left;
    height: 195px;
    width: 485px;
    padding: 5px 5px 5px 20px;
    }
.WhiteBox {    
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #EAEAEA;
    padding-top: 5px;     
    padding-left:10px;
    float:left;
    margin-bottom:5px;
    width: 973px;
    }
.DetailsBlueBold {
width: 200px;
color: #6AA1C4;
font-size: 14px;
font-weight: bold;
}
.Templist {
    color: #616264;
font-size: 12px;
}

.Templist tr {
    color: #616264;
    font-size: 12px;
    height:30px;
}
.Templist label {
    color: #616264;
    font-size: 12px;
    padding-left:20px;
}
.textDBlue {
    color:#025a7e !important;
}
.textDRed {
   color:#AF0000 !important;
}
.textDTGray {
    color: #6c6b70 !important;
}

.pnlOrderDetails {
float: left;
width: 980px;
 background-color:#F4F4F4;
}
.pnlOrderDetails {
float: left;
 background-color:#F4F4F4;
}

.pnlOrderDetails table {
width: 980px;
margin-top: 10px;
padding-left:10px;
padding-right:10px;
}
.pnlOrderDetails table img {
border: 1px solid #E8F0F4;
border-top: none;
border-bottom: none;
}
.pnlOrderDetails tr {
      height:30px;
}
.pnlOrderDetails td {
border-bottom: 1px solid #d3d5d4;
color: #6c6b70;
}

.pnlOrderDetails table table {

}
.pnlOrderDetails table td td {
border: none;
padding: 0 5px 10px 5px;
}
.pnlOrderDetails table table th {
text-align: left;
font-weight: bold;
font-size: 12px;
padding: 10px 5px;
}
.pnlOrderDetails .OHTotal {
font-size: 14px;
text-align: right;
color: #014c6b;
}
.pnlOrderDetailsLink {
    color: #025a7e;
}
.userBoxContent {
    color: #B4B5B9;
    float:right;
    width:350px;
}
.loginpagediv{
   margin-left:162px;
   margin-right:162px;
   margin-bottom:50px;
   height:350px;
    background: url(../Images/YSlogoH.jpg) no-repeat;
    
}
.inputCheckout {
padding: 250px 50px 10px 40px;
}
.inputCheckout li {
width: 300px;
padding-bottom: 5px;
display: block;
float: left;
}
.inputCheckout label {
width: 80px;
display: block;
padding: 2px 10px;
float: left;
text-align: right;
}
.loginList {
float: left;
width: 280px;
padding: 0 0 15px 180px;

}
.loginList li {
float: left;
font-size: 10px;text-align:right;
}
.loginList label {
padding: 0 20px 0 5px;
}
.PagerNormal {
color: #6AA1C4;
border: 1px solid #6AA1C4;
margin:2px;
padding:2px;

background-color:white;
font-size: 14px; 
text-decoration: none;

}
.PagerCurrent {
color: white;
border: 2px solid #6AA1C4;
margin:1px;
padding:2px;

background-color:#6AA1C4;
font-size: 14px; 
font-weight:bold;
}
.OrderDispute {
    background-color:#FFEDED;
    border:solid 1px Red;
    width:700px;
    padding:10px;
    margin-top:30px;
    height:50px;
    float:left;
}
#headerBanner {
width: 1001px;
float: left;
background-color: #FFEDED;
border: solid 2px Red;
padding:  10px 10px 10px 10px;
text-align:center;
height: 32px;
}
.Greenbtn {
    display: block;
    background-color: #8ca484;
    text-align: center;
    font-family: "delta_jaegerregular",sans-serif;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border: 3px solid #d0cfc6;
    padding: 5px 7px 5px 7px;
    margin: 0 7px 0px 7px;
    -webkit-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
    -moz-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
    -ms-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
    -o-transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
    transition: 0.5s cubic-bezier(0.665, 0, 0.43, 1) all;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

    .Greenbtn:hover {
        background-color: #D2E0CE;
        color: #666666;
        border: 3px solid #d0cfc6;
    }

.orderContentTableRow {
    background-color: #E8F0F4 !important;
    display:flex;
    min-height:25px;
}
    .orderContentTableRow div {
        line-height:1.9;
    }
    .ordercontentItemsPink {
        background-color: #FFF7FA !important;
    }
.orderContentTableHeader {
    color: #025a7e;
    font-weight:bold;text-align:left;
       
}
.orderContentFootetHeader {
    display: flex;
    font-weight: bold;
}
.radiobuttonlist input {
    font: inherit;
    font-size: 10px; /* 14px / 16px */
    color: #494949;
    float: left;
    margin-top: 0px;
}

.radiobuttonlist label {
    font: inherit;
    font-size: 10px; /* 14px / 16px */
    text-decoration: none;
    width: 90px;
    padding-left: 10px;
    margin-top: 0px;
}