/*
 Screen style    
 Site: We Buy Stamps
*/
body { font-size: 75%; padding: 0; background: url(../images/bg/body.gif) repeat-x; text-align: center; }

/* Wrapper */
#wrapper { width: 852px; margin: 0 auto; text-align: left; }
#accessibility { display: none; }

/* Header */
#header { height: 108px; position: relative; margin-bottom: 21px; }
#logo { width: 203px; height: 32px; position: absolute; top: 45px; left: 23px; }
#logo span { background-image: url(../images/text/logo.gif); }
#tel { width: 257px; height: 19px; position: absolute; top: 38px; right: 0;  }
#tel span { background-image: url(../images/text/tel.gif); }

/* Navigation */
#nav { height: 39px; width: 567px; position: absolute; bottom: 0; right: 0; }
#nav li { float: left; }
#nav a { background: #353535; color: #fff; display: block; font-size: 1em; height: 39px; line-height: 39px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; width: 95px; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #6F4695; color: #fff; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01, #nav a#nav03, #nav a#nav05 { width: 94px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }

/* Content */
#content { float: right; width: 567px; margin-bottom: 17px; }
.main-picture { display: block; }
#content .inner { margin: 26px 25px 0 22px; }
#content .inner a:hover { background: #5C3385; color: #fff; text-decoration: none; }
#content .inner ul { margin: 0.75em 0 1.5em 17px; }
#content .inner li { list-style: disc; margin-bottom: 0.25em; }
#content .inner .sec-nav { margin: 0 0 1em 0; }
#content .sec-nav li { float: left; list-style: none; margin-right: 15px; }
#content ul.privacy li { list-style: none; }
#content ul.sitemap li { list-style: none; }
#content ul.sitemap li ul { margin: 0 0 0 1.75em; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #999; width: 250px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 135px; }
.fields { text-align: left}
#form-group-2 input {float: right; margin-right: 20px; margin-bottom: 5px}
#form-group-2 label {float: left; clear: both}
#form-group-1 textarea {float: right; margin-right: 20px; margin-bottom: 5px}
#form-group-1 label {float: left; clear: both}
#alert-content { color: #CC0000;}
#alert-content h2 { color: #CC0000;}
/* Home page */
.home-main-picture { display: block; }
.home-buttons { margin-top: 10px; }
.home-buttons li { float: left; }
.home-buttons li.first { margin: 0 10px 0px 1px; }

/* Sidebar */
#sidebar { float: left; width: 274px; margin-bottom: 17px; }
#sidebar .inner { padding: 0 10px 0 22px; line-height: 1.33; }
#sidebar .inner p { margin-bottom: 1.5em; }
#sidebar h3 { font-size: 1.25em; margin-bottom: 0.25em; }

/* Black box */
#sidebar .black-box { background: url(../images/bg/black-box.gif) no-repeat; color: #fff; padding-top: 22px; line-height: 1.42; margin-bottom: 11px; }
#sidebar .black-box div { background: #262626 url(../images/bg/black-box.gif) bottom no-repeat; padding: 0 22px 16px 22px; min-height: 97px; }
#sidebar .black-box h2 { font-size: 2.5em; font-weight: normal; line-height: 1.2; color: #fff; }
#sidebar .black-box p { margin: 1em 0 0 0; }
#sidebar .black-box p.button { margin-top: 1.25em; }
#sidebar .black-box p.sifr { margin: 0; }
#sidebar .black-box p.large { font-size: 1.17em; margin: 2px 0 10px 0; }

/* Grey Box */
#sidebar .grey-box { background: url(../images/bg/grey-box.gif) no-repeat; color: #262626; padding-top: 20px; line-height: 1.38; margin-bottom: 11px; font-size: 1.08em; }
#sidebar .grey-box div { background: url(../images/bg/grey-box.gif) bottom no-repeat; padding: 0 14px 12px 11px; }
#sidebar .grey-box li { padding: 5px 0 0 38px; background: url(../images/bg/tick.gif) no-repeat; margin-bottom: 12px; }
#sidebar .grey-box p { margin: 2.5em 0 0 7px; }
#sidebar .grey-box a { color: #262626; }
#sidebar .grey-box a:hover { background: #262626; color: #fff; text-decoration: none; }
#sidebar .grey-box p a:hover { background: none; }

/* sIFR */
#sidebar h2 { font-size: 28px; line-height: 30px; visibility: hidden; }
#sidebar p.sifr { font-size: 13px; line-height: 15px; visibility: hidden; }
#sidebar p.large { font-size: 16px; line-height: 17px; visibility: hidden; }

/* Footer */
#footer { clear: both; margin: 25px 1px; background: url(../images/bg/footer.gif) no-repeat; color: #666; padding-top: 10px; }
#footer .inner { background: url(../images/bg/footer.gif) bottom left no-repeat; padding: 0 79px 15px 30px; }
#footer p { margin: 0.1em 0; }
#footer .vcard { float: left; width: 490px; margin-top: 1px; }
#footer .vcard strong { color: #5C3385; }
#footer .vcard a { color: #666; text-decoration: none; }
#footer .vcard a:hover { background: #666; color: #fff; }
#footer .vcard ul { margin-top: 0.5em; }
#footer .vcard li { float: left; margin-right: 13px; }
#footer .vcard li a { font-size: 0.92em; color: #999; text-decoration: underline; }
#footer .vcard li a:hover { background: #999; text-decoration: none; }
#footer form { float: right; width: 181px; }
#footer form h3 { font-size: 1em; color: #666; }
#footer form .subscribe { margin-bottom: 0.5em; }
#footer form input { margin: 0; vertical-align: middle; }
#footer form .email { color: #666; font-size: 0.92em; border: 1px solid; padding: 2px 5px; width: 118px; }

/* Auto-clearing floats */
#footer .inner:after, #content .sec-nav:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.to-other {
	float: right;
	margin-top: -5px;
}