@charset "utf-8";
/* CSS Document */

body {
height: 100%;
width: 100%;
margin: 0;
padding: 20px 0px 20px 0px; /* 20 30 20 50 */
background-color: #265E77;
font-family: Arial, Helvetica, sans-serif;
color: #315a6d;
font-size: 10px;
}

img {
border: 0;
margin: 0;
padding: 0;
}

h1 {
margin: 0px 0px 0px 24px;
line-height: 23px;
vertical-align: middle;
text-align: left;
text-transform: uppercase;
color: #A5E8F2;
font-size: 1.4em;
letter-spacing: +0.1em;
font-weight: normal;
display: inline;
float: left;
}

/* h1#Logo Used in place of a DIV */
/* parent: div#page */
h1#Logo {
clear: both;
float: none;
display: block;
width: 966px;
height: 201px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #012129;
background: url(designimages/logo.jpg) top left no-repeat;
text-indent: -30000px;
}

#LeftPage h2 {
display: block;
width: 204px;
height: 34px;
margin: -58px 0px 10px -10px;
padding: 16px 0px 0px 12px;
font-size: 1.3em;
font-weight: bold;
position: relative;
z-index: 500;
background: url(designimages/h2.png);
letter-spacing: 0.1em;
}

h3 {
font-size: 1.4em;
letter-spacing: 0.1em;
color: #03364F;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

p {
font-size: 1.2em;
letter-spacing: 0.1em;
margin: 7px 0px 12px 0px;
}

h4 {
font-size: 1.3em;
letter-spacing: 0.1em;
margin: 7px 0px 12px 0px;
color: #0085b3;
font-weight: bold;
clear: both;
}

a:link, a:active, a:active, ul.normal li a:active, a:visited {
color: #00293F;
text-decoration: none;
}

a:hover, a:hover, ul.normal li a:hover, a:hover {
color: #c94871;
text-decoration: underline;
}


div#LeftPage a:link, div#LeftPage a:active,div#LeftPage a:visited, div#LeftPage a:hover, div#RightPage a:link, div#RightPage a:active, div#RightPage a:visited, div#RightPage a:hover {
font-weight: bold;
}

div.hr {
height: 4px;
background: url(designimages/book-hr.gif) center repeat-x;
border-style: none;
border: 0;
background-color: transparent;
width: 100%;
margin: 0px 0px 12px 0px;
}

/* div#Page sits in the centre of the x axis of the body and houses the header, content & footer */
/* parent: body; */
div#Page { 
clear: both;
float: none;
display: block;
width: 966px;
margin: 0 auto;
padding: 0;
}


/* div#Header This houses the logo/marquee, the top navigation bar and the coloured strip */
/* parent: div#Page */
div#Header { 
clear: both;
float: none;
display: block;
width: 966px;
height: auto;
margin: 0;
padding: 0;
}



/* div#Logo contains the allardice school publications marquee */
/* parent: div#page */
div#Logo {
clear: both;
float: none;
display: block;
width: 966px;
height: 201px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #012129;
background: url(designimages/logo.jpg) top left no-repeat;
text-indent: -30000px;
}

/**** NAVIGATION ITEMS ****/


@charset "utf-8";
/* CSS Document */

/* div#NavHolder contains the UL for the nav bar */
/* parent: div#Logo */
div#NavHolder {
clear: both;
float: none;
display: block;
width: 966px;
height: 26px;
overflow: visible;
margin: 0;
padding: 0;
background-color: #204652;
background: url(designimages/navholder.gif) top left repeat-x;
}

div#Nav {
clear: both;
float: none;
display: block;
width: 966px;
height: 26px;
overflow: visible;
margin: 0;
padding: 0;
background-color: #204652;
background: url(designimages/navholder.gif) top left repeat-x;
}


/* ul#GlobalNav contains the top navigation bar items*/
/* parent: div#NavHolder */
ul.MenuLev1 {
display: block;
width: 966px;
height: 26px;
overflow: visible;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
z-index: 500;
background: url(designimages/navholder.gif) top left repeat-x;
}

ul.MenuLev1 li.Lev1Norm, ul.MenuLev1 li.Lev1Active {
float: left;
display: block;
height: 26px;
margin: 0;
padding: 0;
list-style-type: none;;
}

ul.MenuLev1 li.Lev1Active {
overflow: visible;
}

ul.MenuLev1 li.Lev1Norm {
overflow: hidden;
}

/* ul#GlobalNav li a is the actual link inside the menu item. It contains text that is hidden using the indent - the background image must be defined in a separate id */
/* parent: ul.MenuLev1 li */
ul.MenuLev1 li a.Lev1 {
display: block;
height: 26px;
line-height: 26px;
overflow: hidden;
margin: 0;
padding: 0;
text-indent: -300px;
background-repeat: no-repeat;
background-position: top left;
}

ul.MenuLev1 li a.Lev1:hover, ul.MenuLev1 li.Lev1Active a.Lev1 {
background-position: 0px -26px;
}

/* Navigation items for the top navigation bar */
/* li#name > a is the normal state, li#name a:hover is the hover state, li#name span a is the active state (Span tags must be wrapped around the active item) */
ul.MenuLev1 li#home, ul.MenuLev1 li#home a.Lev1 {
width: 74px;
}

ul.MenuLev1 li#home a.Lev1 {
background-image: url(designimages/nav-home.gif);
}

ul.MenuLev1 li#publications, ul.MenuLev1 li#publications a.Lev1 {
width: 112px;
}

ul.MenuLev1 li#publications a.Lev1 {
background-image: url(designimages/nav-publications.gif);
}

li#services, li#services a.Lev1 {
width: 167px;
}

li#services a.Lev1 {
background-image: url(designimages/nav-services.gif);
}

ul.MenuLev1 li#helptips, ul.MenuLev1 li#helptips a.Lev1 {
width: 102px;
}

ul.MenuLev1 li#helptips a.Lev1 {
background-image: url(designimages/nav-helptips.gif);
}

ul.MenuLev1 li#requestquote, ul.MenuLev1 li#requestquote a.Lev1 {
width: 124px;
}

ul.MenuLev1 li#requestquote a.Lev1 {
background-image: url(designimages/nav-requestquote.gif);
}

ul.MenuLev1 li#ordercentre, ul.MenuLev1 li#ordercentre a.Lev1 {
width: 113px;
}

ul.MenuLev1 li#ordercentre a.Lev1 {
background-image: url(designimages/nav-ordercentre.gif);
}

ul.MenuLev1 li#aboutus, ul.MenuLev1 li#aboutus a.Lev1 {
width: 134px;
}

ul.MenuLev1 li#aboutus a.Lev1 {
background-image: url(designimages/nav-aboutallardice.gif);
}

ul.MenuLev1 li#contactus, ul.MenuLev1 li#contactus a.Lev1 {
width: 134px;
}

ul.MenuLev1 li#contactus a.Lev1 {
background-image: url(designimages/nav-contactus.gif);
}

div#SideNav {
clear: both;
float: left;
display: block;
width: 192px;
min-height: 500px;
margin: 0;
padding: 0;
background-color: transparent;
position: relative;
z-index: 10;
}

div#SideNav img{
margin-left: 5px;;
}

ul.MenuLev1 li ul.MenuLev2 {
position: absolute;
top: 59px;
left: 0px;
clear: both;
display: none;
width: 175px;
margin: 0px 5px 0px 7px;
padding: 0px;
list-style: none;
z-index: 500;
}

ul.MenuLev1 li.Lev1Active ul.MenuLev2 {
display: block;
}

ul.MenuLev2 li {
float: none;
display: block;
width: 175px;
/* height: 25px; */
margin: 0px 0px 2px 0px;
overflow: visible;
}

ul.MenuLev2 li a.Lev2, ul.MenuLev2 li a.Lev2:visited {
display: block;
width: 166px;
height: 22px;
line-height: 22px;
vertical-align: middle;
padding: 0px 0px 2px 9px;
border-top: 1px #1E4A5E solid;
color: #FFFFFF;
font-size: 1.2em;
letter-spacing: 0.1em;
text-decoration: none;
margin: 0;
background: url(designimages/sidenav-li.gif) top left no-repeat;
}

ul.MenuLev2 li a.Lev2:hover, ul.MenuLev2 li.Lev2Active a.Lev2 {
border-top: 1px #9e466a solid; /*#c94871*/
color: #e77e9d;
/* color: #FF7D81; */
text-decoration: none;
}

ul.MenuLev2 li ul.Separate {
display: block;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 0px;
list-style-type: none;
background: url(designimages/sidenav-sep.gif) top left no-repeat;
}

ul.MenuLev2 li#Separate {
display: block;
padding: 25px 0px 0px 0px;
background: url(designimages/sidenav-sep.gif) top left no-repeat;
}


ul.MenuLev2 li.Lev2Active {
/* height: 109px; */
}

ul.MenuLev2 li ul.MenuLev3 {
display: none;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 4px 0px;
list-style: none;
}

ul.MenuLev2 li.Lev2Active ul.MenuLev3 {
display: block;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 4px 0px;
list-style: none;
}

ul.MenuLev2 li ul.MenuLev3 li {
float: none;
display: block;
width: 175px;
height: 18px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}

ul.MenuLev2 li ul.MenuLev3 li a, ul.MenuLev2 li ul.MenuLev3 li a:link, ul.MenuLev2 li ul.MenuLev3 li a:visited {
display: block;
width: 160px;
height: 18px;
line-height: 18px;
padding: 0px 0px 0px 15px;
border-top: none;
border: 0px;
color: #FFFFFF;
font-size: 1.0em;
letter-spacing: 0.1em;
text-decoration: none;
margin: 0;
background: url(designimages/sidenav-nestnav-li.gif) top left no-repeat;
}

ul.MenuLev2 li ul.MenuLev3 li a:hover, ul.MenuLev2 li ul.MenuLev3 li.Lev3Active a {
border-top: none;
color: #e77e9d;
text-decoration: none;
background: url(designimages/sidenav-nestnav-li.gif) -18px left no-repeat;
}

div#Torso {
clear: both;
float: none;
display: block;
width: 966px;
margin: 0;
padding: 0;
background: url(designimages/torso.gif) top left repeat-y;
z-index: 10;
}


div#Side {
clear: both;
float: left;
display: block;
width: 192px;
min-height: 500px;
margin: 0;
padding: 0;
background-color: transparent;
position: relative;
z-index: 10;
}


/*** END NAVIGATION ***/

/* div#ColourStrip is the multi-coloured strip below the Navigation bar */
/* parent: div#Header */
div#ColourStrip {
clear: both;
float: none;
display: block;
width: 966px;
height: 33px;
margin: 0;
padding: 0;
background: url(designimages/colourstrip.gif) top left no-repeat;
}


/* div#Torso contains a series of div's that house the sectional navigation and the main content of the page */
/* parent: div#Page */



/* div#ContentHolder houses the section title strip, and the binder book */
/* parent: div#Torso */
div#ContentHolder {
float: left;
display: block;
width: 744px;
margin: 0;
padding: 0;
}

/* div#SectionTitle - The strip holding the section title and the extra navigation options for each publication */
/* parent: div#ContentHolder */
div#SectionTitle {
clear: both;
float: none;
display: block;
width: 744px;
height: 23px;
margin: 0px;
padding: 0px;
background-color: #2F6481;
border-top: 1px #76C985 solid;
border-bottom: 1px #76C985 solid;
}

div#SecTitle {
clear: both;
float: none;
display: block;
width: 744px;
height: 23px;
margin: 0px;
padding: 0px;
background-color: #2F6481;
border-top: 1px #76C985 solid;
border-bottom: 1px #76C985 solid;
}


/* This is the publications menu in the section title bar 
div#SectionTitle ul{
display: block;
float: right;
margin: 0px 10px 0px 0px;
height: 23px;
padding: 0;
list-style: none;
width: auto;
}


div#SectionTitle ul li {
display: block;
float: left;
height: 23px;
margin: 0px 10px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #fcf8eb;
}

div#SectionTitle ul li a{
display: inline-block;
height: 23px;
line-height: 23px;
vertical-align: middle;
padding: 0px 27px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #fcf8eb;
font-size: 1.2em;
letter-spacing: 0.1em;
background: url(designimages/div-sectiontitle-li.gif) top right no-repeat;
width: auto;
}
*/

ul.Breadcrumb {
display: block;
float: left;
margin: 0px 10px 0px 0px;
height: 23px;
padding: 0;
list-style: none;
padding: 0px 0px 0px 20px;
}

ul.Breadcrumb li {
display: block;
float: left;
height: 23px;
line-height: 23px;
vertical-align: middle;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #fcf8eb;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}

ul.Breadcrumb li h2 {
margin: 0px;
/* font-weight: bold; */
height: 22px;
line-height: 22px;
vertical-align: middle;
padding: 0px 0px 1px 0px;
display: block;
font-size: 1.4em;
font-weight: normal;
display: block;
}

ul.Breadcrumb li a{
display: block;
float: left;
height: 23px;
line-height: 23px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
color: #cbe2e6;
font-size: 1.2em;
letter-spacing: 0.1em;
padding: 0px 0px 0px 0px;
}

ul.Breadcrumb li ul {
float: left;
display: block;
list-style: none;
padding: 0;
margin: 0;
height: 23px;
}

ul.Breadcrumb li ul li {
float: left;
background: url(designimages/breadcrumb-li-ul-li.gif) -1px 0px no-repeat;
padding: 0px 0px 0px 24px;
display: block;
}

ul.Breadcrumb li ul.Breadcrumb li a {
float: left;
}

/* div#BookMount houses the divs that form the binder book */
/* parent: div#ContentHolder */
div#BookMount {
clear: both;
float: none;
display: block;
width: 744px;
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
background-color: #7FBCCF;
background: url(designimages/bookmount.gif) top left repeat-y;
z-index: 20;
}

/* div#BookTop is the top edge of the binder book */
/* parent: div#BookMount  */
div#BookTop {
clear: both;
float: none;
display: block;
width: 744px;
height: 8px;
margin: 0;
padding: 0;
border: 0;
background-color: #ACE7F1;
background: url(designimages/booktop.gif) top repeat-y;
}

/* div#Book is the body of the Binder book */
/* parent: div#BookMount */
div#Book {
clear: both;
float: none;
display: block;
width: 744px;
margin: 0;
padding: 0;
background-color: #ACE7F1;
background: url(designimages/book.gif) top left repeat-y;
}

div#Book ul.normal {
list-style-type: none;
margin-left: 0;
padding-left: 5px;
margin: 7px 0px 18px 0px;
}

div#Book ul.margintop {
list-style-type: none;
margin-left: 0;
padding-left: 5px;
margin: 7px 0px 18px 0px;
}

div#Book ul.margintop li {
padding-left: 15px;
background: url(designimages/small-arrow.gif) top left no-repeat;
font-size: 1.2em;
letter-spacing: 0.1em;
margin-left: 0;
margin: 20px 0px 5px 0px; /* 2 0 2 0 */
line-height: 15px;
}

div#Book ul.normal li {
padding-left: 15px;
background: url(designimages/small-arrow.gif) top left no-repeat;
font-size: 1.2em;
letter-spacing: 0.1em;
margin-left: 0;
margin: 2px 0px 5px 0px; /* 2 0 2 0 */
line-height: 15px;
}

div#Book ul.unlisted {
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin: 7px 0px 12px 0px; 
}

div#Book ul.unlisted li {
padding-left: 12px;
font-size: 1.2em;
letter-spacing: 0.1em;
margin-left: 0;
margin: 2px 0px 2px 0px;
}

div#Book ul.radio {
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin: 0px 0px 12px 0px;
}

div#Book ul.radio li {
padding: 0;
margin: 0px 0px 8px 0px;
display: block;
height: 17px;
}

div#Book ul.radio li a {
padding-left: 25px;
background: url(designimages/radio-off.gif) left no-repeat;
display: block;
height: 15px;
line-height: 15px;
vertical-align: middle;
font-size: 1.3em;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 2px;
}

div#Book ul.radio li span a {
background: url(designimages/radio-on.gif) left no-repeat;
}


div#Book ul.radio2 {
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin: 0px 0px 12px 0px;
}

div#Book ul.radio2 li {
padding: 0;
margin: 0px 0px 8px 0px;
display: block;
height: 17px;
}

div#Book ul.radio2 li a {
padding-left: 25px;
background: url(designimages/radio-off.gif) left no-repeat;
display: block;
height: 15px;
line-height: 15px;
vertical-align: middle;
font-size: 1.2em;
letter-spacing: 0.1em;
padding-bottom: 2px;
}

/* div#LeftPage contains the content to appear on the left page of the binder book */
/* parent: div#Book */
div#LeftPage {
clear: both;
float: left;
display: block;
width: 207px;
margin: 0;
padding: 40px 0px 15px 24px;
z-index: 50;
}

/* div#RightPage contains the content to appear on the right page of the binder book */
/* parent: div#Book */
div#RightPage {
float: left;
display: block;
width: 436px;
/* height: auto; */
margin: 0;
padding: 13px 0px 15px 47px;
}

/* div#BookBottom contains the bottom edge of the binder book */
/* parent: div#BookMount */
div#BookBottom {
clear: both;
float: none;
display: block;
width: 744px;
height: 24px;
margin: 0;
padding: 0;
background-color: #ACE7F1;
background: url(designimages/bookbottom.gif) top left no-repeat;
}

/* div#Tabs contains the image of the sticky tabs on the right hand side of the page */
/* parent: div#Torso */
div#Tabs {
float: left;
display: block;
width: 30px;
height: 184px;
margin: 0;
padding: 0;
background: url(designimages/tabs.gif) top left no-repeat;
}

/* div#Legs  sits just above the foot and contains the edge of the page */
/* parent: div#Page */
div#Legs {
clear: both;
float: none;
display: block;
width: 966px;
height: 33px;
margin: 0;
padding: 0;
background: url(designimages/legs.gif) top left no-repeat;
}

/* div#Foot contains the footer links */
/* parent: div#Page */
div#Foot {
clear: both;
float: none;
display: block;
width: 966px;
height: auto;
margin: 0;
padding: 12px 0px 0px 0px;
background-color: #265E77;
text-align: center;
vertical-align: top;
line-height: 1.8em;
}

div#Foot ul {
clear: both;
list-style-type: none;
padding: 0;
width: auto;
font-size: 1.2em;
letter-spacing: 0.1em;
text-align: center;
margin: 0;
}

div#Foot li {
display: inline;
padding: 0;
background: none;
width: auto;
}

div#Foot ul li {
padding-left: 26px;
background: url(designimages/Foot-li.gif) left no-repeat;
}

div#Foot ul span li {
padding-left: 0px;
background: none;
}

div#Foot a:link, div#Foot a, div#Foot a:visited {
color: #3FDBFF;
text-decoration: none;
}

div#Foot a:hover {
text-decoration: underline;
}

/* Place this as the child in parent DIVs that need to be stretched to fit the contents of multiple embeded child DIVs */
div#Spacer, div.Spacer {
clear: both;
width: 100%;
height: 0px;
}


/* Publication thumbnails for publications home page */
ul.PubIcon {
width: 436px;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 1.2em;
letter-spacing: 0.1em;
}

ul.PubIcon li{
height: 138px;
padding: 0px 0px 0px 0px;
text-align: center;
display: block;
float: left;
margin: 0px 0px 7px 0px;
}

ul.PubIcon li a {
height: 18px;
background: top center no-repeat;
padding: 120px 0px 0px 0px;
text-align: center;
display: block;
float: left;
margin: 0px;
}

li#Icon01 a{
background-image: url(designimages/pub-home/01.gif);
width: 90px;
}

li#Icon02 a{
background-image: url(designimages/pub-home/02.gif);
width: 155px;
}
li#Icon03 a{
background-image: url(designimages/pub-home/03.gif);
width: 91px;
}
li#Icon04 a{
background-image: url(designimages/pub-home/04.gif);
width: 90px;
}

li#Icon05 a{
background-image: url(designimages/pub-home/05.gif);
width: 155px;
}

li#Icon06 a{
background-image: url(designimages/pub-home/06.gif);
width: 90px;
}
li#Icon07 a{
background-image: url(designimages/pub-home/07.gif);
width: 91px;
}
li#Icon08 a{
background-image: url(designimages/pub-home/08.gif);
width: 90px;
}

#QuoteForm fieldset {
border: 0;
padding: 0px;
margin: 0px 0px 15px 0px;
}

#QuoteForm fieldset legend {
font-size: 1.4em;
letter-spacing: 0.1em;
color: #03364F;
font-weight: bold;
margin: 0px 0px 0px -5px;
display: block;
padding-bottom: 10px;
}

#QuoteForm fieldset label {
font-size: 1.2em;
letter-spacing: 0.1em;
display: block;
width: 190px;
text-align: left;
clear: both;
float: none;
margin: 0px 0px 2px 0px;
height: 15px;
}

input.text {
font-family: Arial, Helvetica, sans-serif;
display: block;
float: left;
clear: both;
border: 1px solid #c0edf7;
background: url(designimages/input-text.gif) top left no-repeat;
height: 18px;
margin: 0px 0px 8px 0px;
padding: 2px 0px 0px 3px;
width: 180px;
}

textarea.textarea {
font-family: Arial, Helvetica, sans-serif;
display: block;
float: left;
clear: both;
border: 1px solid #c0edf7;
background: url(designimages/input-text.gif) top left no-repeat;
margin: 0px 0px 8px 0px;
padding: 2px 0px 0px 3px;
width: auto;
}

input.hidden {
display: none;
float: none;
border: 0;
background: none;
height: 0px;
width: 0px;
margin: 0;
padding: 0;
}

#QuoteForm select {
margin: 0px 0px 8px 0px;
float: left;
clear: both;
}

#QuoteForm select#state {
display: block;
float: left;
width: auto;
height: 22px;
padding: 1px 0px 1px 3px;
margin: 0px 0px 8px 0px;
background: #ace7f1;
border: 1px #7f9db9 solid;
}


#QuoteForm input#postcode {
width: 60px;
}

#QuoteForm input#copies, #QuoteForm input#colour, #QuoteForm input#blackwhite {
width: 30px;
}


#QuoteForm ul {
list-style: none;
margin: 0px 10px 0px 0px;
padding: 0;
float: left;
display: block;
width: 200px;
}

#QuoteForm ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
display: block;
float: none;
clear: both;
width: 200px;
height: 40px;
overflow: hidden;
}

#QuoteForm ul li#special {
height: 86px;
}

#QuoteForm ul#brief, #QuoteForm ul.brief, #QuoteForm ul.brief {
width: 410px;
}

#QuoteForm ul#brief li, #QuoteForm ul.brief li {
width: 410px;
height: 86px;
}

#QuoteForm select {
display: block;
float: left;
width: auto;
height: 22px;
padding: 1px 0px 1px 3px;
margin: 0px 0px 7px 0px;
background: #c8eff4;
border: 1px #7f9db9 solid;
}

#QuoteForm select#state {
display: block;
float: left;
width: auto;
height: 22px;
padding: 1px 0px 1px 3px;
margin: 0px 0px 7px 0px;
background: #c8eff4;
border: 1px #7f9db9 solid;
}

#QuoteForm ul li span {
display: block;
float: left;
line-height: 22px;
height: 22px;
vertical-align: middle;
font-size: 1.1em;
letter-spacing: 0.1em;
margin: 0px 0px 8px 4px;
width: 130px;
width: 0px;
overflow: hidden;
}

input#form-submit {
background:url(designimages/form-submit.gif) no-repeat;
border: 0;
width: 92px;
height: 25px;
cursor: pointer;
float: left;
}

input#form-reset {
background:url(designimages/form-reset.gif) no-repeat;
border: 0;
width: 92px;
height: 25px;
cursor: pointer;
float: left;
}

ul#submitForm {
width: 250px;
height: 60px;
border: 0;
margin: 0 auto;
padding: 0;
float: left;
}

ul#submitForm li {
width: 94px;
height: 25px;
border: 0;
margin: 0 auto;
padding: 0;
float: left;
}

input#day {
width: 20px;
float: left;
margin-right: 7px;
}

select#month, select#year {
display: block;
float: left;
width: auto;
height: 22px;
padding: 1px 0px 1px 3px;
margin: 0px 7px 7px 0px;
background: #c8eff4;
border: 1px #7f9db9 solid;
clear: none;
}

textarea#special, textarea#brief {
height: 66px;
display: block;
width: 195px;
}

textarea#brief {
width: 390px;
}

select#soft, select#pub, select#template, select#hear {
width: 183px;
}

ul#brief li label {
width: 400px;
}

ul#thumbs, ul.thumbs {
display: block;
width: 430px;
padding: 0;
margin: 0;
border: 0;
list-style: none;
}

ul#thumbs li, ul.thumbs li {
display: block;
float: left;
width: 197px;
margin: 0px 18px 20px 0px;
padding: 0;
border: 0;
height: 60px;
text-align: left;
}

ul#thumbs li img, ul.thumbs li img {
float: left;
display: block;
border: 0;
margin-right: 8px;
width: 46px;
height: 58px;
}

ul#thumbs li h5, ul.thumbs li h5 {
font-size: 1.4em;
letter-spacing: 0.1em;
color: #03364F;
font-weight: bold;
margin: 0px 0px 4px 0px;
height: 17px;
display: block;
float: left;
width: 142px;
}

ul#thumbs li p, ul.thumbs li p {
font-size: 1.2em;
letter-spacing: 0.1em;
height: 15px;
margin: 0px 0px 5px 0px;
display: block;
float: left;
width: 120px;
}

ul#thumbs li p.school, ul.thumbs li p.school {
font-size: 1.2em;
letter-spacing: 0.1em;
height: 15px;
margin: 25px 0px 5px 0px;
display: block;
float: left;
width: 120px;
}

ul#thumbs li a.order, ul.thumbs li a.order {
height: 17px;
background: url(designimages/ordernow.gif) top left no-repeat;
line-height: 17px;
vertical-align: middle;
padding-left: 21px;
display: block;
font-size: 1.1em;
float: left;
width: 99px;
}

.paddingtop25, #paddingtop25 {
padding-top: 25px;
}

.paddingtop15, #paddingtop15 {
padding-top: 15px;
}

#web01 {
padding: 0px 0px 20px 75px;
}

#web02a {
padding-right: 15px;
}

div.hiddendiv {
	display: none;
	position: absolute;
	left: -3000px;
}