/* 

Key Colours			Dark			Light
----------------------------------------------------------------------

*/

/* CSS Reset  (from http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------- */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Typography
---------------------------------------------------------- */

body {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 75%; /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */
	line-height: 1.5;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}

h1 {
	font-family: Century Gothic;
	font-size: 2.2em;
	line-height: 1;
	margin-bottom: 0.8em;
	padding-bottom: 7px;
	background: transparent url(images/underline.jpg) no-repeat bottom left;
	color: #8C0708;
	}

h2 {
	font-size: 16px;
	margin-bottom: 0.2em;
	}

h3 {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 1em;
	}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
	}

h5 {
	font-size: 10pt;
	margin-bottom: 1.5em;
	}

h6 {
	font-size: 1em;
	}

p {
	margin: 0 0 1.5em 0;
	}

p:last-child {
	margin-bottom: 0;
	}

p img {
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
	}

img {
	margin: 0;
	}

ul, ol {
	margin:1em 1.5em 1.5em 1.5em;
	}

ul {
	list-style-type: circle;
	padding-left: 17px;
	}

ul li {
	font-size: 1em;
	}
	
ul li a{
	color: #000;
	text-decoration: none;
	}
	
ul li a:hover{
	color: #000;
	text-decoration: underline;
	}
	
ol {
	list-style-type: decimal;
	}

dl {
	margin: 0 0 1.5em 0;
	}

dl dt {
	font-weight: bold;
	}

dd {
	margin-left: 1.5em;
	}

abbr, acronym {
	border-bottom: 1px dotted #666;
	}

address {
	font-style: italic;
	margin-top: 1.5em;
	}

del {
	color:#666;
	}

a:focus, 
a:hover {
	color: #FF732F;
	text-decoration: underline;
	}

a {
	color: #FF732F;
	text-decoration: none;
	}

blockquote {
	color: #666;
	font-style: italic;
	margin: 1.5em;
	}

strong {
	font-weight: bold;
	}

em, dfn {
	background: transparent;
	font-style: italic;
	}

dfn {
	font-weight: bold;
	}

pre, code {
	margin: 1.5em 0;
	white-space: pre;
	}

pre, code, tt {
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 1.5;
	} 

tt {
	display: block;
	line-height: 1.5;
	margin: 1.5em 0;
	}

table {
	margin-bottom: 1em;
	}

th {
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	}

td {
	border-bottom: 1px solid #ccc;
	}

th, td {
	padding: 0.2em;
	}

input, textarea, select {
	background: #f5f5f5;
	border: 1px solid #aaa;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}

input:focus, textarea:focus, select:focus {
	background: #fff;
	border: 1px solid #666;
	}

textarea {
	font-size: inherit;
	}

/*input.inputButton {
	background: #FF732F;
	border: 1px solid #AF4F20;
	color: #fff;
	font-weight: bold;
	font-family: inherit;
	margin: 0 0 0 0;
	overflow: visible;			fix for IE6 double padding on buttons 
	padding: 0 0.2em;
	text-align: center;
	width: auto;				 fix for IE6 double padding on buttons 
	}*/
input.inputButton {
	background: transparent url(images/submit.png) top right no-repeat;
	width: 110px;
	height: 26px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	}
/* Containers
---------------------------------------------------------- */

body#mongoose {
	background: url('images/bg.png') repeat-x left top;
	background-color: #fff;
	color: #000;
	padding: 0;
	}

#container {
	background: transparent;
	margin: 0 auto;
	position: relative;
	text-align: left;
	clear: both;
	}
#content_wrap {
    background: transparent;
    clear: both;
}
#content_container {
	background: #fff;
	clear: both;
	padding: 0;
	width: 1000px; /* Theme: the width needs to be repeated here or IE bugs out */
	margin: 0 auto;
	}

#content {
	margin: 0;
	min-height: 300px;
	padding: 0 0 18px 0;
	}
#content h1 
{
    text-transform: uppercase;
} 
#content.two_column {
	float: left;
	width: 639px;
	padding-right: 15px;
	font-size: 10pt;
	}

#sidebar {
	background: #fff url('images/sidebar_smoke.png') no-repeat center top;
	color: #000;
	float: left;
	width: 301px;
	min-height: 350px;
	padding-right: 25px;
	margin-bottom: 50px;
	}
.home_table {
    border: 1px solid #BFBFBF;
}
.home_table tr {
    border: 1px solid #BFBFBF;
}
.home_table tr td {
    padding-left: 5px!important;
}
/* Header
---------------------------------------------------------- */

#header {
	background: transparent;
	color: #fff;
	clear: both;
	height: 349px;
	float: left;
}

#header #logo {
	width: 300px;
	height: 115px;
	position: absolute;
	z-index: 1;
	}

#header #logo a {
	background: transparent /*url(images/logo.png) no-repeat top left; /* Theme: hook up their logo here */
	color: #333;
	display: block;
	font-size: 3em;
	height: 115px;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	width: 300px;
	}
#header_wrap {
    background: transparent url(images/header_bg.jpg) top left repeat-x;
    clear: both;
}
#left_header {
    background: transparent url(images/mast_pic.png) top left no-repeat;
    height: 358px;
    width: 308px;
    float: left;
    margin-top: 3px;
}
#right_header {
    background: transparent;
    height: 358px;
    width: 680px;  
    float: right;
}
#header_inner1 {
    margin: 0 auto;
    width: 1000px;
    height: 375px;
}

/* Small Header
---------------------------------------------------------- */

#header_wrap_small {
    background: transparent url(images/header_bg2.png) top left repeat-x;
    clear: both;
}
#left_header_small {
    background: transparent url(images/mast_pic2.png) top left no-repeat;
    height: 270px;
    width: 308px;
    float: left;
    margin-top: 3px;
}
#right_header_small {
    background: transparent;
    height: 270px;
    width: 680px;  
    float: right;
}
#header_inner1_small {
    margin: 0 auto;
    width: 1000px;
    height: 275px;
}
#mast_small{
    clear: both;
    width: 680px;
    height: 150px;
    background: transparent no-repeat right;
    padding: 20px 0 0 0;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar h2{
    font-size: 2em;
}
h2.search_site {
	background: transparent url(images/search.gif) no-repeat top left;
	display: block;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
}	
h2.latest_articles {
	background: transparent url(images/latest.gif) no-repeat top left;
	display: block;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	margin-left: 20px;
}
#latest_articles ul {
	padding: 0;
}
#latest_articles ul li{
    list-style-type: none;
	background: url(images/paper.png) no-repeat left center;  
	padding-left: 40px;
	height: 32px;
	margin-bottom: 7px;
}
#latest_articles ul li a{
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
h2.search_catalog{
    background: transparent url(images/title_search_catalog.gif) no-repeat top left;
	display: block;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
}
.product_list{
    width: 246px;
    margin: auto;
    text-align: left;
}
.product_list h2{
    background: transparent url(images/title_browse_category.gif) no-repeat top left;
	display: block;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
}

/* Featured Product
---------------------------------------------------------- */
.featured_products ul, .related_products ul{
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}
.featured_products ul li, .related_products ul li{
    width: 150px;
    height: 100px;
    float: left;
    text-align: center;
}

/* Footer
---------------------------------------------------------- */

#footer {
	background: transparent url(images/footer_bg.jpg) repeat top left;
	clear: both;
	width: 100%;
	height: 317px;
	}

#footer p {
	margin: 0;
    float: right;
    padding-top: 3px;
    color: #fff;
	}

#footer .copyright {
    float: left;
	}
	
#footer .designed_by {
	padding-bottom: 10px;
	}
#footer_inner {
    background: transparent url(images/footer_bg_img.jpg) no-repeat center;
    width: 1000px;
    margin: auto;
    height: 317px;
}
#footer_inner .copyright, 
#footer_inner .designed_by,
#footer_inner .terms {
    font-size: 7pt;
    padding-top: 6px;
}
.site_map {
    clear: left;
    float: left!important;
}
#footer ul li a {
    color: #fff;
}
#footer h2 {
    color: #fff;
    padding-top: 20px;
    width: 300px;
    float: left;
}
#contact_details {
    font-weight: bold;
    width: 230px;
    height: 170px;
    clear: both;
    padding-top: 20px!important;
}
/* Menu
---------------------------------------------------------- */

#nav {
	/* R.A.D. Theme */
	background: url('images/nav_bg.png') no-repeat center;
	float: left;
	width: 680px;
	height: 42px;
	color: #fff;
	}
#ctl00_ctl00_MainMenu_m0 {
    width: 120px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenu_m1 {
    width: 130px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenu_m2 {
    width: 143px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenu_m3 {
    width: 117px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenu_m4 {
    width: 140px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}


#ctl00_ctl00_MainMenusmall_m0 {
    width: 120px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenusmall_m1 {
    width: 130px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenusmall_m2 {
    width: 143px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenusmall_m3 {
    width: 117px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
#ctl00_ctl00_MainMenusmall_m4 {
    width: 140px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    margin-left: 5px;
}
/* Mast
---------------------------------------------------------- */
#mast{
    clear: both;
    width: 680px;
    height: 230px;
    background: url('images/mast_home.png') no-repeat right;
    padding: 35px 0 0 0;
}

/* Search Paging
---------------------------------------------------------- */
.search_paging {
	clear: both;
	padding: 0.5em 0;
	text-align: right;
	}

.search_paging span,
.search_paging a {
	padding: 0 0.2em;
	}
	
/* Search Site
---------------------------------------------------------- */
#search_site, .product_search_form{
    width: 200px;
    height: 25px;
    background: transparent url(images/search_bg.png) top right no-repeat;
    float: right;
    margin-top: 10px;
}
#search_site .inputText, .product_search_form .inputText{
    background: transparent;
    width: 170px;
    height: 25px;
    border: none;
    color: #000;
    float: left;
    clear: none;
}
#search_site .inputButton, .product_search_form .inputButton{
    display: block;
    width: 28px;
    height: 25px;
    background: transparent;
    border: none;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
#search_site2, .product_search_form{
    width: 200px;
    height: 25px;
    background: transparent url(images/search_bg.png) top right no-repeat;
    float: right;
    margin-top: 10px;
}
#search_site2 .inputText, .product_search_form .inputText{
    background: transparent;
    width: 170px;
    height: 25px;
    border: none;
    color: #000;
    float: left;
    clear: none;
}
#search_site2 .inputButton, .product_search_form .inputButton{
    display: block;
    width: 28px;
    height: 25px;
    background: transparent;
    border: none;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
#IEroot #search_site .inputButton{
    width: 28px;
    font-size: 0;
    color: #f00;
    text-align: right;
    text-indent:20px;
}
/* Forms
---------------------------------------------------------- */


fieldset {
	border: 1px solid #ccc;
	}

legend {
	font-style: oblique;
	font-weight: bold;
	}

.required,
.optional,
.buttons {
	clear: both;
	padding: 10px 0 0 0;
	}

.form label {
	clear: both;
	display: block;
	}

.form .required label {
	font-weight: bold;
	}

.form span label,
.form p label {
	display: inline;
	font-weight: normal;
	}

.dynamic_error {
	background: transparent;
	clear: both;
	color: #f00;
	float: left;
	}

.form .buttons input {
	float: right;
	margin-left: 0.5em;
	}

.form p input {
	vertical-align: middle;
	}

.form .list input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	}

input.inputText {
	width: 60%;
	}

textarea.inputTextArea {
	height: 10em;
	overflow: auto;
	width: 99%;
	}


.form fieldset{
    width: 639px;
    margin: 10px auto;
}

.form fieldset label{
    clear: both;
    width: 150px;
    float: left;
    color: #AE410C;
}
.form fieldset .required{
   clear: both; 
   padding: 10px 0;
}
.form fieldset input{
    float: left;
}
.form fieldset textarea{
    width: 230px;
    float: left;
}

.form .buttons{
    width: 100%;
    margin: auto;
    clear: both;
    height: 30px;
    float: right;
}
#ctl00_ctl00_cph_content_content_FormsDisplay_rpFields_ctl12_lblLabel {
    display: none;
}
input, textarea {
    float: left;
    clear: both;
}
.left_column {
    float: left;
    width: 280px;
    padding: 0 25px 20px 15px;
}
.right_column {
    float: left;
    width: 280px;
}
.form .radio_list label{
    clear: none;
}
.form .radio_list input{
    border: none;
    background: transparent;
}
legend {
    width: 0;
    padding: 0;
    margin: 0;
}
#ctl00_ctl00_cph_content_content_FormsDisplay_rpFields_ctl12_divField {
    padding: 20px 0 0!important;
}
select {
    float: left;
    clear: both;
}
.blog label {
    width: 100%!important;
}
.blog textarea {
    width: 100%!important;
}
.blog .form #pad{
    padding: 0 15px 0 15px;
}
.blog fieldset {
    width: 70%;
    float: left;
}
.blog input.inputText {
    width: 100%!important;
}
#ctl00_ctl00_cph_content_content_FormsDisplay_rpFields_ctl13_lblLabel {
    display: none;
}
#ctl00_ctl00_cph_content_content_FormsDisplay_rpFields_ctl13_18 label {
    clear: none!important;
}
/* Dashbar
---------------------------------------------------------- */

.media_gallery_items {
	float: left;
	padding: 10px 19px;
	width: 840px;
	}

.two_column .media_gallery_items {
	padding: 10px;
	width: 560px;
	}

.media_gallery_items .media_item_container {
	background: #eee;
	float: left;
	min-height: 120px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	width: 120px;
	}

.media_gallery_items .media_item_container:hover {
	background: #ccc;
	}

.media_gallery_items .media_item_container img {
	margin: 0;
	}

.media_gallery_items .media_item_container .media_item {
	height: 80px;
	}

#flashcontent {
	margin: 0 auto;
	width: 320px;
	}

/* Dashbar
---------------------------------------------------------- */

#mongoose_dashbar {
    background-color: #fff;
	color: #000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	width: 970px;
	z-index: 1;
	}

#mongoose_dashbar a {
	color: #000;
	}

/* Editlinks
---------------------------------------------------------- */

.editlinks {
	background-color: #000;
	clear: both;
	padding: 0.5em;
	text-align: right;
	}

.editlinks a {
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 1em;
	}

/* Sales
---------------------------------------------------------- */
.product_tfp{
    float: right;
    display: none;
}
.product_image{
    float: left;
    padding: 0;
    padding: 10px;
}
.product_price{
    font-size: 14px;
    font-weight: bold;
    float: left;
    clear: both;
    padding-left: 5px;
}
.product_option{
    padding: 0 0 15px;
}
.related_products{
    padding: 20px 0 0;
}
#content td{
	border: 0;
}
.product_summary {
    border: 2px solid #8C0708;
    width: 280px;
    min-height: 200px;
    float: left;
    margin: 10px;
}
.product_summary h3 {
    background: #8C0708 url(images/product_header_bg.png) top left no-repeat;
    color: #fff;
    width: 264px;
    height: 30px;
    margin: 2px 0 0 2px;
    padding: 12px 0 0 12px;
    float: left;
}
.product_summary a {
    color: #000;
}
.product_summary h3 a {
    color: #fff;
}
.product_summary p {
    padding: 10px 10px 0 0;
    margin-bottom: 5px;
    float: left;
    width: 130px;
    height: 95px;
    overflow: hidden;
}
#product_info {
    float: left;
    width: 100px;
}
#product_link {
    clear: both;
    padding: 5px 0 10px 0;
    height: 55px;
}
#product_link img {
    padding: 2px;
    float: left;
    clear: both;
}
#product_link a {
    float: left;
    padding-top: 2px;
    font-weight: bold;
}
#product_details {
    margin: 10px 10px 10px 0;
    padding: none;
}
.product_images {
    padding: 0;
    float: left;
    margin: 0;
}
#product_details h1 {
    margin-bottom: 10px;
}
#product_details p {
    padding-top: 5px;
}
#product_details .item_description {
    float: left;
    width: 450px;
    height: 100%;
    clear: none;
    padding: 0 0 0 5px;
}
#product_details input {
    background: transparent;
    border: none;
    color: #000;
    text-indent: 0!important;
    float: left;
    height: 17px;
    width: 100px;
    clear: none;
}
#product_details  {
    background: transparent;
    border: none;
    color: #000;
    margin-bottom: 15px;
    text-indent: 0!important;
}
#enquiry {
    clear: both;
    float: left;
    width: 660px;
    min-height: 200px;
    border: 1px solid #000;
    margin-top: 15px;
}
#contact_info input[type=checkbox] {
    width: 15px!important;
    clear: none!important;
    border: 0!important; /* Border width */
    background: #fff;
    margin: 0!importnat;
    height: 15px;
    padding: 4px;
}
#request {
    clear: none!important;
    float: left;
}
#contact_info {
    float: left;
    width: 310px;
    padding: 10px 0 0 15px;
}
#comment {
    float: left;
    width: 310px;
    padding: 10px 0 0 0;
}
#contact_info input {
    width: 80%
}
#comment input {
    width: 80%;
    float: right;
}
.product_image {
    border: 1px solid #8C0708;
    padding: 0px;
    margin: 10px 10px 10px 3px;
}
.product .product_image 
{
    float: right;
    margin-left: 20px;
}
.product_details {
    padding-top: 5px;
}
.product_summary .product_image {
    border: none!important;
}
#categories.menu-item {
    width: 315px;
    float: left;
    height: 200px;
}
#sub.menu-item {
    width: 315px;
    float: left;
    height: 280px;
}
#product_details #Enquire {
    padding: 2px;
    float: left;
    width: 24px;
    height: 17px;
}
#enquire_link {
    width: 170px;
    height: 30px;
    float: left;
}
.terms {
    float: left;
}
.terms a {
    color: #fff;
}
#main_image {
    float: left; 
    min-width: 100px;
    height: 100%;
}
#secondary_image {
    float: left;
    width: 100%;
    height: 100%;
    clear: both;
    margin: 5px 0 0 0;
}
#image_text_wrap {
    float: left;
}