/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    Chris McCourt
email:     chris.mccourt@gmail.com
website:   www.giftware-collectables.co.uk
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* =Structure
-----------------------------------------------------------------------------*/
#header {
	float:left; width:100%; height:113px; background:url(../images/header_background.gif) repeat-x; display:inline;
}

.logoBlock {
	margin:0; padding:0; width:257px; height:113px; background:url('../images/logo_block.gif') no-repeat; float:left; display:inline
}

.backgroundBlock {
	margin:0; padding:0; width:100%; height:113px; display:inline;
}

.backgroundBlock ul {
	margin:0; padding:0; list-style:none; float:left; display:inline;
}

.backgroundBlock ul li {
	margin:0; height:76px; padding:0; float:left; background:url(../images/off_tab_left.gif) left no-repeat; display:inline;
}

.backgroundBlock ul span {
	float:left; display:block; height:76px; background:url(../images/off_tab_right.gif) right no-repeat;
}

.backgroundBlock ul li.on {
	margin:0; height:76px; padding:0; float:left; background:url(../images/on_tab_left.gif) left no-repeat; display:inline;
}

.backgroundBlock ul li.on span {
	float:left; display:block; height:76px; background:url(../images/on_tab_right.gif) right no-repeat;
}

.backgroundBlock ul span a {
	float:left; display:block; margin:43px 0 0 0; padding:0 8px 0 8px; font: 100% Helvetica, Arial, Verdana; color:#36c; text-decoration:none; 
}

.logoBlock h1 {
	margin:0px 0 0 43px; padding:0; width:178px; height:68px;
}

.logoBlock h1 a {
	display:block; border:0; text-decoration:none;
}


.backgroundBlock ul span a:hover {
	color:#f00;
}

.noDisplay {visibility:hidden;}

#mainContainer {
	width:780px;
}

#navigationColumn {
	width:200px; margin:0px 0px 0px 20px; padding:0; float:left; display:inline;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Helvetica, Arial, Verdana, sans-serif;
}

h1 {
	font-size:130%; font-weight:bold;
}

h2 {
	font-size:120%; font-weight:bold;
}

h3 {
	font-size:110%; font-weight:bold;
}

p {
	font-size:120%
}


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/

#navigationColumn ul {
	margin:0; padding:0 10px 0 10px; list-style:none;
}

#navigationColumn ul li {
	margin:0; padding:3px 0 3px 0; border-bottom:1px dashed #999;
}

#navigationColumn ul li a {
	font: 120% helvetica, arial, sans-serif; color:#999; text-decoration:none;
}

#navigationColumn ul li a.on {
	font-weight:bold; color:#666;
}

#navigationColumn ul li a:hover {
	font: normal 120% helvetica, arial, sans-serif; color:#333333; text-decoration:none;
}

.prices {
	font-size:120%;
	text-align:right;
	margin:10px;
	border-bottom:1px dashed #999;
	padding-bottom:10px;
}

.red {
 color:#f00;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#mainContentFullWidth {
	width:535px; margin:0 0 0 19px; float:left; dispay:inline;
}

#mainContentTotalFullWidth {
	width:760px; margin:0 0 0 10px; float:left; dispay:inline;
}

#mainContentTotalPartWidth {
	width:525px; margin:0 0 0 19px; float:left; dispay:inline;
}

#mainContent {
	width:348px; margin:0 0 0 19px; float:left; dispay:inline;
}

#mainContentHeader {
	height:43px; background:url(../images/blue_tab_background.gif) repeat-x;
}

.blueTabLeft {
	height:43px; background:url(../images/blue_tab_left.gif) no-repeat; float:left;
}

.blueTabRight {
	height:43px; width:11px; background:url(../images/blue_tab_right.gif) no-repeat; float:left;
}

#mainContentHeader h1 {
	margin:3px 0 0 22px; padding:0; font-size:140%; color:#fff; float:left; display:inline;
}

#mainContentHeader h2 {
	margin:3px 0 0 22px; padding:0; font-size:140%; color:#fff; float:left; display:inline;
}

.borderNoTop {
	padding:10px; border-top:0; border-right:1px solid #92cbe9; border-bottom:1px solid #92cbe9; border-left:1px solid #92cbe9;
}

.borderNoTopRanges {
	padding:10px; border-top:0; border-right:1px solid #92cbe9; border-left:1px solid #92cbe9;
}

.borderNoTop h2 {
	color:#546293;
}

.borderNoTop h3 {
	color:#92cbe9;
}

.borderNoTop p {
	padding-bottom:10px; border-bottom:1px dashed #999;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/

#secondaryContentColumn {
	width:175px; float:right; display:inline;
}

.showcaseBox {
	width:200px; margin:20px 0 20px 0; padding:0; background:#92cbe9 url(../images/gradient.gif) repeat-y; color:#fff;
}

.showcaseBox h3, .showcaseBox p {
	margin:0 10px 0 10px; padding:0 0 10px 0;
}

.showcaseBox p {
	font-size:120%;
}

.showcaseImg {
	margin:20px 0 10px 0;
}

.headerBox {
	border:1px solid #92cbe9;
}

.headerBox h3 {
	margin:0; padding:0 10px 0 10px; background:#92cbe9 url(../images/gradient.gif) repeat-y; color:#fff;
}

.headerBox p {
	margin:10px;
}

.headerBox h4 {
	font-size:120%; margin-left:10px; font-weight:bold;
}

#secondaryContentColumn .headerBox {
	margin:29px 0 0 0;
}

.search {
	position:absolute;
	left:605px;
	top:30px;
	color:#fff;
	font-weight:bold;
}

.smallNav {
	position:absolute;
	left:260px; 
	top:10px;
	color:#fff;
}

.smallNav a {
	color:#fff;
}

.telNo {
	position:absolute;
	left:260px;
	top:60px;
	color:#fff;
	font-weight:bold;
}

/* =Footer
-----------------------------------------------------------------------------*/

.footer {
	margin:20px 0 0 20px; padding:5px 0 5px 10px; clear:both; background:#92c9eb url(../images/gradient.gif) repeat-y; color:#fff; 
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

.borderNoTop .noBorder {
	border:0;
}


/* =Misc 2
-----------------------------------------------------------------------------*/