/* New Stuff */
body
{
    font-family: Calibri, Verdana, Arial, Sans-Serif;
	font-size:90%;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width: 1020px;    	/* Minimum width of layout - remove line if not required */
        					/* The min-width property does not work in old versions of Internet Explorer */
}
p
{
    padding: 0px;
    margin: 0px;
}
/* Header styles */
#header
{
	clear:both;
	float:left;
	width:100%;
	border-bottom:3px solid #ff6601;
}
#logo
{
    float: left;
    border: 0;
    width: 200px;
    height: 100px;
}
.logo
{
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    border: 0;
}
#message
{
    text-align: center;
    margin: 15px;
    height: 80px;
}
h1
{
    color: #ff6600;
    font-size: 20px;
}

/* column container */
.main
{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.middle
{
	float:left;
	width:100%;
	position:relative;
}
.centre,
.leftcolumn
{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu
{
	background:#fff;		/* right column background colour */
}
.leftmenu .middle
{
	right:75%;			/* right column width */
	background-color: #FFE4B5;  /* left column background colour */
    border-left: thin solid #ff6600;
    border-right: thin solid #ff6600;
}
.leftmenu .centre
{
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
    text-align: center;
}
.leftmenu .leftcolumn
{
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
.leftmenu .leftcolumn .search
{
    text-align: center;
    padding-bottom: 5px;
    border-bottom: thin solid #ff6600;
}
.leftmenu .leftcolumn .logos
{
    text-align: center;
    padding-top: 5px;
    border-top: thin solid #ff6600;
}
.leftmenu .leftcolumn .menu
{
   	height: 500px; /* IE6: treaded as min-height*/
    min-height: 500px; /* real browsers */
}
/* Footer styles */
#footer
{
	clear:both;
	float:left;
	width:100%;
	text-align: center;
	border-top:3px solid #ff6601;
}

/* Menu stles */
.menu ul, li
{
    list-style-type: none;
    padding: 1px;
    line-height: 20px;
    margin: 2px;
    margin-top: 5px;
    margin-bottom: 1px;
}
.menu a
{
    text-decoration: none;
    color: #000080;
}
.menu a:link
{
    color: #EEE;
    text-decoration: none;
    color: #000080;
} 
.menu a:hover
{
    background-color: #99CCFF;
    color: #fff;
} 
.menu li a#ctl00_current
{
    border-bottom: 3px solid #DAD6B7;
    background: #FF0000;
} 
.menu .submenu
{
    line-height: 15px;
    margin-left: 10px;
    margin-top: 0px;
}

/* Home Page Styles */
.default
{
    width: 300px;
    float: left;
    clear: none;
    margin-left: 40px;
    margin-top: 40px;
    border: thin solid #ff6600;
    padding: 0px;
    background-color: #FFEFD5;
}
.default-title
{
    height: 50px;
    background-color: #FFE4B5;
    border-bottom: thin solid #ff6600;
    margin: 0px;
    padding: 0px;
}
.default h2
{
    color: #ff6600;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}
.default-text
{
    height: 90px;
    padding: 0px;
    margin: 0px;
}

/* Offer Page Styles */
.offer
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
    width: 420px;
	text-align: center;
}
.offer-title
{
    height: 60px;
    background-color: #FFE4B5;
    border: thin solid #ff6600;
}
.offer h2
{
    color: #ff6600;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}
.offer-message
{
    height: 80px;
    background-color: #FFEFD5;
    padding-top: 10px;
    border: thin solid #ff6600;
}
/* Shop Page Styles */
.shop-product
{
    width: 250px;
    height: 200px;
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
    text-align: left;
    clear: none;
    float: left;
    border: thin solid #ff6600;
}
.shop-product h2
{
    font-size: 16px;
    overflow: hidden;
    clip: rect(auto, auto, auto, auto);
    margin: 0px 3px 0px 3px;
    height: 22px;
    background-color: #FFFFFF;
    width: 240px;
}
.shop-product-text
{
    font-size: 12px;
    overflow: hidden;
    clip: rect(auto, auto, auto, auto);
    width: 240px;
    height: 148px;
    margin: 3px;
    text-align: justify;
}
.shop-product img
{
    border: 0;
    max-height: 160px;
    margin: 3px;
    float: left;
    max-width: 120px;
}
.shop-product-footer
{
    width: 240px;
    height: 20px;
    color: red;
    margin: 3px;
}
.shop-product-price
{
    float: left;
}
.shop-product-footer a
{
    color: #000080;
    font-size: 12px;
    width: 100px;
    float: right;
    text-align: right;
}
.shop-navigation
{
    clear: both;
    height: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.shop-next-page
{
	float: right;
	text-align: right;
}
.shop-sort
{
	text-align: left;
}

/* Product Detail Page Styles */
.product
{
    width: 75%;
    margin-left: 50px;
    margin-top: 5px;
    text-align: center;
    border: thin solid #ff6600;
}
.product h2
{
    font-size: x-large;
    margin: 10px;
    background-color: #FFFFFF;
    font-weight: bold;
    font-variant: normal;
}
.product-text
{
    font-size: large;
    margin: 10px;
    text-align: justify;
    width: 90%;
}
.product-footer
{
    font-size: large;
    margin: 10px;
    width: 90%;
    color: red;
    max-height: 500px;
}
.product-footer img
{
    float: left;
    border: 0;
}
.product-price
{
    float: right;
    margin: 10px;
    clear: right;
}
.product-link
{
    margin: 10px;
    color: #000080;
    float: right;
    clear: right;
}
.clearer
{
    clear: left;
    line-height: 0;
    height: 0;
}