/*  Stylesheet created by Sarah Hayes  */

/*  Light Purple - #F2B9E2 */
/*  Dark Purple  - #AF5698 */


/* Here we remove the default padding from these elements. 
The reason we do this is because different browsers use their
default padding and margins, so by removing it and then adding
it back the padding and margin for these elements will be the same */

html, body, div, span, h1, h2, h3, h4, h5, h6, table, tbody, tfoot, thead, tr, th, td, form {
padding: 0px;
margin: 0px;
}
/* Padding and margins can be added back as needed */

/* Here we set up some basic styles */


body {
font: normal 12px/14px Arial, Helvetica, Trebuchet MS, Tahoma, sans-serif;
color:#333333;
}

div, td, p, span {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #333333;
}

/* this removed the border that appears around an image when you add a hyperlink to it. 
If you want a border then remove or comment this out */
a img,:link img,:visited img { 
border: none; 
}

.clear {
clear:both;
}

/* Lists styling */
ul li {
color: #000000;
list-style: square;
}

/* Horizontal rule styling */
hr {
border: 0;
color: #646464;
background-color: #646464;
height: 1px;
width: 100%;
}

table {
/*width: 100%; /*this make all tables 100% wide by default */ 
/* This was screwing up the Webconnect Cursor*/
text-align: Left; /*BulkTEST*/
}

td {
padding: 2px; /* this adds a 2px padding to all table cells */
}

/* STANDARD HYPERLINK STYLE ************************************************************************/

/* link style */

a:link {
/*color: #af5698; */
color: #0033FF;
text-decoration:underline;
}

/* visited link style */
a:visited {
color: #0033FF;
text-decoration:underline;
}

/* hover link style */
a:hover {
color: #0033FF;
}

a.topnavlinks:link, a.topnavlinks:visited {
background: url(images/button_image.gif) repeat;
color: #ffffff;
line-height: 40px;
height: 40px;
padding: 13px;
border-right: solid 1px #ffffff;
text-decoration: none;
}

a.topnavlinks:hover {
background-position: 0px -40px;
}

a.bottomnav:link, a.bottomnav:visited {
font-size: 10px;
color: #af5698;
text-decoration: none;
text-align: center;
}

a.bottomnav:hover {
text-decoration: underline;
color: #0033CC;
}


/* END OF STANDARD HYPERLINK STYLES */

/* OTHER STANDARD STYLES ******************************************************************************/

.inputbox {
padding: 5px;
border:solid 1px #333333;
background: #f8ebf4;
line-height: 14px;
font-size: 10px;
}

.checkbox {
border:solid 1px #333333;
background-color: #f8ebf4;
}

.button {
color: #ffffff;
text-align: center;
font-size: 11px;
font-weight: bold;
border: solid 1px #333333;
width: auto;
padding: 0px 5px 2px 5px;
line-height: 15px;
height: 22px;
background: #af5698;
}

.bold {
font-weight: bold;
}

.textcenter {
text-align: center;
}

.textright {
text-align: right;
}

/* END OF OTHER STANDARD STYLES */

/* PAGE STRUCTURE *********************************************************************************/

/* page container */
#pagecontainer {
/*width: 1000px; REMMED19/08/2007*/
margin-top: 10px;
/*background: url(images/page_bg.gif) bottom repeat-x; /* this is the background image you see each side of the content area */
/*margin: left; /* THIS CENTERS THE PAGE - CHANGED JP 19/08/2007 - made no difference*/
margin: auto; /* THIS CENTERS THE PAGE */
text-align: right; /*BulkTEST*/
}

#container {
margin-left: 25px; /* the margin of 25px keeps the container away from the edge of the pagecontainer so the background image shows around the edges */
margin-right: 25px;
background: #ffffff;
/*width: 950px; CHANGED JP 19/08/2007*/
width: 950px;
text-align: right; /*BulkTEST*/
}

#toparea {
padding: 10px; /* this puts 10px padding around this block  */
height: 125x; /* the height of the content area is 125px; */
}

#topleft {
float: left; /* this keeps this block to the left */
width: 465px; 
}

#topright {
float: right; /* this keeps this block to the rigth */
width: 465px;
text-align: right; /* this aligns text to the right  */ 
padding-top: 35px; /* adjust this figure to vary the distance of the element from the top of the div */
}



#topnav {
background: #af5698;
background: url(images/button_image.gif) repeat;
height: 40px;
padding: 0px;
margin: 0px;
text-align: Left; /*BulkTEST*/
}

#contentcontainer {
padding: 10px; /* this keeps the content away from the edges by 10px */
text-align: right; /*BulkTEST*/
}

#searcharea10 {
margin: auto;
width: 300px;
margin-top:10px;
margin-bottom: 10px;
text-align: Center; /*BulkTEST*/
}
#searcharea25 {
margin: auto;
width: 300px;
margin-top:25px;
margin-bottom: 25px;
text-align: Center; /*BulkTEST*/
}

#searchareastrip {
margin: 10px auto;
width: 600px;
text-align: Center; /*BulkTEST*/
}


#topbox {
background:url(images/topbox.gif) no-repeat;
height: 20px;
text-align: center;
}

#topbox600 {
background:url(images/topbox600.gif) no-repeat;
height: 20px;
text-align: center;
}
.topbox{
padding-top: 4px;
text-align: center;
color: #af5698;
font-weight: bold;
}

#middlebox {
background: #f2b9e2;
padding-top: 10px;
padding-left: 10px;
text-align: Center; /*BulkTEST*/
}

#bottombox {
background:url(images/bottombox.gif) no-repeat;
height: 20px;
}


#bottombox600 {
background:url(images/bottombox600.gif) no-repeat;
height: 20px;
}


#bottombar {
width: 950px; /*the width of the bottom bar is the size of the pagecontainer less the container margin of 25px each side */
background: #aeaeae;
color: #ffffff;
font-size: 10px;
height: 25px;
text-align: center;
padding-top: 10px;
}

#cursor {
margin: left; /* this aligns the cursor - hopefully */
font-size: 10px;
color: #333333;
text-align: center;
}


#copyright {
margin: auto; /* this centres the copyright and web design notice */
font-size: 10px;
color: #333333;
text-align: center;
}

/* END OF PAGE STRUCTURE **************************************************************************/

a.copyright:link, a.copyright:visited {
font-size: 10px;
color: #af5698;
text-decoration: none;
}

a.copyright:hover {
font-size: 10px;
color: #0033CC;
text-decoration: underline;
}