/* ELEMENT SELECTORS */
a:link { color: #DF2C2C; }
a:visited { color: #B02323; }
body { background-color: #FFFFFF; background-image: url('../img/bkgd.gif'); background-repeat: repeat-x; margin: 0px; padding: 0px; font-size: 0.7em; }
div { font-family: Arial, Helvetica, sans-serif; color: #000000; }
form { margin: 0px; }
h1 { color: #4B4D68; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.25em; margin-top: 0px; margin-bottom: 0px; line-height: 1em; font-weight: normal; }
h1.title { color: #DF2C2C; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2em; padding-left: 0.5em; margin-top: 0.4em; margin-bottom: 0.4em; line-height: 1em; font-weight: normal; }
h2 { color: #4B4D68; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.15em; margin-top: 1em; margin-bottom: 0px; line-height: 1em; font-weight: normal; }
h3 { color: #4B4D68; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.05em; margin-top: 1.75em; margin-bottom: 0px; line-height: 1em; font-weight: normal; }
h3.flat { margin-top: 0px; margin-bottom: 0px; line-height: 1em; font-weight: normal; }
img { border: none; }
input.submit {
	background-color: #DF2C2C;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0.2em 0em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
input.text { border: 1px solid #8EA6B9; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; }
li.prd { list-style-image: url('../img/bullet_product.gif'); }
p { margin-top: 1em; margin-bottom: 1em; }
select.selectbox { border: 1px solid #8EA6B9; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; }
ul { list-style-image: url('../img/bullet.gif'); margin-left: 30px; margin-bottom: 0px; margin-top: 10px;  }
ul.cat { margin-left: 12px; padding-left: 12px; }
ul.cat li { margin-bottom: 3px; }

/* CLASS SELECTORS */
.breadcrumbs { font-size: 110%; }
.column { background-color: #EDF2F6; }
.error-box { text-align: center; font-weight: bold; color: #FF0000;  }
.faded-text { color: #808080; }
.field-error { font-weight: bold; font-style: italic; color: #FF0000; }
.float-left { float: left; }
.float-right { float: right; }
.gap-2px { height: 2px; }
.horiz-separator { height: 13px; background-image: url('../img/horiz-sep.gif'); background-repeat: repeat-x; }
.noline { text-decoration: none; }
.panel { background-color: #F4F5F9; padding: 8px 15px 13px; color: #666666; font-size: 100%; }
.panel-header { background-image: url('../img/panel-head.gif'); background-repeat: repeat-x; height: 26px; color: #FFFFFF; }
.red-text { color: #DF2C2C; }
.smaller { font-size: smaller; }

/* ID SELECTORS */
div#top-row { height: 150px; }
div#middle-row { padding: 10px; }
div#bottom-row { height: 20px; }
#logo { position: absolute; top: 24px; left: 24px; }
#top-banner { width: 468px; height: 60px; position: absolute; top: 6px; right: 6px; border: 1px solid #A0A0A0; }
#nav-table { position: absolute; top: 95px; right: 154px; }

/* POSTER GENERATION ENGINE SPECIFICS */
table.bkgd-selector td { width: 25%; text-align: center; }
table.colour-selector td { padding: 5px; }
table.colour-selector td img { padding: 1px; border: 1px solid #8EA6B9; }
table.packshot-selector td.bordered { width: 54px; height: 62px; padding: 1px; border: 1px solid #8EA6B9; background-color: #FFFFFF; text-align: center; }
table.packshot-selector td.bordered-empty { width: 54px; height: 62px; padding: 1px; border: 1px solid #E7EEE7; }
.panelfrm {
background-color: #F4F5F9; padding: 8px 15px 13px; color: #666666; font-size: 100%;
}

a.swatch { text-decoration: none; display: block; width: 24px; height: 24px; border: 1px solid transparent; }
a.swatch:hover { text-decoration: none; border: 1px solid #808080; }
a.swatch-small { text-decoration: none; display: block; width: 12px; height: 12px; border: 1px solid transparent; }
a.swatch-small:hover { text-decoration: none; border: 1px solid #808080; }

div.rss h3 { font-size: 110%; margin: 0px 0px 8px 0px; }
div.rss h4 { font-size: 100%; margin: 0px 0px 8px 0px; }
div.rss p { margin: 0px 0px 8px 0px; }
div.rss hr { display: none; }
div.rss div.hr { height: 1px; line-height: 1px; font-size: 1px; background-color: #000000; margin: 8px 0px; }