/*   
Template Name: base-posters.css
Version: 1.1
Website: folio44.com.au
Author: eBiz Web Solutions
Updated: 26/03/2012

*/

/* TABLE OF CONTENTS

01.	--- Folio44 Poster Templates
        
        A) Overrides from base.css
		B) Header

*/


/******************************************************************/
/*	01. Folio44 Poster Templates 						          */
/******************************************************************/

body 		{/*background: #9A9CA8; */ color: #9a9ca8;}
#wrapper    {background: #FFFFFF; padding: 0 0 10px 40px; margin: 0 auto 30px auto; position: relative;}

.poster-template {/*outline: solid 1px red */}
.poster-template #header {height: 125px; display: block; position: relative;}

.poster-template #logo   {width: 91px; height: 105px; background: url(/images/layout/folio44-logo-105.jpg) no-repeat; float: left; margin: 20px 0 0 0px;}
.poster-template #logo a {text-decoration: none; width: 108px; height: 125px; display: block; font-size: 0em; position: -9999px;}

.poster-template #logo-posters{background: url(/images/layout/poster-template-logo-600.jpg) no-repeat; height: 125px; width: 600px; float:right}

.poster-template #topnav  {height: 40px; text-align: center; width: 790px; margin: 0 0px 0 -40px; position: relative; z-index: 10; background: none;}

.poster-template #topnav-redbar  {height: 10px; height: 15px\9; text-align: center; background: url(/images/layout/red-bar-750.gif) no-repeat top; width: 790px; margin: 0 0px 0 -40px; position: relative;}
.poster-template #content  {min-height: 300px; width: 750px; margin: 20px 20px 20px -20px; position: relative;}
.poster-template #content-home {min-height: 300px; width: 560px; margin: 0px;}

.poster-template #footer     {width: 750px; height: 40px; background: url(/images/layout/red-bar-750.gif) no-repeat top; text-align: center; margin-left: 0;}
.poster-template #copyright  {color: #b3b3b3; font-size: 10px; line-height: 45px}   
.poster-template #copyright a        {color: #A55}
.poster-template #copyright a:hover  {color: #C12}

.poster-welcome  td {padding: 10px; }
.poster-welcome .intro { text-align: right; vertical-align: top; font-size: 14px; line-height: 18px;}
.poster-welcome .intro  h2 { font-size: 22px; color:#C12; text-transform: none; line-height: 24px;}
.poster-welcome .intro .statement { font-size: 18px; line-height: 24px;}
.poster-welcome .intro p { font-size: 16px; line-height: 20px; margin: 10px 0;}
.poster-template #topmenu { margin: 0;
    position: relative;
    top: 0;
    width: 750px;}
	
.poster-template ul li.selected {font-weight: bold;}	
#topnav ul li  {line-height: 26px;}
	/* MENU WIDTH SETTINGS */
#menu, #menu ul{width:780px; position:relative; z-index: 100;}
#menu ul li ul,  #menu ul li ul li {width: 170px;}
#menu ul li ul li a {width:100px; }
#menu ul li ul li ul {left:210px;}
/* MENU COLOR SETTINGS */
#menu, #menu ul li a {
background-color:#ffffff;}
#menu ul li a {
color: #666666;}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu > ul > li:hover > a  {
color: #c11c21;
}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu > ul > li:hover > a, #menu li:hover a  {
background-color:#ffffff;
}
#menu ul li.selected > a {
background: #fffffff;
color: #c11c21;
}
#menu ul li ul li a{
border-top: 1px solid #666666;
}
#menu ul li ul li a {
background: x#f47d31;
color: #666666;
}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li a:active, #menu ul li ul li:hover > a{
background-color: #ffffff;
color: #c11c21;
}
/* GENERAL MENU SETTINGS */
#menu {
padding:0px 0px 0px 0px;
font-size: 18px; margin-left: 10px;
}
#menu a{
font-size: [menu-font-size];
font-weight: bold;
}
#menu ul {
list-style: none;
margin: 6px 0 0;
padding: 0;
}
#menu ul li {
position: relative;
float: left; padding: 0 6px; font-size: 16px;
}
#menu ul li a {
float: left;
padding: 6px;
text-decoration: none;
}
#menu ul li.selected > a {
text-decoration: none !important;
}
#menu ul li em {
position: absolute;
left: -10001px;
top: -10001px;
}
#menu ul li ul {
display: none;
position: absolute;
left: 0;
top:100%;
z-index:500;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul li ul li {
display: block;
float: none;
margin: 0;
}
html* #menu ul li ul li {
margin-bottom: -3px;
}
#menu ul li ul li a {
display: block;
float: none;
height: auto;
margin: 0;
padding: 6px 20px 6px 20px;
line-height: 1.3;
}
html* #menu ul li ul li a {
float: left;
}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li a:active, #menu ul li ul li:hover > a {
text-decoration: none;
}
#menu ul li ul li ul {
top: 0;
padding-left: 1px;
}
#menu ul li ul li ul li {
font-size: 1em;
}
#menu ul li ul li ul li a {
}

#menu .top_parent { height: 27px;}

#account-menu {float: left; width: 200px; display: inline}

#page-content {float: left; width: 530px; display: inline}

.col-2 {
  display: inline;
  float: left;
  width: 245px;
  margin-left: 20px;
}
.col-3 {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 365px;
}

.col-4 {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 485px;
}
.col-5 {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 605px;
}
.col-6 {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 725px;
}

.first {
  margin-left: 0;
}

hr {
  border: 0 none;
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

.hidden {display: none;}
.poster-sizes {margin-left: 140px; margin-top: 20px;}
.productAttributes {margin-left: 140px;}
.catProductAttributeGroup 	{clear: both;}
.catProdAttributeTitle {
  float: left;
  text-align: right;
  width: 40px;
}
.catProdAttributeItem 		{float:left; width: 200px; margin-bottom: 6px }
.catProdAttributeItem select {width: 150px;}
.shipping-options {float: right;}	
#shippingCountrySpan {float: left; padding: 4px 10px 0 0}
#shippingSpan  {float: left; padding: 4px 10px 0 0}
.shippingCountryDiv, .shippingDiv, .shippingPostcodeDiv {padding: 8px 0; display: block}
#shippingPostcodeSpan {float: left; padding: 4px 10px 0 0}
.shippingPostcodeDiv input {margin-left: -4px; padding-left: 0px;}
#shippingCalc {margin-left: 125px;}

table.order-list  {}
table.order-list td {padding: 6px;border: none;}
table.order-list tr {border-top: solid 1px #eee}
table.invoice td 	{padding: 6px;}

table.poster-prices td {padding: 8px; border: solid 1px #d8d8df;}
table.poster-prices th {background: #e7e7e8; padding: 8px; border: solid 1px #d8d8df;}
.product-instructions {margin-bottom: 15px;}
.legal-statement  ul li { list-style:outside; list-style-type:disc; margin-left: 15px;}

a.button {
    -moz-transition: all 150ms linear 0s;
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top ,#EEEEEE,#dfdfdf);
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: #C11C21;
    display: inline-block;
    margin: 5px 5px 10px 0;
    padding: 5px 14px 4px;
    vertical-align: middle;
}
a.button, a.button:visited {border: 0 none; color: #C11C21;}
a.button:hover, a.button:visited:hover {color: #FFFFFF; background: #C11C21;}
a.button:after {
    content: "›";
    font-family: trebuchet;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 0.5;
    margin: 0 0 0 12px;
}
a.button:hover, a.button:focus {box-shadow: 0 0 10px #d2d2d2;}