/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html
{
margin: 0;
padding: 0;
border: 0;
}
body{
text-align:center;
background-color:#FFFFFF;
/* background-image:url(Images/bg_tile.gif); */
background-repeat:repeat;
font-family:Calibri, Geneva, Arial, Helvetica, sans-serif;
font-size:0.78em;
}


h1, h2, h3, h4, h5, h6 {color:#000000;}

.title_form {
	background-color: #4D4E79;
	color: White;
	font-size: 150%;
	font-weight: bold;
	line-height: 20px;
	width: 60%;
}

h1 {
margin-top:1em;
font-size: 1.4em;
font-weight: bold;
}
h2 {
margin-top:1em;
font-size: 1.3em;
font-weight: bold;
}
h3 {
margin: 0.5em 0;
font-size: 1.2em;
font-weight: normal;
}
h4 {
margin: 0.5em 0;
font-size: 1.1em;
font-weight: bold;
}
h5 {
margin: 0.5em 0;
font-size: 1.0em;
font-weight: bold;
}
h6 {
margin: 0.5em 0;
font-size: 0.8em;
font-weight: bold;
}

#div1

{
height:90px
}

#wrapperauth{
width:1000px;
margin:0 auto;
padding-bottom:3px;
border:1px solid #000000;
text-align:left;
background-color:#FFFFFF;
/*background-image:url(Images/main_auth.png);*/
background-repeat:repeat-y;
background-position:top center;
}

#wrapper{
width:1000px;
margin:0 auto;
padding-bottom:3px;
/*border:1px solid #000000;*/
text-align:left;
background-color:#FFFFFF;
/*background-image:url(Images/main_bg.png);*/
background-repeat:repeat-y;
background-position:top center;
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 772px;
width: 770px;
}
#header{
height:90px;
position:relative;
/* background-image:url(Images/header_bg.png); */
background-repeat:repeat-x;
background-color:#FFFFFF;
}
#logo{
position:absolute;
top:6px;
left:5px;
height:45px;
/*border:1px solid #000000;*/
}
#banner
{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
top:6px;
margin-left: 260px;    /*** Critical left col dimension value ***/
width: 730px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
height:45px;
/*border-left: 1px solid #FFFFFF;  /*** Critical left divider dimension value ***/
/*border-right: none; /*** Critical right divider dimension value ***/
/*border:1px solid red;*/

/*margin:0 152px;*/
text-align:right;
vertical-align:sub;
}
#search{
position:absolute;
bottom:5px;
right:5px;
}
#mainnav {
padding:0 150px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
background-color:#FFFFFF;
}

* html #mainnav tr {height:1.4em;}

#mainnav .item {
padding:2px 7px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#FFFFFF;
background-color:#FFFFFF;
color:#000000;
font-weight:bold;
}

* html #mainnav .item {padding:0 20px;}

#mainnav .selected {
background-color:#FFFFFF;
color:#000000;
}
#mainnav .hover {
color:#FFFFFF;
background-color:#FFFFFF;
}

#mainnav table {border-right:0px solid #FFFFFF;}

#mainnav table table {border-right:none;}

#subnav {
overflow:hidden;
margin-bottom:40px;
padding:0;
background-color:#FFFFFF;
}

* html #subnav tr {height:1.4em;}

#subnav .item {
padding:2px 7px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#FFFFFF;
background-color:#FFFFFF;
color:#000000;
font-weight:bold;
}

* html #subnav .item {padding:0 20px;}

#subnav .selected {
background-color:#FFFFFF;
color:#000000;
}
#subnav .hover {
color:#000000;
background-color:#FFFFFF;
}

#subnav table {border-bottom:0px solid #FFFFFF;}

#subnav table table {border-bottom:none;}


#contentwrapper
{

position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 468px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-left: 0px solid #FFFFFF;  /*** Critical left divider dimension value ***/
border-right: 0px solid #FFFFFF; /*** Critical right divider dimension value ***/
}

#authcontentwrapper
{

position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 800px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-left: 1px solid #FFFFFF;  /*** Critical left divider dimension value ***/
border-right: none; /*** Critical right divider dimension value ***/
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
width: 470px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
float: left;
width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

#authfloatwrapper {
float: left;
width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

#centercolumn{
float: right;
width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/

/* \*/
margin-left: -1px;
/* Hidden from IE-mac */

padding-top:30px;
}

#authcentercolumn{
float: right;
width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/

/* \*/
margin-left: -1px;
/* Hidden from IE-mac */

padding-top:30px;
}

#breadcrumbs{
position:absolute;
top:5px;
left:25px;
font-size:0.9em;
}
#breadcrumbs a {
color:#000000;
text-decoration:underline;
}

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

#copy a {color:#000000;}

#copy .container {
margin:5px;
padding:0 20px 15px 20px;
border:1px solid #000000;
background-color:#FFFFFF;
}

/* \*/
* html #copy .container {height:1%;}
/* */

#copy img, #rightcolumn img {border:1px solid #FFFFFF !important;}

#copy .teaser{
margin-top:0;
color:#FFFFFF;
font-size:0.9em;
font-weight:normal;
}

#copy td, #copy th {padding: 0.0em 0.0em;}

#copy .container table tr {font-size:0.9em;}

#copy fieldset {
margin:0em 0;
padding:0em;
border:0px solid #FFFFFF;
}

#copy legend {
color:#FFFFFF;
background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
border:1px solid #FFFFFF;
color:#000000;
background-color:#FFFFFF;
font-size:1em;
}

#copy .container .button {border-color:#FFFFFF;}

div.readmore {
text-align:right;
font-size:0.9em;
}

#leftcolumn {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
padding-top:30px;
}
* html #leftcolumn {
float:left;
padding-top:25px;
}

*>html #leftcolumn {width:151px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumn {margin-right: -3px;}
/* */

#leftcolcontainer{
width: 150px; /*** Critical left col dimension value ***/

}

h4 img {margin-bottom:-0.5em;}

#rightcolumn{
float: left;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
padding-top:30px;
}

/* \*/
* html #rightcolumn {
margin-left: 0px;
margin-right: -500px;
margin-right: -152px;
padding-top:25px;
}

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
/* \*/
width: 150px;
/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer {
float: right;
margin-left: 2px;
margin-left: 0px;
}
/* */

.sidebarcontainer{
margin:5px;
padding:6px;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
font-size:smaller;
}
/* \*/
* html .sidebarcontainer {height:1%;}
/* */


.sidebarcontainer a {color:#FFFFFF;}

.sidebarcontainer li {list-style-type:none;}

#footer {
clear:both;
margin:1px 5px;
padding:2px 20px;
border:1px solid #999999;
background-color:#FFFFFF;
font-size:small;
text-align:center;
}
#footer a {
margin:1px 5px;
color:#000000;
}
.imgfloatright {
float:right;
display:inline;
margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
float:left;
display:inline;
margin: 0.25em 1em 0.25em 0;
}
@media print {
body{
font-size:11pt;
line-height:13pt;
background:#FFFFFF !important;
}
#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
width:auto !important;
margin:auto !important;
}

#wrapper, #contentwrapper {border:none;}

#mainnav{
padding:0;
text-align:center;
}

#leftcolumn, #rightcolumn, #search {display:none;}

#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
background:transparent;
}
#centercolumn {
float:none;
margin:0 1em 0 2.5em;
}

#breadcrumbs {position:static;}

#copy .container{
margin:0;
padding:0 !important;
border-style:none !important;
border-width:0;
}

#copy fieldset {border:none;}

#footer{
position:static;
border-style:none !important;
border-top:1px solid #000000;
}
}

.ProplogLookUp
{
background: #FFFFFF;
text-decoration : none;
font-weight: bold;
font-size: small;
color:#1A4298;
text-decoration:none;
}

.Combo
{
background: #FFFFFF;
font-size: small;
text-decoration : none;
font-weight: normal;
font-size: medium;
color:#000000;
text-decoration:none;
}

.ProplogSubTitle
{
color: #000000;
font-size:medium;
font-weight : bold;
text-decoration : none;
}

.ProplogSmallBoldLabel
{
font-weight: bold;
font-size: medium;
color: #000000;
text-decoration: none;
}

.HeadingLabelBlueSmall
{
font-weight: bold;
font-size: medium;
color: #003366;
text-decoration: none;
	background:transparent;

}

.ProplogSmallLabel
{
font-weight: normal;
font-size: medium;
color: #000000;
text-decoration: none;
}

.ProplogLabel
{
font-weight: normal;
font-size: medium;
color: #000000;
text-decoration: none;
}

.ProplogBoldWngLabel
{
font-weight: bold;
font-size: medium;
color: red;
text-decoration: none;
}

.ProplogBoldLabel
{
font-weight: bold;
font-size: medium;
color: #000000;
text-decoration: none;
}

.ProplogHyperLink
{
font-weight: normal;
font-size: medium;
color: Blue;
text-decoration: underline;
cursor:pointer;
}

.ProplogLogin-Logout
{
font-weight: normal;
font-size: medium;
color: Gray;
text-decoration: underline;
cursor:pointer;
}

td.ProplogMenuTitle
{
font-weight: bold;
background-color: #FFFFFF;
font-size:medium;
}

td.ProplogSubMenuTitle
{
font-weight: bold;
background-color: #FFFFFF;
font-size:medium;
}

td.ProplogMenuTitleOnPage
{
border-top: 1px solid;
font-weight: bold;
background-color: #FFFFFF;
font-size:medium;
}

td.ProplogMenuNormal
{
border-top: 1px solid;
font-weight: normal;
background-color: white;
font-size:medium;
}


td.ProplogMenuUserDetails
{
border-top: 1px solid;
font-weight: bold;
background-color: #FFFFFF;
font-size:medium;
}


A.ProplogMenuLinkMain, A.ProplogMenuLinkMain:active, A.ProplogMenuLinkMain:visited
{
font-weight: normal;
color: #333333;
font-size: medium;
text-decoration: none;
font-weight: bold;
font-family:Calibri;
}

A.ProplogMenuLinkMain:hover
{
font-weight: normal;
color: #d4001a;
font-size: medium;
text-decoration: none;
font-weight: bold;
font-family:Calibri;
}

.headerstyle {
BACKGROUND-COLOR: #FFFFFF;
color: white;
font-weight: bold;
font-size: medium;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
vertical-align:top;
}
.headerstyle td {
BACKGROUND-COLOR: #FFFFFF;
color: white;
font-size: medium;
font-weight: bold;
border-bottom:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-top:0px solid #FFFFFF;
border-left:0px solid #CCDFFFFFFDFF;
vertical-align:top;
}
.headerstyle td a {
font-weight: bold;
font-size: medium;
color: white;
}
.headerstyle span a {
font-weight: bold;
font-size: medium;
color: white;
}
.itemstyle {
BACKGROUND-COLOR: White;
font-size: medium;
text-align:center
}
.altstyle {
BACKGROUND-COLOR: #FFFFFF;
font-size: medium;
}
.bgstyle {
BACKGROUND-COLOR: #FFFFFF;
font-size: medium;
}
#header2{
height:90px;
position:relative;
/* background-image:url(Images/header_bg.png); */
background-repeat:repeat-x;
background-color:#FFFFFF;
}
#logo2{
position:absolute;
top:6px;
left:5px;
height:45px;
/*border:1px solid #000000;*/
}
#banner2
{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
top:6px;
margin-left: 260px;    /*** Critical left col dimension value ***/
width: 730px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
height:45px;
/*border-left: 1px solid #FFFFFF;  /*** Critical left divider dimension value ***/
/*border-right: none; /*** Critical right divider dimension value ***/

/*margin:0 152px;*/
text-align:right;
vertical-align:sub;
}

.HeadingLabelRedSmall
{
font-family:Calibri;
font-weight: bold;
font-size:small;
color: #EF3E42;
text-decoration: none;
}

.HeadingLabelBlueSmall
{
font-family:Calibri;
font-weight: bold;
font-size: small;
color: #1A4298;
text-decoration: none;
}

.HeadingLabelBlackSmall
{
font-family:Calibri;
font-weight: bold;
font-size: small;
color: #000000;
text-decoration: none;
}

.HeadingLabelPurpleSmall
{
font-family:Calibri;
font-weight: bold;
font-size: small;
color: #A54399;
text-decoration: none;
}

.HeadingLabelPurpleMedium
{
font-family:Calibri;
font-weight: bold;
font-size: medium;
color: #A54399;
text-decoration: none;
}

.HeadingLabelRedMedium
{
font-family:Calibri;
font-weight: bold;
font-size:medium;
color: #EF3E42;
text-decoration: none;
}

.HeadingLabelBlueMedium
{
font-family:Calibri;
font-weight: bold;
font-size: medium;
color: #1A4298;
text-decoration: none;
}

.HeadingLabelBlackMedium
{
font-family:Calibri;
font-weight: bold;
font-size: medium;
color: #000000;
text-decoration: none;
}


.login_box1 {
	color: White;
	padding: 5px;
	background-color: #3B86C3;
	font-family:Calibri;
	font-weight: bold;
	font-size: small;
}

.login_box1 input {
	width: 150px;
}

.login_box2 {
	color: White;
	padding: 5px;
	background-color: #9DC2E1;
	font-family:Calibri;
	font-weight: bold;
	font-size: small;
}

.login_box3 {
	color: White;
	padding: 5px;
	background-color: #A54399;
	font-family:Calibri;
	font-weight: bold;
	font-size: small;
}

/*
   The GridViews get rendered as tables so we can format them by setting table styles
*/   
.shopgrid
   {
    }


.shopgridheader, .shopgridfooter
   {
      background: #fff url() no-repeat scroll top left;  
      font-weight:bold;
      color: #A54399;
      font-size: small;
   }   
      
.shopgridrow
   {
      font-weight:bold;
      color: black;
      font-size: small;
      text-align: left;  
   }
   
.shopgridrowalt
   {
      background: #ADE0EE url() no-repeat scroll top left;  
      font-weight:bold;
      color: black;
      font-size: small;
      text-align: left;  
   }   
   
.shopgridpager
   {
      text-align: center;      
   }   
   
.shopgridpager a
   {
      font-weight: 900;  
   }
   
.shopgridempty
   {
      text-align: center;  
      font-weight:bold;
      color: red;
      font-size: small;
   }   
   
.basketcontrols
   {
      text-align: center;
      padding: 10px;
   }
  
  .basketpanel
   {
       width:350px;
    }