/** CSS Document 
	For Benton's Plumbtec Website
*/

/************************************************************************/
/*			Global Properties											*/
/************************************************************************/
body {
	background: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
}

a:link{
	color:#0033FF;
	text-decoration: none;
}

a:visited {
	color:#0099FF;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

/*@font-face {
  font-family: Myriad Pro;
  src: url('Images/Fonts/MyriadPro-Regular.otf');
}*/

/************************************************************************/

/************************************************************************/
/* 			Divisions 													*/
/************************************************************************/

#wrapper {
	width: 985px;
	text-align:center;
	margin: 0 auto 0 auto;
	background:white;
	min-width:985px;
}

#wrapperbg {
	background: url(Images/Graphics/white%20shadow%20background.gif) 50% repeat-y;
}

#masthead{
	top:0px;
	width: 100%;
	height:100px;
	margin: 0 auto 0 auto;
	z-index:100;
	background:url(Images/Graphics/mainlogo.jpg) #004890 50% no-repeat;
}


#links{
	postion:relative;
	color: white;
	width: 985px;
	font-weight:bold;
	height:32px;
	text-align:left;
	padding:0px;
	padding-top:5px;
	margin: 0 auto 0 auto;
	min-width:985px;
	
}

#links2{
	position:relative;
	color: #9d9d9d;
	width:985px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	height:25px;
	text-align:left;
	margin: 0 auto 0 auto;
	margin-bottom:10px;
	border-bottom: 1px solid #cccccc;
	min-width:985px;
}


#navbar {
	text-align:center;
	width:100%;
	height:32px;
	background:url(Images/Graphics/linkbg.jpg) repeat-x;
	z-index:100;
	min-width:985px;
}

#indexmain
{
	padding: 5px 0px 0px 0px;
	text-align:left;
	
}



#header {
	padding: 0px 0px 14px 0px;
	margin: 0px;
	margin-bottom:10px;
	border-bottom:1px solid #ccd2d2;
	font: bold 150% Tahoma, Geneva, Arial, sans-serif;
	color: #000000;
	text-align:left;
}

#content {
	padding: 5px 0px 0px 0px;
	text-align:left;
}


#footer {
	width: 985px;
	min-width:985px;
	text-indent: 10px;
	height:32px;
	/**background:#004890;**/
	clear: both;
	font-size: small;
	color:white;
	padding-top: 7px;
	padding-left:0px;
	z-index: 5;
	text-align:left;
	vertical-align:middle;
	margin: 0 auto 0 auto;
}

#footer-wrapper {
	width:100%;	
	min-width:985px;
	height:50px;
	/**background:url(Images/Graphics/linkbg.jpg) repeat-x;**/
	background:url(Images/Graphics/footer%20bar.png) center no-repeat;
	
	
}

#750col {
	width:750px;
}

#searchboxwrapper {
	width:985px;
	margin: 0 auto 0 auto; 
}

#searchboxtable {
	width:200px; 
	height:20px; 
	background:#FFFFFF; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#WLSearchBoxButton {
	border:none 0 transparent; 
	height:18px; 
	width:18px; 
	vertical-align:top;
}

#WLSearchBoxInput {
	background-color:#FFFFFF; 
	font-family:Arial; 
	font-size:12px; 
	color:#999999; 
	width:100%; 
	border:none 0 transparent;
}

#WLSearchBoxDiv {
	float:right;
	padding-top:2px;
}

/************************************************************************/


/************************************************************************/
/** 	Navigations Styles 												*/
/************************************************************************/
#links a:link, #links a:visited {
	font-weight: bold;
	padding: 3px 15px 3px 15px;
	color: white;
	text-decoration: none;
}

#links a:hover {
	font-weight: bold;
	padding: 3px 15px 3px 15px;
	color: #FFFFFF;
	background:url(Images/Graphics/linkbg%20hi.jpg) repeat-x;
	

}


#links2 a:link, #links2 a:visited {
	/*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;*/
	font: bold 80% Vendana, Arial,sans-serif;
	padding: 0px 10px 3px 5px;
	color: #9d9d9d;
	text-decoration: none;
}

#links2 a:hover {
	color: #004890;
	text-decoration:underline;

}

#links2 img {
	margin-top:-2px;
}

#current a:link, #current a:visited {
	text-decoration:underline;
}

#footer a:link, #footer a:visited {
	color:white;
	text-decoration: none;
	padding-right:10px;
}

#footer img {
	margin-right:-10px;
	vertical-align:top;
	margin-top:2px;
}

#footer a:hover {
	text-decoration: underline;
}

#breadCrumb{
	padding: 0px 0px 5px 0px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	font-weight:normal;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}




/************************************************************************/

/************************************************************************/
/**			Main Body Styles											*/
/************************************************************************/
h1 {
	 font: bold 130% Tahoma, Geneva, Arial, sans-serif;
	 color: #004890;
	 margin: 2px;
	 padding: 0px;
}

h2 {
	font: bold 125% Tahoma, Geneva, Arial, sans-serif;
	 color: #006699;
	 margin: 2px;
	 padding: 0px;
}

h3 {
	 font: bold 120% Tahoma, Geneva, Arial, sans-serif;
	 color: #334d55;
	 margin: 2px;
	 padding: 0px 0px 0px 0px;
} 

h4 {
	font: bold 110% Tahoma, Geneva, Arial, sans-serif;
	 color: #9d9d9d;
	 margin: 2px;
	 padding: 0px 0px 0px 0px;
}

h5 {
	font: bold 100% Tahoma, Geneva, Arial, sans-serif;
	color:#887469;
	 margin: 2px;
	 padding: 0px 0px 0px 0px;
}

p {
	padding: 0px 0px 5px 2px;
	font: 12px Verdana, Arial,sans-serif;
	text-align:justify;
}

#news {
	padding-top:5px;
	/**background-image:url(Images/Graphics/news%20background.jpg);
	background-repeat:no-repeat;
	background-position: -5px -6px;**/
}

#box  {
	width:400px;
	font: 80% Arial, Helvetica, sans-serif;
}

#newspics {
	padding:5px 10px 5px 10px;
}

#storedatatable
{
	width:600px;
	padding-top:20px;
		
}
#storedata
{
	width:600px;
	font: 80% Arial, Helvetica, sans-serif;
}

#storeimages {
	float:right; 
	width:375px; 
	text-align:center;
}

#storedatabold
{
	font-weight:bold;
}

#suppliertable {
	width: 90%;
	
}

#supplierheading{
	border-bottom: 1px solid #cccccc;
}

img.noborder
{
  border: none;
}

a img {
 border: none;
}

img.right
{
  float: right;
  border: none;
}

p.centered
{
  text-align:center;
}

/************************************************************************/


/************************************************************************/
/* List Styles															*/
/************************************************************************/
ul{
	font-size:80%;
	list-style-type:none;
}

.bullet li {
	list-style-type:disc;
}

.bullet ul {
	list-style-type:disc;
}

.arrowbullet {
	list-style-image:url(Images/Graphics/bulletpoint.png);
}

ul p {

	list-style-type: disc;
}

ul ul{
	font-size:100%;
 	list-style-type: square;
}

ul ul ul{
	font-size:100%;
 	list-style-type: square;
}

/************************************************************************/


/************************************************************************/
/*			Designer Showcase Items										*/
/************************************************************************/


#designcontent {
	width:730px;
	margin-left:250px;
}


/************************************************************************/



/************************************************************************/
/*			Post Items													*/
/************************************************************************/
.Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:23px;
	min-height:23px;
}

.Post-body
{
	position: relative;
	z-index: 1;
	padding: 13px;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl, .Post-tc, .Post-bc,.Post-cr, .Post-cl
{
	position:absolute;
	z-index:-1;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl
{
	width: 30px;
	height: 30px;
	background-image: url('Images/Graphics/Post-s.png');
}

.Post-tl
{
	top:0;
	left:0;
	clip: rect(auto, 15px, 15px, auto);
}

.Post-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 15px, 15px);
}

.Post-bl
{
	bottom: 0;
	left: 0;
	clip: rect(15px, 15px, auto, auto);
}

.Post-br
{
	bottom: 0;
	right: 0;
	clip: rect(15px, auto, auto, 15px);
}

.Post-tc, .Post-bc
{
	left: 15px;
	right: 15px;
	height: 30px;
	background-image: url('Images/Graphics/Post-h.png');
}

.Post-tc
{
	top: 0;
	clip: rect(auto, auto, 15px, auto);
}

.Post-bc
{
	bottom: 0;
	clip: rect(15px, auto, auto, auto);
}

.Post-cr, .Post-cl
{
	top: 15px;
	bottom: 15px;
	width: 30px;
	background-image: url('Images/Graphics/Post-v.png');
}

.Post-cr
{
	right:0;
	clip: rect(auto, auto, auto, 15px);
}

.Post-cl
{
	left:0;
	clip: rect(auto, 15px, auto, auto);
}

.Post-cc
{
	position:absolute;
	z-index:-1;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background-color: #FFFFFF;
}


.Post
{
	margin: 7px;
}

/************************************************************************/