<STYLE>

.x{}



.basketInput
  {
    border:1px solid #777777;
    margin:0px 0px 7px 0px;
  }


/****************************/
/**** STANDARD STYLES *******/
/****************************/

.basketSummary
  {
    background: url(/media/baske t-bg.gif) no-repeat;
    padding:0px 0px 5px 0px;
    width:260px;
  }

.headerBG
  {
    background: url(/media /basket-total-bg.gif) repeat-x;
    width:470px;
  }

.headerTable
  {
    width:710px;
    margin:0px 0px 0px 9px;
    border:0px solid black;
  }

.path
  {
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: arial, sans-serif;
    PADDING:5px 0px 0px 11px;
    margin:0px 0px 0px 0px;
    width:550px;
    text-align:left;
  }

.pageTitle H1
  {
    FONT-SIZE: 18px;
    COLOR: #686868;
    FONT-WEIGHT:bold;
    FONT-FAMILY: arial, sans-serif;
    PADDING: 0px 0px 7px 11px;
    margin: 0px 0px 0px 0px;
    border:none;
    width:100%;
    text-align:left;
  }

BODY
  {
    FONT-SIZE: 11px;
    COLOR: #686868;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND: #F2F2F2;
    PADDING:0px 0px 0px 0px;
    margin:0 auto 0 auto;
    width:100%;
    text-align:center;
  }

TD
  {
    FONT-SIZE: 11px;
    COLOR: #686868;
    FONT-FAMILY: arial, sans-serif;
    text-align:left;
  }

H1
  {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #686868;
    FONT-FAMILY: arial, sans-serif;
    BORDER-TOP: 1px SOLID #686868;
    BORDER-BOTTOM: 1px SOLID #686868;
    WIDTH:100%;
    PADDING:8px 0px 8px 0px;
    text-align:left;
  }

H2
  {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #686868;
    FONT-FAMILY: arial, sans-serif;
    BORDER-TOP: 1px SOLID #686868;
    BORDER-BOTTOM: 1px SOLID #686868;
    padding:7px 0px 7px 0px;
    text-align:left;
  }

H3
  {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: arial, sans-serif;
    padding:7px 0px 2px 0px;
    text-align:left;
  }

P
  {
    MARGIN: 0px;
    text-align:left;
  }

HR
  {
  }

UL
  {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 20px;
    LINE-HEIGHT: 170%;
    PADDING-TOP: 0px;
    text-align:left;
  }

LI
  {
    COLOR: #686868;
    text-align:left;
  }

td 
  {
    text-align:left;
  }




/************************/
/**** LINK STYLES *******/
/************************/

A:link
{
    COLOR: #3190C0;
    FONT-WEIGHT:bold;
    text-decoration:none;
    text-align:left;
}

A:visited
{
    COLOR: #3190C0;
    FONT-WEIGHT:bold;
    text-decoration:none;
    text-align:left;
}

A:active,
A:hover
{
    COLOR: #3190C0;
    text-decoration:underline;
    text-align:left;
}


/**************************/
/**** LAYOUT STYLES *******/
/**************************/

.footer
  {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #686868;
    FONT-FAMILY: arial, sans-serif;
    BORDER-TOP: 1px SOLID #686868;
    BORDER-BOTTOM: 1px SOLID #686868;
    WIDTH:700px;
    PADDING:8px 0px 8px 0px;
  }

.copyright
  {
    PADDING:8px 0px 0px 8px;
    FONT-SIZE:9px;
    COLOR: #686868;  
  }


.footer A:link,
.footer A:visited,
.footer A:active,
.footer A:hover
{
    COLOR: #686868;
}




.blueBG
  {
    BACKGROUND: #1A6BBA;    
  }

.pageCenter
  {
     PADDING:0px 0px 0px 0px;
     BACKGROUND: url(/media/streetwise-page-bg.gif) 52% repeat-y;
     MARGIN: 0px auto;
     WIDTH: 750px;
     BORDER:0px solid black;
  }  


.banner
  {
    padding:5px 0px 7px 0px;
  }


.mainPageSection
  {

  }



/**************************/
/**** VIEWER STYLES *******/
/**************************/

.toolbar
  {
    padding:0px 0px 0px 10px;
  }

.priceLabel
  {
    padding:10px 0px 0px 35px;
    font-size:20px;
    color:white;
  }

.addToBasket
  {
    background: url(/media/add-to-basket.gif) no-repeat;
    width:185px;
    height:41px;
    padding:12px 0px 0px 55px;
    margin:10px 0px 0px 230px;
    font-size:14px;
    color:white;
  }

.addToBasket a:link,
.addToBasket a:visited
  {
    font-size:14px;
    text-weight:normal;
    color:white;
    text-decoration:none;    
  }

.addToBasket a:hover
  {
    text-decoration:underline;    
  }


/**************************/
/**** google button STYLES *******/
/**************************/


.googleButton
  {
    background: url(/media/add-to-basket-Copy2.gif) no-repeat;
    width:185px;
    height:41px;
    padding:12px 0px 0px 55px;
    margin:0px 0px 5px 230px;
    font-size:14px;
    color:white;
  }

.googleButton a:link,
.googleButton a:visited
  {
    font-size:14px;
    text-weight:normal;
    color:white;
    text-decoration:none;    
  }

.googleButton a:hover
  {
    text-decoration:underline;    
  }

/***********************/


/**************************/
/**** google button2 STYLES *******/
/**************************/


.googleButton2
  {
    background: url(/media/add-to-basket-Copy4.gif) no-repeat;
    width:195px;
    height:43px;
    padding:12px 0px 0px 50px;
    margin:5px 0px 0px 5px;
    font-size:14px;
    color:white;
  }

.googleButton2 a:link,
.googleButton2 a:visited
  {
    font-size:14px;
    text-weight:normal;
    color:white;
    text-decoration:none;    
  }

.googleButton2 a:hover
  {
    text-decoration:underline;    
  }

/***********************/


.productSelector
  {
    padding:0px 0px 0px 0px;
  }

.productSelector h3
  {
    padding:5px 0px 5px 35px;
    height:20px;
    margin:0px;
    background: url(/media/tick.gif) no-repeat;
    color: #686868;
    font-size:14px;
    font-weight:bold;
  }

.product
  {
    padding:5px 0px 0px 30px;
  }

.productText
  {
    padding:0px 0px 0px 0px;
  }



/*****************************/
/**** MAIN MENU STYLES *******/
/*****************************/

.on
  {

  }

.mainMenu
  {
    BORDER:0px solid black;
    PADDING:0px 0px 0px 10px;
    WIDTH:700px;
  }

.mainMenuTable
  {
    BACKGROUND: white;
  }

.mainMenuTableCellOn
  {
    BACKGROUND: #053581 url(/media/mainmenu-on-bg.gif) repeat-x;
    PADDING: 5px;
    TEXT-ALIGN: center;
    WIDTH: 16%;
    BORDER-LEFT: 1px solid white;
  }

.mainMenuTableCellOff
  {
    BACKGROUND: #053581;
    PADDING: 5px;
    TEXT-ALIGN: center;
    WIDTH: 16%;
    BORDER-LEFT: 1px solid white;
  }


.mainMenuTableCellOn a,
.mainMenuTableCellOn a:link,
.mainMenuTableCellOn a:visited
  {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
  }

.mainMenuTableCellOn a:hover
  {
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-SIZE: 12px;

  }


.mainMenuTableCellOff a,
.mainMenuTableCellOff a:link,
.mainMenuTableCellOff a:visited
  {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
  }

.mainMenuTableCellOff a:hover
  {
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-SIZE: 12px;

  }



.buyNow
  {
    background: url(/media/buy-now-bg.gif) no-repeat;
    width:475px;
    height:45px;
    padding:13px 0px 0px 60px;
    font-size:14px;
  }

.buyNow a:link,
.buyNow a:visited
  {
    color:white;
    text-decoration:none;
  }

.buyNow a:hover,
.buyNow a:active
  {
    text-decoration:underline;
  }


/**************************/
/**** REGISTER PAGE *******/
/**************************/

.formTable
  {
    WIDTH:700px;
  }


.formTableCell1
  {
    width:200px;
    text-align:right;
    padding:0px 10px 0px 0px;
  }


.formTableCell2
  {
  }

/*************************/
/**** BOX 5 STYLES *******/
/*************************/

.box5Top
  {
    background: url(/media/box5-top-bg.gif) no-repeat;
    height:21px;
    width:470px;
  }

.box5Middle
  {
    background: url(/media/box5-middle-bg.gif) repeat-y;
    width:470px;
    padding:0px 20px 0px 20px;
  }

.box5Middle ul
  {
    padding:10px 0px 0px 30px;
    margin:0px 0px 0px 0px;
  }

.box5Footer
  {
    background: url(/media/box5-bottom-bg.gif) no-repeat;
    height:22px;
    width:470px;
  }


/*************************/
/**** BOX 4 STYLES *******/
/*************************/

.box4Top
  {
    background: url(/media/box4-top-bg.gif) no-repeat;
    height:21px;
    width:200px;
  }

.box4Middle
  {
    background: url(/media/box4-middle-bg.gif) repeat-y;
    width:200px;
    padding:0px 20px 0px 20px;
  }

.box4Middle ul
  {
    padding:10px 0px 0px 30px;
    margin:0px 0px 0px 0px;
  }

.box4Footer
  {
    background: url(/media/box4-bottom-bg.gif) no-repeat;
    height:22px;
    width:200px;
  }


/*************************/
/**** BOX 3 STYLES *******/
/*************************/

.box3Top
  {
    background: url(/media/box3-top-bg.gif);
    height:21px;
    width:711px;
  }

.box3Middle
  {
    background: url(/media/box3-middle-bg.gif) repeat-y;
    width:710px;
    padding:0px 20px 0px 20px;
    border:0px solid black;
  }

.box3Middle h1,
.box3Middle h2,
.box3Middle p
  {
    COLOR: #3190C0;
    border:none;
  }

.box3Middle h2
 {
    font-weight:bold;
    font-size:14px;
    padding:0px 0px 0px 0px;
    line-height:14px;
    margin:0px 0px 0px 5px;
 }

.box3Middle ul
  {
    padding:10px 0px 0px 30px;
    margin:0px 0px 0px 0px;
  }

.box3Footer
  {
    background: url(/media/box3-bottom-bg.gif);
    height:22px;
    width:711px;
  }




/*************************/
/**** BOX 2 STYLES *******/
/*************************/

.box2Top
  {
    background: url(/media/box2-top-bg.gif);
    height:21px;
    width:351px;
  }

.box2Middle
  {
    background: url(/media/box2-middle-bg.gif) repeat-y;
    width:351px;
    padding:0px 0px 0px 0px;
  }

.box2Middle h2,
.box2Middle p
  {
    COLOR: #3190C0;
    border:none;
  }

.box2Middle h2
 {
    font-weight:bold;
    font-size:14px;
    padding:0px 0px 0px 0px;
 }

.box2Middle p grey
 {
    font-weight:bold;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    COLOR: #686868;
 }

.box2Middle ul
  {
    padding:10px 0px 0px 30px;
    margin:0px 0px 0px 0px;
  }

.box2Footer
  {
    background: url(/media/box2-bottom-bg.gif);
    height:22px;
    width:351px;
  }




/*************************/
/**** BOX 1 STYLES *******/
/*************************/

.box1Top
  {
    background: url(/media/box1-top-bg.gif) no-repeat;
    height:21px;
    width:241px;
  }

.box1Middle
  {
    background: url(/media/box1-middle-bg.gif) repeat-y;
    width:240px;
    padding:0px 20px 0px 20px;
  }

.box1Middle ul
  {
    padding:10px 0px 0px 30px;
    margin:0px 0px 0px 0px;
  }

.box1Footer
  {
    background: url(/media/box1-bottom-bg.gif) no-repeat;
    height:22px;
    width:241px;
  }


/**************************/
/**** SEARCH STYLES *******/
/**************************/


.searchGo
  {
    PADDING: 0px 10px 10px 0px; 
  }

.searchPageInput
  {
    PADDING: 0px 0px 10px 0px; 
    color:white;
  }

.searchInput
  {
    BORDER: 1px solid black; 
    HEIGHT:20px;
    FONT-SIZE:9px;
    width:100px;
    padding:3px;
  }

.searchButton
  {
    BORDER: 0px solid #053581; 
    PADDING: 2px 2px 2px 0px;
    HEIGHT: 19px;
    background:#053581;
    color:white;
    FONT-SIZE:9px;
  }

.searchTableCell
  {
    WIDTH: 100%;
    COLOR: white;
    BACKGROUND: #1A6BBA; 
    PADDING:10px 0px 0px 0px;
  }



/***************************/
/**** ACCOUNT STYLES *******/
/***************************/


.accDetailTable
  {
    width:100%;
  }

.accDetailTableCell1
  {
    width:150px;
    text-align:right;
    padding:4px;
  }

.accDetailTableCell1 p
  {
    color:black;
    font-weight:bold;
 }

.accDetailTableCell2
  {
    padding:4px;
  }

.accDetailTableCell3
  {
    width:150px;
    text-align:right;
    padding:4px;
  }


.detailsSection
  {
    background: #E5ECFF url(/media/lb-left.gif) no-repeat bottom left;
    border-left:1px solid white;
    padding:10px;
  }

.detailsSection h3
  {
    padding:0px;
    margin:0px;
  }

.accDetailsHeader
  {
    HEIGHT:37px;
    WIDTH:100%;
    BACKGROUND: #053581 url(/media/search-top.gif) no-repeat -10px -5px;
    BORDER-RIGHT: 1px solid white;
  }

.accDetailsFooter
  {
    BACKGROUND: #053581 url(/media/existing-users-bottom.gif) no-repeat bottom left;
    height:47px;
    text-align:left;
    padding:5px 0px 0px 15px;
  }

.accDetailsTop
  {
     background: #053581 url(/media/accDetailsTop.gif) no-repeat top right;
  }



.accountTableCellOn
  {
    BACKGROUND: #053581 url(/media/mainmenu-on-bg.gif) repeat-x;
    PADDING: 5px;
    TEXT-ALIGN: center;
    WIDTH: 16%;
    BORDER-LEFT: 1px solid white;
  }

.accountTableCellOff
  {
    BACKGROUND: #053581;
    PADDING: 5px;
    TEXT-ALIGN: center;
    WIDTH: 16%;
    BORDER-LEFT: 1px solid white;
    height:37px;
  }


.accountTableCellOn a,
.accountTableCellOn a:link,
.accountTableCellOn a:visited
  {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
  }

.accountTableCellOn a:hover
  {
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-SIZE: 12px;

  }


.accountTableCellOff a,
.accountTableCellOff a:link,
.accountTableCellOff a:visited
  {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
  }

.accountTableCellOff a:hover
  {
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-SIZE: 12px;

  }



/******************************/
/**** FRONT PAGE STYLES *******/
/******************************/

.sideColumn
  {
    width:227px;
    padding:10px 0px 0px 2px;
  }

.sideColumn1
  {
    width:127px;
    padding:10px 2px 0px 2px;
  }


.frontH1
  {
/*    border:5px solid #ccc; */
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
  }

.frontH1 H1
  {
    border:none;
    font-size:16px;
    font-weight:normal;
    padding:5px 0px 0px 5px;
  }

.frontPageTop
  {
    BORDER: 0px solid black;
    PADDING: 10px 0px 0px 10px;
    WIDTH: 690px;
  }

.fulPageWidth
  {
    PADDING: 0px 0px 0px 10px;
    WIDTH: 710px;
  }

.frontPageTop
  {
    PADDING: 10px 0px 0px 11px;
    WIDTH: 712px;
  }

.frontPageTopTable
  {
    PADDING: 0px 0px 0px 0px;
    WIDTH: 700px;
  }

.frontPageTopTableCell
  {
    WIDTH: 100%;
    COLOR: white;
    BACKGROUND: #1A6BBA; 
    PADDING:10px 0px 0px 0px;
  }

.leftCell
  {
    BORDER-RIGHT:1px solid white;
    WIDTH:100%;
  }

.frontPageLoginHeader
  {
    HEIGHT:50px;
    WIDTH:227px;
    text-align:left;
    padding:5px 0px 0px 15px;
    BACKGROUND: #053581 url(/media/login_latest.jpg) no-repeat -10px -5px;
   
  }
.frontPageLoginKey
  {
    HEIGHT:50px;
    WIDTH:227px;
    BACKGROUND: #053581 url(/media/key.jpg) no-repeat -10px -5px;
   
  }


.frontPageLoginFooter
  {
    BACKGROUND: #053581 url(/media/existing-users-bottom.gif) no-repeat bottom left;
    height:47px;
    WIDTH:227px;
    text-align:left;
    padding:5px 0px 0px 15px;
  }

.DarkBlue
  {
    BACKGROUND: #053581;
    border-bottom:1px solid white;
    padding:10px 0px 3px 0px;
  }

.inputLabelCell
  {
    WIDTH: 100px;
    PADDING: 0px 0px 0px 10px;
  }

.frontPageInput
  {
    PADDING: 0px 10px 5px 0px; 
  }

.frontPageLinks
  {
    BORDER:0px solid black; 
    HEIGHT:20px;
  }

.frontPageLinks a:link,
.frontPageLinks a:visited
  {
    color:white;
    text-decoration:none;
  }

.frontPageLinks a:hover,
.frontPageLinks a:active
  {
    text-decoration:underline;
  }

.frontPageLinks img
  {
    margin:-2px 0px 0px 0px;
  }



.loginInput
  {
    BORDER: 1px solid black; 
    HEIGHT:16px;
    FONT-SIZE:9px;
  }

.loginButton
  {
    BORDER: 1px solid white; 
    PADDING: 2px 0px 6px 0px;
    HEIGHT: 22px;
    FONT-SIZE: 9px;
    background:#2D8ACD;
    color:white;
    FONT-SIZE:9px;
  }

.LightBlue
  {
    BACKGROUND: #2D8ACD;
    BORDER-TOP: 1px solid white;
    WIDTH:100%;
  }

@media print
{

  .previewTile
    {
      display:none;
    }

}

  
/******************************/
/****    MAP PREVIEW    *******/
/******************************/
.choose
 {
    width: 10px;
    height: 10px;
 }
 
 .toolFrame
 {
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    width: 22px;
 }
  
 #colorChooser
 {
/*    height: 120px;*/
    border: 0px;        
 }
 
 #previewTile
 {
    border: 0px;
 }
 
 #flying 
 {
    /*
    position: relative;
    top: -220px;
    left: 130px; */
    position: absolute; /* top and left computed by js */
    z-index: 2000;
    background-image: "http://localhost/Streetwise/images/processingbar.gif";
    background-repeat: no-repeat;
 }
 
 #editorBIG
 {
    margin-top: 12px;
 }

 SELECT
 {
    font-size: 11px;
    font-family: arial, sans-serif;
    color: #686868;
 }
 
 INPUT
 {
    font-size: 11px;
    font-family: arial, sans-serif;
    color: #686868; 
 }


/******************************/
/****  IMAGE ENLARGMENT *******/
/******************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50;
left: -100px; /*position where enlarged image should offset horizontally */

}

</STYLE>