﻿* 		{font-family:arial, verdana, sans-serif;}
HTML 	{}
BODY 	{font-size:11px; color:rgb(0,0,0); background:rgb(186,173,137) url(images/background.jpg) repeat-x top left ; margin:0; padding:0;}
A		{color:rgb(0,0,255);}
A:hover	{}
P		{margin:0 0 1em 0;}

H1 	{font-size:24px; color:rgb(0,0,0);margin:0 0 16px 0; padding:0 0 10px 0 ; border-bottom:1px dotted rgb(0,0,0); text-transform:capitalize }	/* page title or product name */
H2	{font-size:16px;} 
H3	{text-transform:capitalize;color:rgb(0,0,0);} /* subcategory banner */
H4	{color:rgb(51,51,51);} /* footer headings */
H5	{}
H6	{}

.alert {color:#900; background-color:transparent; font-weight:bold; padding:1em;}


/* note: in strict mode, box width is the inside content area */
#overlay 	{margin:0 auto; width:990px; background:url(images/fourfive.png) top left;}
#wrapper	{padding:11px 0 0 0; margin:0; border-top:1px solid rgb(237,28,36); border-left:1px solid rgb(255,255,255); border-right:1px solid rgb(255,255,255);}

/* Masthead
----------------------------------------- */
#masthead	{padding:61px 0 0 0; position:relative; background:url(images/capTestTop.gif) bottom center no-repeat;}
#masthead A.logo {top:0px; left:31px; position:absolute; overflow:hidden;width:0; height:82px; padding:0 0 0 248px; background:url(images/leedsmakeityourslogo.png) top left no-repeat;}
#masthead ul.links {margin:0; padding:0 15px 0 0; position:absolute; top:0; right:0;}
#masthead ul.links A {color:rgb(0,0,0); text-decoration:none;}
#masthead ul.links A:hover {color:rgb(204,34,40); text-decoration:underline;}
#masthead ul li { list-style:none; float:left;}
#masthead .mastheadsearchbutton {top:29px; right:0; padding:0 15px 0 0 ; position:absolute; margin:0;}
#masthead .mastheadsearchbutton INPUT {font-size:11px; height:13px; width:11em;padding:1px 3px; border:1px solid rgb(153,153,153);}
#masthead .mastheadsearchbutton .searchbutton {border:0; cursor:pointer;   text-indent: -1000em; width:53px; height:17px; margin:0; padding:0; background: url(images/search.gif) center top no-repeat ;}
.socialfacebook {background:url(images/FaceBook128x128.png) top left no-repeat; width:26px; height:26px;display:block;}
.socialtwitter {background:url(images/Twitter128x128.png) top left no-repeat; width:26px; height:26px; display:block;}

/* Canvas Top + Tabs
----------------------------------------- */
UL#tabs {height:39px; background:url(images/canvasNavigation.png) top left no-repeat; margin:0; padding:0 0 0 332px;}
UL#tabs LI {float:left; list-style:none; margin:0; padding:0; width:129px; overflow:hidden;}
UL#tabs LI A {width:0; height:39px;display:block;padding-left:129px;overflow:hidden;}
UL#tabs LI A#tabproduct 		{background:url(images/canvasNavigation.png) -332px 0px no-repeat;}
UL#tabs LI A#tabbrand 			{background:url(images/canvasNavigation.png) -461px 0px no-repeat;}
UL#tabs LI A#tabpromotion 		{background:url(images/canvasNavigation.png) -589px 0px no-repeat;}
UL#tabs LI A#tabservice 		{background:url(images/canvasNavigation.png) -717px 0px no-repeat;}
UL#tabs LI A#tabclearance 		{background:url(images/canvasNavigation.png) -845px 0px no-repeat;}

UL#tabs LI A#tabproduct:hover 		{background:url(images/canvasNavigation.png) -332px -39px no-repeat;}
UL#tabs LI A#tabbrand:hover 		{background:url(images/canvasNavigation.png) -461px -39px no-repeat;}
UL#tabs LI A#tabpromotion:hover 	{background:url(images/canvasNavigation.png) -589px -39px no-repeat;}
UL#tabs LI A#tabservice:hover 		{background:url(images/canvasNavigation.png) -717px -39px no-repeat;}
UL#tabs LI A#tabclearance:hover 	{background:url(images/canvasNavigation.png) -845px -39px no-repeat;}

UL#tabs LI A#tabproduct.active 		{background:url(images/canvasNavigation.png) -332px -78px no-repeat;}
UL#tabs LI A#tabbrand.active		{background:url(images/canvasNavigation.png) -461px -78px no-repeat;}
UL#tabs LI A#tabpromotion.active 	{background:url(images/canvasNavigation.png) -589px -78px no-repeat;}
UL#tabs LI A#tabservice.active 		{background:url(images/canvasNavigation.png) -717px -78px no-repeat;}
UL#tabs LI A#tabclearance.active 	{background:url(images/canvasNavigation.png) -845px -78px no-repeat;}

UL#tabs LI A#tabproduct.active:hover 		{background:url(images/canvasNavigation.png) -332px -78px no-repeat;}
UL#tabs LI A#tabbrand.active:hover 			{background:url(images/canvasNavigation.png) -461px -78px no-repeat;}
UL#tabs LI A#tabpromotion.active:hover 		{background:url(images/canvasNavigation.png) -589px -78px no-repeat;}
UL#tabs LI A#tabservice.active:hover 		{background:url(images/canvasNavigation.png) -717px -78px no-repeat;}
UL#tabs LI A#tabclearance.active:hover 		{background:url(images/canvasNavigation.png) -845px -78px no-repeat;}


/* Canvas
----------------------------------------- */
#canvas	 	{background:url(images/canvasBody.png) top left repeat-y; margin:0; padding:1px 15px; height:1%;}
#canvasfoot {padding:26px 0 0 0; background:url(images/canvasFoot.png) top left no-repeat; margin:0; clear:left;}

/* Content
----------------------------------------- */
#content, #stagecontent {} /* keep empty, use for moving the content around the canvas (see "filter.css for example") */

/* Footer Links
----------------------------------------- */
#footer 	{padding:0 0 0 19px;}
#footer	H4	{margin:0; padding:0; font-size:11px;}
#footer UL	{margin:0; padding:0;}
#footer	UL LI {list-style:none; margin:0 0 3px 0;  padding:0;}
#footer UL LI A {display:block;padding-left:7px; color:rgb(51,51,51); text-decoration:none;background:url(images/arrowBlack.gif) 0px 4px no-repeat;}
#footer UL LI A:hover {color:rgb(204,34,40); text-decoration:underline;background:url(images/arrowRed.gif) 0px 4px no-repeat;}

#footer .column {width:150px; margin-right:10px; display:block; float:left;}
#footer .first 	{}
#footer .second {}
#footer .third 	{}
#footer .fourth {}
#footer .fifth 	{}
#footer .sixth 	{}

#footer HR		{clear:left;visibility:hidden;margin:0; padding:0;}

/* Policies + Copyright
----------------------------------------- */
#fineprint 				{font-size:10px; margin:20px 9px 0px; padding:0 108px 8px 0; background:url(images/makeityours.png) center right no-repeat;}
#fineprint A  			{color:rgb(204,34,40);}
#fineprint .links  		{display:block; border-bottom:1px dotted rgb(102,102,102); padding-bottom:2px;}
#fineprint .copyright	{}

/* content modules
----------------------------------------- */
dl.module {padding:0; margin:0 0 2em 0 ; }
dl.module dt {padding: 0 0 2px 0; margin: 0 0 2px 0; font-weight:bold; border-bottom:1px dotted rgb(0,0,0);}
dl.module dd {margin:0; padding:0;}
dl.module dd A.arrow {display:block;padding-left:7px; color:rgb(51,51,51); background:url(images/arrowBlack.gif) 0px 4px no-repeat;}
dl.module dd A.arrow:hover {color:rgb(204,34,40); background:url(images/arrowRed.gif) 0px 4px no-repeat;}

dl.module dd table  		{border-collapse:collapse; width:100%;}
dl.module dd table TH 		{}
dl.module dd table TR 		{}
dl.module dd table TD 		{padding:2px 4px; border-bottom:1px solid rgb(215,215,215);}
dl.module dd table TD EM 	{font-style:normal; font-weight:bold; color:rgb(242, 104, 30)}

dl.module dd UL 	{display:block; padding:0; margin:0 0 0 2em;}

/* home page */
.hpMainContent{width:950px; height:368px; margin:auto auto 20px auto; clear:both;}
.hpColOne{width:478px; height:368px; float:left; margin-right:0px;}
.hpColOneFlash{	width:480px; height:292px; position:relative; float:left; clear:both; margin-bottom:0px; text-align:left;}
.hpColOneFlashFooter{width:478px; height:77px; position:relative; float:left; clear:both; text-align:center;}
.hpColTwo{width:318px; height:368px; float:left; margin-right:0px;}
.hpColTwoRowOne{width:318px; height:122px; position:relative; float:left; clear:both; margin-bottom:0px; text-align:center;}
.hpColTwoRowTwo, .hpColTwoRowThree{width:158px; height:124px; position:relative; float:left; margin-bottom:0px; text-align:center;}
.hpColThree{width:150px; height:369px; float:left; margin:5px 0px 0px 0px}
/* Error 
---------------------------------------------- */
p.infona {display:block; font-weight:bold; margin:2em 0; text-align:center;}