/* LAYOUT
---------------------------------------------------------------------------------------------- */

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

body {
font-family:Arial, Helvetica, sans-serif; 
font-size:80%; 
color:#333; 
/*font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:75%;
color:#333;*/
text-align:center;
background-color:#e3e3e3;
}

#wrapperOuter {
padding-top:182px;
background:url('../../images/assets/headerBG.gif') repeat-x 0px 0px;
}

#shadow, #footer {
margin:0 auto;
width:967px;
background:url('../../images/assets/wrapperBG.png') repeat-y;
text-align:left;
}

#wrapper {
text-align:left;
background:#fff url('../../images/assets/wrapperBG.gif') repeat-x 0px -1px;
}

#wrapper, 
#header .inner,
#footer div {
margin:0 auto;
width:939px;
}

#header #awningAccounts .inner {
padding:7px 20px 0px 50px;
width:869px !important;
text-align:left;
}

* html #header #awningAccounts .inner {
width:939px !important;
}


/* HEADER
---------------------------------------------------------------------------------------------- */

#header {
position:absolute;
top:0px;
left:0px;
width:100%;
background:url(../images/headerTopBG.gif) repeat-x top;
text-align:center;
}

#header .inner {
position:relative;
}


/* COLUMNS
---------------------------------------------------------------------------------------------- */

#columns {
float:left; 
width:100%;
padding-top:10px;
padding-bottom:20px;
}

#left {
float:left; 
width:170px; 
margin:0px 0px 0px -5%;
/*background-color:blue;*/
}

/* Win IE and IE Mac */
* html div#left {
margin:0px;
}

#centerWrap {
float:left; 
width:100%; 
margin:0px -95% 0px 0px;
}

/* Win IE and IE Mac */
* html div#centerWrap {
margin:0px -100% 0px 0px;
}

#centerWrap #content {
margin:0px 182px 0px 182px;
/*background-color:yellow;*/
}

#centerWrap .wide {
margin:0px 182px 0px 20px !important;
/*background-color:yellow;*/
}

#right {
float:right; 
width:170px;
/*background-color:yellow;*/
}

#left .inner {
margin-left:20px;
}

#right .inner {
margin-right:20px;
}

#left .sideBox,
#right .sideBox {
margin-bottom:10px;
}

#left .sideBox h3,
#right .sideBox h3 {
padding:5px 0px;
font-size:1.4em;
text-align:center;
}


/* ELEMENTS
---------------------------------------------------------------------------------------------- */

form, input, 
select, option, label {
margin:0px; 
padding:0px;
}	

input {
padding:1px 2px;
font-size:.9em;
}

option {
padding-right:10px;
}															

img {
border:none;
}

h1, h2, h3, h4, h5 {
/*font-family:"Trebuchet MS";*/
}

h1 {
position:relative;
top:-5px;
font-size:1.75em;
color:#000;
}

h2 {
font-size:1.25em;
color:#006;
}

h3, h4, h5 {
font-size:1em;
}

ul {
list-style-type:none;
list-style-position:outside;
}

table {
width:auto !important; /* make sure all tables are gone before removing this - or at least the width attribute */ 
border-collapse:collapse;
}


/* IDs and CLASSES - global
---------------------------------------------------------------------------------------------- */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
clear:both;
}

.left, .right {
float:left;
width:49%;
}

.right {
float:right;
text-align:right;
}

.end {
margin-right:0px !important;
}


/* GLOBAL: errors
--------------------------------------------------------------------------- */

.error, .messageStackError, .messageStackWarning {
}

.error {
margin-bottom:30px !important;
padding:10px !important;
font-size:14px !important;
color:#cc0000 !important;
border:3px double #cc0000 !important;
}

.error .uppercase {
color:#cc0000 !important;
}

.error td {
font-size:14px !important;
color:#cc0000 !important;
}

#right .error {
margin-bottom:0px !important;
padding:0px 10px 0px 10px !important;
border:none !important;
}
#right .error .messageStackError {
padding:2px 0px !important;
font-size:11px !important;
}
#right .error .messageStackError strong {
font-size:12px !important;
font-weight:bold !important;
}

s {
font-weight:bold;
/*color:#cc9999;*/
color:#999;
}

.price {
font-weight:bold;
color:#cc0000;
}

.rrp {
font-weight:bold;
color:#999;
text-decoration:line-through;
}

.ourPrice {
font-weight:bold;
color:#cc0000;
}

.offerPrice {
font-weight:bold;
color:#cc0000;
}


.offer {
position:relative;
top:5px;
padding:2px;
font-size:.75em;
background-color:#D67474;
color:#fff;
}

.outofstock {
position:relative;
top:5px;
padding:2px;
font-size:.75em;
background-color:#cc0000;
color:#fff;
}

.youSave {
color:#333;
}

.normal {
font-size:100%;
text-transform:lowercase !important;
}

.uppercase {
text-transform:uppercase !important;
}

.grey {
color:#666;
}
.red {
color:#cc0000;
}

/* FOOTER
---------------------------------------------------------------------------------------------- */

#footer {
clear:both;
}

#footer div {
padding:10px 0px;
background:#fff url(../../images/assets/footerBG.gif) repeat-x bottom; 
}

#footer #links {
padding-top:20px;
border-top:1px solid #ccc;
}

#footer p {
margin:10px 20px;
font-size:.75em;
color:#000;
}

#footer a {
color:#000;
}

#footer a:hover {
}