/*GLOBAL STYLES*/
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,table,caption,blockquote
{
padding:0;
border:0;
margin:0;
}
/*BODY STYLES*/
body
{
background-color: #CCCCCC;
font-size:0.9em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
text-align:center;
}
/*GLOBAL STYLES*/
p
{
margin:0;
padding:0;
}
a
{
color: #00CCFF;
text-decoration: none;
}
a:hover
{
color: #666666;
}
a.ongrey
{
color: #666666;
text-decoration: none;
}
a.ongrey:hover
{
color: #000000;
}
h1
{
font-weight: bold;
background-color:transparent;
color: #666666;
clear:both;
font-size:1.4em;
}
#h1phrase
{
float:left;
text-align:left;
}
#h1phrase h1
{
width:400px;
font-weight: bold;
color: #FFFFFF;
font-size:12px;
}
h2
{
font-weight: bold;
background-color:transparent;
color: #00CCFF;
text-align:left;
padding:2px;
clear:both;
font-size:1em;
border-bottom:1px solid #DDDDDD;
margin-bottom:8px;
}
h3
{
font-weight: bold;
color:#00CCFF;
font-size:1em;
padding:7px 0px;
clear:both;
}
blockquote
{
border:1px solid #666666;
padding:3px;
background-color:#FFFFFF;
clear:both;
margin:10px 0px 10px 0px;
}
blockquote.valid
{
border:1px solid #00CC00;
color:#00CC00;
background-color:#FFFFFF;
}
blockquote.invalid
{
border:1px solid #FF0000;
color:#FF0000;
background-color:#FFFFFF;
}
.error
{
color: #FF0000;
}
.success
{
color: #00CC00;
}
ul.inline
{
list-style:none;
margin:0;
padding:0;
}
ul.inline span
{
float:left;
margin-right:5px;
}
ul.inline li
{
float:left;
padding:0px 5px 0px 5px;
border-left:1px solid #666666;
}
/*FORM STYLES*/
form fieldset
{
border:1px solid #DDDDDD;
padding:4px;
}
form legend
{
background-color:#00CCFF;
border:1px solid #666666;
color:#FFFFFF;
padding:2px;
font-weight:bold;
}
form label
{
font-weight:bold;
display:block;
color:#666666;
}
form input
{
border:1px solid #666666;
}
.textbox1
{
background-color: #FFFFFF;
width:100%;
height: 22px;
}
.button1
{
font-weight: bold;
background-color: #666666;
color:#FFFFFF;
}
textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-color: #FFFFFF;
border:1px solid #666666;
width: 100%;
height: 200px;
}
select.wide
{
background-color: #FFFFFF;
border: 1px solid #666666;
width: 100%;
font-size:12px;
}
select.multiple1
{
width: 100%;
height: 140px;	
}
/*
NAVIGATION
*/
.menubuttons
{
width:100%;
}
.menubuttons ul
{
list-style:none;
margin:12px 0px 0px 0px;
padding:0;
color:#00CCFF;
font-weight:bold;
}
.menubuttons li a
{
display:block;
background-color:transparent;
color:#666666;
margin-top:2px;
font-size:13px;
padding-left:18px;
background-image:url(../img/bullet1.gif);
background-repeat:no-repeat;
background-position:center left;
}
* html .menubuttons li a
{
float:left;
clear:left;
}
.menubuttons li a:hover
{
color:#00CCFF;
background-image:url(../img/bullet2.gif);
}
.menubuttons li.active a
{
background-color:#FFFFFF;
color:#666666;
font-weight:bold;
background-image:url(../img/bullet2.gif);
}

#headernav ul
{
list-style:none;
margin:0;
padding:0;
}
#headernav li
{
display:inline;
}
#headernav li a
{
float:left;
display:block;
padding:0px 4px 10px 4px;
background-color:transparent;
color:#FFFFFF;
border-bottom:13px solid #FFFFFF;
font-weight:bold;
font-size:13px;
border-right:1px solid #FFFFFF;
}
* html #headernav li a
{
height:20px;
}
#headernav li a:hover
{
background-color:#FFFFFF;
color:#00CCFF;
border-bottom:13px solid #00CCFF;
}
#headernav li.active a
{
background-color:#FFFFFF;
color:#00CCFF;
border-bottom:13px solid #00CCFF;
}

/*
PAGE CONTENT
*/
#accessibility
{
width:761px;
margin:0px auto;
text-align:right;
clear:both;
}
#topbar
{
width:761px;
height:28px;
position:absolute;
top:0px;
left:0px;
position:absolute;
}
#container
{
width:761px;
margin:0px auto;
text-align:left;
clear:both;
background-color:#FFFFFF;
}
#header
{
position: relative;
width: 761px;
height: 280px;
clear:left;
background-image:url(../img/header1.gif);
background-repeat:no-repeat;
}
#forumlogo
{
position:absolute;
top:32px;
left:403px;
width:120px;
height:44px;
}
#freedelivery
{
position:absolute;
top:82px;
left:403px;
width:120px;
height:60px;
}
#stockclearance
{
position:absolute;
top:35px;
left:403px;
width:120px;
height:42px;
}
#footer
{
position: relative;
clear: both;
width: 761px;
height: 100px;
background-image:url(../img/footer1.gif);
background-repeat:no-repeat;
padding-top:24px;
font-size:0.8em;
padding-bottom:30px;
background-color:#CCCCCC;
}
#swishpixel
{
position:absolute;
right:2px;
top:90px;
}
#content
{
float:right;
width: 761px;
padding: 0px;
padding-bottom:10px;
min-height:200px;
}
* html #content
{
height:200px;
}
#leftcol
{
width:530px;
float:left;
}
#rightcol
{
width:229px;
float:right;
background-color:#EEEEEE;
background-image:url(../img/products.gif);
background-repeat:no-repeat;
padding-top:12px;
padding-bottom:120px;
position:relative;
}
#rightcolfooter
{
position:absolute;
bottom:0px;
left:0px;
width:229px;
height:116px;
background-image:url(../img/curve1.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#rightcolflash
{
position:absolute;
bottom:0px;
left:0px;
}
#headernav
{
position:absolute;
left:0px;
top:238px;
height:42px;
width:530px;
}
#myaccount
{
position:absolute;
top:56px;
left:535px;
width:223px;
height:74px;
font-size:0.9em;
}
#myaccount div a
{
width:68px;
height:20px;
display:block;
float:left;
background-color:#999999;
color:#FFFFFF;
text-align:center;
font-weight:bold;
padding-top:10px;
margin:5px 3px 0px 0px;
}
#myaccount div a:hover
{
background-color:#00CCFF;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}
#mybasket
{
position:absolute;
top:168px;
left:535px;
width:223px;
height:35px;
font-size:0.9em;
}
#mybasket p
{
margin-top:8px;
}
#searchbox
{
position:absolute;
top:228px;
left:535px;
width:223px;
height:35px;
}
#currencyconvertor
{
float:right;
height:28px;
width:100px;
}
#currencyconvertor a
{
float:right;
width:28px;
height:28px;
}
.datatable
{
width:100%;
font-size:1em;
text-align:center;
border-collapse:collapse;
clear:both;
}
.datatable caption
{
text-align:left;
}
.datatable tr,.datatable td
{
border-bottom:1px solid #DDDDDD;
}
.dataheadings
{
font-weight:bold;
background-color:#666666;
color:#FFFFFF;
}
.datasubheadings
{
font-weight:bold;
font-variant:small-caps;
background-color:#00CCFF;
color:#FFFFFF;
}
.shaded
{
background-color:#EEEEEE;
}
.padder
{
border-right:10px solid #FFFFFF;
border-left:10px solid #FFFFFF;
}
/*POPUP STYLES*/
#popupcontainer
{
width:100%;
float:left;
text-align:left;
}
#popupheader
{
float:left;
clear:left;
width:100%;
height:110px;
background-image:url(../img/popup_header.gif);
background-repeat:no-repeat;
}
#popupcontent
{
float:left;
padding:10px;
background-color:#FFFFFF;
}
#popupfooter
{
float:left;
clear:left;
width: 100%;
height: 42px;
background-image:url(../img/popup_footer.gif);
background-repeat:repeat-x;
}
#winvoucher
{
width:308px;
height:80px;
position:absolute;
top:149px;
left:222px;
background-image:url(../img/win.gif);
background-repeat:repeat-x;
}
#winemail
{
position:absolute;
top:52px;
left:100px;
width:120px;
}
#winbutton
{
width:30px;
height:30px;
position:absolute;
top:50px;
left:230px;
}