/* ####################################   Unique to PRINT   ################################### */

body {color: #000; background-color: #fff;}

.dontprint, .noprint {display: none;}

/* Layout DIVs */
#menu {display: none;}

/* Links */
#content a {color: #000; text-decoration: none;}

/* Headings */
h2, h3, h4 {border-bottom: 1px solid #000; border-left: 1px solid #fff; page-break-after: avoid;}

/* Forms */
form label {color: #000; background-color: #fff;}
form .textbox, form .formbutton {border: 1px solid #555;}
form .required {color: #fff; background-color: #000;}

/* Styles for Websites */
.websites {border: 3px solid #ddd;}

/* Styles for Terms & Conditions */
#content #terms h2 {font-size: 65%; border-width: 3px; margin-top: -5px;}
#content #terms h3 {font-size: 55%; border-width: 2px; line-height: normal; margin-bottom: 2px;}
#content #terms li {font-size: 55%;}
#content #terms li {margin-bottom: 0;}

/* Styles for Calendars */
#content #calendars a {color: #000; background-color: #fff;}

/* Styles for Hosting */
ul.hosting {font-size: 90%}

/* ##############################   Common to SCREEN and PRINT   ############################## */

* {margin: 0; padding: 0; outline: 0;}

body {font-family: Arial, Helvetica, sans-serif;}
img {border: 0;}

/* Layout DIVs */
#header {text-align: center; margin-top: 5px;}
#header span {display: none;}
#content {text-align: justify;}

/*

WEB DESIGN SECTION

*/

/* Styles for Archive */
#archiveheader a {color: #000;}

/* Styles for Websites */
.websites {float: left; padding: 8px; margin: 0 15px 15px 0;}
.websites div {width: 300px; height: 200px; overflow: auto;}
.websites p, .ots {text-align: center;}
.websitelogo {float: left; margin-right: 10px; width: 300px; text-align: center;}
.websitedetails {text-align: right;}
.ots div {height: 210px;}
.ots .cost {font-weight: bold}

/* Styles for Packages */
#packages li {list-style-type: none;}
#packages table {border-collapse: collapse; margin: 10px 0;}
#packages td, #packages th {padding: 5px 15px; text-align: center;}
#packages h3 {margin: 20px 0;}
#packages h4 {font-size: 140%; border: none; text-align: center;}
#product td {width: 25%;}
#extras td {width: 25%;}
#service td, #payment td {width: 50%;}
#payment img {padding: 2px; border: 2px solid #fff;}
#packages .cost, #packages .size {font-weight: bold;}
#packages .perpage {font-size: small;}
#packages .blurb {text-align: justify;}
#packages .note {text-align: center;}
#extras li {list-style-type: disc;}

/* Styles for Images */
.images {padding: 5px; float: left; margin: 0 10px 10px 0; border: 1px dashed #777;}
.images > a {display: block; height: 75px; overflow: hidden;}
#rwlogo {clear: both;}
h3.images {clear: both; font-size: 200%;}
#content .images .caption {text-align: center; font-size: small;}

/* Styles for Cost */
#guideprice h2, #guideprice h3 {border: 0; text-align: left;}
#guideprice li.head {list-style-type: none; margin-left: 0;}
#guideprice li {list-style-type: disc;}

/* Styles for Terms & Conditions */
#terms li {list-style-type: lower-alpha;}

/*

PHOTOGRAPHY SECTION

*/

/* Styles for Stock Photos */
div#stock {text-align: center;}
#stock a {display: block; float: left; height: 75px; padding: 3px;}

/* Styles for Calendars */
#calendars div.calendar {display: block; width: 33%; float: left; overflow: auto;}
#calendars div.calendar div {margin: 0 10px 10px 0;}
#calendars div.calendar a {border: 1px solid #666;}
#content #calendars a {text-decoration: none; display: block;}
#calendars h3 {display: none;}
#calendars a .calendar {padding: 5px; display: block; text-align: justify;}
#calendars img {float: left; margin-right: 5px;}
#calendars .header {margin: 0 0 10px 0; display: block; font-weight: bold;}
#calendars .paragraph { display: block; font-weight: normal;}
#calendars .count {font-size: small; font-weight: bold; text-align: right; clear: both;}

/* Styles for Calendar Orders */
#content .ordcal, #content .ordcal .inner {float: none;}
.ordcal fieldset {border: none;}
.ordcal h3 {margin-top: 0;}
.ordcal .thumbnails div {text-align: center;}
.ordcal .preview {float: left;  margin-right: 20px;}
.ordcal .cost {float: left; text-align: right;}
.ordcal .order {clear: both;}
.ordcal .stock {color: #060; font-weight: bold;}
.ordcal .nostock {color: #600; font-weight: bold;}
.ordcal form {margin-top: 20px;}
.ordcal input {margin: 0 0 5px 5px;}

/* Styles for Wallpaper */
#wallpaper div {float: left; margin-right: 10px; text-align: center;}
#wallpaper h3 {border: none; text-align: center;}

/*

ADDITIONAL SECTION

*/

/* Styles for Hosting */
table.hosting {border-collapse: collapse; margin: 10px auto;}
table.hosting th, table.hosting td {padding: 5px; border: 1px dashed #666;}
table.hosting td {text-align: center;}

/* Styles for Special Offers */
#specialoffers h3 {clear: left;}
#specialoffers img {float: left; margin-right: 10px;}

/* Styles for Gift Vouchers*/
#giftvouchers form {margin: 0;}
#giftvouchers fieldset {width: auto; float: left; padding: 5px;}

/*

GENERAL

*/

/* General Classes */
.hidden {height: 0px; width: 0px; margin: 0; padding: 0; display: block; overflow: hidden; border: 0;}
.intro {margin-bottom: 13px; clear: both;}
.decorativeleft, .decorativeright {margin-top: 10px;}
.decorativeleft img, .decorativeright img {padding: 2px; border: 1px solid #666;}
.decorativeleft {float: left; margin-right: 10px;}
.decorativeright {float: right; margin-left: 10px;}

/* Headings */
h2, h3, h4 {border-top: none; border-right: none; text-align: right; clear: both; margin-bottom: 5px;}
#content h2 {font-size: 300%; border-width: 5px;}
#content h3 {font-size: 200%; border-width: 3px; line-height: normal;}
#content h4 {font-size: 150%; border-width: 2px; line-height: normal;}

/* Forms */
form {margin: 0 auto; width: 500px;}
form fieldset {width: 454px; padding: 5px 5px 0 5px; margin-bottom: 20px;}
form label {float: left; display: inline; width: 185px; padding: 2px; font-weight: bold; text-align: right; font-size: small; margin: 0 5px 5px 0}
form p {margin: 0 0 10px 0;}
form br+p {margin-top: 10px;}
form input.textbox {width: 250px;}
form .textbox {width: 255px;}
form input.textbox {padding: 1px;}
form option {padding-left: 3px;}
form .formradio {float: left;}
form .formradio label {display: inline; float: none; width: auto; padding: 0; margin: 0; font-weight: normal;}
form .formradio br {clear: none;}
form .formbutton {margin-bottom: 5px; float: right; border: 1px solid #555; background: #ccc; width: auto; height: auto; padding: 2px;}

/* General */
p {margin-top: 10px;}
#content > p {margin-bottom: 20px;}
#content li {margin-left: 20px; margin-bottom: 5px;}
#content p, #content li {line-height: 140%;}
p > strong {font-size: 110%;}
td, th {vertical-align: top;}
br {clear: both;}