/* CSS Document */

html {
text-align:left;
height:100%;
background-color:#FFF;
margin:0px;

}
body {
font-family: "Trebuchet MS", Helvetica, Arial;font-size:12px;
color:#000000;
line-height:16px;
height:100%;
margin:0px;
padding:0px;
}

p {
font-family: "Trebuchet MS", Helvetica, Arial;
color:#000000;
text-align:left;
line-height:16px;
font-size:12px;
}
h1 {
font-size:22px;
margin:18px 0 5px 0;
color:#333333;
font-weight:100;
line-height:22px;
}
h2 {
font-size:16px;
color:#3333333;
margin:0 0 2px 0;
font-weight:100;
}

/* LISTS*/

.a-zli {
	background: url(../images/template_images/bullet-point.jpg) left center no-repeat;
	margin-left: 25px;
	padding-left:20px;
	margin-bottom:10px;
	list-style:none;
	}
	
ul
  {
  margin-left: 1em;
  padding-left: 0;
  line-height:18px;
  }
li
  {
  margin: 0;
  padding: 0;
  line-height:18px;
  }
  
  
#arrow-bullet
{
list-style-image:url(../images/template_images/arrow-spaced.gif);
text-decoration:none;
}

.atoz li {
    float: left;
	display: inline;
    font-weight: bold;
    list-style:none;
    width: 19px;
    height: 18px;
    margin: 1px 0px 5px 2px;
	background-image:url(../images/template_images/b-az-blank-sel.jpg);
        background-repeat:no-repeat;
	}
.atoz li.sel {
	background-image:url(../images/template_images/b-az-blank.jpg);
        background-repeat:no-repeat;
}

.atoz {
    
    text-align: center;
}

.atoz a, .atoz a:link {
    display: block;
    color:#16478a;
    text-decoration: none;
	
}

.atoz a:hover {
    text-decoration: underline;
    color:#660000;
}

ul.atoz {
    list-style:none;
    margin: 0 0 10px 0;
}
	

/*LAYOUTS*/

.short-width {
width:400px;
float:left;
}

.right-link{
float:left
}
#checkout-container{
	width:980px;
	text-align:left;
	clear:both;
	font-size:12px;
	background-color:#FFFFFF;
	margin: 10px 10px 25px 10px;
	border: solid #CCCCCC 1px;
}
#intro-para {
margin:0px 10px 10px 10px;
width:460px;
}

#intro-para-wide {
margin:0px 10px 10px 10px;
width:750px;
}


#container {
width:990px;
text-align:center;
margin: 0px auto;
padding-left: 5px;
border:0;
}

#head {
background-image:url(../images/template_images/head-r.jpg);
background-repeat: no-repeat;
width:981px;
height:47px;
text-align:left;
}
#account-top {
text-align:right;
width:981px;
margin-bottom:5px;
margin-top:10px;
}
#left-column-home{
width:176px;
float:left;
text-align:left;
background:url("../images/template_images/column-bg.jpg");
background-repeat:repeat-y;

margin-bottom:30px;
}

#left-column-mag{
width:176px;
float:left;
margin-right:18px;
text-align:left;

margin-bottom:30px;
background:url("../images/template_images/column-bg.jpg");
background-repeat:repeat-y;
}
#main-content-home{
width:590px;
float:left;
text-align:left;
margin-left:22px;

background:url("../images/template_images/main-home-bg.jpg");
background-repeat:repeat-y;
margin-bottom:50px;
}
#main-content-header{
float:left;
text-align:center;
margin-left:22px;
margin-right:0px;
display:block;
background-image: url("../images/template_images/main-content-home-hd.jpg") no-repeat;
width:590px;
height:30px;
}

#main-content-magazine{
width:760px;
float:left;
margin-left:22px;
text-align:left;

padding-left:20px;
}

#main-content-magazine-whole{
width:775px;
float:left;
text-align:left;
padding-left:20px;
margin-bottom:50px;
background:url("../images/template_images/magazine-bg.jpg");
background-repeat:repeat-y;
}
#magazine-base{
width:795px;
float:left;
background:url("../images/template_images/magazine-base.jpg");
background-repeat:no-repeat;
margin-left:-20px;
line-height:10px;
display:inline;
}

#main-content-cat{
width:269px;
float:left;
margin-left:10px;
padding-top:10px;
padding-left:10px;
text-align:left;
background:url("../images/template_images/h1-graphic.jpg") no-repeat;
}

#right-column-home{
width:176px;
float:right;
text-align:left;

margin-bottom:30px;
background:url("../images/template_images/column-bg.jpg");
background-repeat:repeat-y;
}
#magazine-header{
background:url("../images/template_images/magazine-page-header.gif") no-repeat;

height:29px;
display:block;
margin-left:-20px;
line-height:29px;
padding-left:15px;
}

#footer {
background:url("../images/template_images/footer-bg.jpg");
background-repeat:repeat-x;
width:100%;
text-align:left;
float:left;
clear:both;
text-align:center;
font-size:11px;
background-color:#FFFFFF;
padding:50px 10px 100px 10px;
}

#white-bg {
width:100%;
background-color:#000000;
background:url("../images/head-bg.jpg");
background-repeat:repeat-x;
}

#banners{
margin:0 0 0 10px;}

/*ELEMENTS*/

#mini-basket {
background-image:url(../images/template_images/mini-basket-bg.gif);
background-repeat: no-repeat;
width:266px;
height:30px;
text-align:center;
display:block;
border:none;
padding:10px 0 0 0;
}

.searchbox{
text-align:right;
margin-right:30px;
}

.tal {
    text-align: left;
}
.magazines_framed {
width: 470px;
margin-bottom:20px;
vertical-align:top;
text-align:left;
padding-left: 12px;

			}
			
.magazines_framed_categories{
width: 705px;
margin-bottom:20px;
vertical-align:top;
text-align:center;
padding-left:0px;
	}

.magazine {
    float: left;
	display: block;
    margin: 0 9px 9px 0;
    padding: 4px 8px 14px 0;
    width: 100px;
    text-align: left;
	vertical-align:top;
}

.mag_image_packet {
	height: 150px;
	margin: 0;
	padding-bottom: 0;
	vertical-align:top;
	text-align:left;
}

.mag_image_packet_bs {
	vertical-align:top;
	text-align:left;
	margin:10px 0 10px 10px;
}
.mag_image_packet_bsa {
	vertical-align:top;
	text-align:left;
	margin:0 10px 0 10px;
}

#logo {
padding-left:9px;
}

#yellow-bg {
background-color:#FFF3CC;
}

.dashed-base {
padding-bottom:20px;
padding-top:20px;
border-bottom:#16478a dotted thin;
border-top:#16478a dotted thin;
}

.dashed-base-titles {
border-bottom:#16478a dotted thin;
display:block;
margin-top:10px;
}
.dashed-base-titles2 {
border-bottom:#16478a dotted thin;
display:block;
margin-top:10px;
margin-right:35px;
}
#dashed-base-titles {
border-bottom:#16478a dotted thin;
display:block;
}

#next-buttons {
clear:both;
text-align:center;
padding:20px;
}

/*LINKS*/

a {
font-size: 12px;
color: #16478a;
text-decoration: underline;
font-weight:bold;
}
a:active {
font-size: 12px;
color: #16478a;
text-decoration: underline;
font-weight:bold;
}
a:visited {
font-size: 12px;
color: #16478a;
text-decoration: underline;
font-weight:bold;
}
a:hover {
font-size: 12px;
color: #000;
text-decoration: underline;
font-weight:bold;
}

a.selected:active{
color: #993300;
}

a.account-top {
font-size: 11px;
color: #16478a;
text-decoration: none;
}
a.account-top:active {
font-size: 11px;
color: #16478a;
text-decoration: none;
}
a.account-top:visited {
font-size: 11px;
color: #16478a;
text-decoration: none;
}
a.account-top:hover {
font-size: 11px;
color: #000;
text-decoration: underline;
}

a.more-like-this {
font-size: 11px;
color: #16478a;
text-decoration: none;
text-align:right;
padding-right:10px;
}
a.more-like-this:active {
font-size: 11px;
color: #16478a;
text-decoration: none;
text-align:right;
padding-right:10px;
}
a.more-like-this:visited {
font-size: 11px;
color: #16478a;
text-decoration: none;
text-align:right;
padding-right:10px;
}
a.more-like-this:hover {
font-size: 11px;
color: #993300;
text-decoration: underline;
text-align:right;
padding-right:10px;
}

a.basket-top {
font-size: 12px;
color: #333333;
text-decoration: underline;
}
a.basket-top:active {
font-size: 12px;
color: #333333;
text-decoration: underline;
}
a.basket-top:visited {
font-size: 12px;
color: #333333;
text-decoration: underline;
}
a.basket-top:hover {
font-size: 12px;
color: #993300;
text-decoration: underline;
}

a.a-z {
font-size: 12px;
color: #16478a;
text-decoration: none;
}
a.a-z:active {
font-size: 12px;
color: #16478a;
text-decoration: none;
}
a.a-z:visited {
font-size: 12px;
color: #16478a;
text-decoration: none;
}
a.a-z:hover {
font-size: 12px;
color: #993300;
text-decoration: underline;
}

a.search-results {
font-size: 12px;
color: #16478a;
text-decoration: none;
background:url("../images/template_images/b-pageno-sq.jpg") no-repeat;
width: 18px;
height: 18px;
line-height: 18px;
display:inline-table;
text-align:center;
}
a.search-results:active {
font-size: 12px;
color: #16478a;
text-decoration: none;
background:url("../images/template_images/b-pageno-sq.jpg") no-repeat;
width: 18px;
height: 18px;
line-height: 18px;
display:inline-table;
text-align:center;
}
a.search-results:visited {
font-size: 12px;
color: #16478a;
text-decoration: none;
background:url("../images/template_images/b-pageno-sq.jpg") no-repeat;
width: 18px;
height: 18px;
line-height: 18px;
display:inline-table;
text-align:center;
}
a.search-results:hover {
font-size: 12px;
color: #993300;
text-decoration: none;
background:url("../images/template_images/b-pageno-sq.jpg") no-repeat;
width: 18px;
height: 18px;
line-height: 18px;
display:inline-table;
text-align:center;
}

a.search-results-selected {
font-size: 12px;
color: #666666;
text-decoration: none;
background:url("../images/template_images/b-pageno-sq-select.jpg") no-repeat;
width: 18px;
height: 18px;
line-height: 18px;
display:inline-table;
text-align:center;
}

a.mag-title-med {
font-size: 14px;
color: #16478a;
text-decoration: none;
}
a.mag-title-med:active {
font-size: 14px;
color: #16478a;
text-decoration: none;
}
a.mag-title-med:visited {
font-size: 14px;
color: #16478a;
text-decoration: none;
}
a.mag-title-med:hover {
font-size: 14px;
color: #993300;
text-decoration: underline;
}

#sub-sections ul {
line-height: 30px;
text-align:left;
}

#sub-sections ul li {
display:inline; 
color: #16478a;
font-weight:bold;
}
#sub-sections ul li:after {
content:"   | ";
color:#333;
font-size:12px;
letter-spacing:5px;

}
#sub-sections ul li:last-child:after {
content:" ";}


a.sub-section-links {
font-size: 12px;
color: #16478a;
text-decoration:none;
}
a.sub-section-links:hover {
font-size: 12px;
color: #993300;
text-decoration:none;
}

a.categories {
font-size: 12px;
color: #16478a;
text-decoration: none;
line-height:24px;
}
a.categories:active {
font-size: 12px;
color: #16478a;
text-decoration: none;
line-height:24px;
}
a.categories:visited {
color: #16478a;
}
a.categories:hover {
color: #993300;
text-decoration: underline;
}

a.categories-small {
font-size: 11px;
color: #16478a;
text-decoration: none;
line-height:24px;
}
a.categories-small:active {
font-size: 11px;
color: #16478a;
text-decoration: none;
line-height:24px;
}
a.categories-small:visited {
color: #16478a;
}
a.categories-small:hover {
color: #993300;
text-decoration: underline;
}



/*TOP NAVIGATION TABS*/
    #header {
      float:left;
      width:980px;
      font-size:98%;
      line-height:normal;
	  clear:both;
	  margin:0 0 -1px 0;
      }
    #header ul {
      margin:0;
      padding:10px 4px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/template_images/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 5px 0 9px;
      }
    #header a {
      float:left;
      display:block;
      background:url("../images/template_images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      color:#333;
	  margin:0;
	  clear:none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#16478a;
      }
    #header #current {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#FFF;
      }
	  
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#E4E4E4;
	  border-width:0;
      }
    #header li:hover a {
      background-position:100% -150px;
      border-width:0;
	  color:#FFFF33;
	  }
	  /*END OF TOP TABS*/
	  
	  /*GRAPHICS*/

img.cover {
background: #FFF;
border: 1px solid #B9D6E9;
padding: 5px;
}

.cover {
background: #FFF;
border: 1px solid #B9D6E9;
padding: 5px;
}

img.centre {
text-align:center;
margin-left:10px;
}
	  
#tab-baseline {
background-image:url(../images/template_images/tab-baseline.gif);
background-repeat:repeat-x;
width:100%;
height:35px;
display:block;
border:none;
clear:both;
background-color:#fbf8da;
}


#tab-baseline-blue {
background-image:url(../images/template_images/blue-nav-bar.jpg);
background-repeat:repeat-x;
width:100%;
height:24px;
display:block;
margin:0 0 -1px 0;
border:none;
clear:both;
padding:0px;
}
	  
/* FONTS AND TEXT */	

h1.extra-large{
font-size:24px;
padding-bottom:0px;
margin-top:20px;
}  
h2.small {
font-size:13px;
padding-bottom:0px;
color:#333;
margin:15px 0 -5px 0;
}  
h1.row-head {
font-size:16px;
padding-bottom:0px;
border-bottom:##16478a thin dotted;
display:block;
margin: 5px 0 5px 0;
} 

h2.block {
background-color:#FFFF99;
border:thin #FFFF00 solid;
display:block;
padding: 5px;
width:95%;
}

h1.home-header {
font-size: 18px;
margin:0px;
line-height:32px;
}

h2.checkout-steps {
line-height:35px;
text-align:left;
margin-left:10px;
}
.rrp-listing {
color:#666666;
	font-size:11px;
}
.usual-price {
	text-decoration:line-through;
}

.category-intro {
color:#666666;
font-size:12px;
}
.prices-listing {
	color: #16478a;
	font-weight:bold;
}
.top-pad {
	padding-top: 5px;
}

.column-heading {
margin:10px 10px 5px 10px;
font-size:14px;
color: #333333;
}

.left-margin {
margin-left:10px;
}

#column-header-graphic {
background-image:url(../images/template_images/column-head.jpg);
background-repeat:no-repeat;

height:30px;
text-align:left;

margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
}

#column-header2-graphic {
background-image:url(../images/template_images/h-column-mid.jpg);
background-repeat:no-repeat;

height:30px;
text-align:left;

margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
}

#right-col-header {
background-image:url(../images/template_images/h-right-col.jpg);
background-repeat:no-repeat;
height:30px;
text-align:left;
margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
width:250px;
}

#home-head {
background-image:url(../images/template_images/h-head.jpg);
background-repeat:no-repeat;
width:590px;
height:31px;
text-align:left;
display:block;
margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
}

#mid-head {
width:400px;
height:32px;
text-align:left;
display:block;
margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
clear:both;
}

#mid-head2 {
width:400px;
height:20px;
display:block;
clear:both;
}
#mid-head3 {
width:650px;
height:10px;
display:block;
clear:both;
}

#top-head {
background-image:url(../images/template_images/h-middle.jpg);
background-repeat:no-repeat;
width:590px;
height:32px;
text-align:left;
display:block;
margin:0 0 5px 0;
border:none;
padding-left:10px;
line-height:30px;
clear:both;
}

.column-body {
padding:5px 10px 10px 10px;
font-size:11px;
color: #333333;
}
.our-price {
font-size:11px;
}

.saving {
font-size:12px;
color:#000;
}

.price {
font-size:14px;
color:#CC0000;
}

.our-price-red {
font-size:12px;
color:#CC0000;
font-weight:bold;
}

.price-table {
	border-width: thin;
	border-style: dotted;
	border-color: #16478a;
}
.issues {
font-size:14px;
color: #16478a;
	}
	
.more-info {
font-size:10px;
color: #333333;
}

.a-z-head{
padding-bottom:5px;
padding-top:5px;
padding-left:22px;
background:url("../images/template_images/blue-grad.jpg") no-repeat left top;
background-color:#FFFFFF;
margin-top:20px;
display:block;
color:#16478a;
width:560px;
}
.indent{
padding-left:22px;
}

.line-height{
line-height:24px;
}

.selected {
color:#993300;
}
#selected a{
color:#993300;
}

/* TREE MENU*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
margin-left: 15px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
padding-left:22px;
cursor: hand !important;
cursor: pointer !important;

}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.no-underline {
background-image:url(../images/template_images/arrow-spaced.gif);
background-repeat:no-repeat;
color: #16478a;
padding:2px 10px 2px 20px;
display: inline-block;
margin:0 10px 2px -20px;
font-weight:bold;
width:128px;
}

.no-underline-map {
background-color:#dce4ee;
background-repeat:no-repeat;
color: #16478a;
padding:4px 10px 4px 20px;
display: block;
margin:0 10px 3px -20px;
font-weight:bold;
height:18px;
}

a.no-underline-ul {
text-decoration: underline;
color: #333333;
font-size:12px;
display: block;
padding:2px 10px 2px 20px;
margin:0 10px 2px -20px;
}

a.no-underline-ul:hover {
color: #993300;
}

a.category {
text-decoration: none;
color: #16478a;
font-size:12px;
display: block;
}

a.category:hover {
color: #333333;
text-decoration: underline;

}

a.breadcrumb {
text-decoration: none;
color: #FFF;
font-size:10px;
}

a.breadcrumb:hover {
color: #FFFF33;
text-decoration: underline;

}

a.no-underline-bs-ul {
text-decoration: none;
color: #16478a;
}

a.no-underline-bs-ul:visited {
text-decoration: none;
color: #16478a;
}

a.no-underline-bs-ul:hover {
text-decoration: none;
color: #993300;
}

.column-best-sellers {
text-decoration: none;
background-color:#E4E4E4;
font-weight:bold;
font-size:12px;
color: #16478a;
display:block;
padding:4px 10px 4px 10px;
margin:0 6px 3px 0;
display:inline-block;
width:140px;
}

.column-head-large {
text-decoration: none;
background-color:#DDEBF4;
font-weight:bold;
font-size:12px;
color: #16478a;
padding-bottom: 10px;
padding-left: -33px;
padding-right: 10px;
padding-top: 10px;
display: block;
margin-top: 6px;
margin-left:-43px;
margin-right:8px;
line-height:5px;
}



a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #16478a;; background:#fbf8da; color:#16478a;text-align:left;}


.minw1 {
	min-width: 30em;
}
ul#menu {
	margin: 0;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 3px 0 2px 0;
	list-style-type: none;
}
#menu a, #menu span {
	padding: 0 10px;
	border-left: 1px solid #999;
}
#menu .first {
	padding-left: 0px;
	border-left: 0 none;
}

#menu .selected {
	color: #FFF;
}
#menu a {
	color: #FFF;
	text-decoration: none;
}
#menu a:hover {
	color: #FFFF33;
}
#menu span {
	color: #993300;
}
#menu li, #menu a, #menu span {
	float: left;
}
#postmenu {
	clear: both;
}
/*\*//*/
* html .minw1 {
	border-left: 30em solid #fff;
}
* html .minw2 {
	margin-left: -30em;
}
/**/

.dashed {
	border-bottom:thin #1076b7 dashed;
	color:#FFF;
}

.right-pad {
	padding-right: 10px;
}
error-border {
	border: medium dotted #CC0000;
}

/* New Additions*/

.our-price {
font-size:11px;
font-weight:bold;
}

.prices-saving {
color:#FF0000;
}

.small_grey {
color:#666666;
font-size:10px;
line-height:20px;
}

p.a-z {
color:#16478a;
font-size:14px;
margin-top:30px;
}

a.a-z {
color:#16478a;
font-size:14px;
text-decoration: none;
}
a.a-z:active {
color:#16478a;
font-size:14px;
text-decoration: none;
}
a.a-z:visited {
color:#16478a;
font-size:14px;
text-decoration: none;
}
a.a-z:hover {
font-size: 14px;
color: #993300;
text-decoration: underline;
}

#cse-search-results { 
width:715px; 
overflow:hidden;
text-align:left;
float:left;
margin-right:50px;
}

.white {
color:#FFFFFF;
}

.search {
font-size:16px;
}
.easy-checkout {
font-size:14px;
font-weight:bold;
line-height: 25px;
text-align:left;
color:#FFFFFF;
}

#central {
width: 500px;
float:left;
}

#central-wide {
width: 700px;
float:left;
}

#right {
padding: 0 10px 0 0;
margin:10px 0 10px 500px;
}

#top-banner {
width: 740px;
margin:10px;
}

.dashed-base-sub {
border-bottom:#16478a dotted thin;
}

a.sub-category {
	color:#666666;
	text-decoration:none;
	list-style:none;
	}
	
	a.sub-category:hover {
	color:#993300;
	text-decoration:underline;
	list-style:none;
	}

a.categories {
font-size: 14px;
}

a.categories:active {
font-size: 14px;
}

a.categories-selected {
font-size: 14px;
color:#666666;
text-decoration:none;
}

a.categories-selected:active {
font-size: 14px;
color:#666666;
text-decoration:none;
}

img.sink {
position:relative;
top:1px;
}

.extra-large-grey{
font-size:24px;
padding-bottom:0px;
color:#666666;
}  

a.selected {
font-size: 14px;
color:#FFF;
background-color:#16478a;
padding:2px;
text-decoration:none;
line-height:24px;
}


/* POP UP */
img {
	border: none;
}

#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
background: #FFF;
	padding: 10px 20px;
	float: left;
	width: 781px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: -60px 0 0 -420px;
	z-index: 100000000;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

*html #fade {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}

*html .popup_block {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/* order confirm Modal Window */

.overlay {
	position: fixed; 
	left: 0px; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	background-color: black; 
	z-index: 1000; 
	opacity: 0.75; 
	display: none;
}

.overlayTipbox {
	position: relative; 
	width: 100%; 
	height: 135px; 
	z-index: 1;
	display: none;
}

#overlayClose {
	width:42px; 
	height:42px; 
	position:absolute; 
	top:-12px; 
	right:-18px; 
	cursor:pointer; 
	background-image:url(../images/close_sprite.png);
	z-index:1002; 
	display:none; 
	background-repeat:no-repeat; 
	color:white; 
	font-size:12pt; 
	background-position:0 -42px; 
	font-family: Arial; 
}

#overlayClose:hover{ 
	 background-position:0 0px;  
}


.placeOrder{
background-color:#FFFF99;
border:#CC0000 1px solid;
margin: -6px 10px 20px 10px;
padding: 10px;
}

.centerAlign{
text-align: center;
}