html, body						{ height:100%; }
body, td, th, p					{ font-family:"helvetica"; font-size:12px; color:#000000; }
body							{ margin:0px; background:#ffffff; }

h1								{ margin-bottom:6px; font-size:24px; color:#000000; }
h2								{ margin-bottom:6px; font-size:20px; color:#000000; }
h3								{ margin-bottom:6px; font-size:16px; color:#000000; }
h4								{ margin-bottom:6px; font-size:14px; color:#000000; }

p								{ margin-top:0px; margin-bottom:6px; }
li								{ margin-bottom:2px; }

input							{ border:#b2b2b2 1px solid; }
textarea						{ border:#b2b2b2 1px solid; width:100%; height:96px; }
.row							{ margin-bottom:2px; width:384px; }
.heading						{ float:left; width:96px; color:#000000; font-size:10px; }
.input							{ float:left; width:288px; }
.clearboth						{ clear:both; }

th								{ text-align:left; color:#000000; font-size:10px; }

.good							{ color:#339933 }
.warning						{ color:#FF7F00 }
.bad							{ color:#cc0000; }
.tiny							{ font-size:10px; }
.big							{ font-size:18px; }
.huge							{ font-size:28px; font-weight:bold; }
.faded							{ color:#cccccc; }
.titleimage						{ background-color:#999999; }

a								{ color:#999999; }

a.checkbox						{ color:#000000; text-decoration:none; }
a.checkbox:hover				{ color:#000000; text-decoration:underline; }

a img							{ border:none; }


.button							{ width:40px; height:20px; vertical-align:middle; border:none; }
.buttonsmall					{ width:16px; height:16px; vertical-align:middle; border:none; }
.buttonlarge					{ width:80px; height:40px; vertical-align:middle; border:none; }
.photolarge						{ width:462px; height:308px; text-align:center; background-color:#cccccc; border:#ffffff 3px solid; }
.photomedium					{ width:298px; height:199px; text-align:center; background-color:#cccccc; border:#ffffff 3px solid; }
.photosmall						{ width:120px; height:80px; text-align:center; background-color:#cccccc; border:#ffffff 3px solid; }

.photo							{ text-align:center; background-color:#cccccc; border:#ffffff 3px solid; }
.photoborder					{ border:#cccccc 1px solid; }

hr								{ color:#cccccc; background-color:#cccccc; height:1px; border:none; }
.hr								{ height:1px; background-color:#cccccc; }
.br								{ margin-bottom:24px; }

/* Tables. */
.tableborder					{ border:#999999 1px solid; }
.light							{ background-color:#ffffff; }
.dark							{ background-color:#f7f7f7; }
td.tableheading					{ padding:0px 8px; height:20px; margin:0; background-color:#999999; color:#ffffff; line-height:20px; font-size:12px; font-weight:bold; }
td.list							{ padding:2px 8px; }

/* Bubbles */
.bubbleheading					{ padding:8px; background-color:#999999; border-bottom:#ffffff 1px solid; }
.bubbleheading h3				{ margin-top:0; margin-bottom:6px; color:#ffffff; }
.bubble							{ padding:8px; background-color:#cccccc; }

/* Vertical Align */
.valign1						{ display:table; #position:relative; overflow:hidden; } /* Must specify height when using. */
.valign2						{ #position:absolute; #top:50%; display:table-cell; vertical-align:middle; width:100%; }
.valign3						{ #position:relative; #top:-50%; width:100%; }

/* Columns */
.column1of2						{ float:left; width:470px; margin-right:24px; }
.column2of2						{ float:left; width:470px; }
.column1of3						{ float:left; width:305px; margin-right:24px; }
.column3of3						{ float:left; width:306px; }

/* Collections */
.collectionrow					{ margin-bottom:24px; }
.collection1of5					{ float:left; width:186px; margin-right:8px; }
.collection5of5					{ float:left; width:186px; }
.collectionimageborder			{ width:184px; border:#dddddd 1px solid; margin-bottom:2px; }
.collectionimage				{ width:182px; height:182px; margin:1px; }
.collectionname					{ font-size:10px; }
.collectionname a				{ text-decoration:none; }
.collectionname a:hover			{ text-decoration:underline; }

/* Products */
.productrow						{ margin-bottom:24px; }
.product1of5					{ float:left; width:186px; margin-right:8px; }
.product5of5					{ float:left; width:186px; }
.product						{ text-align:center; }
.product a						{ text-decoration:none; }
.product a:hover				{ text-decoration:underline; }
.productimage					{ margin-bottom:2px; }
.productname					{ margin-bottom:2px; height:52px; font-size:13px; font-weight:bold; }
.productqty						{ margin-bottom:2px; }
.productpriceheading			{ float:left; width:80px; }
.productpricedata				{ float:left; width:156px; }
.productrrp						{ margin-bottom:2px; font-size:13px; }
.productwas						{ margin-bottom:2px; font-size:10px; font-style:italic; }
.productprice					{ margin-bottom:2px; font-size:15px; font-weight:bold; }
.productsaving					{ margin-bottom:6px; font-size:10px; color:#cc0000; }
.producttroley					{ }

/* News */
.calendarmonth					{ font-size:10px; color:#ffffff; }
.calendarday					{ font-size:20px; color:#333333; }
.newstitle						{ font-size:20px; }
.newsdate						{ font-size:10px; color:#999999; }
.linktitle						{ color:#333333; font-size:13px; font-weight:bold; }


/* Layout */
.pagewidth						{ width:980px; height:100%; text-align:left; }
#canvas							{ width:100%; height:100%; }

#loggedonrow					{ height:29px; line-height:29px; background-color:#000000; }
#loggedon						{ text-align:right; color:#ffffff; }
#loggedon a						{ color:#ffffff; font-weight:bold; text-decoration:none; }
#loggedon a:hover				{ text-decoration:underline; }

#headerrow						{ height:88px; background-color:#999999; }
#header							{ text-align:left; color:#ffffff; }
#header p						{ color:#ffffff; }
#header a						{ color:#ffffff; }
#header a:hover					{ color:#cccccc; }
#logo							{ float:left; width:366px; }
#logo img						{ width:224px; height:57px; margin:16px 0 0 20px; }
#homecontact					{ float:left; width:278px; }
#store							{ float:left; width:336px; }
#onlinestorebanner				{ width:336px; height:48px; background:url(Images/Layout/OnlineStoreBanner.png); margin-top:20px; }
#onlinestorebanner a			{ color:#ffffff; font-weight:bold; text-decoration:none; }
#onlinestorebanner a:hover		{ color:#ffffff; text-decoration:underline; }

#sloganpagesrow					{ height:29px; background-color:#cccccc; }
#sloganpages					{ text-align:left; }
#slogan							{ float:left; width:366px; height:29px; }
#slogan img						{ margin-left:20px; }
#pages							{ float:left; }
#pages ul						{ margin:0px; padding:0px; }
#pages li						{ float:left; margin:0px; padding:0px; list-style:none; }
#pages li a						{ float:left; display:block; padding:0; height:29px; line-height:29px; text-align:center; text-decoration:none; text-transform:lowercase; font-size:12px; font-weight:bold; color:#000000; }
#pages li a:hover				{ background-color:#000000; color:#cccccc; }

#nav							{ font-size:10px; color:#999999; margin:6px 0; }

#title							{ margin:6px 0; }
#title h1						{ margin:0; }

#contentrow						{ background-color:#ffffff; }
#content						{ text-align:left; height:100%; }
.contentpadding					{ padding:8px; }

#help							{ float:left; width:366px; height:100%; background-color:#999999; color:#ffffff; }
#help h3						{ color:#ffffff; }
#help p							{ color:#ffffff; }
#help a							{ color:#ffffff; }
#helpcontent					{ float:left; width:614px; height:100%; }

#footertopborderrow				{ height:20px; background-color:#cccccc; }

#footerrow						{ height:34px; background:#999999; }
#footer							{ text-align:left; }
#copyright						{ float:left; line-height:34px; margin-left:10px; font-size:11px; color:#eeeeee; }
#copyright a					{ color:#ffffff; text-decoration:none; }
#copyright a:hover				{ text-decoration:underline; }
#wyattsoftware					{ float:right; }
#wyattsoftware img				{ width:16px; height:11px; margin-top:12px; }