body, td, th, p					{ font-family:"helvetica"; font-size:12px; color:#000000; }
body							{ margin:0px; background:#ffffff; }

input							{ border:#b2b2b2 1px solid; }
textarea						{ border:#b2b2b2 1px solid; }
.row							{ margin-bottom:2px; }
.heading						{ float:left; width:96px; }
.input							{ float:left; }

th								{ text-align:left; }

.good							{ color:#339933 }
.warning						{ color:#FF7F00 }
.bad							{ color:#cc0000; }
.tiny							{ font-size:10px; }
.faded							{ color:#b2b2b2; }

a								{ color:#3366cc; }
a:hover							{ color:#3366cc; }

a.checkbox						{ color:#000000; text-decoration:none; }
a.checkbox:hover				{ 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; }
.photolarge						{ width:400px; height:400px; text-align:center; }
.photosmall						{ width:144px; height:144px; text-align:center; }
.logo							{ width:96px; height:48px; vertical-align:middle; border:none; }
.logosmall						{ width:48px; height:24px; vertical-align:middle; border:none; }
.icon16							{ width:16px; height:16px; }
.icon20							{ width:20px; height:20px; }
.icon24							{ width:24px; height:24px; }
.icon32							{ width:32px; height:32px; }
.icon48							{ width:48px; height:48px; }
.icon64							{ width:64px; height:64px; }

div.hr							{ height:1px; background-color:#b2b2b2; }
div.br							{ margin-bottom:16px; }


/* List Products */
.product						{ float:left; width:230px; height:300px; margin-bottom:48px; text-align:center; cursor:pointer; }
.product h1						{ height:28px; margin-top:8px; color:#7a7a82; font-size:12px; font-weight:bold; text-transform:uppercase; }
.product p						{ height:40px; margin:0; color:#c0c0c2; }
.product h2						{ color:#08080a; font-size:19px; font-weight:bold; margin:8px 0 16px 0; }

/* Tables. */
.tableborder					{ padding:1px; border:#b2b2b2 1px solid; }
tr.light						{ background-color:#ffffff; }
tr.dark							{ background-color:#f7f7f7; }
td.tableheading					{ padding:0px 8px; height:26px; margin:0; background:#bac3c4 url(Images/Layout/CategoriesGradient.gif) top repeat-x; color:#ffffff; line-height:26px; font-size:12px; font-weight:bold; border-bottom:#a4afb0 1px solid; }
td.list							{ padding:2px 8px; }



/* Bubbles */
.bubbleborder					{ padding:1px; border:#b2b2b2 1px solid; }
.bubble							{ background-color:#f6f7f8; height:100%; }
h2.bubble						{ height:26px; margin:0; padding:0 16px; background:#bac3c4 url(Images/Layout/CategoriesGradient.gif) top repeat-x; color:#ffffff; text-transform:uppercase; line-height:26px; font-size:12px; font-weight:bold; border-bottom:#a4afb0 1px solid; }
.bubblepadding					{ padding:16px; }
.bubble	ul						{ margin:0; padding:0;  }
.bubble li						{ margin:0; padding:0; list-style:none; border-bottom:#d5d4d5 1px dotted; }
.bubble li a					{ display:block; margin:0; padding-left:20px; height:19px; line-height:19px; text-decoration:none; font-size:12px; color:#3e424c; background:url(Images/Layout/CategoryBullet.gif) 0px 2px no-repeat; }
.bubble li a:hover				{ background-color:#eeeeee; color:#3366cc; }
.bubble li a.active				{ font-weight:bold; }
.bubble li ul li				{ border:none; border-top:#d5d4d5 1px dotted; }
.bubble li ul li a				{ padding-left:40px; background:url(Images/Layout/SubCategoryBullet.gif) 20px 2px no-repeat; }
.bubble li ul li a.active		{ padding-left:40px; background:url(Images/Layout/SubCategoryBullet.gif) 20px 2px no-repeat; font-weight:bold; }
.bubble li ul li a.active:hover	{ background-color:#eeeeee; color:#3366cc; }

/* Columns */
.column1of2						{ float:left; width:466px; margin-right:20px; }
.column2of2						{ float:left; width:466px; }
.column1of3						{ float:left; width:304px; margin-right:20px; }
.column3of3						{ float:left; width:304px; }

/* Legal */
h2.legalcompany					{ margin:0; text-align:center; }
h2.legalname					{ margin-top:0; text-align:center; }
h1.legal						{ text-align:center; background:#000000; color:#ffffff; font-weight:bold;padding:8px 0; }
h2.legal						{ border-bottom:2px solid #000000; display:block; width:100%; }



/* Layout */
.pagewidth						{ width:952px; height:100%; text-align:left; margin:auto; }
#canvas							{ width:100%; height:100%; }

#headerrow						{ height:78px; text-align:center; }
#header							{ height:74px; background-color:#ffffff; border-bottom:#000000 4px solid; }

#logo							{ float:left; width:256px; }
#logo img						{ float:left; width:216px; height:54px; margin:10px 0; }

#tabs							{ float:left; width:696px; margin-top:20px; }
#tabs ul						{ margin:0px; padding:0px; }
#tabs li						{ float:left; margin:0px; padding:0px; list-style:none; }
#tabs li a						{ float:left; display:block; margin:0px; padding:0 24px; height:54px; text-decoration:none; font-size:19px; letter-spacing:-1px; font-weight:bold; text-transform:uppercase; color:#000000; }
#tabs li a div					{ margin-top:8px; }
#tabs li a:hover				{ color:#3366cc; }
#tabs li a span					{ font-size:10px; letter-spacing:0; text-transform:none; font-weight:normal; color:#000000; }
#tabs li a.active 				{ color:#ffffff; background-color:#000000; }
#tabs li a.active:hover			{ color:#ffffff; }
#tabs li a.active span			{ color:#ffffff; }

#spacerrow						{ height:4px; }

#navrow							{ text-align:center; height:14px; }
#nav							{ text-align:left; font-size:10px; color:#3366cc; }

#searchlogouttrolleyrow			{ text-align:center; height:24px; }
#searchlogouttrolley			{  }
#search							{ float:left; text-align:left; }
#searchinputdiv					{ float:left; margin-top:2px; margin-right:4px; }
#searchinput					{ width:197px; }
#gobuttondiv					{ float:left; margin-top:4px; }

#logout							{ float:left; text-align:left; margin-left:80px; line-height:24px; }
#trolley						{ float:right; text-align:right; line-height:24px; }

#titlerow						{ text-align:center; height:20px; }
#title							{ text-align:left; }
#title h1						{ margin:0; }

#contentrow						{ text-align:center; }
#content						{ text-align:left; padding:24px 0; }

#help							{ float:left; width:244px; margin-right:8px; }

#footerrow						{ text-align:center; height:60px; }
#footer							{ text-align:left; height:56px; background:#ffffff; border-top:#cccccc 4px solid; }
#footerlinks					{ margin-top:2px; }
.footerlink						{ float:left; width:96px; margin-right:11px; }
.footerlinklast					{ float:left; width:96px; }
#copyright						{ float:left; line-height:56px; font-size:10px; color:#b2b2b2; }
#copyright a					{ color:#b2b2b2; }
#copyright a:hover				{ color:#3366cc; }
#wyattsoftware					{ float:right; }
#wyattsoftware img				{ width:16px; height:11px; margin-top:22px; }