﻿
/* GENERAL */
body                {font-family:Arial;margin:0;padding:0;background:url(../images/body_background.jpg) repeat-x top left;}
.clear              {clear:both;}
img                 {text-decoration:none;border:0;}

/* ENQUIRY FORM */
.row                {float:left;margin-bottom:5px;width:400px;clear:left;}
.row span           {float:left; display:inline;width:190px;font-size:60%;color:#676767;margin-top:4px;}
.row input          {float:left; display:inline;width:195px;font-size:70%;color:#676767;}
.row select         {float:left; display:inline;width:200px;font-size:70%;color:#676767;}
.row textarea       {float:left; display:inline;width:195px;font-size:70%;color:#676767;}
.row .rowcheckbox   {float:left; display:inline;width:195px;}
.row .rowcheckbox input   {float:left; display:inline;width:20px;}
.row .rowcheckbox label   {float:left; display:inline;width:170px;color:#676767;margin-top:3px;}
.submitbutton       {float:right; display:inline;Margin:5px 25px 0 0px;width:80px; font-size:70%; font-weight:bold;}
.row2               {float:left;margin-bottom:5px;width:380px;font-size:70%;color:#676767;margin-top:10px;}

.row3               {float:left;margin-bottom:0px;width:380px;clear:left;font-size:70%;}
.row3 span          {float:left; display:inline;width:150px;color:#676767;}

.rowvalidator span  {font-size:70%;color:#676767;}

/* ALL PAGES */
#Page                   {background:#FFFFFF;margin:0px auto;width:961px;}
#PageInner              {padding:0px 0px 0px 0px;}

/* HEADER */
#Header                 {background:url(../images/Header_BG.jpg) no-repeat top left;height:131px;width:961px;margin-bottom:16px;}

.HeaderLogo             {width:151px;height:60px;float:left;display:inline;margin:16px;}

.HeaderImage            {width:151px;height:60px;float:left;display:inline;margin-top:12px;width:220px;}

.HeaderSearch           {float:left;display:inline;margin:42px 0px 0px 22px;width:282px;padding:0px 0px 0px 12px;height:36px;background:url(../images/Search_text_box.gif) no-repeat top left;}
.HeaderSearch .SearchTextBox{background:none;width:180px;height:16px;border:0px;padding-top:6px;margin-right:16px;display:block;float:left;}
.HeaderSearch a         {display:block;float:left;}

.HeaderLogin            {float:left;display:inline;font-size:70%;margin-left:30px;width:155px;padding:10px;height:62px;background:url(../images/Header_Basket_BG.jpg) no-repeat top left;}
.HeaderLogin .BasketHeader{display:block;font-size:120%;width:155px;text-align:center;margin:0px 0px 10px 0px;padding:0px;font-weight:bold;}
.HeaderLogin .HeaderBasketPrice	{color:#5ABF6D;display:inline;}
.HeaderLogin a          {text-decoration:none;float:right;display:block;color:#000000;}
.HeaderLogin a:Hover    {text-decoration:underline;}
.HeaderLogin #BasketQuantity{color:#32A949;font-weight:bold;margin-left:10px;}
.HeaderLogin #BasketTotal	{color:#32A949;font-weight:bold;margin-left:12px;}

/* TOP NAV */
.TopNav                 {width:960px;color:#FFFFFF;font-size:80%;text-align:left;height:32px;}
.TopNav a               {color:#FFFFFF;text-decoration:none;font-weight:bold;float:left;display:block;margin-left:20px;padding:6px 0px 6px 0px;}
.TopNav a:Hover         {text-decoration:underline;}
.TopNav a.TopNavHomeLink{padding:0px;margin:0px;margin-left:1px;margin-top:-1px;}

/* SUB NAV */
.InnerSubNav            {margin-top:0px;margin-bottom:20px;font-size:75%;border-top:1px solid #000000;border-bottom:1px solid #000000;padding-top:0px;padding-bottom:2px;padding-left:5px;color:#0E9749;}
.InnerSubNav a          {text-decoration:none;color:#102451;}
.InnerSubNav a:Hover    {text-decoration:underline;}

/* LEFT NAV*/
.LeftNav						{float:left;display:inline;width:184px;font-size:65%;}
.LeftNavPageLinksHeader			{background:#32A949 url(../images/LeftNav_Header_Top.gif) no-repeat top left; width:163px;color:#FFFFFF;padding:9px 10px 0px 10px;font-size:140%;font-weight:bold;float:left;display:inline;}
.LeftNavPageLinksHeader a		{color:#FFFFFF;text-decoration:none;}
.LeftNavPageLinksHeader a:Hover	{text-decoration:underline;}
.LeftNavPageLinksHeaderBottom	{background:url(../images/LeftNav_Header_Bottom.gif) no-repeat top left;width:183px;height:9px;margin-bottom:10px;float:left;display:inline;margin-top:0px;}

.LeftNavCatLinksHeader			{background:#6D6D6D url(../images/LeftNav_Header_Top_Grey.gif) no-repeat top left; width:163px;color:#FFFFFF;padding:9px 10px 0px 10px;font-size:140%;font-weight:bold;float:left;display:inline;}
.LeftNavCatLinksHeaderBottom	{background:url(../images/LeftNav_Header_Bottom_Grey.gif) no-repeat top left;width:183px;height:9px;margin-bottom:10px;float:left;display:inline;margin-top:0px;}

.LeftNavLinks					{background:#F3F3F3;width:160px;padding:10px;margin-bottom:15px;color:#6D6D6D;}
.LeftNavLinks a					{display:block;color:#6D6D6D;text-decoration:none;padding-left:10px;}
.LeftNavLinks a:Hover			{text-decoration:underline;}
.LeftNavLinks .LeftLinksSubLink1{font-size:120%;margin:8px 0px 0px 0px;background:url(../images/LeftNav_Bullet.gif) no-repeat top left;}
.LeftNavLinks .LeftLinksSubLink2{font-size:110%;margin:8px 0px 0px 12px;background:url(../images/LeftNav_Bullet_2.gif) no-repeat top left;}
.LeftNavLinks .LeftLinksSubLink3{margin:3px 0px 3px 24px;background:url(../images/LeftNav_Bullet_2.gif) no-repeat top left;}
.LeftNavLinks .LeftLinksSubLink4{margin:3px 0px 3px 36px;background:url(../images/LeftNav_Bullet_2.gif) no-repeat top left;}




/*MAIN CONTENT*/
.HomeContent			{width:961px;display:block;color:#6B6D6B;}
.MainContent            {float:left;display:inline;margin-left:25px;width:752px;color:#6B6D6B;}

/* TITLE BAR */
h3.PageTitle			{color:#32A949;}

/* BREAD CRUMB */
.BreadCrumb             {font-size:70%;color:#6D6D6D;}
.BreadCrumb a           {color:#6D6D6D;text-decoration:underline;}
.BreadCrumb a:Hover     {}


/* FOOTER */
.Footer                 {background:url(../images/Footer_Shadow.gif) no-repeat left;width:961px;height:100px;}
.FooterLogin	        {float:left;display:inline;margin-top:20px;}
.FooterLeft             {float:left;display:inline;font-size:70%;color:#000;margin-top:22px;}
.FooterLeft a           {color:#6D6D6D;text-decoration:none;margin:0px 3px;}
.FooterLeft a:Hover     {text-decoration:underline;}

.FooterRight			{float:right;display:inline;text-align:right;font-size:70%;margin-top:44px;color:#999;}
.FooterRight a          {color:#000;text-decoration:none;color:#999;}
.FooterRight a:Hover    {text-decoration:underline;}

.HomeFooterText             {float:right;display:inline;text-align:right;font-size:70%;color:#FFF;padding:12px 0px 0px 0px;}
.HomeFooterText a           {color:#FFF;text-decoration:none;}
.HomeFooterText a:Hover     {text-decoration:underline;}


/* LOGIN */
.LoginBox               {width:350px;font-size:100%;}


/* BRANCH LIST */
.BranchesMap					{float:left;display:inline;margin-right:20px;width:323px;}
.BranchesRight					{float:left;display:inline;width:400px;font-size:70%;}
.BranchesHeaderText				{color:#32A949;font-size:110%;}
.BranchesLinks					{margin:30px 0px;}
.BranchesLinks .BranchLink		{display:inline;float:left; width:170px;cursor:pointer;font-weight:bold;padding:1px 0px 0px 10px;background:url(../images/Our_Products_Link_Bullet.gif) no-repeat top left;}
.BranchesLinks .BranchLink:Hover{text-decoration:underline;}
.BranchDetails					{float:left;display:inline;width:230px;margin-bottom:30px;margin-right:10px;}
.BranchTimes					{float:left;display:inline;width:160px;margin-bottom:30px;}
.BranchesGoogleMap				{}


/*NEWS LIST & ITEMS */
.NewsListing            {}
.NewsStoryBox           {font-size:70%;border-bottom:1px solid #6D6D6D;margin-bottom:20px;padding-bottom:20px;}
.NewsStoryContent       {width:610px;float:left;display:inline;}

.NewsStoryBox h3        {color:#32A949;margin:0px;font-size:120%;}
.NewsStoryBox h3 a      {color:#32A949;text-decoration:none;}
.NewsStoryBox h3 a:Hover{text-decoration:underline;}
.NewsStoryContent		{color:#6D6D6D;}
.NewsStoryContent a      {color:#31AA4A;}
.NewsStoryContent a:Hover{color:#32A949;}
.NewsStoryImage         {width:100px;float:left;display:inline;border:1px solid #ddd;margin-right:20px;padding:5px; text-align:center;}


/* CASE STUDIES */
.CaseStudyHome					{margin-top:40px;width:700px;}
.CaseStudyHomeCat				{border-bottom:1px solid #6D6D6D;margin-bottom:10px;padding-bottom:10px;clear:both;}
.CaseStudyHomeCatImage			{width:150px;float:left;display:inline;margin-right:20px;}
.CaseStudyHomeCatRight			{width:466px;float:left;display:inline;}
.CaseStudyHomeCatTitle			{width:200px;margin-right:30px;font-size:90%;font-weight:bold;margin-top:12px;}
.CaseStudyHomeCatTitle a		{text-decoration:none;color:#32A949;width:200px;display:block;}
.CaseStudyHomeCatTitle a:Hover	{text-decoration:underline;}
.CaseStudyHomeCasSubPages		{width:466px;font-size:80%;margin-top:10px;}
.CaseStudyHomeCasSubPages a		{text-decoration:none;color:#6D6D6D;}
.CaseStudyHomeCasSubPages a:Hover{text-decoration:underline;}
.CaseStudyHomeCat a.MoreLink	{display:block;margin-top:6px;color:#31AA4A;}

.CaseStudyHomeCatImage			{padding:5px;margin-top:10px;display:inline-block;}


/* Image Map */
a.ImageMapLink					{width:100%;height:100%;display:block;background:#FFFFFF;filter:alpha(opacity=0); opacity:0.0;}



/************************** ECOMMERCE ***************************/


/* DIVISIONS */

.DivisionsSubList				{width:442px;float:left;display:inline;}
.DivisionCatItem				{width:139px;height:195px;padding:14px 1px 0px 1px;background:url(../images/Division_Cat_BG.gif) no-repeat top left;float:left;display:inline;margin-right:6px;}
.DivisionCatImage				{width:139px;height:120px;text-align:center;}
.DivisionCatLink				{font-size:80%;margin-top:14px;padding:0px 6px;font-weight:bold;color:#32A949;}
.DivisionCatLink a				{color:#31AA4A;text-decoration:none;}
.DivisionCatLink a:Hover		{text-decoration:underline;}

.DivisionRightCol				{float:left;display:inline;margin-left:5px;}
.DivisionContentBox				{width:305px;background:url(../images/Division_TextBox_BG.gif) repeat-y top left;margin-bottom:10px;}
.DivisionContentBoxTop			{width:305px;background:url(../images/Division_TextBox_Top.gif) no-repeat top left;}
.DivisionContentBoxBottom		{width:285px;padding:10px 10px;background:url(../images/Division_TextBox_Bottom.gif) no-repeat bottom left;}
.DivisionContentHeader			{color:#32A949;font-weight:bold;font-size:90%;margin-bottom:10px;}

.DivisionCaseStudy				{font-size:70%;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #CCC;clear:both;}
.DivisionCaseStudyTitle			{margin-bottom:6px;color:#31AA4A;}
.DivisionCaseStudyTitle a		{color:#31AA4A;font-weight:bold;}
.DivisionCaseStudyTitle a:Hover	{text-decoration:underline;}
.DivisionCaseStudyImage			{float:left;display:inline;width:100px;margin-right:10px;}
.DivisionCaseStudyContent		{float:left;display:inline;width:174px;}


/* MAIN CATEGORY LIST */
.OurProducts					{width:752px;display:block;}
.OurProdsBox					{width:752px;float:left;display:inline;margin:0px 0px 40px 0px;background:url(../images/footer_shadow_short.gif) no-repeat bottom;padding-bottom:40px;}
.OurProdsBoxImage				{float:left;display:inline;width:120px;margin-right:20px;}
.OurProductsBoxLinks			{float:left;display:inline;width:610px;}
.OurProductsBoxTitle			{font-size:100%;font-weight:bold;margin:10px 0px 10px 0px;color:#32A949;}
.OurProductsBoxTitle a			{text-decoration:none;color:#32A949;}
.OurProductsBoxTitle a:Hover	{text-decoration:underline;}
.OurProductsBoxSubCats			{font-size:70%;font-weight:bold;color:#6B6D6B;}
a.OurProductsBoxSubCatLink		{background:url(../images/Our_Products_Link_Bullet.gif) no-repeat top left;text-decoration:none;padding-left:10px; display:block;float:left;color:#6B6D6B;width:130px;margin:0px 10px 5px 0px;}
a.OurProductsBoxSubCatLink:Hover{text-decoration:underline;}


/* 2ND LEVEL CAT */
.CatTopText				{font-size:70%;width:722px;}
.SecondLevelCatList		{margin-top:20px;}
.ThirdLevelCatList		{margin-top:20px;}

.SecondLevelCatList .SubCatListItem						{float:left;display:inline;width:230px;height:205px;border:1px solid #707070;margin:0px 14px 20px 0px;}
.SecondLevelCatList .SubCatListItem .SubCatListImage	{float:left;display:inline;width:111px;height:150px;padding:5px;margin-right:5px;text-align:center;overflow:hidden;}
.SecondLevelCatList .SubCatListItem .SubCatListImage img{overflow:hidden;}
.SecondLevelCatList .SubCatListItem .SubCatListText		{float:right;display:inline;width:104px;font-size:70%;height:160px;}
.SecondLevelCatList .SubCatListItem .SubCatListTitle	{color:#FFFFFF;background:#333333;padding:10px;font-weight:bold;font-size:70%;}
.SecondLevelCatList .SubCatListItem .SubCatListTitle a	{color:#FFFFFF;text-decoration:none;}
.SecondLevelCatList .SubCatListItem .SubCatListTitle a:Hover	{text-decoration:underline;}
.SecondLevelCatList .SubCatListItem .SubCatListDescription{color:#333333;padding-right:10px;font-weight:normal;height:130px;margin-top:5px;}
.SecondLevelCatList .SubCatListItem ul					{margin:0px;padding:0px;}
.SecondLevelCatList .SubCatListItem li					{margin:0px;padding:0px; list-style:none;background:url(../images/Our_Products_Link_Bullet.gif) no-repeat top left;display:block;padding-left:10px;}
.SecondLevelCatList .SubCatListItem a.SubCatListLink	{display:block;float:right;margin-right:10px;margin-top:15px;}

.ThirdLevelCatList .SubCatListItem						{float:left;display:inline;width:167px;height:222px;border:1px solid #707070;margin:0px 14px 20px 0px;}
.ThirdLevelCatList .SubCatListItem .SubCatListImage		{width:137px;height:120px;padding:10px;margin-right:10px;text-align:center; vertical-align:middle; line-height:120px;}
.ThirdLevelCatList .SubCatListItem .SubCatListTitle		{color:#FFFFFF;background:#333333;padding:10px;font-size:70%;height:30px;font-weight:bold;}
.ThirdLevelCatList .SubCatListItem .SubCatListTitle a	{color:#FFFFFF;text-decoration:none;}
.ThirdLevelCatList .SubCatListItem .SubCatListTitle a:Hover	{text-decoration:underline;}
.ThirdLevelCatList .SubCatListItem .SubCatListDescription{color:#333333;padding-right:10px;font-weight:normal;height:156px;margin-top:10px;}
.ThirdLevelCatList .SubCatListItem a.SubCatListLink		{display:block;float:right;margin-right:10px;margin-top:7px;}

.SecLvlSubCatTitle      {color:#FFF;padding:5px 6px 5px 6px;font-size:70%;margin:14px 0px 4px 0px;}
.SecLvlSubCatTitle a    {color:#FFF;text-decoration:none;font-weight:bold;}
.SecLvlSubCatTitle a:Hover{text-decoration:underline;}

.SecLvlSubSubCat        {color:#000;float:left;display:inline;font-size:65%;width:177px;margin:0px 2px 4px 2px;}
.SecLvlSubSubCat a      {color:#000;text-decoration:none;}
.SecLvlSubSubCat a:Hover{text-decoration:underline;}


/* PRODUCT LIST */
.ProductListItem        {width:700px;font-size:70%;margin:20px 0px;padding-bottom:16px;}
.ProdImage              {width:165px;float:left;display:inline;text-align:center;margin-right:10px;}  
.ProdImage img          {margin-top:15px; margin-bottom:5px; cursor:pointer;}

.ProdDescription        {float:left;display:inline;width:500px;}
.ProdDescription strong {font-size:110%;}
.VariantList            {margin-top:10px;}
.Variant                {border-top:1px dotted #666;padding:4px 0px;}
.VarCode                {width:150px;float:left;display:inline;}
.VarDetails             {margin-left:10px;width:100px;float:left;display:inline;}
.VarPrice               {float:left; display:inline;margin-left:10px;width:50px;font-weight:bold;}

.LogoImages             {margin:10px 0 10px 0px; float:right;width:165px;text-align:center;}

.LoginRequired          {font-size:90%;float:right;}
.LoginRequired a        {color:Black;text-decoration:none;}
.LoginRequired a:hover  {text-decoration:underline;}
.LoginRequired .CompanyLiterature      {color:#32A949;font-weight:bold;font-size:140%;}
.LoginRequired .CompanyLiterature a {color:#32A949;}

.ProductAttribute       {font-size:90%; width:100%;}
.QtyTextBox			    {width:25px; font-size:90%;float:left;margin-top:0px;}
.BuyButton			    {background:url(../images/buy.gif); width:50px; height:22px; margin:0 0 0 10px; float:left; cursor:pointer;}


/* POPUP BASKET/IMAGE */
.CanvasModal            {background-color:Black; opacity:.50;filter: alpha(opacity=50); }
.ModalPopUp             {height:290px; width:395px;background-color:White;font-size:90%;color:Black;font-weight:bold; text-align:left; border:4px solid #001167;}
.ModalPopUpProdImg      {height:305px; width:395px;background-color:White;font-size:90%;color:Black;font-weight:bold; text-align:left; border:4px solid #001167;}
.ModalProductInfo       {margin:10px;border-top:1px dotted gray;border-bottom:1px dotted gray;padding:10px 0 10px 0;}
.ModalProdInfoContainer {height:70px;float:left;}
#AddToModalDescription  {float:left;width:290px;margin-left:5px;}
#AddToModalCost         {float:right;margin-right:5px;}
.ModalLinkBasket        {background:url(../images/view_basket.gif); height:22px; width:126px; cursor:pointer;  float:left; margin:5px 0 0 10px; display:inline;}
.ModalLinkContinue      {background:url(../images/cont_shopping.gif); height:22px; width:168px; cursor:pointer; float:left; margin:5px 0 0 80px;  display:inline;}
.ModalLinkContinueProdImg    {background:url(../images/close_window.gif); height:22px; width:134px; cursor:pointer; float:right; margin:5px 10px 0 0px;  display:inline;}


/* BASKET */

.BasketTop          {background:url(../images/topbasket.gif) top left repeat-x; width:700px; margin:15px 0 0 0;height:23px;}
.BasketTop *        {padding-top:5px; font-size:60%; font-weight:bold;float:left; color:#676767;}

.BasketItem         {width:700px; padding:7px 0 5px 0;border-bottom:1px dotted gray; color:#676767;float:left;display:inline;}
.BasketItem div     {font-size:60%; font-weight:bold;float:left;display:inline;}
.BasketItem a       {color:#676767;}
.TotalsContainer    {width:700px;margin-top:10px;}
.BasketTotalItem    {background-color:#F3F3F3; float:right;clear:both;width:230px;margin-bottom:2px;color:#676767;
                    font-weight:bold;font-size:70%;padding:2px 0 2px 0;display:inline;}
.BasketTotalCostItem{background-color:#4C4C4C; float:right;clear:both;width:230px;margin-bottom:2px;color:#676767;
                    font-weight:bold;font-size:70%;padding:2px 0 2px 0;color:White;display:inline;}                    

.BasketButtonContainer{width:700px;margin:40px 0 40px 0;float:left;}

.BasketContinue      {background:url(../images/cont_shopping.gif); height:22px; width:168px; cursor:pointer; float:left; display:inline;}
.BasketCheckout      {background:url(../images/check_out.gif); height:22px; width:100px; cursor:pointer; float:right; }

/* OUR PRODUCTS */

.OurProds			{font-size:100%;font-weight:bold;margin-bottom:10px; margin-left:0px;}
.ProductPageColumns {width:175px;float:left;}
.ProductPageLinksTitle {font-size:70%;width:100%;margin-bottom:10px;display:block;text-decoration:none;color:Black;}
.ProductPageLinksTitle:hover {text-decoration:underline;}
.ProductPageLinks   {height:30px;width:100%;}
.ProductPageLinks a {float:left;}
.ProductPageLinks a:hover{text-decoration:underline;}
