﻿font,div,ol,ul,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	}

table	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	background-color: #F4F4F4;
	border: 1px dashed;
	border-spacing: 0px;
	border-color: #DDDDDD;
	border-collapse: collapse;
	padding: 0px;
	margin-top: 4px;
	}


td	{
	border: 1px solid;
	border-color: #FFFFFF;
	padding: 4px;
	background-color: #FBFBFB;
	}

form, img {
	margin: 0px;
	padding: 0px;
	}

hr { height: 1px; border: 0px; border-top: 1px dashed #CCCCCC; margin: 0px; margin-top: 10px; margin-bottom: 5px;}
	
.columnleftdivider {border-left: 1px dotted #CCCCCC;}
.rowoverline {border-top: 1px dotted #CCCCCC;}
.rowunderline {border-bottom: 1px solid #EEEEEE;}
.formTabs {color: #FFFFFF; background-color: #666666; padding: 4px; font-weight: bold; margin: 0px;}

/* FORM FIELDS */
.input_normal {	width: 180px; height: 18px; border: 1px #dddddd solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999}
.input_short { width: 90px; height: 18px; border: 1px #dddddd solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999}
.input_2char { width: 20px; height: 18px; border: 1px #dddddd solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999}
.input_multiline { width: 180px; height: 120px; border: 1px #dddddd solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999}
.buttonSubmit {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; height: 22px; border: 1px #990000 solid; background-color: #CC0000; font-weight: bold;}
.buttonOther {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999; height: 22px; border: 1px #CCCCCC solid; background-color: #EEEEEE; font-weight: bold;}
.required {color: #CC0000;}

/* PRODUCT CATALOGUE */
.pager { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin-top: 4px; text-align:right; width: 90%; vertical-align: top; float:right; clear: right;}
.pageNumbers {margin: 0px; padding: 0px; display: inline;}
.priceBox {border: 1px solid #CCCCCC; width:200px; float: right; clear: both; overflow: visible; margin: 0px; margin-right: 20px; padding: 3px; position: relative; font: 18px Arial, Verdana, Helvetica, sans-serif; color: #6180A0; font-weight: bold; background-image: url(/Assets/images/layout/bkgd_pricetag.jpg); text-align: center;}
.priceTag {border: 1px solid #F8F8F8; width:100%; padding: 2px; margin: 0px; margin-top: 5px; text-align: center; overflow: visible; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #CC0000; font-weight: bold; background-image: url(/Assets/images/layout/bkgd_pricetag.jpg);}
.slideShowArea {width:200px; height: 200px; float: right; overflow: visible; margin: 10px; position: relative;}
.slideShowTag {padding: 1px; border: 1px dotted #CCCCCC; background-color: #FFFFEE; visibility:hidden; width: 120px; color: #666666; position: absolute;}
.slideShow { padding: 0px; margin: 10px; text-align: center; vertical-align: middle; float:right; clear: right; border: 0px; background-color: #FFFFFF;}
.slideShow .imagebox {width:100%; height: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF;}
.slideShow .pagingbox {padding-bottom: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px; background-color: #FFFFFF;}
.slideShowPaging {padding:0px; margin:0px; font-weight: bold;}
.slideShowPaging li {display: inline; margin-right:3px; padding:1px; border: 1px solid #DDDDDD;}
.slideShowPaging li a {text-decoration: none; color: #999999; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.slideShowPaging li a:hover {text-decoration: underline; color: #0066CC; background-color: #CCDDDD; }
.productImage {margin: 10px;}
.noImage {border: 1px solid #DDDDDD; padding: 3px; margin: 10px; background-image: url(/Assets/images/layout/bkgd_images.gif);}
.tableStyle	{text-align:left; border: 0px dashed #EEEEEE; background-color: #FFFFFF;}
.tableStyle td	{border: 1px dashed #DDDDDD; background-color: #FFFFFF; text-align: center;}
.tableStyle a {color: #7C949D; text-decoration: none; }
.tableStyle a:hover {text-decoration: underline; color: #0066CC; background-color: #CCDDDD;}
.editOptions {padding: 1px; margin-top: 10px; background-color: #F5F5F5; width: 100%; text-align: left;}
.editCategory {padding: 10px; background-color: #F7F7F7; width: 100%; border-bottom: 1px dashed #DDDDDD; border-top: 1px dashed #DDDDDD;}
.dropdown_category {width: 400px; height: 20px; border: 1px #dddddd solid; font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666666;}
.input_category {width: 400px; height: 24px; border: 1px #dddddd solid; font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #999999; font-weight: bold;}
.input_description { width: 400px; height: 120px; border: 1px #dddddd solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999;}
.breadcrumb {color: #999999;}
.breadcrumb a {color: #999999;}
.categoryName {background-color: #FFCCCC;}

/* HOMEPAGE */
.specialoffers_subtitle {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 11px; font-weight:bold; color: #CC0000; line-height: 11px;}
.specialoffers_price {border: 1px solid #FF9999; padding: 1px; background-color: #F8F8F8;}

/* TABS */
#tabs {padding:0px; margin:0px; margin-top: 20px; background-color: #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #BBBBBB;}
#tabs li {display: inline; margin:0px; margin-right: 3px; padding:2px; padding-left: 5px; padding-right: 5px; border-right: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; background-color: #F5F5F5;}
#tabs li a {text-decoration: none; color: #999999; margin:0px;}
#tabs li a:hover {text-decoration: underline; color: #666666;}
#tabs li .current {font-weight:bold; color: #333333;}
/* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
html>body #tabs li {padding:5px;}
	
	
h1 	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #333333;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}

h2 	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	font-size: 16px;
	font-weight:bold;
	color: #CC0000;
	text-decoration: none;
	}

h2 a 	{
	color: #CC9999;
	text-decoration: none
	}

h2 a:hover {
	background-color: #FFCCCC;
	color: #CC0000;
	/**border-top: 1px dotted #999999;**/
	border-bottom: 1px solid #FF9999;
	}

h3 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	font-size: 13px;
	font-weight:bold;
	color: #888888;
	text-decoration: none;
	}
	
h3 a 	{
	color: #CC9999;
	text-decoration: none
	}

h3 a:hover {
	background-color: #FFCCCC;
	color: #CC0000;
	border-bottom: 1px solid #FF9999;
	}	

h5	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #999999;
	padding:0px;
	margin:0px;
	}
