html>body
{
    margin: 0px;
    padding: 0px;
    text-align: center;
height:100%;
min-height:100%;
}

/*ALL: CONTROLS OVERALL WIDTH & POSITION*/

#all
{
width: 900px;
padding-top: 5px;
margin:auto;
background-color: #FFFFFF;

}

/*GENERAL TEXT AND LINK STYLES*/
p
{
    font: normal small verdana, arial, sans-serif;
    line-height: 140%;
    color: #000000;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 0px;
    text-align: left;
}

h1
{
    font: bold 125% "trebuchet ms",arial, sans-serif;
    color: #333333;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
}

h2
{
    font: bold 100% "trebuchet ms",  arial, sans-serif;
    color: #333333;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
}

h3
{
    font: bold small verdana, arial, sans-serif;
    color: #333333;
    padding-left: 20px;
    padding-top: 5px;
    text-align: left;
}

a
{
    color: #000066;
    text-decoration: underline;
}

a:hover
{
    text-decoration: underline;
    color: #FF6600;
}



/*HEADER: WIDTH & LOGO IMAGE*/

#header
{
    width: 100%;
background-color: #FFFFFF;
}
#header img
{
    border: 0;
    float: left;
    padding-left: 0px;

}

/*TOP NAVIGATION*/

.top
{
    font: normal small Verdana, Arial,sans-serif;

    background-color: #FFFFFF;
    float: right;
    padding-right: 160px;
    padding-top: 5px;
    text-transform: capitalize;
}

.top ul
{
    margin: 0px;
    padding: 0px 0 0 10px;
}

.top li
{
    list-style: none;
    display: inline;
    text-align: left;
}

.top li a
{
    text-align: left;
    font: normal bold small verdana, Arial,sans-serif;
    color: #000066;
    padding-right: 20px;
    text-decoration: none;
}

.top li a:hover
{
    color: #FF6600;
    text-decoration: underline;
}

.top li a.on
{
    color: #FF6600;
    text-decoration: underline;
}

/*RED SECTION: LAYOUT ie CORNERS & WIDTH*/
.left
{
    width: 22%;
    float: left;
    margin-top: 0px;
}

.left-box
{
    background: #FBEFE8;
}

.left-tl
{
    background: url(images/left-tl.gif) no-repeat 0 0;
    position: relative;
}
.left-tr
{
    background: url(images/left-tr.gif) no-repeat 100% 0;
    position: relative;
}
.left-bl
{
    background: url(images/left-bl.gif) no-repeat 0 100%;
    position: relative;
}
.left-br
{
    background: url(images/left-br.gif) no-repeat 100% 100%;
    position: relative;
}
.left-t
{
    background: url(images/left-top.gif) repeat-x 0 0;
    position: relative;
}
.left-b
{
    background: url(images/left-bottom.gif) repeat-x 0 100%;
    position: relative;
}
.left-l
{
    background: url(images/left-l.gif) repeat-y 0 0;
    position: relative;
}
.left-r
{
    background: url(images/left-r.gif) repeat-y 100% 0;
    position: relative;
}

/*RED SECTION: LEFT NAVIGATION STYLES*/

.left-inner
{
    border: solid 0px #EAFAFF;
    padding-bottom: 10px;
}

.left ul
{
    list-style-type: none;
    padding-top: 35px;
    padding-bottom: 10px;
    margin-left:15px;
}

.left li
{
    text-align: left;
    padding-bottom: 5px;
}
.left li a
{
    color: #FF0000;
    font: normal 75% verdana, arial, sans-serif;
    text-decoration: none;
}
.left li a:hover
{
    color: #FF6600;
    text-decoration: underline;
}
.left li a.on
{
    color: #FF6600;
    text-decoration: underline;
}
.left img{padding-left:10px;}
/*RED SECTION: SUB NAVIGATION*/

ul li dl
{
    margin: 0;
    padding: 0;
}
ul li dl dt
{
    margin: 3px 0;
    padding: 0 0 0 2px;
    font: 90% Verdana, sans-serif;
}
uL li dl dt a, ul#nav li dl dt a:link, ul#nav li dl dt a:visited
{
    font-weight: normal;
    display: inline;
    padding: 0;
}
ul li dl dt a:hover, ul li dl dt a:active, ul li dl dt a.on
{
    color: #474747;
    text-decoration: none;
}

/*RED SECTION: NEWSLETTER SIGN UP SECTION*/
.left-news
{
    margin-bottom: 25px;
    margin-left: 20px;
}
.left-news h1
{
    font: bold small verdana, arial, sans-serif;
    color: #333333;
    padding: 0;
}
.left-news p
{
    font: normal 72% verdana, arial, sans-serif;
    color: #333333;
    padding: 0 30px 0 0;
}

.left-news ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom:60px;
}
.left-news li
{
    list-style-type: none;
    font: normal small verdana, arial, sans-serif;
    padding-top: 5px;
    margin-left: 5px;
    text-decoration: none;
    text-align: left;
}
.left-news label
{
    width: 145px;
    text-decoration: none;
}
.left-news input
{
    width: 145px;
    border: solid 1px #c0c0c0;
    font: normal 95% verdana, sans-serif;
    color: #333333;
    background: white;
}
.left-news input.submit
{
    width: 145px;
    border: solid 1px red;
    font: normal 95% verdana, sans-serif;
    color: red;
    background: white;
}

/*BLUE SECTION: MAIN CONTENT AREA*/
#content-area
{
    margin-top: 0px;
    float: left;
    width: 55%;
    min-height:500px;
}
#main-container
{
    padding-left: 2px;
    padding-bottom: 2px;
    margin: 2px 0 2px 2px;
    padding-top: 0px;
}
.main-box
{
    border: 1px solid #ffffff;
    background: #EAFAFF;
}
.main-tl
{
    background: url(images/main-tl.gif) no-repeat 0 0;
    position: relative;
}
.main-tr
{
    background: url(images/main-tr.gif) no-repeat 100% 0;
    position: relative;
}
.main-bl
{
    background: url(images/main-bl.gif) no-repeat 0 100%;
    position: relative;
}
.main-br
{
    background: url(images/main-br.gif) no-repeat 100% 100%;
    position: relative;
}
.main-t
{
    background: url(images/main-top.gif) repeat-x 0 0;
    position: relative;
}
.main-b
{
    background: url(images/main-bottom.gif) repeat-x 0 100%;
    position: relative;
}
.main-l
{
    background: url(images/main-r.gif) repeat-y 0 0;
    position: relative;
}
.main-r
{
    background: url(images/main-l.gif) repeat-y 100% 0;
    position: relative;
}
.main-content
{
    width: 95%;
    padding-top: 25px;
    padding-bottom: 28px;
    min-height:485px;
}


/*GREEN SECTION: LAYOUT & WIDTH*/
.green
{
    width: 22%;
    float: left;
    margin-top: 0px;
    margin-left: 5px;
}

.green-box
{
    background: #e3f0e3;
    margin-top: 0px;
}

.green-tl
{
    background: url(images/green-tl.gif) no-repeat 0 0;
    position: relative;
}
.green-tr
{
    background: url(images/green-tr.gif) no-repeat 100% 0;
    position: relative;
}
.green-bl
{
    background: url(images/green-bl.gif) no-repeat 0 100%;
    position: relative;
}
.green-br
{
    background: url(images/green-br.gif) no-repeat 100% 100%;
    position: relative;
}
.green-t
{
    background: url(images/green-top.gif) repeat-x 0 0;
    position: relative;
}
.green-b
{
    background: url(images/green-bottom.gif) repeat-x 0 100%;
    position: relative;
}
.green-l
{
    background: url(images/green-l.gif) repeat-y 0 0;
    position: relative;
}
.green-r
{
    background: url(images/green-r.gif) repeat-y 100% 0;
    position: relative;
}

/*GREEN SECTION: CONTENT*/
.green-inner
{
    border: solid 0px #fbefe8;
    padding-bottom: 10px;
}
.green-inner h1
{
    font: bold small verdana, arial, sans-serif;
    color: #02B402;
    padding-left: 20px;
    padding-top: 25px;
}
.green-inner p
{
    font: normal 72% verdana, arial, sans-serif;
    color: #02B402;
    padding-right: 25px;
    padding-top: 0px;
}
.green-inner a
{
    color: #02B402;
    text-decoration: underline;
}
.green-inner a:hover
{
    color: #FF6600;
}

.green li
{
    list-style-type: none;
    font: normal 85% Verdana, arial, sans-serif;
    padding-top: 5px;
    margin-right: 15px;
    text-decoration: none;
    text-align: right;
}
.green label
{
    width: 5px;
    text-decoration: none;
}
.green input
{
    width: 100px;
    border: solid 1px green;
    font: normal 95% verdana, sans-serif;
    background: white;
}
.green input.submit
{
    width: 145px;
    border: solid 1px red;
    font: normal 95% verdana, sans-serif;
    color: green;
    background: white;
}

/*YELLOW SECTION: LAYOUT & STYLES*/
.yellow
{
    width: 22%;
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}

.yellow-box
{
    background: #f7f5da;
}

.yellow-tl
{
    background: url(images/yellow-tl.gif) no-repeat 0 0;
    position: relative;
}
.yellow-tr
{
    background: url(images/yellow-tr.gif) no-repeat 100% 0;
    position: relative;
}
.yellow-bl
{
    background: url(images/yellow-bl.gif) no-repeat 0 100%;
    position: relative;
}
.yellow-br
{
    background: url(images/yellow-br.gif) no-repeat 100% 100%;
    position: relative;
}
.yellow-t
{
    background: url(images/yellow-top.gif) repeat-x 0 0;
    position: relative;
}
.yellow-b
{
    background: url(images/yellow-bottom.gif) repeat-x 0 100%;
    position: relative;
}
.yellow-l
{
    background: url(images/yellow-l.gif) repeat-y 0 0;
    position: relative;
}
.yellow-r
{
    background: url(images/yellow-r.gif) repeat-y 100% 0;
    position: relative;
}

/*YELLOW SECTION: CONTENT*/
.yellow-inner
{
    border: solid 0px #fbefe8;
    padding-bottom: 10px;
}

.yellow-inner h1
{
    font: bold small verdana, arial, sans-serif;
    color: #E89606;
    padding-left: 15px;
    padding-top: 25px;
}

.yellow-inner h2
{
    font: bold small verdana, arial, sans-serif;
    color: #E89606;
    padding-left: 15px;
    padding-top: 0px;
}

.yellow-inner ul
{
    margin: 0;
    padding-left: 5px;
    padding-right:20px;
    padding-bottom:0px;
}
.yellow-inner li
{
    list-style-type: none;
    font: normal 72% verdana, arial, sans-serif;
    color: #E89606;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: left;
}

.yellow-inner a
{
    color: #E89606;
    text-decoration: none;
}
.yellow-inner a:hover
{
    color: #ff6600;
    text-decoration: underline;
}

.smallyellow li
{
align: right;
}

.smallyellow a
{
    font: normal 100% verdana, arial, sans-serif;	
    color: #E89606;
    text-decoration: none;
}
.smallyellow a:hover
{
    color: #FF6600; 
   text-decoration: underline;
}

/*FORMS*/

#content ul
{
    list-style-type: none;
    text-align: left;
    font: small arial, sans-serif;
    color: #000000;
}
#content li
{
    padding-bottom: 10px;
}
label
{
    width:12em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    font: small  arial, sans-serif;
    color: #000000;
}
input
{
    border: 1px solid #474747;
    width: 200px;
    font: 12px arial, sans-serif;
    color: #777777;
}
textarea
{
    border: 1px solid #474747;
    width: 200px;
    font: 12px arial, sans-serif;
    color: #777777;
}
select
{
    color: #777777;
    width: 200px;
    border: 1px solid #4A6E5C;
    background: #ffffff;
    margin-left: 0px;
}
.checkbox
{
    text-align: left;
}

input[type=checkbox] {border: none;}

input.submit
{
    color: #777777;
    width: 70px;
    border: 1px solid #4A6E5C;
    background: #ffffff;
    margin-left: 0px;
}

/*CATALOGUE*/

/*SHOPPING BASKET*/

/*TABLES*/

/*FOOTER*/

.footer-r
{
    width: 45%;
    float: right;
    text-align: right;
    margin-right: 20px;
    font: normal 70% verdana, sans-serif;
    color: #a9a9a9; 
    clear: both;
}
.footer-l
{
    width: 50%;
    float: left;
    text-align: left;
    margin-left: 20px;
    font: normal 70% verdana, sans-serif;
    color: #a9a9a9;
}


/*MISCELLANEOUS CLASSES*/
.clear
{
    clear: both;
    height: 0px;
}

.copyprob
{
    color: Red;
    font-weight: bold;
}

.red
{
    font: bold small  arial, sans-serif;
    margin:0px;
    font-size: 10px;
    color: red;
}
.right
{
    border-right: #000 0px solid;
    border-top: #000 0px solid;
    float: right;
    margin: 0px 0px 0px 22px;
    border-left: #000 0px solid;
    border-bottom: #000 0px solid;
}

#productpic 
{
float: left;border:1px solid #fff;
}

#productpic img 
{
margin-top: 5px;
}

#productdesc 
{
float: left;width: 370px;text-align: left;border: 1px solid #fff;
}

#productdesc p input 
{
color: #cc6346; border: 1px solid #474747;font: normal 100% VERDANA, arial, sans serif;background: #fff;
}

.products 
{	
margin: auto;text-align: center;vertical-align: top;
}

table.products 
{display: block;
}

table.products tr td 
{
font: normal 80% verdana, arial, helvetica, sans-serif;text-align: center;width: 200px;
}

table.products tr td img 
{
border: 0 solid #777;margin: 10px 0 4px;
}

table.products tr td a 
{
color: #5291C2;text-decoration: none;
}

table.products tr td a:hover 
{
color: #cc6346; text-decoration: none;
}

table.products tr td a.on 
{
color: #a9a9a9;text-decoration: none;
}

#breadcrumb 
{
padding-top: 10px;text-align: right;margin-right: 20px;font: 75% verdana, arial, sans-serif;color: #474747;text-decoration: none;
}

#breadcrumb a 
{
font: 100% verdana, arial, sans-serif;text-decoration: none;color: #5291c2;
}

#breadcrumb a:hover 
{
color: #cc6346;text-decoration: none;
}

#breadcrumb a.on 
{color: #a9a9a9;
}

.Currency
{
    width: 95px;
    font: normal 80% verdana, sans-serif;
    background: white;
}

#tblOptions
{
    font: x-small verdana, arial, sans-serif;
    text-align: left;
    color: #333333;
    vertical-align: top;
    border:0;
    padding:0;
    margin:0;   
}

.OptionBox
{
    text-align: left;
    width:50px;
}

/* DATE PICKER */

.DatePicker
{
background-color: #ffffff;border:1px solid #ccc;font: normal normal 10px verdana,sans-serif;
}

.dateheader
{
background-color:#1A2B5C;color:#fff;font: normal bold 10px verdana,sans-serif;border:0px;
}

.dateheader a
{
text-decoration:underline;color:#ffffff
}

.dateheader a:hover
{
text-decoration:underline;color:#008CFF
}

.dateheader a:visited
{
text-decoration:underline;color:#ffffff
}

.SelectedDate
{
background-color: #E1E8E8;color:#336699;border:1px solid #ccc;
}

.WeekendDate
{
background-color: #EAEEEE;
color:#fff;
}

table.shopping
{
width:100%;
}
table.shopping tr td
{
    padding: 2px;
    font: xx-small verdana,arial,helvetica,sans-serif;
    color: #777777;
    text-align: center;
    background-color: #EDEDED;
}
table.shopping tr th
{
    padding: 5px;
    font: normal bold xx-small verdana,arial,helvetica,sans-serif;
    color: #696969;
    text-align: left;
    background-color: #e3f0e3;
}

ol
{
    font: normal small verdana, arial, sans-serif;
    line-height: 140%;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: left;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

#ratTable TD
{
    font: normal small arial, sans-serif;
    line-height: 140%;
}

#list ul, #list li{font: normal small verdana, arial,
sans-serif;list-style-type:disc;color:#000000;padding-left: 5px; margin-left:
15px;margin-top:0;
} 


#content {
min-height:500px;
  height:auto !important;
  height:500px;
}

.EventList a
{color: #000066;text-decoration: none;}

.EventList a:hover
{color: #FF6600; text-decoration: none;}