body { background-color:#ffffff; margin:0}

#container{background:#ffffff; height:100%;}

#topborder{background-image: url(images/topbg.jpg); height:6.1em; 
border-top:.2em solid  #008bd7; border-bottom:.2em solid  #008bd7;}

#leftborder 
{float:left; width: 180px;  \width: 180px; w\idth: 180px; margin-left: .15em; margin-right: .15em; 
padding: .15em; background-color:#ffffff; font-family: Arial, sans-serif; font-size: 1em;}

#main {padding: .63em;  margin-left: 185px;  margin-right: .3em; font-family: Arial, sans-serif; font-size: .9em;}
#shopfrontmain {padding: .63em;  margin-left: .3em;  margin-right: .3em; font-family: Arial, sans-serif; font-size: .9em;}

#mainorderform {padding: .63em;  margin-left: .3em;  margin-right: .3em; font-family: Arial, sans-serif; font-size: 1em;}

#footer { clear:both; padding:.63em; border-top:.2em solid  #008bd7; 
font-family: Arial, sans-serif; font-size: .6em; color: #000; text-align: center;}


#international {text-align: center;border:.05em solid #6a00d5;}

#weddinginvitationadvert {text-align: center; background-color:#5a00af; color: #fff; font-size: .9em ;
font-weight:bold}
#partyinvitationadvert {text-align: center; background-color:#FE0000; color: #fff; font-size: .9em ;
font-weight:bold}
#bodadvert {text-align: center; background-color:#E0FFFF; color: #000; font-size: .9em ;
font-weight:bold; border:.2em solid  #008bd7}

.box {border:1px solid navy; padding: .15em; background-color: #ecd9ff;
font-family: Arial, sans-serif; font-size: 1em; color: #000080;}

img { border:0;}

.imageright {float: right;}

.imagerightmain {float: right; margin: .63em}

.imageleft {float: left;}

.imageborder {border:.6em solid #cc9900; padding:.25em; margin: .25em}

.hideme {display:none}
h1 { color: #008bd7; font-family: Arial, sans-serif; font-size:1.4em}
h2 { color: #5A00AF; font-family: Arial, sans-serif;font-size:.9em}
h3 { color: #008bd7; font-family: Arial, sans-serif;}
h4 { color: #5A00AF; font-family: Arial, sans-serif;font-size:.9em}
h5 { color: #5A00AF; font-family: Arial, sans-serif;}
.green { color: #009933; font-family: Arial, sans-serif;}

p { font-family: Arial, sans-serif; font-size: .9em; color: #000;line-height:1.4em;}


.blue { color: #000099; font-family:  Arial, sans-serif; font-size: .9em; float: right;}

.title { color: #008bd7; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700;}

.subtitle { color: #000099; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700;}

.subspan { color: #008bd7; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700;}

.indent { color: #000099; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700; margin-left : 50px;}

.smalltext { font-family: Arial, sans-serif; font-size: 1em;}	
.smallbold { font-family: Arial, sans-serif; font-size: .7em; font-weight:900;}	

.center {text-align: center; color: #5A00AF; font-family: Arial, sans-serif; font-size: .8em;}

.centerbold {text-align: center; color: #5A00AF; font-family: Arial, sans-serif; font-size: 1em;font-weight: 700;}
.centerblue {text-align: center; color: #000080; font-family: Arial, sans-serif; font-size: .9em;font-weight: 700;}

.centerpurple {text-align: center; color: #5A00AF; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700;}

.centerlined {  font-family: Arial, sans-serif; font-size: 1em; text-align: center;border:1px solid #97b4ff; padding: 2px;}

.subspan { color: #008bd7; font-family: Arial, sans-serif; font-size: 1em; font-weight: 700;}

.navy { color: #000080; font-family: Arial, sans-serif; font-size: 1em; float:right;}

.red { color: red; font-family:  Arial, sans-serif; font-size: 1.1em; font-weight: 700;}

.tablehead {background-color: #F5EAFF; color: #4D0095; padding:.15em;
font-family:  Arial, sans-serif; font-size: 1em;  font-weight: 700; text-align: center;border-bottom:.2em solid #6a00d5;}

.clear {clear:both;}

table { width: 96%; font-family: Arial, sans-serif; font-size: .9em; color: #000; }

td {padding:0; width: 30%; border:.05em solid #6a00d5; text-align: center; padding-bottom:.5em;}	
td.form {padding:0; text-align: left; }	
td.invites {width: 30%; border:none; text-align: center; padding-bottom:.5em;}
td.shopfront {width: 20%; border:none; text-align: center; padding-bottom:.5em;}

.invitestablehead {background-color: inherit; color: #4D0095; padding:.15em;
font-family:  Arial, sans-serif; font-size: 1em;  font-weight: 700; text-align: center;}


ul { list-style-type:none; margin:0;}
li {line-height:1.6em;}
li.invites  
{
background: url(images/bullet.jpg) no-repeat 0 0; 
padding-left:2em;
font-size:.9em;
line-height:1.4em;
color: #5A00AF; }

a {color: #000080; text-decoration:underline}
a:visited {color: #000080; text-decoration:underline}
a:hover   {color: #008bd7; text-decoration:none; }
a:focus   {color: #008bd7; text-decoration:none; }
a:active  {color: #008bd7; text-decoration:none}


a.bar, a.bar:link, a.bar:visited 
{display:block; width:160px; height:2em; background: #d2e3ff; border-left:.25em solid #008bd7;
 margin-top:.15em; text-decoration:none; padding: .15em;
font-family: arial, sans-serif; font-size:.8em; color:#000099; line-height:2.3em; overflow:hidden;}

a.bar:hover  {background-color: #008bd7; color:#ffffff; }
a.bar:focus  {background-color: #008bd7; color:#ffffff; }
a.bar:active {background-color: #008bd7; color:#ffffff; }


a.text:link    {color: #000080; text-decoration:underline; background-color: inherit;}
a.text:visited {color: #000080; text-decoration:underline; background-color: inherit;}
a.text:hover   {color: #008bd7; text-decoration:none; background-color: inherit; }
a.text:focus   {color: #008bd7; text-decoration:none; background-color: inherit; }
a.text:active  {color: #008bd7; text-decoration:none; background-color: inherit;}

a.bold:link    {color: #000080; text-decoration:none ;font-weight: 700; background-color: inherit;}
a.bold:visited {color: #000080; text-decoration:none ;font-weight: 700; background-color: inherit;}
a.bold:hover   {color: #008bd7; text-decoration:none;font-weight: 700; background-color: inherit; }
a.bold:focus   {color: #008bd7; text-decoration:none ;font-weight: 700; background-color: inherit; }
a.bold:active  {color: #008bd7; text-decoration:none ;font-weight: 700; background-color: inherit;}

/* FORM STYTLES - SEE ADRIAN  */
input:focus {background-color: #008bd7; color: #ffffff;  }
input:hover {background-color: #008bd7; color: #ffffff; }

textarea {font-family: verdana, helvetica, arial, sans-serif; font-size: 1.2em; width:98%; }
textarea.sample {font-family: verdana, helvetica, arial, sans-serif; font-size: 1.2em; width:60%; }
textarea:focus {background-color: #008bd7; color: #ffffff;  }
textarea:hover {background-color: #008bd7; color: #ffffff;  }

select:focus {background-color: #008bd7; color: #ffffff;  }
select:hover {background-color: #008bd7; color: #ffffff;  }

checkbox:focus {background-color: #008bd7; color: #ffffff;  }
checkbox:hover {background-color: #008bd7; color: #ffffff;  }

.button {color: #008bd7; color: #ffffff;}
.align label
{
display: block;
width: 12em;
float: left;
text-align: right;
margin: 0em 1em 0.626em 0;
clear: both;
background-color: inherit;
}
legend {color: #6a00d5; font-weight:bold; margin-left:.5em; }
fieldset {width:99%; border: 1px solid #c0c0c0; padding:0.5em 0 0.5em 0; margin-bottom: 1em;}
form p {margin-left:1em}
.offscreenleft {position: absolute; overflow: hidden; left:-1000em; top:0;}
.nofieldsetborder {border:none;}
.fieldsetspacer {padding:0.5em;}
div.float {float: left; padding: 0.5em; width:31%;}
div.float p{}
.rightcol { background: inherit; float: right; width: 60%; text-align: right; padding-right: 0.5em;}
.leftcol { background: inherit; float: left;   width: 30%; text-align: right;}
#wrapper { width: 100%; text-align: center;}
.submit {margin:0 3em 1em 0em; width:8em; height:4em; float:right; font-size: 1.2em; font-weight:bold; background: #6a00d5; color: #ffffff;}
/* END OF FORM STYTLES */