/* HTML/GLOBAL TAGS */

* {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
  /*background: #fff url('../images_v2/bak_shadow.png') center repeat-y;*/
  margin:0;
    font-family: Arial, Verdana, Helvetica, sans-serif;

}

/* ------------ asda supplied styles --------------- */
/*------- Header -------*/

#divAsdaHeader {
	position : relative;
	padding-bottom : 1px;
	padding-left:0px;
	font-size : 11px;
	width:931px;
}

#divAsdaHeader div.logo {
	display : block;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 4px;
	z-index : 100;
}

#divAsdaHeader div.logo a {
	display : block;
	width : 107px;
	height : 46px;
	overflow : hidden;
}

 div.logo a span {
	position : absolute;
	left : -3000em;
}
#divAsdaHeader h2.homehead {
	color:#FFFFFF;
	font-size:1.4em;
	background-color:#003399;
	display:block;
	margin:0;
	padding:0.3em;
	font-weight:bold;
	/* fix for IE7*/
	*border-top:1px solid #ffffff;
	/* fix back for IE6*/
	_border-top:0px solid #ffffff;
	}
/*------- Highlighted (big) nav items -------*/

#divAsdaHeader #ulAsdaNavHighlight {
	position : relative;
	list-style : none;
	padding : 20px 0 0 130px;
	margin : 0;
}

#divAsdaHeader #ulAsdaNavHighlight:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

#divAsdaHeader #ulAsdaNavHighlight {display: inline-block;}
/* Hides from IE-mac \*/
* html #divAsdaHeader #ulAsdaNavHighlight {height: 1%;}
#divAsdaHeader #ulAsdaNavHighlight {display: block;}
/* End hide from IE-mac */

#divAsdaHeader #ulAsdaNavHighlight li {
	list-style : none;
	padding : 0;
	margin : 0 1.2em 0 0;
	float : left;
}

#divAsdaHeader #ulAsdaNavHighlight li a {
	font-size : 10px;
	width : 17.8em;
	background : #003399 url(../images_v2/nav_highlight_right.gif) 100% 0 no-repeat;
	color : #fff;
	font-weight : bold;
	display : block;
	text-decoration : none;
}

#divAsdaHeader #ulAsdaNavHighlight li a:hover {
	text-decoration : underline;
}

#divAsdaHeader #ulAsdaNavHighlight li a span {
	font-size : 11px;
	display : block;
	padding : 8px 16px 13px 16px;
	background : url(../images_v2/nav_highlight_left.gif) 0 0 no-repeat;
}

/*------- Main nav -------*/

#divAsdaNav {
	position : relative;
	clear : both;
	display : block;
	padding-top : 4px;
}

#divAsdaNav ul {
	list-style : none;
	padding : 0;
	margin : 0;
	background : #33C534  url(../images_v2/nav_bg.gif) repeat-x 0 50%;
	border-bottom : 1px #fff solid;
	position : relative;
}

#divAsdaNav ul:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

#divAsdaNav ul {display: inline-block;}
/* Hides from IE-mac \*/
* html #divAsdaNav ul {height: 1%;}
#divAsdaNav ul {display: block;}
/* End hide from IE-mac */

#divAsdaNav ul li {
	float : left;
	margin : 0 0 0 0;
	position : relative;
	padding : 0;
	background : url(../images_v2/nav_divider.gif) no-repeat 100% 50%;
}

#divAsdaNav ul li a {
	font-family : arial,helvetica,verdana,sans-serif;
	color : #fff;
	font-weight : bold;
	line-height : 1.1em;
	display : block;
	text-decoration : none;
	position : relative;
	font-size:8pt;
}

#divAsdaNav ul li a:hover {
	text-decoration : underline;
}

#divAsdaNav ul li a span {
	display : block;
	padding : 0.85em 0.55em;
	text-align : center;
}

#divAsdaNav ul li#navMobilePhones a span {
	padding : 0.3em 0.55em 0.35em 0.55em;
}

#divAsdaNav ul li.current {
	border-top : none;
	border-bottom : 1px #003399 solid;
	margin-left : -2px;
	top : -4px;
	margin-bottom : -6px;
	background : #003399 url(../images_v2/nav_on_l.gif) no-repeat 0 0;
}

#divAsdaNav ul li#navHome.current {
	margin-left : 0;
	background : #003399 url(../images_v2/nav_on_l_home.gif) no-repeat 0 0;
}

#divAsdaNav ul li.current a span {
	background : url(../images_v2/nav_on_r.gif) no-repeat 100% 0;
	padding : 1.25em 0.6em 0.9em 0.7em;
}

#divAsdaNav > ul li.current a span {
	padding : 1.25em 0.55em 0.9em 0.7em;
}

#divAsdaNav ul li#navHome.current a span {
	padding : 1.25em 0.55em 0.9em 0.55em;
}

#divAsdaNav ul li#navLocalGifts.current a span,
#divAsdaNav ul li#navMobilePhones.current a span {
	padding : 0.65em 0.55em 0.45em 0.75em;
}

#divAsdaNav > ul li#navLocalGifts.current a span,
#divAsdaNav > ul li#navMobilePhones.current a span {
	padding : 0.65em 0.6em 0.4em 0.70em;
}


/*------- Secondary items below main nav -------*/

#divAsdaNav div {
	background : #003399;
	font-size : 16px;
	height : 1.4em;
	position : relative;
	_border-bottom : 1px #fff solid;
}

#divAsdaNav > div {
	min-height : 1.4em;
}

#divAsdaNav div ul {
	border : none;
	background : none;
	padding : 0.3em 0 0.40em 0;
}

#divAsdaNav div ul li {
	border : none;
	border-left : 1px #fff solid;
	font-weight : normal;
	background : none;
	top : 0;
	font-size : 8pt;
}

#divAsdaNav div ul li.current {
	background : none;
	margin-left : 0;
	top : 0;
	margin-bottom : 0;
}

#divAsdaNav div ul li.current a {
	font-weight : bold;
}

#divAsdaNav div ul li a {
	font-weight : normal;
	padding : 0 0.4em;
	letter-spacing : 0.05em;
}

#divAsdaHeader #ulAsdaNavSupport {
	list-style : none;
	padding : 0;
	margin : 0;
	position : absolute;
	right : 4px;
	top : 3px;
}

/*------- Support items -------*/

#divAsdaHeader #ulAsdaNavSupport li {
	display : inline;
	padding : 0 0.4em 0 0.6em;
	margin : 0;
	border-left : 1px #003399 solid;
	font-size:8pt;
}

#divAsdaHeader #ulAsdaNavSupport li a {
	color : #003399;
	text-decoration : none;
}
#divAsdaHeader #ulAsdaNavSupport li.basket a {
	background:url(../images_v2/shopping-basket-15x11.gif) top left no-repeat;
	padding-left:20px;
}

#divAsdaHeader #ulAsdaNavSupport li a:hover {
	text-decoration : underline;
}

#divAsdaHeader ul li.first {
	border-left : none !important;
}


@media print, projection, screen {
.acHideVis {
	position:absolute;
	top:-900em;
	left:0;
	height:1px;
	width:1px;
	
}
}
#ulAsdaNavSecondary li.acHideVis {
	position:absolute;
	top:-900em;
	left:0;
	height:1px;
	width:1px;
	color:#000000;
}
/* ------------ end of asda supplied styles --------------- */


/* STRUCTURAL TAGS */
 
#container_bk {
  overflow: hidden;
  margin-left: 0px;
}

#container {
  width: 931px; 
  margin: 0 0 0 5px;
  }
/* content alignment fix for IE */
* html #ie_container {
	margin-left: 6px;
	margin-right: -3px;
}
#header {
	width: 931px; /* SEPT012006 */
	height: 83px;
	margin: 0 0 0 5px;
	float: left;
	}
.left_col { /* SEPT012006 */
	width: 330px;
	padding-left:1px;
	float:left;
	}
.right_col { /* SEPT012006 */
	width:500px;
	margin-left:0px;
	float:right;
	}
.left { float:left; }
.right {float:right; }
.clear { float:left; clear:left; width:100%; height:0; line-height:0; font-size:0; } 
/*.logo {
	padding-right: 0px;	
	display: block;	
	padding-left: 0px;	
	z-index: 100;	
	padding-bottom: 0px;	
	margin: 0px;	
	padding-top: 0px;	
	position: absolute;	
	top: 4px
	}*/
	
/* NAVIGATION - FEB082007 */
#nav {
  width: 931px;
  height: 30px;
  background: url('../images_v2/home/bak_nav_main.gif') bottom left repeat-x;
  float: left;
  text-align: left;
  }
#nav_btn, #nav_btn_on {
  background: transparent url('../images_v2/home/bak_nav_btn_main.gif') bottom right no-repeat;
  padding: 10px 35px 5px 10px;
  float: left;
}
#nav_btn a {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
#nav_btn a:hover {
  color: #ff8704;
}
#nav_btn_on a {
  font-weight: bold;
  font-size: 12px;
  color: #ff8704;
  text-decoration: none;
}

/* SUB NAVIGATION - FEB082007 */
#subnav {
  width: 931px;
  height: 20px;
  background:#85a4ae;
  float: left;
}

#sub_tools {
  font-size: 10px;
  color: #fff;
  padding-right: 5px;
  float: right;
}
#sub_tools img {
  vertical-align: middle;
  padding: 0 1px;
}
#sub_tools a 
{
  font-size: 10px;
  color: #fff;
  text-decoration: none;
}


/* CLASSES MOVED FROM 'LANGUAGE BAR and PAGINATION' SECTION BELOW */
div#sub_navigation, div#sub_navigation_fr {
  background:#85a4ae;
  width:590px;
  font:11px normal;
  height:20px;
  float:left;
  }
div#sub_navigation_fr {
   width:620px;
}
div#sub_navigation div.button, div#sub_navigation_fr div.button {
  height:20px;
  border-left:1px solid #6c858d;
  border-right:1px solid #9dc4d0;
  padding:3px 5px 0 5px;
  background-color:#85a4ae;
  /*background:url(../images_v2/gift_categories/bg_subnav_button.gif) right no-repeat;*/
  float:left;
  voice-family:"\"}\"";
  voice-family:inherit;
  height:16px;
  }
div#sub_navigation div.button a, div#sub_navigation_fr div.button a {
  color:#ffffff;
  text-decoration:none;
  }
/* div#sub_navigation div.button a:hover {
  color:#ff9900;
  } */
.button:hover {
  background: #ff0000;
}

/* CLASSES MOVED FROM 'LANGUAGE BAR and PAGINATION' SECTION BELOW */

/* ACCOUNTS */

#account_bar {
  width: 931px; /* SEPT012006 */
  height: 30px;
  background-color: #d6eed6;
  float: left;
  margin-top: 0px;
  vertical-align: middle;
}
#account_register{
	float:left;
}
#account_login{
	float:right;
}
.textBoxes{
  width: 88px;
  height: 12px;
}
.forgot_password {
  font-size: 9px;
  color: #003399;
  text-decoration: underline;
}

#account_btns, #account_btns_fr {
  font-size: 10px;
  color: #003399;
  padding: 0 0 0 0;
  float: left; /* SEPT012006 */
  vertical-align:middle;
  
  }
#account_btns a, #account_btns_fr a {
  color: #003399;
  text-decoration: none;
}
#account_btns img, #account_btns_fr img {
  vertical-align: middle;
  margin: 0 3px;
}
#account_btns input, #account_btns_fr input {
  vertical-align: middle;
  font-size: 11px;
  margin: 0 3px;
}

#btn_fr_a, #btn_a {
  float: left;
  margin: 3px 10px 0 10px;
}
#btn_fr_b, #btn_b {
  font-size: 14px;
  float: left;
  text-align: right;
  margin: 0px 0 0 0;
}
#btn_b {
  font-size: 14px;
  font-weight: bold;
  float: left;
  text-align: right;
  margin: 6px 0 0 0;
}
#btn_fr_c, #btn_c, #btn_fr_d, #btn_d {
  color: #666;
  float: left;
  text-align: right;
  margin: 5px 5px 0 0; 
}
* html #btn_fr_c, * html #btn_c, * html #btn_fr_d, * html #btn_d {
  float: left;
  text-align: right;
  margin: 3px 5px 0 0; 
}
#btn_fr_e, #btn_e {
  float: left;
  margin: 3px 5px 0 0;
}
#btn_fr_e input, #btn_e input {
  height: 26px;
  vertical-align: middle;
}
#btn_fr_e a, #btn_e a {
  color: #039;
  text-decoration: none;
}
#btn_fr_e a:hover, #btn_e a:hover {
  color: #039;
  text-decoration: underline;
}
#btn_fr_sep, #btn_sep {
  float: left;
  margin: 4px 4px 0 4px;
}

#navline {
  width: 931px; /* SEPT012006 */
  height: 1px;
  background: transparent url('../images_v2/home/nav_line.png') 0 0 repeat-x;
  float: left;
  }
/* LANGUAGE BAR and PAGINATION */
#language_bar {
  width: 925px; /* SEPT012006 */
  margin-top:1px;
  float: left;
  font-size: 11px;
  color: #03465e;
  }
#language_bar a {
  font-size: 11px;
  color: #03465e;
  text-decoration: none;
  }
 
div#breadcrumb {
	float:left;
	margin:2px 9px;
	display:inline;
	color: #003399;
	width:100%;
}
div#breadcrumb a 
{
	text-decoration:none;
}
div#breadcrumb div#sub_header_selected a:hover, div#breadcrumb div.sub_header_unselected a:hover
{
	color: #003399; 
	position:relative;
	text-decoration:underline;
}
div#breadcrumb .sub_header_spacer 
{
	float: left;
	font-size: 11px;
	PADDING-RIGHT: 0.8em;
	MARGIN-BOTTOM: 0.5em;
	BACKGROUND: url(../images_v2/img_arrow_bread.gif) no-repeat right center;
	font-weight: bold;
	padding: 0 5px;
}
div#breadcrumb div#sub_header_selected a
{
	float: left;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
	text-transform: uppercase;
}
div#breadcrumb div.sub_header_unselected a
{
	float: left;
	font-size: 11px;
	color: #003399;
	font-weight: normal;
}

/* pagination */
div.pagination_holder {
	width:300px;
	float:right;
}
div#pagination {
    margin-right:5px;
    width:auto;
    font-size:11px;
    color: #014a7d;
    float:right;
}
div#pagination p {
	font-weight:bold;
	margin-top:3px;
}
div#pagination a {
    color: #014a7d;
    font-weight:normal;
    text-decoration:underline;
}
div#pagination a:hover {
    color: #014a7d;
}
div#pagination .NotClickable {
	cursor:default;
}
/* end-pagination */

div#indented_content {
	/* -- 931px-12px (6px indent) --  */
	width:919px;
	margin-left:11px;
	text-align:left;
	display:inline;
	float:left;
  }

  /* BOTTOM */
#banner_bottom {
  width: 925px;
  height: 90px;
  float: left;
  clear: both;
  margin-top: 8px;
}
#blue_bottom {
  height: 1px;
  background-color: #fff;
  float: left;
}


#footer {
	width:936px;
	clear:left;
	padding-top:1px;
	height:2.6em;
	overflow:hidden;
	background : #33C534 url(../images_v2/footer_bg.gif) repeat-x 0 50%;
	border-bottom : 1px #fff solid;
	font-size:8pt;
	line-height:2em;
	padding-left: 10px;
	color:#fff;
	clear: both;
	}

#footer a{
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer p {
	margin:0;
	text-align: left; 
}

.machinename 
{
	line-height:1em;
	float:right;
	font-size:8pt;
	color:#ffffff;
}

#resolution_warning {
	display:none;
	margin: 2px 0px 3px 10px;
}
/*
.errorMsg, .error, #errorMsg {
	color:#CD0000;
	font-size:12px;
	font-weight: bold;
	margin: 2px 0px 3px 10px;
	padding: 0;
}
*/
.errorMsg, .error, #errorMsg {
	color:#CD0000 !important;
	font-weight: bold;
}

#errorMsg{
	margin-top:20px;
	float: left;	
	width: 310px;
}

input, select {
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#maxchardiv {
	font-size: 10px; 
	margin-left: 2px;
}

p, h1, h2, h3, h4, ul, li { margin:0; padding:0; }

#base_price {
  margin:0px 4px 5px 16px;
  display:inline;
  font-size: 12px;
  font-weight: bold;
  color: #03465e;
  float: left;
  text-align: left;
  z-index: 1;
  position: relative;
}
#totalPrice {
  color: #ed1c24;
}

#pricing_tier {
  display:inline;
  font-size: 10px;
  font-weight: normal;
  color: #03465e;
  float: left;
  text-align: left;
  z-index: 1;
  position: relative;
  margin:0px 20px 5px 16px;
}