/* searchRow IN TWICE! */


/*************************  Links *************************/

a img {
 border: none;
}

/**********************/

a:link {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #808080;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #808080;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #C0C0C0;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #C0C0C0;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Footer Links -------------------------*/

a.footer:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Contact Page Links -------------------------*/

a.contactPage:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contactPage:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contactPage:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contactPage:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- page Links -------------------------*/

a.page:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.page:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.page:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.page:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*************************  'more' links *************************/

a.more:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #429AC6;
 font-weight: bold;
 text-decoration: none;
}

a.more:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #429AC6;
 font-weight: bold;
 text-decoration: none;
}

a.more:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #429AC6;
 font-weight: bold;
 text-decoration: none;
}

a.more:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Website Links -------------------------*/

a.siteLink:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #0000FF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.siteLink:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #0000FF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.siteLink:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #00FF00;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.siteLink:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #0000FF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- RSS Links -------------------------*/

a.rss:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #C0C0C0;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.rss:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #C0C0C0;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.rss:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #FFFFFF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.rss:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #C0C0C0;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Top Links -------------------------*/

#navTop ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop li {
display: inline;
list-style: none;
float: left;
border: 0px solid #FF8040;
padding: 0px;
margin: 0px;

}

#navTop a {
display: block;
height: 32px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

#navTop .current a {
 background-position: 0 -32px;
 }

/*------ All Pages Buttons ------*/

a#home,
a#buy,
a#sell,
a#request,
a#contact,
a#help  {
  width: 100px;
  height: 32px;
  }


a#home { background-image: url(buttons/home.gif); }
a#buy { background-image: url(buttons/buy.gif); }
a#sell { background-image: url(buttons/sell.gif); }
a#request { background-image: url(buttons/request.gif); }
a#contact { background-image: url(buttons/contact.gif); }
a#help { background-image: url(buttons/help.gif); }

a#home:hover,
a#buy:hover,
a#sell:hover,
a#request:hover,
a#contact:hover,
a#help:hover {
background-position: 0 -32px;
}

/*
a#home { background-image: url(buttons/home_1.gif); }
a#buy { background-image: url(buttons/buy_1.gif); }
a#sell { background-image: url(buttons/sell_1.gif); }
a#request { background-image: url(buttons/request_1.gif); }
a#contact { background-image: url(buttons/contact_1.gif); }
a#help { background-image: url(buttons/help_1.gif); }
*/
/*-------------------- Side Links -------------------------*/

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
list-style: none;
float: left;
padding: 0;
margin: 1px;
position: relative;
}

#nav a {
display: block;
height: 25px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Side Buttons------*/

a#sign,
a#register,
a#requested,
a#countries,
a#email,
a#favourites {
width: 150px;
height: 25px;
}

a#sign { background-image: url(buttons/sign.gif); }
a#register { background-image: url(buttons/register.gif); }
a#requested { background-image: url(buttons/requested.gif); }
a#countries { background-image: url(buttons/countries.gif); }
a#email { background-image: url(buttons/email.gif); }
a#favourites { background-image: url(buttons/favourites.gif); }

a#sign:hover,
a#register:hover,
a#requested:hover,
a#countries:hover,
a#email:hover,
a#favourites:hover {
background-position: 0 -25px;
}

/**********************************************************/

html {
	height:100%
	}

body {
  height: 100%;
  margin:0px;
  padding:0px;
  background-color: #000000;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  font-size: 12px;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }


/*
input, select, option, textarea  {border: 0; background-color: #ccc;}

form{
	margin:0;
}
*/

/****************           *********************/

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

form {
  margin:0;
  padding:0;
  }


/***********************************************************/

#Wrapper {
  background-color: #FFFFFF;
  color: #000000;
  width: 1000px;
  margin: 0 auto 0 auto;
  border-top: 0px solid #80FF00;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  border-bottom: 0px solid red;
  padding: 0px;
  }

#Content {
  height: 100%;
  width: 1000px;
  clear:both;
  display: table;
  margin: 0 auto 0 auto;
  border: 0px solid blue;
  padding: 0px;
  text-align: justify;
  }

#pageHeader {
  background-color: #000000;
  color: #808080;
  width: 1000px;
  height: 145px;
  margin: 0px;
  border-bottom: 1px solid #000000;
  padding: 0px;
  }

#liner {
  margin: 0px;
  border: 0px solid #FF0080;
  padding: 0px;
  }

#testing {
  width: 100px;
  background-color: #9F40FF;
  height: 150px;
  margin: 0 auto 0 auto;
  padding: 0;
  }

#topMenu {
  width: 700px;
  height: 33px;
  background-color: #000000;
  display: table;
  clear: left;
  float: left;
  margin: 12px 0px 0px 0px;
  border-bottom: 0px solid #FF0000;
  padding: 0px;
  text-align: center;
  }

#leftMenu {
  width: 180px;
  height: 100%;
  float: left;
  display: inline;
  margin: 10px 0 0 3px;
  border: 0px solid #808080;
  padding: 0px 0 0 0px;
  text-align: center;
  }

#rightColumn {
  width: 200px;
  height: 100%;
  float: right;
  margin: 10px 5px 0 0;
  border: 1px solid #C0C0C0;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  }

#leftColumn {
  width: 180px;
  min-height: 200px;
  float: left;
  display: inline;
  margin: 10px 0 0 3px;
  border: 1px solid #C0C0C0;
  padding: 10px 0px 10px 0px;
  text-align: center;
  }

#rightColumnSearch {
  width: 202px;
  height: 100%;
  float: right;
  margin: 10px 5px 0 0;
  border: 0px solid #C0C0C0;
  padding: 10px;
  text-align: left;
  font-size: 12px;
  }

#leftColumnSearch {
  width: 182px;
  min-height: 200px;
  float: left;
  display: inline;
  margin: 10px 0 0 3px;
  border: 0px solid #C0C0C0;
  padding: 0px 0px 10px 0px;
  text-align: center;
  }

#mainPageHome {
  width: 530px;
  height: 100%;
  float: left;
  margin: 10px 0px 10px 5px;
  border: 1px solid #C0C0C0;
  padding: 20px 20px 20px 20px;
  text-align: left;
  }

#loginBox {
  background-image: url('images/login_bg.gif');
  background-repeat: no-repeat;
  width: 170px;
  height: 111px;
  color: #C0C0C0;
  background-color: transparent;
  text-align: left;
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px;
  text-align: center;
  background-position: left top;
  }

#loginBoxPlain {
  width: 170px;
  /*height: 111px;*/
display: table;
  color: #000000;
  background-color: transparent;
  text-align: left;
  margin: 0px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px 0px 5px 0px;
  text-align: center;
  }

#footer {
  width: 98%;
  clear:both;
  text-align: center;
  color: #808080;
  margin: 10px auto 0px auto;
  border-top: 1px solid #808080;
  border-bottom: 0px solid red;
  padding: 20px 0 20px 0;
  }


#newWindowContent {
  width: 100%;
  display: table;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px 0px 0px 0px;
  }

/************************** HEADER ************************************/

div.totalsBox {
  width: 98px;
  height: 32px;
  float: left;
  display: inline;
  color: #C0C0C0;
  background-color: transparent;
  margin: 0 auto 0 auto;
  border: 0px solid blue;
  padding: 0;
  }

div.test {
  width: 100px;
  height: 32px;
  float: left;
  background-color: #9F40FF;
  color: #C0C0C0;
  margin: 0 auto 0 auto;
  border: 1px solid blue;
  padding: 0;
  }

div.test {
  width: 100px;
  height: 32px;
  float: left;
  background-color: #9F40FF;
  margin: 0 auto 0 auto;
  padding: 0;
  }

div.logo {
  width: 230px;
  height: 100px;
  float: left;
  margin: 0px;
  border: 0px solid #808080;
  padding: 0px;
  }

div.banner {
  width: 468px;
  height: 60px;
  float: left;
  margin: 25px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  }

/*
div.searchBox {
  width: 302px;
  height: 120px;
  float: right;
  margin: 5px 5px 5px 5px;
  border: 1px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.searchRow {
  width: 300px;
  display: table;
  float: left;
  clear: both;
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  }

div.searchRow span.ddLabel {
  width: 90px;
  float: left;
  border: 0px solid #800000;
  margin: 0px;
  padding: 0px;
  text-align: right;
  }

div.searchRow span.ddInfo {
  background-image: url('images/dd_bg.gif');
  background-repeat: no-repeat;
  width: 140px;
  height: 22px;
  float: right;
  border: 0px solid #0000FF;
  margin: 1px 0px 0px 0px;
  padding: 1px 12px 0px 0px;
  text-align: right;
  background-position: right top;
  }

div.searchRow span.ddText {
  background-image: url('images/dd_bg.gif');
  background-repeat: no-repeat;
  width: 139px;
  height: 21px;
  float: right;
  border: 0px solid #0000FF;
  margin: 1px 0px 0px 0px;
  padding: 1px 12px 0px 0px;
  text-align: right;
  background-position: left top;
  }

.ddColours {
  background-color: #C0C0C0;
  color: #000000;
  border: 0px solid #FFFFFF;
  font-size: 12px;
  }

.ddText {
  background-color: #C0C0C0;
  color: #000000;
  border: 1px solid #FFFFFF;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  }

.inputColours {
  background-color: #FFFFFF;
  color: #000000;
  border: 0px solid #000000;
  font-size: 12px;
  }


div.topLogo {
  width: 240px;
  height: 100px;
  float: right;
  margin: 0px;
  border: 0px solid #808080;
  padding: 0;
  }
*/
/*************** Header NEW ******************/

div.locationBox {
  background-image: url('images/select_bg.gif');
  background-repeat: no-repeat;
  width: 287px;
  height: 140px;
  display: inline;
  float: right;
  text-align: left;
  margin: 2px 3px 0 0;
  border: 0px solid #FF8040;
  padding: 0;
  text-align: center;
  background-position: left top;
  }

div.locationRow {
  width: 285px;
  clear: both;
  display: table;
  margin: 5px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.locationRow span.label {
  width: 85px;
  height: 18px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  }

div.locationRow span.info {
  width: 190px;
  height: 18px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  text-align: left;
  }

.ddStyle {
  width: 180px;
  height: 17px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 2px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

.ddText {
  width: 177px;
  height: 17px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/*************** Page ******************/

div.mainPanel {
  width: 510px;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 32px 10px 10px 10px;
  background-position: left top;
  }

/*
div.popupMainPanel {
  width: 510px;
  min-height: 100%;
  display: table;
  margin: 20px auto 20px auto;
  border: 1px solid #808080;
  padding: 32px 10px 10px 10px;
  background-position: left top;
  }
*/

.contact {
  background-image: url('images/contact_header.gif');
  background-repeat: no-repeat;
  }

.buy {
  background-image: url('images/buy_header.gif');
  background-repeat: no-repeat;
  }

.sell {
  background-image: url('images/sell_header.gif');
  background-repeat: no-repeat;
  }

.request {
  background-image: url('images/request_header.gif');
  background-repeat: no-repeat;
  }

.help {
  background-image: url('images/help_header.gif');
  background-repeat: no-repeat;
  }

.search {
  background-image: url('images/search_header.gif');
  background-repeat: no-repeat;
  }

.searchBooks {
  background-image: url('images/search_books_header.gif');
  background-repeat: no-repeat;
  }

.register {
  background-image: url('images/register_header.gif');
  background-repeat: no-repeat;
  }

.logout {
  background-image: url('images/logout_header.gif');
  background-repeat: no-repeat;
  }

.login {
  background-image: url('images/login_header.gif');
  background-repeat: no-repeat;
  }

.terms {
  background-image: url('images/terms_header.gif');
  background-repeat: no-repeat;
  }

/*
.bookDetails {
  background-image: url('images/book_detail_header.gif');
  background-repeat: no-repeat;
  }
*/

.messaging {
  background-image: url('images/messaging_header.gif');
  background-repeat: no-repeat;
  }

div.pageRow {
  width: 485px;
  display: table;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  font-size: 11px;
  text-align: left;
  }

div.pageRow span.label {
  width: 190px;
  height: 20px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  font-weight: bold;
  text-align: right;
  }

div.pageRow span.info {
  width: 280px;
  height: 20px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

/*************** Left Column ******************/

/*
div.leftAds {
  width: 145px;
  margin: 10px auto 0px auto;
  border: 0px solid #C0C0C0;
  padding: 2px;
  }
*/

div.leftAds {
  width: 150px;
  margin: 10px auto 0px auto;
  border: 0px solid #C0C0C0;
  padding: 2px;
  }

div.leftLocLinks {
  clear: left;
  float: left;
  width: 150px;
  display: inline;
  overflow: hidden;
  margin: 5px 0px 0px 13px;
  border: 0px solid #808080;
  padding: 0px;
  cursor: pointer;
  }

/*************** Right Column ******************/

div.rightAds {
  width: 180px;
  margin: 10px auto 0px auto;
  border: 0px solid #808080;
  padding: 2px;
  }

div.rightLocLinks {
  clear: both;
  width: 150px;
  display: table;
  overflow: hidden;
  margin: 5px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px;
  cursor: pointer;
  }

/***************** Contact *******************/

div.contactBox {
clear: left;
width: 400px;
display: table;
margin: 50px auto 60px auto;
border: 2px solid #808080;
padding: 10px;
color: #000000;
font-size: 14px;
text-align: center;
}

div.contactRow {
  clear:both;
  width: 390px;
  padding: 5px;
  border: 0px solid red;
  margin: 0px auto 0px auto;
  }

div.contactRow span.leftBox {
  float: left;
  width: 130px;
  text-align: right;
  border: 0px solid #008000;
  }

div.contactRow span.rightBox {
  float: right;
  width: 250px;
  text-align: left;
  font-weight: bold;
  border: 0px solid #008000;
  }

div.modalBox {
clear: left;
width: 400px;
display: table;
margin: 10px auto 10px auto;
border: 2px solid #808080;
padding: 0px;
color: #000000;
font-size: 14px;
text-align: center;
}

/*************** Help ******************/

div.helpLiner {
  width: 100%;
  float: left;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.helpMenu {
  width: 250px;
  float: left;
  display: inline;
  margin: 5px 0px 0px 0px;
  border: 1px solid #C0C0C0;
  padding: 0px;
  text-align: left;
  }

div.helpPanel {
  width: 225px;
  background-color: #EBEBEB;
  margin: 5px auto 5px auto;
  border: 1px solid #C0C0C0;
  padding: 5px;
  text-align: left;
  }

div.helpInfo {
  width: 230px;
  float: left;
  display: inline;
  margin: 5px 0px 0px 5px;
  border: 1px solid #C0C0C0;
  padding: 10px 10px 10px 10px;
  text-align: left;
  }

div.helpRow {
  height: 18px;
  margin: 0px;
  border: 0px solid #FFFFFF;
  padding: 0px;
  text-align: left;
  background-position: right top;
  }

.marker {
  background-image: url('help/images/active.gif');
  background-repeat: no-repeat;
  }

/*************** Login ******************/

div.loginRow {
  width: 160px;
  clear: both;
display: table;
  margin: 5px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
text-align: center;
  }

div.loginRow {
  width: 160px;
  clear: both;
  display: table;
  margin: 5px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.logButtonRow {
  width: 160px;
  clear: both;
display: table;
  margin: 2px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.regButtonRow {
  width: 160px;
  clear: both;
display: table;
  margin: 0px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.locButtonRow {
  width: 160px;
  clear: both;
  display: table;
  margin: 8px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.loginRow span.label {
  width: 60px;
  height: 20px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  }

div.loginRow span.info {
  width: 90px;
  height: 20px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  text-align: left;
  }

.loginInput {
  width: 80px;
  height: 17px;
  display: block;
  background-color: #FFFFFF;
  color: #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }


div.retryBox {
  width: 300px;
  height: 150px;
  clear: both;
  display: table;
  margin: 60px auto 30px auto;
  border: 1px solid #C0C0C0;
  padding: 30px 0px 0px 0px;
  text-align: center;
  }

div.retryRow {
  width: 280px;
  clear: both;
  display: table;
  margin: 8px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.retryRow span.label {
  width: 90px;
  height: 20px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 1px solid #0000A0;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  }

div.retryRow span.info {
  width: 120px;
  height: 20px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 1px solid #0000A0;
  padding: 0px;
  text-align: left;
  }

.retryInput {
  width: 80px;
  height: 17px;
  display: block;
  color: #C0C0C0;
  background-color: transparent;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/*************** Register ******************/

div.viewRow {
  /*height: 25px;*/
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.viewRow span.label {
  height: 21px;
  width: 180px;
  float: left;
  margin: 0px;
  border: 0px solid blue;
  padding: 4px 0px 0px 0px;
  text-align: right;
  }

div.viewRow span.info {
  min-height: 23px;
  width: 250px;
  float: right;
  margin: 0px;
  border: 0px solid red;
  padding: 2px 0px 0px 0px;
  text-align: left;
  }

.regView {
  width: 180px;
float: left;
  display: table;
  background-color: #F8F8F8;
  color: #000000;
  border-top: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/*---------------------------------------*/

div.profileRow {
  width: 485px;
  display: table;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  /*font-size: 11px;*/
  text-align: left;
  }

div.profileRow span.graphic {
  width: 150px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: center;
  }

div.profileRow span.info {
  width: 300px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

/*************** Items ******************/

div.itemPanel {
  background-image: url('images/item_header.gif');
  background-repeat: no-repeat;
  width: 510px;
  height: 100%;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px 10px 10px 10px;
  background-position: left top;
  }

div.panelInfo {
  height: 32px;
  width: 490px;
  display: inline;
  float: right;
  color: #FFFFFF;
  background-color: transparent;
  margin: 0px 10px 0px 0px;
  border: 0px solid #FF8040;
  padding: 3px 0px 0px 0px;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
  }

div.Items {
  width: 400px;
  height: 20px;
  display: inline;
  float: left;
  margin: 0px 10px 0px 0px;
  border: 0px solid #FF8040;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  }

div.noItems {
  width: 400px;
  height: 20px;
  display: inline;
  float: left;
  color: #FF8000;
  margin: 0px 10px 0px 0px;
  border: 0px solid #FF8040;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  }

div.itemRow {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  }

div.itemBox {
  width: 490px;
  height: 40px;
  clear: both;
  display: table;
  margin: 0px auto 10px auto;
  border: 1px solid #C0C0C0;
  padding: 5px;
  }

div.itemPic {
  width: 40px;
  height: 40px;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.itemInfo {
  height: 40px;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0px 0px 0px 8px;
  border: 0px solid green;
  padding: 0px;
  }

.cheshireInfo {
  width: 280px;
  border: 0px solid green;
  }

.itemDesc {
  width: 200px;
  border: 0px solid green;
  }

.itemPrice {
  width: 70px;
  border: 0px solid yellow;
  text-align: right;
  }

.itemLoc {
  width: 140px;
  border: 1px solid red;
  text-align: right;
  }


div.itemText span.textTop {
  width: 100%;
  clear: left;
  float: left;
  margin: 0px 0px 10px 0px;
  border: 0px solid #808080;
  padding: 2px;
  }

div.itemButton {
width: 100px;
  height: 20px;
  clear: right;
  float: right;
  margin: 0px 0px 0px 8px;
  border: 0px solid red;
  padding: 0px;
  }

div.pageNumberRow {
  width: 500px;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.pageNumber {
  width: 40px;
  float: left;
  display: inline;
  margin: 0px 4px 0px 4px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

/***************** Item Details ****************/

div.detailPanel {
  background-image: url('images/detail_header.gif');
  background-repeat: no-repeat;
  width: 510px;
  height: 100%;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 32px 10px 10px 10px;
  background-position: left top;
  }

div.bookDetailPanel {
  background-image: url('images/book_detail_header.gif');
  background-repeat: no-repeat;
  width: 510px;
  height: 100%;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 32px 10px 10px 10px;
  background-position: left top;
  }

div.detailBox {
  width: 490px;
  /*height: 200px;*/
  display: table;
  margin: 0px auto 10px auto;
  border: 1px solid #C0C0C0;
  padding: 5px;
  }

div.detailPic {
  width: 202px;
  height: 202px;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  }

div.detailInfo {
  width: 260px;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 5px;
  }

div.detailInfoRow {
  width: 260px;
  /*height: 20px;*/
  display: table;
  clear: both;
  float: left;
  margin: 5px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  font-size: 11px;
  text-align: left;
  }

div.detailInfoRow span.title {
  height: 30px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  font-size: 14px;
  }

div.detailInfoRow span.label {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  font-weight: bold;
  text-align: right;
  }

div.detailInfoRow span.info {
  width: 150px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  }

/************** Book Details *******************/

div.bookDetailRow {
  width: 480px;
  /*height: 20px;*/
  display: table;
  clear: both;
  /*float: left;*/
  margin: 5px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: left;
  font-size: 14px;
  }

div.bookDetailRow span.label {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  }

div.bookDetailRow span.info {
  width: 350px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  }

/************** Search Page *******************/

div.searchPanel {
  background-image: url('images/search_header.gif');
  background-repeat: no-repeat;
  width: 510px;
  height: 100%;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px 10px 10px 10px;
  background-position: left top;
  }

div.searchRow {
  width: 480px;
  display: table;
  clear: both;
  border: 0px solid blue;
  margin: 0px auto 0px auto;
  padding: 5px 0px 0px 0px;
  }

div.searchRow span.leftInfo {
  width: 32%;
  display: inline;
float: left;
  border: 0px solid red;
  margin: 0px;
  padding: 1px;
  }

div.searchRow span.centreInfo {
  width: 32%;
  display: inline;
float: left;
  border: 0px solid red;
  margin: 0px auto 0px auto;
  padding: 1px;
  }

div.searchRow span.rightInfo {
  width: 32%;
  display: inline;
float: left;
  border: 0px solid red;
  margin: 0px;
  padding: 1px;
  }

div.panelLine {
  width: 400px;
  height: 20px;
  margin: 0px auto 0px auto;
  border: 0px solid #FF8040;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-weight: bold;
  }

.redPage {
  color: #FF0000;
  font-weight: bold;
  }

/************** Search Books Page *******************/

div.cheshRow {
  height: 30px;
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.cheshInfo {
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0px 0px 0px 5px;
  }

.cheshLabel {
  width: 65px;
  border: 0px solid red;
  text-align: right;
padding-top: 4px;
  }

.cheshDDLabel {
  width: 30px;
  border: 0px solid red;
padding-top: 3px;
  text-align: right;
  }


.cheshForm {
  width: 180px;
  border: 0px solid green;
  }

.cheshChoose {
  width: 130px;
  border: 0px solid green;
  }

/*
.cheshDD {
  width: 70px;
  border: 1px solid yellow;
  text-align: right;
  }
*/

.cheshDD {
  width: 130px;
  height: 20px;
  display: block;
  color: #000000;
  background-color: transparent;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 2px 0px 0px 2px;
  font-size: 11px;
  font-weight: normal;
  }

.cheshInput {
  width: 176px;
  height: 16px;
  display: block;
  color: #000000;
  background-color: transparent;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/************** Add/Edit/Delete Items *******************/

div.formBox {
  width: 460px;
  display: table;
  background-color: #E6E6E6;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 10px 0px 0px 0px;
  text-align: left;
  }

div.formRow {
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.formRow span.label {
  height: 21px;
  width: 180px;
  float: left;
  margin: 0px;
  border: 0px solid blue;
  padding: 4px 0px 0px 0px;
  text-align: right;
  }

div.formRow span.info {
  height: 23px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 2px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.viewInfo {
  height: 23px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.infoText {
  height: 25px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.infoBox {
  height: 200px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid green;
  padding: 2px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.graphicBox {
  height: 202px;
  width: 202px;
  display: inline;
  float: right;
  margin: 0px 40px 0px 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

.formDD {
  width: 180px;
  /*height: 20px;*/
  display: block;
  color: #000000;
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

.formInput {
  width: 180px;
  height: 16px;
  display: block;
  color: #000000;
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }


.formInputBox {
  width: 180px;
  height: 180px;
  display: block;
  /*color: #000000;*/
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }

#catBox {
  width: 440px;
  height: 60px;
  display: block;
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px;
  }


div.newWindowCenter {
  display: table;
  width: 420px;
  height: 320px;
  background-color: #E6E6E6;
  margin: 30px auto 0px auto;
  border: 1px solid #000000;
  padding: 10px 15px 10px 15px;
  text-align: center;
  }


.loading {
background-color: #E6E6E6;
color: #000000;
border: 0px;
}

/************************** Buttons ******************************/

div.buttonRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 10px auto 10px auto;
  border-top: 1px solid #808080;
  padding: 10px 0px 0px 0px;
  text-align: center;
  }

div.buttonRow span.leftButton {
  width: 48%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.rightButton {
  width: 48%;
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

/****************** RSS *******************************/

#rssBox {
  width: 150px;
  background-color: #000000;
  color: #C0C0C0;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px;
  }

#rssOutput {
  width: 140px;
  margin: 2px auto 2px auto;
  border: 0px solid blue;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  }

div.rssSelect {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  text-align: center;
  }

div.rssRow {
  clear: both;
  margin: 0px;
  border: 0px solid yellow;
  padding: 0px;
  }

div.rssDesc {
  clear: both;
  margin: 3px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  font-size: 11px;
  }

.rssDD {
  width: 140px;
  height: 17px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 11px;
  font-weight: normal;
  }

/********************************************************/

.outline {
  border: 1px solid #C0C0C0;
  }

div.row {
  clear: both;
  margin: 0px;
  border: 0px solid #0000FF;
  padding: 0px;
  }

div.horLine {
clear: both;
margin: 5px 0 5px 0;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
}

div.horLine70 {
width: 70%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLineGrey {
clear: both;
margin: 5px 0 5px 0;
border-top: 1px solid #C0C0C0;
border-right: 0;
border-bottom: 0px solid #C0C0C0;
border-left: 0;
padding: 0;
}

div.horLine90 {
width: 90%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #808080;
border-bottom: 0px solid #808080;
padding: 0px 0px 0px 0px;
font-size: 1px;
}

div.testLine {
border:0px;
border-top:1px dotted #000000;
height:0px;
padding: 0px;
}

div.horRule {
height: 1px;
border-top: 1px solid green;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 10px;
margin-right: 10px;
}

/********************************************/

.makeGrey {
  color: #808080;
  }

.formAlert
{
color: #FF0000;
font-weight: bold;
}

.floatRight {
  float: right;
  display: inline;
  margin: 0;
  padding: 0px 0px 10px 10px;
  }

.text10 {
  font-size: 10px;
  }

.text11 {
  font-size: 11px;
  }

.text12 {
  font-size: 12px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.text20 {
  font-size: 20px;
  }

.text24 {
  font-size: 24px;
  }

.makeBold {
  font-weight: bold;
  }

.alignCentre {
  text-align: center;
  }

.alignLeft {
  text-align: left;
  }

.alignRight {
  text-align: right;
  }

.spaceRow {
  height: 30px;
  }

.space20 {
  height: 20px;
  }

div.spacer5 {
  height: 5px;
  font-size: 1px;
  }

/*---------------------- View Ads ------------------------*/

div.adRow {
width: 100%;
  float: left;
  clear: both;
  margin: 0px;
  border-bottom: 1px solid green;
  padding: 5px 0px 5px 0px;
  }

div.adBox {
  width: 470px;
  float: left;
  /*display: inline;*/
  margin: 0px;
  border: 0px solid red;
  padding: 2px 0px 0px 2px;
  }

div.nameBox {
  width: 120px;
  float: left;
  /*display: inline;*/
  overflow: hidden;
  margin: 0px;
  border: 0px solid blue;
  padding: 2px 0px 0px 5px;
  text-align: left;
  }

/*====================== Modal ==============================*/

#modalDetailsPanel {
  width: 520px;
  height: 375px;
  display: table;
/*background-color: red;*/
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.modalButtonRow {
  width: 500px;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.modalCloseButton {
  width: 500px;
/*height: 5px;*/
float: right;
/*background-color: red;*/
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 0px;
text-align: right;
font-size: 1px;
  }

div.modalAdvertBox {
  width: 520px;
  height: 375px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
/*border: 1px solid #00FF00;*/
  padding: 0px;
  z-index: 2;
  }

div.linerRow {
  /*position: relative;*/
  clear: both;
  margin: 0px;
  border: 0px solid pink;
  padding: 0px;
  }

div.popupText {
  width: 240px;
  height: 350px;
  clear: right;
  float: right;
  display: inline;
  overflow: hidden;
  margin: 5px 5px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  font-size: 12px;
  }

div.bottomLinkBox {
  width: 240px;
  clear: right;
  float: right;
  display: inline;
  overflow: hidden;
  margin: 2px 5px 0px 0px;
  border-top: 1px solid #000000;
  padding: 0px;
  font-size: 11px;
  }

div.bottomLinkRow {
  width: 500px;
  clear: both;
  margin: 2px auto 0px auto;
  border-top: 1px solid #000000;
  padding: 0px;
  font-size: 11px;
  }

/*
div.webAddressBox {
  clear: right;
  float: right;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
  border: 1px solid red;
  padding: 0px;
  font-size: 11px;
  }

div.menuLinkBox {
  clear: right;
  float: left;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
  border: 1px solid green;
  padding: 0px;
  font-size: 11px;
  }
*/

div.webAddressBox {
  float: right;
  overflow: hidden;
  margin: 0px 2px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  }

div.menuLinkBox {
  float: left;
  overflow: hidden;
  margin: 0px 0px 0px 2px;
  border: 0px solid white;
  padding: 0px;
  }

div.modalMenuPanel {
  width: 520px;
  height: 350px;
  clear: both;
  overflow: auto;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  }

div.modalAdvertPic {
  width: 510px;
  height: 367px;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.adRow {
  width: 500px;
  clear: both;
  display: table;
  margin: 5px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px;
  }

div.adDetails {
  width: 490px;
  height: 120px;
  float: left;
  overflow: hidden;
  margin: 5px;
  border: 0px solid pink;
  padding: 0px;
  }

div.detailsRow {
  width: 475px;
  clear: left;
  float: left;
  display: table;
  margin: 3px 0px 0px 3px;
  border: 0px solid green;
  padding: 0px 0px 3px 0px;
  }

div.adBox {
  position: relative;
  width: 150px;
  height: 45px;
  display: inline;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  margin: 10px 0px 0px 20px;
  border: 1px solid #808080;
  padding: 0px;
  font-size: 11px;
  text-align: center;
  }

div.starBoxGold {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-image: url('images/link_star_gold.gif');
  background-repeat: no-repeat;
  background-position: left top;
  border: 0px solid red;
  font-size: 1px;
  z-index: 3;
  }


.doLink {
  cursor: pointer;
  }

.doHelp {
  cursor: help;
  }


.popupPic {
  width: 240px;
  height: 180px;
  clear: left;
  float: left;
  display: table;
  margin: 5px 0px 0px 5px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

.modDetailsPic {
  width: 240px;
  height: 180px;
  clear: left;
  float: left;
  display: table;
  margin: 5px 0px 0px 5px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

div.titleMovie {
  width: 540px;
  height: 90px;
  display: inline;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  z-index: 0;
  }

div.specialMainPage {
  width: 580px;
  float: left;
  margin: 10px 0px 0px 3px;
  border: 3px solid #808080;
  padding: 20px 0px 30px 0px;
  }

div.wallAdBox {
  width: 176px;
  height: 186px;
  float: left;
  display: inline;
  margin: 10px 8px 0px 9px;
  border: 0px solid white;
  padding: 0px;
  text-align: center;
  }

/*-------------------------------------------------*/

div.wallName {
  /*width: 176px;*/
  display: table;  
  overflow: hidden;
  white-space: nowrap;
  /*background-color: #FFFFFF;*/
  margin: 0px auto 0px auto;
  border: 0px solid white;
  padding: 0px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  }

/*=============== Proof GB ====================*/

div.modalPgbPanel {
  position: relative;
  width: 520px;
  height: 370px;
  clear: both;
  overflow: auto;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  }

div.modalPgbButton {
  position: absolute;
  bottom: 12px;
  right: 263px;
  width: 66px;
  height: 66px;
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  z-index: 3;
  }

/*=============== Colour DD Styles ====================*/

.bg_white {
  background-color: #FFFFFF;
  }

.bg_black {
  background-color: #000000;
  }

.bg_silver {
  background-color: #808080;
  }

/*-----------------------*/

.bg_cream {
  background-color: #FFFFCC;
  }

.bg_yellow {
  background-color: #FFFF00;
  }

.bg_mustard {
  background-color: #CCCC33;
  }

.bg_pink {
  background-color: #FFCCCC;
  }

.bg_red {
  background-color: #FF0000;
  }

.bg_ruby {
  background-color: #993333;
  }

.bg_mint {
  background-color: #CCFFCC;
  }

.bg_green {
  background-color: #336633;
  }

.bg_blue {
  background-color: #99CCFF;
  }

.bg_navy {
  background-color: #003399;
  }

.bg_khaki {
  background-color: #CCCC99;
  }

.bg_brown {
  background-color: #663300;
  }

.bg_peach {
  background-color: #FFCC99;
  }

.bg_orange {
  background-color: #FF9900;
  }

.bg_cerise {
  background-color: #FF03FF;
  }

.bg_purple {
  background-color: #86259F;
  }

/*=========================================*/

.text_white {
  color: #FFFFFF;
  }

.text_black {
  color: #000000;
  }

.text_silver {
  color: #808080;
  }

/*------------------------*/

.text_cream {
  color: #FFFFCC;
  }

.text_yellow {
  color: #FFFF00;
  }

.text_mustard {
  color: #CCCC33;
  }

.text_pink {
  color: #FFCCCC;
  }

.text_red {
  color: #FF0000;
  }

.text_ruby {
  color: #993333;
  }

.text_mint {
  color: #CCFFCC;
  }

.text_green {
  color: #336633;
  }

.text_blue {
  color: #99CCFF;
  }

.text_navy {
  color: #003399;
  }

.text_khaki {
  color: #CCCC99;
  }

.text_brown {
  color: #663300;
  }

.text_peach {
  color: #FFCC99;
  }

.text_orange {
  color: #FF9900;
  }

.text_cerise {
  color: #FF03FF;
  }

.text_purple {
  color: #86259F;
  }

//----------------------------------------------

.makeNormal {
  font-weight: normal;
  }

.hiddenPic {
  display:none;
  }