﻿*												{ padding: 0px; margin: 0px;}
html										{font-weight:normal;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;color: #333333;}
img											{display:block;border:0px;}

a, a:link, a:visited,a:active {color: #cccccc; text-decoration:underline;cursor:none;}
a:hover									{color: #D7BE1C; text-decoration:underline; cursor:pointer;cursor:hand;}

.clsBody								{position:absolute;z-index:-1;background-color:#FFFFFF;margin:0 auto;padding:0;height:100%;width:100%;text-align:center;}
.clsBodyBlack						{position:absolute;z-index:-1;background-color:#000000;color:#FFFFFF;margin:0 auto;padding:0;height:100%;width:100%;text-align:center;}
.clsPageContainer			{position:relative;text-align: center;margin: 0 auto;top:20px;padding:0px;}
.clsPage								{background:#000000;width:990px;border:solid 1px #000000;margin:0px auto;height:584px;}



.clsLeft									{float:left; top: 0px;text-align:left;padding:0px;margin:0 auto;}
.clsRight								{float: right;margin:0 auto;padding:0px;}
.clsRightContainer			{width:641px;color:#fffdff;margin-top:100px;margin-right:10px;}
.clsHomeMenuButton				{background-color:#000000;color:#FFFFFF;padding:10px;font-size:15px;border-bottom:solid 1px #666666;text-decoration:none;width:279px;}
.clsHomeMenuButtonHover	{background-color:#FFFFFF;color:#000000;cursor:pointer;cursor:hand;}
.clsHomeMenuButtonSpacer	{width:277px;}
.clsHomeSpacer				{width:110px;padding-right:10px;}

.clsDivClear						{clear: both;height: 0px;font-size:0px;line-height: 0px;margin:0px;}

#cntHomeLogo					{background:#FFFFFF;}
#imgHomeMarketing		{width:691px;}
#imgHomeMarketingImage	{margin:0px;width:691px;height:585px;padding:0px;}
#txtHomeEnquiry			{font-size:14px;}
#cntHomeDetails				{font-size:12px;border-bottom:0px;}
#cntAnnoucementText	{width:277px;font-size:18px;text-align:center;padding: 15px 0px 15px 0px;}

.clsBannerContainer		{width: 988; height: 100px;}
.clsBanner							{width: 100%; text-align: center; text-align: -moz-center;padding-top:10px;}

.clsMenuButton				{background-color:#000000;color:#FFFFFF;padding:0px 10px 5px 10px;font-size:14px;text-decoration:none;width:279px;}
.clsMenuButtonHover	{font-weight:bold;cursor:pointer;cursor:hand;}
.clsMenuButtonSpacer	{width:277px;}

.clsMenuProducts			{padding:2px;}
.clsMenuProductsHover	{padding:2px;font-weight:bold;cursor:pointer;cursor:hand;}

.clsMenuServices				{padding:2px;}
.clsMenuServicesHover	{padding:2px;font-weight:bold;cursor:pointer;cursor:hand;}


.clsThumbnail					{display:inline;margin:0 5px 5px 0px;}

.clsBasketContainer		{float: right; width: 330px; color: #FFFFFF;margin: 10px 10px 10px 0;text-align:right;font-size:11px;}
#imgBasketImage			{display: inline;cursor:pointer;cursor:hand;}
#txtAppointments			{margin-top:5px;}

#cntHistoryText				{float:left;text-align:left;width:280px;}
#cntHistoryImage			{float:right;margin-right:20px;}

#cntEnquiryText				{float:right;text-align:left;width:330px;}
#cntEnquiryImage			{float:left;}

#cntStoresText					{float:right;text-align:left;width:250px;margin-right:40px;}
#cntStoresImage				{float:left;}

#cntServicesText				{float:right;text-align:left;width:310px;margin-right:25px;}
#cntServicesImage			{float:left;}

#cntProductText				{float:right;text-align:left;width:250px;margin-right:40px;vertical-align:top;}
#cntProductImage			{float:left;width:300px;text-align:left;}
.clsServicesSmallImg		{width:150px;display:inline-block;vertical-align:top;}


#cntMenuProductsContainer		{margin-top:-300px;margin-left:160px;}
#cntMenuServicesContainer		{margin-top:-300px;margin-left:160px;}

#cntMenuProducts			{width:110px;margin-left:30px;background:#000000;border:solid 1px #666666;color:#ffffff;}
#cntMenuServices			{width:110px;margin-left:30px;background:#000000;border:solid 1px #666666;color:#ffffff;}

.clsMenuProducts			{border-bottom:solid 0px #666666;margin-left:5px;}
.clsMenuServices				{border-bottom:solid 0px #666666;margin-left:5px;}

.clsZoom								{z-index:10000;background:#ffffff;width:770px;height:500px;border:1px #000000;visibility:hidden;}
/*to center horizontally and vertically the address pop-up, for browsers that have a clue, i.e. not IE*/
.clsZoom								{position:fixed;left:50%;margin:0;margin-left:-370px;margin-top:-160px;}  
/*for IE - not ideal, but okay as IE does not support the fixed position and just defaults to static rather than absolute if you set to fixed!! */
*iframe.clsZoom				{position:absolute;left:50%;margin:0;margin-left:-500px;margin-top:-230px; frameborder:0px;}

.clsClose								{background-image:url(../images/marketing/closebox.gif);background-repeat:no-repeat;width:30px;height:30px;cursor:pointer;cursor:hand;}
.clsCloseHover					{background-image:url(../images/marketing/closeboxhover.gif);background-repeat:no-repeat;width:30px;height:30px;cursor:pointer;cursor:hand;}

.clsMsgAlert						{color:#D7BE1C;font-weight:bold;margin-bottom:5px;display:none;}

#divAddToCart					{font-size: .9em; width: 300px;margin-top:10px;}
#lblAddProdQuantity		{vertical-align: top; margin-left: 1px;}
#divAddProdQuantity	{display: inline;}
#divAddProdSize				{display: inline; margin-left: 5px;}
#lblAddProdSize				{vertical-align: top; margin-left: 1px;}
#divSubmitCart					{display: inline; margin-left: 75px; vertical-align: top;}
#imgBasketImageSubmit	{display: inline; vertical-align: top;}

#divShoppingContainer{text-align:left;margin-left:20px;padding-top:10px;width:600px;font-size:.9em;}
#lnkContinueShopping	{display:inline;margin-left:150px;}
#lnkAccount						{display:inline;margin-left:35px;}
#lnkCheckout						{display:inline;margin-left:35px;}
#lnkLogin								{display:inline;margin-left:35px;}

#divCartActions				{float:left;width:100%;margin-top:30px;}
#imgCartLarge					{display:inline;}
#titleShopping					{font-size:18px;font-weight:bold;color:#D7BE1C;}
#titleCart								{color:#666666;}

#imgLogin							{display:inline;}
#titleLogin							{font-size:18px;font-weight:bold;color:#D7BE1C;}

#divLoginActions				{float:left;width:100%;margin-top:20px;}
#cntLoginFail						{float:left;width:400px;margin-top:20px;margin-bottom:20px;}

#cntEmail							{float:left;width:450px;}
#cntEmailText					{float:left;width:150px;text-align:right;margin-right:20px;}
#cntEmailInput					{float:left;width:250px;}
#cntNewCust						{float:left;width:400px;margin-top:20px;}
#cntNewCustInput			{float:left;width:150px;text-align:right;margin-right:20px;}
#cntNewCustText				{float:left;width:200px;}
#cntOldCust						{float:left;width:450px;margin-top:20px;}
#cntOldCustInput			{float:left;width:150px;text-align:right;margin-right:20px;}
#cntOldCustText				{float:left;width:200px;}
#cntPassword					{float:left;width:400px;margin-top:20px;}
#cntPasswordText			{float:left;width:150px;text-align:right;margin-right:20px;}
#cntPasswordInput			{float:left;width:200px;}
#cntLogin								{float:left;width:400px;margin-top:20px;}
#cntLoginText					{float:left;width:150px;text-align:right;margin-right:20px;}
#cntLoginInput					{float:left;width:200px;}
#cntForgotPassword		{float:left;width:500px;margin-top:20px;}
#cntForgotPasswordText	{float:left;width:150px;text-align:right;margin-right:20px;}
#cntForgotPasswordInput {float:left;width:300px;background:blue;}

#cntShipping							{float:left;width:100%;margin-top:-20px;}
#tblShippingInfo					{width:100%;}
#tblShippingInfo th				{padding:2px;font-size:12px;font-family:Arial, Helvetica, Sans-Serif;color: #ffffff;text-align:left;}
#tblShippingInfo td				{padding:2px;font-size:11px;font-family:Arial, Helvetica, Sans-Serif;color: #ffffff;text-align:left;line-height:14px;}

.clsAlert{font-weight:bold;color:#b22222;}

select.clsNormal{width:100px;font-size: 9px;border:1px dotted #848589;background-color:#FFFF5E;text-align: left;padding:0px;margin:0px;outline:none;}
select.clsNormal:focus{width:100px;font-size: 9px;border:1px solid #000000;background-color:#dbdbdb;text-align: left;padding:0px;margin:0px;outline:none;}

select.clsSmall{width:50px;font-size: 9px;border:1px dotted #848589;background-color:#FFFF5E;text-align: left;padding:0px;margin:0px;outline:none;}
select.clsSmall:focus{width:50px;font-size: 9px;border:1px solid #000000;background-color:#dbdbdb;text-align: left;padding:0px;margin:0px;outline:none;}

textarea.clsMemo {width:300px;height:80px;font-size: 11px;border:1px dotted #848589;padding:1px;margin:0px;outline:none;background-color: #FFFF5E;}
textarea.clsMemo:focus {width:300px;height:80px;font-size: 11px;border:1px solid #000000;padding:1px;margin:0px;outline:none;background-color: #dbdbdb;}

.input {background-color: #FFFF5E;border: 1px dotted #848589;color: #000000;font-size: 11px;width:150px;padding-left:2px;}
.input:focus {background-color: #dbdbdb;border: 1px solid #000000;color: #000000;font-size: 11px;}

.inputSmall {vertical-align:middle;background-color: #FFFF5E;border: 1px dotted #848589;color: #000000;font-size: 11px;width:70px;}
.inputSmall:focus {background-color: #dbdbdb;border: 1px solid #000000;color: #000000;font-size: 11px;}

.inputVerySmall {background-color: #FFFF5E;border: 1px dotted #848589;color: #000000;font-size: 11px;width:30px;}
.inputVerySmall:focus {background-color: #dbdbdb;border: 1px solid #000000;color: #000000;font-size: 11px;}

td.header {text-decoration:underline;text-align:center;font-weight:bold;}

tr.datarow:hover, tr.over {background-color: #F2F270;cursor:pointer;cursor:hand;}

img{vertical-align: bottom} 
