body
{
    BACKGROUND-COLOR: white;
    margin:0px;
    font-family:Verdana;
    color:#444444;
}
input { font-family:Verdana; font-size:10px; border-width:1px; border-color:#E1E1E1;}
textarea{ font-family:Verdana; font-size:10px;  border-width:1px; border-color:#E1E1E1;}
select { font-family:Verdana; font-size:10px; border-width:1px; border-color:#E1E1E1;}
td { font-family:Verdana; font-size:10px; color:#444444}
.tb{ width:210px;}
.breadcrumb {padding-top:10px;padding-bottom:10px}
.breadcrumb h1 { display: inline; font-size : 1.0em; }

h1{ font-size:17px; font-weight:bold; color:#555555; color:#000; margin-bottom:0px; padding-bottom: 4px;}
h2{ font-size:15px; font-weight:bold; color:#555555; color:#000; margin-bottom:0px; padding-bottom: 4px;}
h3{ font-size:15px; font-weight:bold; color:#00579A; padding-top:0px; margin-top:0px; margin-bottom:0px; padding-bottom: 4px;}
h3.white { font-size:15px; font-weight:bold; color:#ffffff; padding-top:0px; margin-top:0px; margin-bottom:0px; padding-bottom: 4px;}


.whitetext{ color:#ffffff}
li{list-style-type: disc;  }
ul{ padding-left:0px; text-indent:0px; margin-left:16px; margin-bottom:0px; margin-top:10px;}
a:link { font-size:10px; color:#444444; text-decoration:none; }
a:visited { font-size:10px; color:#444444; text-decoration:none;}
a:hover { font-size:10px; color:#444444; text-decoration:underline;}



a.whitelink:link { font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold; font-family:Verdana;}
a.whitelink:visited { font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold;font-family:Verdana;}
a.whitelink:hover { font-size:10px; color:#ffffff; text-decoration:underline; font-weight:bold;font-family:Verdana;}

a.greylink:link { font-size:10px; color:#B5B5B5; text-decoration:none;  font-family:Verdana;}
a.greylink:visited { font-size:10px; color:#B5B5B5; text-decoration:none; font-family:Verdana;}
a.greylink:hover { font-size:10px; color:#B5B5B5; text-decoration:underline; font-family:Verdana;}

a.smallwhitelink:link { font-size:10px; color:#ffffff; text-decoration:none; font-family:Verdana;}
a.smallwhitelink:visited { font-size:10px; color:#ffffff; text-decoration:none; font-family:Verdana;}
a.smallwhitelink:hover { font-size:10px; color:#ffffff; text-decoration:underline; font-family:Verdana;}

a.silverlink:link { font-size:10px; color:#cccccc; text-decoration:none; font-weight:bold; font-family:Verdana;}
a.silverlink:visited { font-size:10px; color:#cccccc; text-decoration:none; font-weight:bold;font-family:Verdana;}
a.silverlink:hover { font-size:10px; color:#cccccc; text-decoration:underline; font-weight:bold;font-family:Verdana;}

a.largegrey:link { font-size:12px; color:#999999; text-decoration:none; font-weight:bold; font-family:Verdana;}
a.largegrey:visited { font-size:12px; color:#999999; text-decoration:none; font-weight:bold;font-family:Verdana;}
a.largegrey:hover { font-size:12px; color:#999999; text-decoration:underline; font-weight:bold;font-family:Verdana;}

a.scrollerlink:link { font-size:15px; color:#000000; text-decoration:none; font-weight:bold; font-family:Verdana;}
a.scrollerlink:visited { font-size:15px; color:#000000; text-decoration:none; font-weight:bold;font-family:Verdana;}
a.scrollerlink:hover { font-size:15px; color:#000000; text-decoration:underline; font-weight:bold;font-family:Verdana;}

a.navlink:link { font-size:10px; color:#043E8F; text-decoration:none; font-family:Verdana; font-weight:bold}
a.navlink:visited { font-size:10px; color:#043E8F; text-decoration:none; font-family:Verdana; font-weight:bold}
a.navlink:hover { font-size:10px; color:#043E8F; text-decoration:underline; font-family:Verdana; font-weight:bold}

a.leftnav:link { font-size:10px; color:#ffffff; text-decoration:none; font-family:Verdana;}
a.leftnav:visited { font-size:10px; color:#ffffff; text-decoration:none; font-family:Verdana;}
a.leftnav:hover { font-size:10px; color:#ffffff; text-decoration:underline; font-family:Verdana;}
.navcolor { background:#63A9CD}
.title			{ font-size:17px; font-weight:bold; color:#555555; margin-bottom:0px; padding-bottom: 4px; }
.hometitle		{ font-family:Verdana; font-size:15px; color:#63A9CD; font-weight:bold }
.subtitle	{font-family:Verdana; font-size:12px; color:#000000;}

a.button:link{ height:19px; border:solid 1px #ABC7DD; text-decoration:none; background-color:#1968A3; padding-top:3px; color:#ffffff; cursor:hand; padding-left:8px;padding-right:8px;}
a.button:visited{ height:19px; border:solid 1px #ABC7DD; text-decoration:none; background-color:#1968A3; padding-top:3px; color:#ffffff; cursor:hand; padding-left:8px;padding-right:8px;}
a.button:hover{ height:19px; border:solid 1px #ABC7DD; text-decoration:none; background-color:#1968A3; padding-top:3px; color:#ffffff; cursor:hand; padding-left:8px;padding-right:8px;}

.button{border:solid 1px #ABC7DD; text-decoration:none; background-color:#1968A3; color:#ffffff; cursor:hand; }

.leftborder{ border-left:solid 1px #CCD1D4;}
.rightborder{ border-right:solid 0px #bdbebd; padding-right:8px}
.topborder{ border-left:solid 1px #bdbebd;}
.bottomborder{ border-left:solid 1px #CCD1D4;}
.line	{ background-color:#c8c8c8; height:1px}
.liteline { background-color: #CCD1D4;}
.head { background-color:#1968A3; color:#ffffff; font-weight:bold;}
.scrollertext { font-size:15px; font-weight:bold; font-family:Verdana}

.litegrey{ background-color:#F3F3F3; color:Black; font-size:10px}
.box { border:solid 1px #DDDDDD}
.options { color:#82A1CF; font-size:12px}

.dark { background-color:#1968A3; color:#ffffff; font-weight:bold;}
.darkarea {background-color:#1968A3; color:#ffffff; }
.mid { background-color: #5e5e5e; color: white; }
.light { background-color:white;}

.colouredbottom{border-bottom:solid 6px #669AC2;}

#leftChannel div 
{
	border-top: solid 6px #669AC2;
}

#leftChannel input {
	width: 177px;
	margin-top: 4px;
}

#leftChannel h2 {
	margin-top: 15px;
	display: block;
	clear: both;
	padding-bottom: 4px;
	
}

ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top:6px solid #669AC2;
}

ul.menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 20px;
}

.menu a {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	font-size:110%;
	border-left: 6px solid #f3f4ee;
	border-bottom: 1px solid #f3f4ee;
	border-right: 1px solid #f3f4ee;
}

.menu a:visited {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	font-size:110%;
	border-left: 6px solid #f3f4ee;
	border-bottom: 1px solid #f3f4ee;
	border-right: 1px solid #f3f4ee;
}

.menu a:hover 
{
	color: #666666;
	text-decoration: none;
	font-size:110%;
	border-left-color: #669AC2;
}

.menu a.selected {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	font-size:110%;
	border-left: 6px solid #669AC2;
	border-bottom: 1px solid #f3f4ee;
	border-right: 1px solid #f3f4ee;
}

.menu a.selected:visited {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	font-size:110%;
	border-left: 6px solid #669AC2;
	border-bottom: 1px solid #f3f4ee;
	border-right: 1px solid #f3f4ee;

}

.menu .subMenu {
	padding-top: 	5px;
	padding-bottom: 5px;
}

.menu .subMenu a {
	padding-left: 32px;
	font-size: 140%;
}
.hide {
	display:none;
}


ul.footer-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 5px;
}

ul.footer-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
}

ul.footer-nav li.provider {
    float: right;
}


/************************    NEW SITE ****************************/

body
{
    BACKGROUND-COLOR: #f1f1f1;
    margin:0px;
}

/* top nav */

.site-top-border{ height:5px; min-height:5px; max-height:5px; background-color:#cccccc}

.search-outer {
    margin-top: 0px;
    z-index:2000;
}

.searchdd
{
    height:25px;
    min-height:25px;
    border:0px;
    border-bottom:solid 1px #fff;
    font-size:12px;
    width:188px;
}


.search-container {
    display: block;
    background-image: url(images/topsearch-back.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 980px;
    height: 52px;
    padding:  6px 10px  0px 0px;
}

.search-surround {
    display: block;
    background-image: url(images/magnify-search.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 525px;
    height: 25px;
    padding:  0px 0px 0px 26px;
    background-color:#ffffff;
}

/* Basket */
.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 0px #909090;z-index:2001;  }
.downBasket		{ width:252px; height:31px; position:relative; left:0px; overflow:hidden; clear: both; z-index:2001; }
.downBasketHTML	{  border-left:solid 0px #dfdfdf; border-right:solid 0px #dfdfdf; z-index:2001; margin-left:30px; }
.basket			{ width:252px; height:32px; background:url(images/basket-back.png);  background-repeat:no-repeat; color:White; padding-top:8px; vertical-align:middle;  text-align:left; cursor:hand;z-index:2001; }
.basketFooter	{ width:180px; border:solid 0px #dfdfdf; z-index:2001; }
.basketprice	{ font-size:1.3em; font-weight:bold;z-index:2001;}
/* END BASKET */

a.breadcrumb:link { color:#2c2c2c; text-decoration:none;}
a.breadcrumb:visited { color:#2c2c2c; text-decoration:none;}
a.breadcrumb:hover { color:#2c2c2c; text-decoration:underline; }


/* end top nav */

/* left nav */

/* Left Navigation */
#leftNav				{ width:180px; vertical-align:middle;  }

/*#leftNav dd				{ display:block; list-style-type:none; padding: 0; margin: 0; padding-bottom:5px; background-color:#F9F9F7;  }*/
#leftNav dl 			{ margin: 0px; padding:0px; color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6; }
#leftNav dl.selected	{ margin: 0px; background-image:url(images/left-nav-active.png); color: #000000; font-weight: bold;  }
#leftNav dt				{ margin: 0; padding:0; }

#leftNav dl.theEnd 			{ margin: 0 0 0px 0; padding: 0; color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6; }
#leftNav dl.theEndselected	{ margin: 0 0 0px 0px; background-image:url(images/left-nav-active.png); background-position:left bottom; color: #000000; font-weight: bold;}

#leftNav dt a			{ background-color:#fff; color: #414141; padding: 6px 0px 6px 10px; margin:0px; background-image:url(images/left-nav-back.png); background-position:left bottom; background-repeat:no-repeat; display:block; text-decoration:none; }
						  
#leftNav dt a:hover		{ background-color:#c6c6c6; color:#004fa0; padding:6px 0px 6px 10px; margin:0px;  background-image:url(images/left-nav-active.png);  background-position:left bottom; background-repeat:no-repeat; display:block;}

#leftNav dl.selected dt a { padding-left: 10px; background-image:url(images/left-nav-selected.png); background-position:left top; color:#004fa0;}										
#leftNav dl.selected dt a:hover { padding-left: 10px; background-image:url(images/left-nav-selected.png); background-position:left top; color:#004fa0;}										


#leftNav a.hoverNav:link {color: #595959; text-decoration: none; }
#leftNav a.hoverNav:visited {color: #595959; text-decoration: none; }
#leftNav a.hoverNav:hover {color: #377DBE; text-decoration: underline; }

#leftNav ul { text-indent:0px; padding: 0px; margin:0px; list-style:none; list-style-type:none; text-align:left; background-image:url(images/left-nav-selected.png);  background-position:left bottom; background-repeat:no-repeat; border-left:solid 1px #c6c7c6;border-right:solid 1px #c6c7c6;}
#leftNav li { margin-left:12px; list-style-type:none; padding:3px}
#leftNav li a { list-style-type:none; padding:0px; text-decoration:none; color:#414141; }
#leftNav li a:visited { list-style-type:none; padding:0px; text-decoration:none; color:#414141}
#leftNav li a:hover { list-style-type:none; padding:0px; text-decoration:underline; color:#414141}


/* end left nav */

/* BOTTOM - FOOTER */


/* ---------------  Start: Footer   --------------- */



.thefooter {
   width:980px;
  
   margin: 0 auto;
   background-color:#262626;
   display:block;
}

ul.footer 
{
    list-style-type: none;
    margin-top: 0px;
}

ul.footer li 
{
    text-align:left;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    list-style-type: none;
    display: block;
    float: left;
    width: 240px;
    text-indent:0px;
}

ul.footer li ul
{
       text-indent:0px;
       margin:0px;
}
ul.footer li ul li
{
       text-indent:0px;
       margin:0px;
       padding-bottom:5px;
       padding-top: 0px;
}

ul.footer li ul li a {
   color:#fff;
   text-decoration:none;

  
}
ul.footer li ul li a:visited {
   color:#fff;
   text-decoration:none;
}
ul.footer li ul li a:hover {
   color:#fff;
   
}

ul.footer li h2 {
    color: #fff;
    font-size: 12px;
    margin-bottom:10px;
    margin-top: 0px;
    padding: 0px;
}
    
.arrows {
    color: #000;
    font-size: 0.9em;
}

/* END BOTTOM / FOOTER */

/* MAIN WELCOME PAGE */

.underline{ border-bottom:solid 1px #dfdfdf}
.red { color:#ef3328}
.price{ color:#ef3328; font-weight:bold; font-size:14px}


.hpBox          { padding:  0px 0px 0 0px;}
.hpBoxRight     { float:left; background:url(images/box/greyBoxRight.gif) no-repeat; 
                  _height:1px; width:200px; height:38px; overflow:hidden; }
/*.hpNum          { font-size:1.1em; font-weight:normal; display:inline; color:#ffffff; float:left; padding-top:110px; margin-right:2px; margin-left:2px;  font-weight:bold; text-align:center; background-image:url(images/box/hpNumBack.png); background-position: center top; background-repeat:no-repeat; width:29px; height:29px; }*/
.hpNum          { margin-left:3px; margin-right:3px; text-align:center;}
     

.banner-container-first {
    float:left;
}

.banner-first-left {
    display: block;
    float: left;
    width: 610px;
    height:330px;
    
}

/* SCROLLER */

div#scrollbar       { display:none; }
div#wn	            { position:relative; width:560px; height:215px; left:10px; overflow:hidden; }
div#scrollbar       { position:relative; width:560px; height:11px; display:block; font-size:1px; }
div#track           { position:absolute; left:10px; top:1px; width:560px; height:10px; background-image:url(images/scroll-background.png); }
div#dragBar         { position:absolute; left:1px; top:1px; width:20px; height:8px; background-color:#595959; }  
div#left            { position:absolute; left:10px; top:-100px; }  
div#right           { position:absolute; right:-10px; top:-100px; }

div#scrollbar, div#track, div#dragBar, div#left, div#right { -moz-user-select: none; -khtml-user-select: none; }
div#scrollbar img   { display:block; } 

/* END SCROLLER */


/* PAYMENT NAVIGATION */
    
#payment-navigation-base {
    background-image: url(images/payment-nav/payment-navigation-base.png);
    background-repeat: no-repeat;
    height: 56px;
    width: 988px;
    
}

#payment-navigation-base div {
    height: 46px;
    width: 247px;
    float:left;
    position: relative;
    background-repeat: no-repeat;
}

/*          PAYMENT NAVIGATION ------ TICKS */
#payment-navigation-base div div {
    height: 20px;
    width: 21px;
    float:right;
    margin: 12px 12px 0px 0px;
    background-repeat: no-repeat;
    background-image: url(images/payment-nav/tick.png);
}

#payment-navigation-base div div.on {
    display: block;
}
#payment-navigation-base div div.off {
    display: none;
}
/*          END PAYMENT NAVIGATION ------ TICKS */

#payment-navigation-base #ucTopNav_paymentNav1_signin.inactive {
    background-image: url(images/payment-nav/sign-in-inactive.png);
    z-index: 100;
}
#payment-navigation-base #ucTopNav_paymentNav1_addresspayment.inactive {
    background-image: url(images/payment-nav/address-payment-inactive.png);
    z-index: 90;
    left: -5px;
}
#payment-navigation-base #ucTopNav_paymentNav1_ordersummary.inactive {
    background-image: url(images/payment-nav/order-summary-inactive.png);
    z-index: 80;
    left: -5px;
}
#payment-navigation-base #ucTopNav_paymentNav1_confirmation.inactive {
    background-image: url(images/payment-nav/confirmation-inactive.png);
    z-index: 70;
    left: -10px;
    width: 150px;
}

#payment-navigation-base #ucTopNav_paymentNav1_signin.active {
    background-image: url(images/payment-nav/sign-in-active.png);
    z-index: 100;
    top: 1px;
}
#payment-navigation-base #ucTopNav_paymentNav1_addresspayment.active {
    background-image: url(images/payment-nav/address-payment-active.png);
    left: -8px;
    z-index: 90;
    width: 253px;
    top: 1px;
}
#payment-navigation-base #ucTopNav_paymentNav1_ordersummary.active {
    background-image: url(images/payment-nav/order-summary-active.png);
    z-index: 80;
    left: -13px;
    width: 253px;
    top: 1px;
}
#payment-navigation-base #ucTopNav_paymentNav1_confirmation.active {
    background-image: url(images/payment-nav/confirmation-active.png);
    z-index: 70;
    left: -13px;
    top: 1px;
}


/* END PAYMENT NAVIGATION */

.options-window{
    height: 100px;
    width: 180px;   
    background-color: white;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    text-align:center;
    padding-top: 10px;
}

@-moz-document url-prefix() { .options-window { width: 178px; } } 

a.backtoshop {
    display: block;
    background-image: url(images/back-to-shop.png);
    background-repeat: no-repeat;
    width: 132px;
    height: 33px;
}

a.logout {
    display: block;
    background-image: url(images/sign-out.png);
    background-repeat: no-repeat;
    width: 92;
    height: 33px;
}

/* BOX */

#main-conent-box #header {
    background-image: url(images/box/header.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 14px;
}
#main-conent-box #content {
    background-image: url(images/box/middle.png);
    background-repeat: repeat-y;
    width: 600px;
    text-align: center;
    overflow: auto;
}
#main-conent-box #content #innercontent {
    height: 100%;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    
}
#main-conent-box #footer {
    background-image: url(images/box/footer-middle.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 25px;
}

/* BOX - BASED ON CLASSES */

div.box_header {
    background-image: url(images/box/header.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 14px;
}
div.box_content {
    background-image: url(images/box/middle.png);
    background-repeat: repeat-y;
    width: 600px;
    text-align: center;
}
div.box_innercontent {
    height: 100%;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    
}
div.box_footer {
    background-image: url(images/box/footer-middle.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 25px;
}

/* END OF : BOX - BASED ON CLASSES */

/*      LOGIN SPECIFIC */

#main-conent-box #content table tr td div div.space {
    clear: both;
    height: 10px;
}

#main-conent-box #content table tr td div div.title_underline {
    border-bottom: 1px solid #c6c6c6;
}


#main-conent-box #content table tr td div {
    text-align: left;
}

/*      END LOGIN SPECIFIC */

/* END BOX */

.login-button {
    background-image: url(images/signin-button.png);
    width: 92px;
    height: 33px;
    background-repeat: no-repeat;
}

.clear {
    clear: both;
}

/* HOME LOGIN WINDOW */
#ucTopNav_myoverlay, .myoverlay{
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 1700px;
  background: #000;
    opacity: 0.45;
    -moz-opacity: 0.45; /* older Gecko-based browsers */
    filter:alpha(opacity=45); /* For IE6&7 */
}

.modalPopupContainer {position:absolute; top: 0; left: 0;  width: 100%;  height: 1000px; padding-top: 200px; text-align: center; z-index:2010;}
/*.modalPopup		 { margin: 0 auto; border: solid 1px black; background-color:White; width: 200px; height: 200px;  position:absolute; }
.modalPopup	.head { background:url(../../images/UI/myBasketHeader.gif) top left repeat-x; color:White; 
           	        font-weight:bold; padding:5px; cursor:move; }
.modalPopup	.body { padding:5px; }
.modalPopup	.dialog { padding:10px; font-size:1.1em; }*/

#ucTopNav_modalpopupcontainer #modalpopup {
    margin: 0 auto;
    width: 331px;
}
#ucTopNav_modalpopupcontainer #modalpopup div.dialoghead {
    background-image: url(images/dialog-box/header.png);
    background-repeat: no-repeat;
    width: 331px;
    height: 35px;
}

#ucTopNav_modalpopupcontainer #modalpopup div div.dialogclose, .dialogclose {
    float:right;
    cursor:hand;
}

#ucTopNav_modalpopupcontainer #modalpopup div.dialogbody {
    background-image: url(images/dialog-box/content.png);
    background-repeat: repeat-y;
    width: 331px;
    height: 280px;
    text-align: left;
    padding: 10px 10px 10px 70px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    /*border-bottom: 1px solid #cbcbcb;*/
}

#ucTopNav_modalpopupcontainer #modalpopup div.dialogbody div div.space,#ucTopNav_modalpopupcontainer #modalpopup div.dialogbodydark div div.space{
 clear: both;
 height: 10px;
}

#ucTopNav_modalpopupcontainer #modalpopup div.dialogbodydark {
    background-image: url(images/dialog-box/content-dark.png);
    background-repeat: repeat-y;
    width: 331px;
    height: 100px;
    text-align: left;
    padding: 10px 10px 10px 70px;
}
#ucTopNav_modalpopupcontainer #modalpopup div.dialogfooter {
    background-image: url(images/dialog-box/footer.png);
    background-repeat: no-repeat;
    width: 331px;
    height: 36px;
}

/* END HOME LOGIN WINDOW */

/* ERROR POPUP - USED ON CHECKOUTORDER */

.error-header {
    background-image: url(images/dialog-box/error-header.png);
    background-repeat: no-repeat;
    width: 340px;
    height: 25px;
}
.error-content{
    background-image: url(images/dialog-box/error-content.png);
    background-repeat: repeat-y;
    width: 340px;
    height: 80px;
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #a6905e;
}
.error-footer{
    background-image: url(images/dialog-box/error-footer.png);
    background-repeat: no-repeat;
    width: 340px;
    height: 36px;
}

/* END OF : ERROR POPUP - USED ON CHECKOUTORDER */

.lightgrey{ color:#9a9a9a}

/* BASKET */
.basket-items { padding: 0px 20px 0px 20px; width: 490px; font-family: Arial; font-size: 13px; font-weight: bold; }
.basket-summary {display: block; width: 560px; background-color: #f7f7f7; border-bottom:1px solid #c8c8c8;  height: 140px; background-image:url(images/summary.png); font-size: 14px; float:right; margin: 0px 20px 15px 20px; padding-right: 0px; font-family: Arial; font-size: 13px; font-weight: bold;}
.basket-grandtotal {padding-right: 10px; padding-top: 20px; display: block; width: 470px; height: 30px; background-image:url(images/summary.png); font-size: 14px; float:right; margin: 15px 20px 0px 20px; padding-right: 92px; font-family: Arial; font-size: 13px; font-weight: bold;}
.dots {border-bottom: 1px solid #c8c8c8;}
.grand-total { color: #e82d1e; font-family: Arial; font-size: 18px; font-weight: bold; }
.basket-table { font-family: Arial; font-size: 13px; font-weight: bold; }
a.basket-description { color: #e82d1e; font-family: Arial; font-size: 13px; font-weight: bold; }
a:hover.basket-description { color: #e82d1e; font-family: Arial; font-size: 13px; font-weight: bold; }

a.basket-text {font-family: Arial; font-size: 13px; font-weight: bold; }
a:hover.basket-text {font-family: Arial; font-size: 13px; font-weight: bold; }
.basket-buttons {float: right; margin-right: 20px;}
/* END BASKET */

.question { height: 20px; width: 20px; background-image: url(images/question.png); background-repeat: no-repeat; }
.left-arrow-button { height: 25px; width: 25px; background-image: url(images/left-arrow.png); background-repeat: no-repeat; }
.right-arrow-button { height: 25px; width: 25px; background-image: url(images/right-arrow.png); background-repeat: no-repeat; }

.warning { background-image: url(images/warning.png); background-position: right; background-repeat: no-repeat; }
.no-warning {  }

.red_bold { color: #e82d1e; font-family: Arial; font-size: 18px; font-weight: bold; }

.modalBackground { background-color:Gray; -ms-filter:alpha(opacity=70); -ms-opacity:0.7; -moz-opacity: 0.5; -khtml-opacity: 0.5; }

.largeHeader {font-family: Arial; font-size: 14px; font-weight: bold; width: 280px; }

.dark-tab {background-image: url('images/box/dark-tab.png'); background-repeat: no-repeat; height: 35px;  font-family: Arial; font-size: 14px; font-weight: bold;  width: 150px; padding-top: 10px;}
.dark-tab-no-image {height: 35px;  font-family: Arial; font-size: 14px; font-weight: bold;  width: 150px; padding-top: 10px; cursor: hand;}
.dark-box-header {background-image: url('images/box/dark-header.png'); background-repeat: no-repeat; height: 8px; }
.dark-box-content { padding: 0px 10px 0px 10px; background-image: url('images/box/dark-content.png'); background-repeat: repeat-y; }
.dark-box-content-tab { padding: 0px 10px 0px 10px; background-image: url('images/box/dark-content-tab.png'); height: 10px;  }
.dark-box-content-tab2 { padding: 0px 10px 0px 10px; background-image: url('images/box/dark-content-tab2.png'); height: 10px;  }
.dark-box-content-with-header {padding: 0px 10px 0px 10px;  background-image: url('images/box/dark-content.png'); background-repeat: repeat-y;  font-family: Arial; font-size: 14px; font-weight: bold; width: 280px; }
.dark-box-footer {background-image: url('images/box/dark-footer.png'); background-repeat: no-repeat; }

.product-box-header {background-image: url('images/box/product-box-header.png'); height: 10px; width: 174px; background-repeat: no-repeat;}
.product-box-content {background-image: url('images/box/product-box-middle.png'); width: 174px; height: 110px; background-repeat:repeat-y; /*margin: 0 10px 5px 10px;*/ }
.product-box-footer {background-image: url('images/box/product-box-bottom.png'); height: 5px; width: 174px; background-repeat: no-repeat; }

.textbox-surround { background-image: url('images/box/textbox-background.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 26px; width: 265px;}
.textbox-surround-middle { background-image: url('images/box/textbox-background3.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 26px; width: 211px;}
.textbox-surround-narrow { background-image: url('images/box/textbox-background-narrow.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 26px;  width: 125px;}
.textbox-surround-small { background-image: url('images/box/textbox-background-small.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 26px;  width: 80px;}
.textbox-surround-mini { background-image: url('images/box/textbox-background-mini.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 26px;  width: 31px;}
.textarea-surround { background-image: url('images/box/textarea-background.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 96px; width: 265px;}
.textarea-surround-checkout { background-image: url('images/box/textarea-background-chk.png'); background-repeat: no-repeat; padding:  3px 0 0 3px;  height: 55px; width: 240px;}

.terms { display: block; height: 46px; padding-top: 10px; background-image: url('images/terms-background.png'); background-repeat: no-repeat;}

.hpOffer div div { top: -12px;}