/* AW Nov 29 09:  This CSS Style Sheet is used to assign Class Styles to */
/* the Wedding Directory Pages */

/* BELOW ARE GENERAL CLASSES THAT AFFECT PAGE ELEMENTS */
h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: medium;
    color: #670134;
}

h2
{
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    color: #670134;
}

A:link
{
    font: 12px Verdana;
    text-decoration: underline;
    color: #2500D5;
}
	
A:visited
{
    font: 12px verdana;
    text-decoration: underline;
    color: #993366;
}

A:active 
{
	font: 12px verdana;
	text-decoration: underline;	
	color : #000000 ;	
}

A:hover
{
    font: bold 12px verdana;
    text-decoration: underline;
    color: #000000;
}

img	
{
	display: block;
}

A.banner:link {
	width: 196px;
	height: 72px;
	padding: 0px 0px 0px 0px;	
	display: block;
	float: left;
	border: solid 0px #000000;
}
	
A.banner:visited {	
	width: 196px;
	height: 72px;
	padding: 0px 0px 0px 0px;	
	display: block;
	float: left;
	border: solid 0px #000000;
}

A.halfbanner:link {
	width: 90px;
	height: 72px;
	padding: 0px 0px 0px 0px;	
	display: block;
	float: left;
	border: solid 0px #000000;
}
	
A.halfbanner:visited {	
	width: 90px;
	height: 72px;
	padding: 0px 0px 0px 0px;	
	display: block;
	float: left;
	border: solid 0px #000000;
}

/* BELOW ARE CLASSES APPLIED TO THE MASTER PAGE */
/* Below is a div that is applied to the master page, wraps around all content, moves the content */
/* to the centre of the screen, and puts a thin black border around all content, which */
/* expands to fit the content. For this to work, this div needs to be "relative" positioning */
/* Dec 14 09 IMPORTANT CHANGE: margin-left and margin-right:auto were added in order */
/* to force the centering of all elements within the div. But in order for this to work, all divs */
/* within this wrapper div have to be position: relative */
div.wrapper
{
    margin: 10px auto 10px auto;
    width: 955px;
    border: 1px solid #000000;
    position: relative;
    font-family:Verdana; 
}

div.halfbanner
{
	width: 90px;
	height: 72px;
	padding: 0px 0px 0px 0px;	
	display: block;
	float: left;
	border: solid 0px #000000;
}

body
{
    margin: 0px;
    padding: 0px;
    font: normal 12px Verdana;
    color: #FFFFFF;
    background-color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: 0px;
}

div.topbanner
{
    width: 955px;
    margin: 0px;
    padding: 0px;
    position:relative;
    top:0;
    left:0;
}

/*Below holds the main content of the site.*/
/*It floats left so that it does not push down the banners on the right */
div.contentholder
{
    width: 640px;
    top: 300px;
    left: 60px;
    float: left;
}

/* Below are classes that are applied to the supplier cateogry choice page */
div.suppliercatdiv
{
   font-family:Verdana; 
   color: #000000; 
   position: relative; 
}

.hrstyle
{
   width: 590px; 
   left: 27px;
   position: relative; 
}

/* BELOW ARE CLASSES THAT ARE APPLIED TO THE DIRECTORY PAGES */
/* Top of page elements */
div.buttontext
{
   font-family:Verdana ; 
   color: #000000; 
   float: left;
   font-size: x-small;
   top: 13px;
   left: 75px;
   position: relative;
   
}

div.toptextmiddle
{
    margin-left: 50px; 
    font-family: verdana; 
    font-size: 14px; 
    color: #000000; 
    width: 390px; 
    text-align: justify; 
    clear: both;
}

/* AW Dec 5 09: Important, found out that Compatibility mode in IE8 did not like */
/* using Margins to position style, must use top, left, etc. as absolute position of elements */
/* Also, note that position must be "relative" */
div.bannersright
{
    width: 196px;
    position: relative;
    float: left;
    top: 70px;
    left: 60px;
}

.findsupplierbutton
{
    font-family: verdana;
    font-size: 10px;
    font-weight:bold;
    height: 20px;
    width: 50px;
    vertical-align: top;
    text-align: center;
    bottom: 0px;
}

.changesupplierbutton
{
    font-family: verdana;
    font-size: 10px;
    height: 20px;
    width: 112px;
    margin-left: 15px;
}

.pcbox { 
    font-family: verdana;
    font-size: small;
    height: 13px;
    margin-top: 0px;
    width: 33px;
}

.notfound
{
    border-color: #FFFFFF;
    font-family: verdana;
    font-size: small;
    background-color: #FFFFFF;
    color: #FF0000;
}

/* Directory Listings Classes */
.suppliername
{
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    color: #000000;
    margin-top: 10px;
    margin-right: 9px;
}

.suppliertext
{
    font-family: Verdana;
    font-size: small;
    color: #000000;
    margin-top: -10px;
    margin-right: 9px;
    text-align: justify;
    word-spacing: -1px;
    width: 330px;
    line-height: 16px;
}

div.listingsholder
{
    width: 500px;
    margin-left: 50px;
    font-family: verdana;
    color: #000000;
}

.preferlabel
{
    font-weight: bold;
    font-size: large;
    color: #CC9900;
}

.supplierlogo
{ 
    margin: 12px; 
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
    height: 50px;
 }

/* Bottom of page and Footer Classes */
.bottombutton
{
    font-family: verdana;
    font-size: 10px;
    height: 20px;
    width: 112px;
    margin-left: 33px;
}

div.bottombuttontext
{
    font-family: verdana;
    font-size: small;
    font-weight: bold;
    clear: both;
    color: #000000;
    margin-left: 250px;
}

/* Dec 14 09: Change made to position: relative; to make black border of parent wrapper work correctly */
div.footercontainer
{
    width: 955px;
    height: 20px;
    font-family: verdana;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    background-color: #9999FF;
    position: relative;
    clear: both;
}

div.footercontainer p
{
    font: normal 10px verdana;
    line-height: 20px;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}

div.footercontainer a
{
    font: normal 10px verdana;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}

div.footercontainer a:hover
{
    color: #000000;
}

/* Dec 23 09 Below are div classes applied to Supplier Info page */
div.suppllierinfotext
{
color: #000000;
left: 50px;
top: 23px;
position:relative;
width:600px;
text-align: justify;
font-family: verdana;
font-size: small;
}

.supplierinfoparagraph
{
position: relative; 
left: 15px; 
line-height: 5px;
font-weight:bold;
}

/* Registration pages classes */
.sendbutton
{
position: relative;
left: 136px;
top: 15px;
}

.contactsendbutton
{
position: relative;
left: 115px;
top: 18px;
}

.lefttickbox
{
left:10px; 
position:relative; 
float:left; 
width:150px; 
padding-top: 5px;
clear:both;
}

.midtickbox
{
left:20px; 
position:relative; 
float:left; 
width:150px; 
padding-top: 5px;
}

.righttickbox
{
left:30px; 
position:relative; 
float:left; 
width:150px; 
padding-top: 5px;
}

.bottomhyperlinks
{
text-decoration: none; 
color: #000000;
}

.regbanners
{
width: 196px;
height: 72px;
padding: 0px 0px 0px 0px;	
display: block;
float: left;
border: solid 0px #000000;
}

.leftreginfo
{
position:relative;
float:left; 
width:240px;
clear:both;
}

.rightreginfo
{
left:35px;
position:relative; 
float:left; 
width:248px;
background-color: #CDCDFF;
}

.contactfields
{
Font-family:Verdana; 
Font-Size:Small;
Width:200px;
}

/* BELOW ARE ITEMS ADDED May 5 10 FOR REGISTRATION FORM */
div.formline
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    height:25px;
}

div.formtext {
	margin-top: 1px;
	float:left;
	width: 170px;
	height: 25px;
}

div.formbox	{
float: left;
}

div.errormessage
{
    float: left;
    width: 500px;
    font-family: verdana;
    font-size: 12px;
    clear: both;
    color: #FF0000;
    font-weight: bold;
}