﻿body {
 font-family: Arial, Sans-Serif, Verdana;
 font-size: 12px;
 background-image: url(../imgs/bg.gif);
 background-color: White;
}

div#page {
 width: 780px;
 margin: 0 auto;
 padding: 0;
 background-color: #ffffff;
}

div#header {
 height: 146px;
 background-image: url(../imgs/top.jpg);
 background-color: White;
 color: White;
}

div#header h1 {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 13px;
}

div#header h3 {
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 24px;
 letter-spacing: 5px;
}

div#header p#contact {
 margin: 50px 25px 0 0;
 text-align: right;
 color: Black;
}

div#header p#contact a {
 margin-right: 20px;
 text-decoration: none;
 color: Black;
}

div#header p#contact a:hover {
 text-decoration: underline;
}

div#leftcol {
 float: left;
 width: 125px;
 margin: 0;
 padding: 0;
 background-color: White;
}

div#leftcol p#sideorder {
 margin: 0;
 padding: 0;
 font-size: 12px;
 text-align: center;
}

div#leftcol p#sideorder a {
 color: Black;
 text-decoration: none;
}

div#leftcol p#sideorder a:hover {
 text-decoration: underline;
}

div#navbar {
 margin: 0;
 padding: 20px 0 20px 15px;
 background-color:#efefef;
}

div#navbar p {
 margin: 2px 0 2px 0;
 padding: 2px;
 font-family: Arial;
 font-size: 12px;
}

div#navbar a {
 color: Black;
 text-decoration: none;
}

div#navbar a:hover {
 text-decoration: underline;
}

div#midcol {
 margin: 0 0 0 135px;
 padding: 14px 20px 20px 10px;
}

div#midcol form {
 margin: 0;
 padding: 0;
}

div#midcol h1 {
 margin: 0 0 4px 0;
 padding: 0;
 font-size: 14px;
}

div#midcol h3 {
 margin: 0 0 4px 0;
 padding: 0;
 font-size: 14px;
}

div#midcol h5 {
 margin: 0 0 4px 0;
 padding: 0;
 font-size: 12px;
}

div#midcol p {
 margin: 8px 0 8px 0;
 padding: 0;
 line-height: 140%;
}

div#midcol ul {
 margin: 0 0 0 100px;
 padding: 0;
 font-size: 14px;
 line-height: 150%;
}

div#midcol table#features {
 margin: 0 0 0 100px;
}

div#midcol table#features td {
 font-size: 12px;
 vertical-align: bottom;
}

div#midcol p.centre {
 text-align: center;
}

div#midcol p.quote {
 margin: 15px 0 0 0;
 padding: 0;
}

div#midcol p.quoter {
 margin: 0 0 28px 0;
 padding: 0;
 text-align: right;
 font-size: 12px;
}

div#midcol table#about {
 width: 500px;
 margin: 0 auto;
}

div#midcol ul#privacy {
 margin: 0 60px 20px 50px;
 padding: 0;
 font-size: 12px;
}

/*
 Feedback form on contact page and merchant page
*/
fieldset.feedback {
 width: 500px;
 margin: 0 auto;
 padding: 4px;
}

fieldset.feedback .label {
 clear: both;
 float: left;
 margin: 0 auto;
 width: 10em;
 margin: 3px 2px 0 0;
 font-size: 0.9em;
 text-align: right;
}

fieldset.feedback input {
 width: 14em;
 font-size: 0.8em;
}

fieldset.feedback inputbox{

}
fieldset.feedback textarea {
 width: 24em;
 height: 4em;
}

fieldset.feedback .submit {
 width: auto;
}

/*
 End of feedback form styles
*/

/*
 Fieldset on ordering page
*/
fieldset.order {
 width: 500px;
 margin: 0 auto;
 padding: 4px;
}

fieldset.wide {
 width: 512px;
}

fieldset.order .label {
 clear: both;
 float: left;
 margin: 0 auto;
 width: 10em;
 margin: 3px 2px 0 0;
 font-size: 0.9em;
 text-align: right;
}

fieldset.order .wide {
 width: 16em;
}

fieldset.order input {
 width: 14em;
 font-size: 0.8em;
}

fieldset.order .inputbox{

}

fieldset.order textarea {
 width: 24em;
 height: 4em;
}

fieldset.order .submit {
 width: auto;
}
/*
 End of order fieldset
*/

/*
 Address details on contact page
*/
fieldset#contact .row {
 margin: 6px 0 6px 0;
 padding: 2px 0 2px 0;
}

fieldset#contact label {
 margin: 0;
 padding: 1px 4px 2px 0;
}

fieldset#contact .contact {
 font-size: 11px; 
}

/*
 End of Address details on contact page
*/


/*
 Thumbnail images on templates page
*/

p.templateNav {
 margin: 0;
 padding: 0;
 text-align: center;
}

p.templateNav a {
 margin: 8px;
 padding: 0;
}

div.template {
 float: left;
 width: 204px;
 height: 138px;
 margin: 0;
 padding: 0;
 text-align: center;
}

div.template img {
 margin: 0px;
}

span.caption {
 margin: 0px ;
 padding: 0px;
 font-size: 0.8em;
}
/*
 End of template thumbnails
*/

div#midcol table#prices {
 margin: 0 auto;
 padding: 0 0 200px 0;
 border-collapse: collapse;
 border: 1px solid #daa520;
}

div#midcol table#prices tr {
 margin: 0;
 padding: 0 0 0 0;

}

div#midcol table#prices th {
 margin: 0;
 padding: 6px 8px 4px 8px;
 border: 1px solid #daa520;
 background-color: #f5deb3;
}

div#midcol table#prices td {
 margin: 0;
 padding: 6px 8px 4px 16px;
 border: 1px solid #daa520;
}

div#footer {
 height: 35px;
 background-image: url(../imgs/bottom.gif);
 background-color: Orange;
 color: Black;
}

div#footer p#links {
 float: left;
 margin: 7px 0 0 10px;
 padding: 0;
 font-size: 11px;
}

div#footer p#links a {
 color: Black;
 text-decoration: none;
}

div#footer p#links a:hover {
 text-decoration: underline;
}


div#footer p#solentcis {
 margin: 16px 20px 0 0;
 padding: 0;
 font-size: 11px;
 text-align: right;
}

div#footer p#solentcis a {
 color: Black;
 text-decoration: none;
}

div#footer p#solentcis a:hover {
 text-decoration: underline;
}


