/*************************************************************************/
/* Override default styling on HTML elements                             */
/*************************************************************************/
html
{
  height: 101%;
  padding: 0px;
  margin: 0px 0px 1px 0px;
}

body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  background-color:#ffffff;
  background-image: url(/uk/media/document_background.gif);
  background-repeat: repeat-y;
  background-position: top;
}

/*************************************************************************/
/* Positional div elements                                               */
/*************************************************************************/
div.document
{
  width: 960px;
  min-height: 100%;
  margin: 0px auto 0px auto;
  padding: 0px;
  background-image: url(/uk/media/document_background.gif);
  background-position: top;
  background-repeat: repeat-y;
  position:relative;
}

* html div.document
{
  height: 100%;
}

div.header
{
  width: 800px;
  height: 94px;
  border-bottom:1px solid #e4e3e3;
  margin: 0px 80px 0px 80px;
  padding: 0px;
  background: url(../media/header_gradient.png) top repeat-x;
  text-align: left;
}

div.login
{
  width: 800px;
  height: 130px;
  margin: 0px 80px 0px 80px;
  padding: 0px;
  background-image: url(media/login_background.gif);
  background-position: bottom;
  background-repeat: repeat-x;  
  border-bottom: 6px solid #666666;
  text-align: left; 
}

div.body
{
  width: 800px;
  margin: 0px 80px 0px 80px;
  padding: 0px 0px 0px 0px;
/*  background-image: url(/uk/media/body_background.gif);
  background-position: top;
  background-repeat: repeat-x;*/
  text-align: left;
  font-size: 0.85em;
  position:relative;
}


div.grey
{
  padding: 10px 0px 0px 0px;
  background-color: #CCCCCC;
}
/*
div.hide
{
  display: none;
}
*/

div.clear
{
  clear: both;
}

/*************************************************************************/
/* Header menu styling                                                   */
/*************************************************************************/
div.header div.top
{
  height: 62px;
}

div.header div.bottom
{
  height: 32px;
}

div.header div.logo
{
  width: 133px;
  height: 60px;
  padding: 10px 0px 0px 10px;
}

div.header div.logo a
{
  border: 0px;
}

div.header div.logo img
{
  border: 0px;
}

div.header ul
{
  float: left;
  height: 32px;
  line-height: 1.8em;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  list-style-type: none;
}

div.header div.bottom ul li
{
  display: block;
  float: left;
  margin: 0px;
  padding: 2px 10px 2px 10px;
  text-align: center;
}

div.header div.bottom ul li.loginlink
{
  width: 90px;
  display:none;
}

div.header div.bottom ul li.divider
{
  display: block;
  float: left;
  width: 1px;
  height: 16px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border-right: 1px solid #666666;
}

div.header a
{
  margin: 0px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
}

div.header a:hover
{
  margin: 0px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
}

/*************************************************************************/
/* Login menu styling                                                    */
/*************************************************************************/
/*div.login form
{
  margin: 0px;
  padding: 0px;
}

div.login div.col1
{
  float: left;
  width: 15%;
  height: 130px;
}

div.login div.col2
{
  float: left;
  width: 22%;
  height: 130px;
}

div.login div.col3
{
  float: left;
  width: 21%;
  height: 130px;
}

div.login div.col4
{
  float: left;
  width: 21%;
  height: 130px;
}

div.login div.col5
{
  float: left;
  width: 21%;
  height: 130px;
}

div.login div.col1 div.logo
{
  padding: 5px 0px 0px 5px;
}

div.login div.col1 div.logo img
{
  border: 0px;
}

div.login div.col1 div.backlink
{
  padding: 55px 0px 0px 42px;
}

div.login div.col1 div.backlink a
{
  text-decoration: none;
  color: #FFF000;
  font-weight: bold;
}

div.login div.col2 img
{
  margin: 0px;
  padding: 48px 0px 0px 10px;
}

div.login div.col3 div.label, 
div.login div.col4 div.label
{
  margin: 0px;
  padding: 32px 0px 5px 0px;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFFFFF;
}

div.login div.col3 input, 
div.login div.col4 input
{
  width: 90%;
  border: 0px;
  padding: 2px;
}

div.login div.col3 div.error, 
div.login div.col4 div.link
{
  padding: 5px 5px 0px 0px;
  font-size: 0.7em;
  color: #FFF000;
}

div.login div.col4 div.link a
{
  color: #FFFFFF;
}

div.login div.col5 div.loginlink
{
  width: 100%;
  padding: 47px 0px 0px 0px;
}

div.login div.col5 a
{
  display: block;
  width: 123px;
  height: 30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  background-image: url(media/login_button.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;    
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}
*/
#logindiv {
  position:absolute;
  top:0px;
  right:100px;
  width:330px;
  border:1px solid #E4E3E3;
  background:#ffffff;
  font-size:10px;
  text-align:left;
  padding:2px 5px 5px 5px;
}
#logindiv .col1 {
  display:none;
}
#logindiv .col2 {
  color:#666666;
  margin:0px 0px 3px 0px;
  font-size:10px;
}
#logindiv .col2 a {
  color:#999999;
}
#logindiv .col3,
#logindiv .col4 {
  width:145px;
  margin-top:3px;
  margin-left:3px;
  float:left;
}
#logindiv .col5 {
  float:left;
}
#logindiv .loginlink a {
  display:block;
  width:30px;
  height:27px;
  margin-left:3px;
  background:url(../media/button_login.png) center center no-repeat;
  float:left;
}
#logindiv input {
  border:1px solid #E4E3E3;
  padding-left:2px;
  width:140px;
}

/*************************************************************************/
/* Footer menu styling                                                   */
/*************************************************************************/
div.footer
{
  clear: both;
  width: 800px;
  background:url(../media/footer_gradient.png) repeat-x;
  margin: 20px 80px 0px 80px;
  padding: 10px 0px 10px 0px;
  border-top: 1px solid #e4e3e3;
  border-bottom: 1px solid #e4e3e3;
  font-size:12px;
  text-align:left;
}
div.footer h4 {
  font-size: 12px;
  font-weight:bold;
}
div.footer ul {
  margin: 0px;
  padding: 0px 0px 0px 30px;
  list-style-type: none;
  vertical-align: baseline;
}

div.footer li
{
  float:left;
  margin-right:25px;
  color: #000000;
}

div.footer a
{
  text-decoration: underline;
  color: #000000;
}
div.footnote {
  clear:both;
  font-size:9px;
  text-align:right;
  margin:40px 100px 20px 20px;
}

/*************************************************************************/
/* Body inline element styling                                           */
/*************************************************************************/
div.body h1
{
  margin: 0px;
  padding: 5px 10px 10px 10px;
  font-size: 1.4em;
  font-weight: normal;
  color: #000000;  
}

div.body h2
{
  margin: 0px;
  padding: 5px 10px 10px 10px;
  font-size: 1.3em;
  font-weight: normal;
  color: #FF0000;
}

div.body h3
{
  margin: 0px;
  padding: 5px 10px 10px 10px;  
  font-size: 1.1em;
  font-weight: bold;
  color: #FF0000;  
}

div.body h4
{
  margin: 0px;
  padding: 5px 10px 10px 10px;
  font-size: 1em;
  font-weight: bold;
  color: #FF0000;
}

div.body p
{
  margin: 0px;
  padding: 5px 10px 10px 10px;  
}

div.body a
{
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #FF0000;
}

div.body a:hover
{
  text-decoration: underline;
  color: #FF0000;
}

/*************************************************************************/
/* White box with rounded corners and shadow on grey background          */
/*************************************************************************/
div.box_white
{
  margin: 0px 0px 5px 0px;
  padding: 0px;
  background-image: url(media/box_white_right.gif);
  background-position: right;
  background-repeat: repeat-y;
}

div.box_white div.top
{
  width: 100%;
  height: 20px; 
  background-image: url(media/box_white_top.gif);
  background-position: top;
  background-repeat: repeat-x;
}

div.box_white div.top div.left
{
  float: left;
  width: 20px;
  height: 20px; 
  background-image: url(media/box_white_topleft.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

div.box_white div.top div.right
{
  float: right;
  width: 40px;
  height: 20px; 
  background-image: url(media/box_white_topright.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div.box_white div.middle
{ 
  background-image: url(media/box_white_left.gif);
  background-position: left;
  background-repeat: repeat-y;  
}

div.box_white div.middle div.content
{
  margin: 0px 30px 0px 10px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 0.9em;
}

div.box_white div.bottom
{
  width: 100%;
  height: 40px; 
  background-image: url(media/box_white_bottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.box_white div.bottom div.left
{
  float: left;
  width: 20px;
  height: 40px; 
  background-image: url(media/box_white_bottomleft.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

div.box_white div.bottom div.right
{
  float: right;
  width: 40px;
  height: 40px; 
  background-image: url(media/box_white_bottomright.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

div.box_white span.heading
{
  margin: 0px;
  padding: 0px;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
}

div.box_white h1, 
div.box_white h2, 
div.box_white h3, 
div.box_white h4
{
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

div.box_white ul
{
  margin: 0px;
  padding: 10px 0px 0px 15px;
}

div.box_white li
{
  margin: 0px;
  padding: 2px 0px 2px 0px;
  font-size: 1.1em;
}

/*************************************************************************/
/* Red box with rounded corners and shadow on grey background            */
/*************************************************************************/
div.box_red
{
  margin: 0px;
  padding: 0px;
  background-image: url(media/box_red_right.gif);
  background-position: right;
  background-repeat: repeat-y;
}

div.box_red div.top
{
  width: 100%;
  height: 20px; 
  background-image: url(media/box_red_top.gif);
  background-position: top;
  background-repeat: repeat-x;
}

div.box_red div.top div.left
{
  float: left;
  width: 20px;
  height: 20px; 
  background-image: url(media/box_red_topleft.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

div.box_red div.top div.right
{
  float: right;
  width: 40px;
  height: 20px; 
  background-image: url(media/box_red_topright.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div.box_red div.middle
{
  background-image: url(media/box_red_left.gif);
  background-position: left;
  background-repeat: repeat-y;  
}

div.box_red div.middle div.content
{
  margin: 0px 30px 0px 10px;
  background-color: #E71206;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: bold;  
}

div.box_red div.bottom
{
  width: 100%;
  height: 40px; 
  background-image: url(media/box_red_bottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.box_red div.bottom div.left
{
  float: left;
  width: 20px;
  height: 40px; 
  background-image: url(media/box_red_bottomleft.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

div.box_red div.bottom div.right
{
  float: right;
  width: 40px;
  height: 40px; 
  background-image: url(media/box_red_bottomright.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

div.box_red h1, 
div.box_red h2, 
div.box_red h3, 
div.box_red h4
{
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

div.box_red p
{
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}

div.box_red ul
{
  margin: 0px;
  padding: 10px 0px 0px 15px;
}

div.box_red li
{
  margin: 0px;
  padding: 2px 0px 2px 0px;
  font-size: 1.1em;
}

/*************************************************************************/
/* Grey box with rounded corners and shadow on grey background           */
/*************************************************************************/
div.box_grey
{
  margin: 0px;
  padding: 0px;
  background-image: url(media/box_grey_right.gif);
  background-position: right;
  background-repeat: repeat-y;
}

div.box_grey div.top
{
  width: 100%;
  height: 20px; 
  background-image: url(media/box_grey_top.gif);
  background-position: top;
  background-repeat: repeat-x;
}

div.box_grey div.top div.left
{
  float: left;
  width: 20px;
  height: 20px; 
  background-image: url(media/box_grey_topleft.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

div.box_grey div.top div.right
{
  float: right;
  width: 40px;
  height: 20px; 
  background-image: url(media/box_grey_topright.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div.box_grey div.middle
{ 
  background-image: url(media/box_grey_left.gif);
  background-position: left;
  background-repeat: repeat-y; 
}

div.box_grey div.middle div.content
{
  margin: 0px 30px 0px 10px;
  background-color: #666666;
  color: #FFFFFF;
}

div.box_grey div.middle div.content p
{
  margin: 0px;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
}

div.box_grey div.bottom
{
  width: 100%;
  height: 40px; 
  background-image: url(media/box_grey_bottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.box_grey div.bottom div.left
{
  float: left;
  width: 20px;
  height: 40px; 
  background-image: url(media/box_grey_bottomleft.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

div.box_grey div.bottom div.right
{
  float: right;
  width: 40px;
  height: 40px; 
  background-image: url(media/box_grey_bottomright.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

/*************************************************************************/
/* Grey box with rounded corners and shadow on grey background           */
/*************************************************************************/
div.box_greyborder
{
  margin: 0px;
  padding: 0px;
  background-image: url(media/box_greyborder_right.gif);
  background-position: right;
  background-repeat: repeat-y;
}

div.box_greyborder div.top
{
  width: 100%;
  height: 16px; 
  background-image: url(media/box_greyborder_top.gif);
  background-position: top;
  background-repeat: repeat-x;
}

div.box_greyborder div.top div.left
{
  float: left;
  width: 16px;
  height: 16px; 
  background-image: url(media/box_greyborder_topleft.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

div.box_greyborder div.top div.right
{
  float: right;
  width: 16px;
  height: 16px; 
  background-image: url(media/box_greyborder_topright.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div.box_greyborder div.middle
{ 
  background-image: url(media/box_greyborder_left.gif);
  background-position: left;
  background-repeat: repeat-y; 
}

div.box_greyborder div.middle div.content
{
  margin: -2px 16px -2px 16px;
  background-color: transparent;
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

div.box_greyborder div.bottom
{
  width: 100%;
  height: 16px; 
  background-image: url(media/box_greyborder_bottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

div.box_greyborder div.bottom div.left
{
  float: left;
  width: 16px;
  height: 16px; 
  background-image: url(media/box_greyborder_bottomleft.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

div.box_greyborder div.bottom div.right
{
  float: right;
  width: 16px;
  height: 16px; 
  background-image: url(media/box_greyborder_bottomright.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

div.box_greyborder h1, 
div.box_greyborder h2, 
div.box_greyborder h3, 
div.box_greyborder h4
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  color: #FFFFFF;
}

div.box_greyborder p
{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
}

/*************************************************************************/
/* Styling for headings and paragraphs inside boxes                      */
/*************************************************************************/

/* Styling for h1, h2, h3 and p tags for grey box */
div.box_grey h1, 
div.box_grey h2, 
div.box_grey h3
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  color: #FFFFFF;
  font-weight: bold;
}

div.box_grey h1
{
  font-size: 1.3em;
}

div.box_grey p
{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  font-size: 1.15em;
  font-weight: bold;
}

/* Styling for h1, h2, h3 and p tags for red box, white box and grey 
   bordered box */
div.box_red div.middle div.content p, 
div.box_white div.middle div.content p
{
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 1.15em;
  text-align: left;
}

div.box_greyborder div.middle div.content p
{
  margin: 0px;
  padding: 10px;
  font-weight: normal;
  font-size: 1.2em;
  text-align: left;
}

div.box_greyborder div.middle div.content h1, 
div.box_red div.middle div.content h1, 
div.box_white div.middle div.content h1, 
div.box_greyborder div.middle div.content h2, 
div.box_red div.middle div.content h2, 
div.box_white div.middle div.content h2, 
div.box_greyborder div.middle div.content h3, 
div.box_red div.middle div.content h3, 
div.box_white div.middle div.content h3
{
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

div.arrow
{
  float: right;
  width: 9px;
  height: 45px;
  padding: 8px 0px 0px 0px;
  background-image: url(media/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
}

div.arrow img
{
  border: 0px;
}

/*************************************************************************/
/* Red heading with rounded corners and shadow on grey background        */
/*************************************************************************/
div.heading_red
{
  height: 45px;
  margin: 2px 0px 12px 0px;
  padding: 0px;
  background-image: url(media/heading_red_middle.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x; 
}

div.heading_red div.left
{
  float: left;
  width: 15px;
  height: 45px;
  background-image: url(media/heading_red_left.gif);
  background-position: left;
  background-repeat: no-repeat;  
}

div.heading_red div.middle
{
  float: left;
  height: 45px;
}

div.heading_red div.middle a
{
  text-decoration: none;
  color: #FFFFFF;
}

div.heading_red div.middle img
{
  border: 0px;
}

div.heading_red div.middle div.content
{
  margin: 0px;
  padding: 8px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF;
}

div.heading_red div.right
{
  float: right;
  width: 25px;
  height: 45px;
  background-image: url(media/heading_red_right.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/*************************************************************************/
/* Red heading with rounded corners and shadow on white background        */
/*************************************************************************/
div.heading_redonwhite
{
  height: 45px;
  margin: 2px 0px 8px 0px;
  padding: 0px;
  background-image: url(media/heading_redonwhite_middle.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x; 
}

div.heading_redonwhite div.left
{
  float: left;
  width: 15px;
  height: 45px;
  background-image: url(media/heading_redonwhite_left.gif);
  background-position: left;
  background-repeat: no-repeat;  
}

div.heading_redonwhite div.middle
{
  float: left;
  height: 45px;
}

div.heading_redonwhite div.middle a
{
  text-decoration: none;
  color: #FFFFFF;
}

div.heading_redonwhite div.middle img
{
  border: 0px;
}

div.heading_redonwhite div.middle div.content
{
  margin: 0px;
  padding: 8px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF;
}

div.heading_redonwhite div.right
{
  float: right;
  width: 25px;
  height: 45px;
  background-image: url(media/heading_redonwhite_right.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/*************************************************************************/
/* White heading with rounded corners and shadow on grey background      */
/*************************************************************************/
div.heading_white
{
  height: 45px;
  margin: 2px 0px 8px 0px;
  padding: 0px;
  background-image: url(media/heading_white_middle.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x; 
}

div.heading_white div.left
{
  float: left;
  width: 15px;
  height: 45px;
  background-image: url(media/heading_white_left.gif);
  background-position: left;
  background-repeat: no-repeat;  
}

div.heading_white div.middle
{
  float: left;
  height: 45px;
}

div.heading_white div.middle div.content
{
  margin: 0px;
  padding: 8px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
}

div.heading_white div.right
{
  float: right;
  width: 25px;
  height: 45px;
  background-image: url(media/heading_white_right.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/****************************************************************************/
/* Styling for rollover buttons                                             */
/****************************************************************************/
div.adminmenu
{
  width: 95%;
  margin: 0px auto 0px auto;
}

div.adminmenu div.adminmenutop
{
  font-size: 1.6em;
  font-weight: normal;
  color: #000000;
  padding: 10px 0px 10px 0px;
}

div.adminmenu div.adminmenubottom
{

}

div.adminmenu div.adminmenubottom div.adminmenubuttons
{
  float: left;
  width: 525px;
  height: 125px;
  padding: 10px 0px 10px 0px;
  border-top: 2px dotted #666666;
  border-bottom: 2px dotted #666666;
}

div.adminmenu div.adminmenubottom div.adminmenubuttons div.adminmenubuttonstext
{
  font-weight: bold;
  font-size: 0.9em;
  padding: 5px 0px 18px 0px;
}

div.preloadadminbuttons
{
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-image: url(media/link_mysummary_off.jpg);
  background-image: url(media/link_mysummary_on.jpg);
  background-image: url(media/link_myaccount_off.jpg);
  background-image: url(media/link_myaccount_on.jpg);
  background-image: url(media/link_myshop_off.jpg);
  background-image: url(media/link_myshop_on.jpg);
  background-image: url(media/link_logout_off.jpg);
  background-image: url(media/link_logout_on.jpg);
  background-image: url(media/link_mytransactions_off.jpg);
  background-image: url(media/link_mytransactions_on.jpg);
  background-image: url(media/link_myaffiliates_off.jpg);
  background-image: url(media/link_myaffiliates_on.jpg);  
  background-image: url();
}

div.mysummaryoff, 
div.mysummaryon, 
div.myaccountoff, 
div.myaccounton, 
div.myshopoff, 
div.myshopon, 
div.logoutoff, 
div.logouton, 
div.mytransactionsoff, 
div.mytransactionson, 
div.mytradersoff, 
div.mytraderson
{
  float: left;
  width: 174px;
  height: 46px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.mysummaryoff
{
  background-image: url(media/link_mysummary_off.jpg);
}

div.mysummaryon
{
  background-image: url(media/link_mysummary_on.jpg);
}

div.myaccountoff
{
  background-image: url(media/link_myaccount_off.jpg);
}

div.myaccounton
{
  background-image: url(media/link_myaccount_on.jpg);
}

div.myshopoff
{
  background-image: url(media/link_myshop_off.jpg);
}

div.myshopon
{
  background-image: url(media/link_myshop_on.jpg);
}

div.logoutoff
{
  background-image: url(media/link_logout_off.jpg);
}

div.logouton
{
  background-image: url(media/link_logout_on.jpg);
}

div.mytransactionsoff
{
  background-image: url(media/link_mytransactions_off.jpg);
}

div.mytransactionson
{
  background-image: url(media/link_mytransactions_on.jpg);
}

div.mytradersoff
{
  background-image: url(media/link_myaffiliates_off.jpg);
}

div.mytraderson
{
  background-image: url(media/link_myaffiliates_on.jpg);
}

div.adminmenu div.adminmenubottom div.adminmenuinvitation
{
  float: left;
  width: 210px;
  height: 129px;
  padding: 10px;
  background-color: #CCCCCC;
}

/* hack for IE */
* html div.adminmenu div.adminmenubottom div.adminmenuinvitation
{
  height: 133px;
}

div.adminmenuinvitation form
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div.adminmenuinvitation div.invitationtitle
{
  font-size: 0.9em;
  font-weight: bold;
  color: #000000;
  padding: 5px 0px 10px 0px;
}

div.adminmenuinvitation div.invitationfield
{
  padding: 0px 0px 10px 0px;
}

div.adminmenuinvitation div.invitationfield div.invitationfieldheading
{
  float: left;
  width: 60px;
}

div.adminmenuinvitation div.invitationfield div.invitationfieldinput
{
  float: left;
}

div.adminmenuinvitation div.invitationfield div.invitationfieldinput input
{
  border: 1px solid #000000;
}

div.adminmenuinvitation div.invitationcontrols
{

}

div.adminmenuinvitation div.invitationcontrols div.invitationlinks
{
  float: left;
  width: 130px;
  height: 10px;
}

div.adminmenuinvitation div.invitationcontrols div.invitationlinks a
{
  font-weight: bold;
  font-size: 0.8em;
  color: #FF0000;
}

div.adminmenuinvitation div.invitationcontrols div.invitationsubmit
{
  float: left;
}

div.adminmenuinvitation div.invitationcontrols div.invitationsubmit input
{
  width: 77px;
  height: 41px;
  background-image: url(media/button_send.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px;
  cursor: pointer;
}

div.horizontalline
{
  height: 12px;
  border-top: 2px dotted #666666;
  margin: 6px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

li.loginlink a
{
  color: #FF0000;
}

div.imageheading
{
  padding: 10px 0px 0px 10px;
}

input.invitationinput
{
  width: 130px;
}

span.bold
{
  font-weight: bold;
}

span.currency
{
  font-weight: bold;
}

html>body div.tag
{
  float: right;
  margin-top: 0px;
  margin-right: 10px;
}

* html div.tag
{
  float: right;
  width: 105px;
  height: 98px;
  position: relative;
  top: 0px;
  left: 675px;
  margin-bottom: -100px;
}

div.tag a
{
  margin: 0px;
  padding: 0px;
}

div.tag a img
{
  border: 0px;
}

a.small_link
{
font-size:11px;
}

address
{
font-style:normal;
}

div.forms
{
border: dotted 2px #666666;
padding: 15px 0 15px 15px;
margin-top:50px;
margin-left:7px;
}

div.forms2
{
border-bottom: dotted 2px #666666;
border-left: dotted 2px #666666;
border-right: dotted 2px #666666;
padding: 15px 0 15px 15px;
margin-left:7px;
}

