/* General HTML elements */
body { background: #000 /*url("../gfx/layout/body-background.gif") top center repeat-y*/; color: #fff; }
div#body { background: transparent url("../gfx/layout/top-strip.jpg") top left repeat-x; }

/* Useful Classes */
.error, .errors { color: #f00; }
p.intro { color: #00A3E5; }
p.highlight { color: #fff; background: #900; }

/* Link Colours */
a { color: #020; }
a:visited { color: #030; }
a:focus { color: #090; }
a:hover { color: #090; }
a:active { color: #0f0; }

/* General Forms */
input.button { background: #333; color: #fff; }
input.button:hover, input.button:focus { color: #ff0; }
/*input.button.checkout, input.button.add { background: #f00; }*/
fieldset { border-color: #000; border-style: solid; }
input.text, select, textarea { background: #fff; border-color: #000; border-style: solid; }
input.required, select.required, textarea.required { border-color: #f00; background: #fdd; }
legend { color: #000; }

/* Tables */
table { color: #000; background: #fff; border-color: #000; border-style: solid; }
thead tr { background: #000; color: #fff; }
tr.even { background: #eee; }
tr.vat { background: #ccc; }
tr.final { background: #000; color: #fff; }

/* Container */
div#container {  }

/* Top Menu */
ul#top_menu { background: #000; }
ul#top_menu li a { color: #fff; }
ul#top_menu li a:hover, ul#top_menu li a:focus { color: #ff0; }

/* Header */
div#header { background: #ccc url("../gfx/layout/header-background.jpg") top left repeat; color: #fff; border-color: #fff; border-style: solid; }
div#header a { color: #fff; }
div#header a:hover, div#header a:focus { color: #ff0; }

div#right_panel a { color: #fff; }
div#right_panel a:hover, div#header a:focus { color: #ff0; }

/* Inner */
div#inner { background: #fff url("../gfx/layout/main-background.jpg") top left no-repeat; }

/* Left Column */
ul#main_menu { background: #000; color: #fff; border-color: #fff; border-style: solid; }
ul#main_menu li { list-style-type: none; }
ul#main_menu a.category { background: transparent url("../gfx/layout/menu-arrow.jpg") center right no-repeat; }
ul#main_menu li a { color: #fff; }
ul#main_menu li a:hover, ul#main_menu li a:focus { color: #ff0; }
ul#main_menu li a.subcategory { color: #ccc; }
ul#main_menu li a.subcategory:hover, ul#main_menu li a.subcategory:focus { color: #ff0; }

/* Content */
div#content { background: #fff url("../gfx/layout/content-background.jpg") top left no-repeat;; color: #000; border-color: #333; border-style: solid; }

/* Vufold Doors */
ul#vufold_doors li { list-style-type: none; background: #000; color: #fff; }

/* Home Boxes */
ul#home_boxes li { background: #000; color: #fff; list-style-type: none; }
ul#home_boxes a { color: #fff; }
ul#home_boxes a:hover, ul#home_boxes a:focus { color: #ff0; }

/* Bottom Boxes */
ul#bottom_boxes li { background: #000; color: #fff; list-style-type: none; }
ul#bottom_boxes a { color: #fff; }
ul#bottom_boxes a:hover, ul#bottom_boxes a:focus { color: #ff0; }

/* Product List */
ul#product_list li { list-style-type: none; }
ul#product_list li a { color: #000; background: #fff; border-color: #ccc; border-style: solid; }
ul#product_list li a em { color: #f00; }
ul#product_list li a:hover { background: #eee; }

ul#product_list li span.price { background: #000; color: #fff; }

/* Scrollbox for Bespoke Frames */
ul#example_bespoke_frames_scrollbox { background: #fff; }
ul#example_bespoke_frames_scrollbox li { list-style-type: none; }

/* Scrollbox for Bespoke Frames */
ul#example_bespoke_frames { background: #fff; }
ul#example_bespoke_frames li { list-style-type: none; }
ul#example_bespoke_frames li a { border-style: solid; border-color: #000; }

/* Footer */
div#footer { background: #000; color: #fff; }
div#footer a { color: #fff; }
div#footer a:hover, div#footer a:focus { color: #ff0; }