/***************OVERALL LAYOUT START******************/
/* Page Layout css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/
body{background: #fff; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #444;}

#container {
	width: 960px;
margin: 15px auto 0 auto;
	text-align: left;
background: #fff url(../../images/tradehome/background.gif) repeat-y left;
}
* html #container{
	width: 970px;
	w\idth: 960px;
}
#header {
	width: 960px;
background-color: white;
height: 199px;
margin-left: auto;
margin-right: auto;
}

#leftmenu {
	width: 150px;
	float: left;
left:-634px;
display: inline;
position:relative;
/* width: 175px;
	margin: 0 0 0 0;
		text-align: right;
	padding: 10px 25px 0 0;	
*/
}
#content {
border-left: 0 solid #C8C8C8;
border-right: 0 solid #C8C8C8;
width: 592px;
text-align: left;
float:left;
position:relative;
	left:150px;
	padding: 0 21px 0 21px;
}

#rightmenu {
	  width: 176px;
/*** use below if checking border ***********/
	 border-left:0 solid #000;
		border-right: 0 solid #000;
		background-color: white;
	height: auto;
	margin: 0;
	display: inline;
	float: right;
	text-align: left;
	padding: 10px 0 0 0;
}
/*
* html #rightmenu{
	width: 175px;
	w\idth: 174px;
}*/

#footer {
	width: 960px;
		clear: both;
background-color: white;
margin-left: auto;
margin-right: auto;
text-align: center;
border-top:1px solid #0044aa;
padding: 2px 0 2px 0;
}

/* END  css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/

#footer #left{
font-size: 0.8em;
float: left;
text-align: left;
margin-left: 7px;
}

#footer #right{
margin-right: 7px;
font-size: 0.8em;
float: right;
text-align: right;
}


.last {
	margin-bottom: 0;
}


.clearing {
	height: 0;
	clear: both;
}






/***************OVERALL LAYOUT END******************/

/***************RIGHT COLUMN START******************/


div.rhs-head-corners {margin: 15px 0 0 7px; }
div.rhs-footer-corners {margin: 0 0 40px 7px; }
div.rhs-head-corners img, div.rhs-footer-corners img {display:block;}

div.rhs-snippets, div.rhs-flash {width: 152px; 
margin: 0 0 0 7px; padding: 0 6px 0 6px;
border-left:2px solid #99CC00; border-right:2px solid #99CC00; font-size: 0.8em;}
div.rhs-snippets {text-align: center;}


div.rhs-snippets a:link, div.rhs-snippets a:visited  {text-decoration: none; }
div.rhs-snippets a:hover {text-decoration: underline; }

div.rhs-flash {text-align: center;}
div.rhs-flash img{margin: 3px 0 -1px 0;}

div.rhs-snippets h2 {margin: 0; color: #363463; font-size: 17px; font-weight: bold; text-align: center; }
div.rhs-snippets p, div.rhs-solid-snippets p {margin-bottom: 0;}

div.rhs-solid-snippets {width: 152px; margin: 0 0 0 7px; text-align: center; background-color: #EEEEEE; padding: 0 8px 0 8px;}
div.rhs-solid-snippets  h2 {margin: 0; color: #F08130; font-size: 14px; font-weight: bold; text-align: center;}

/* div.rhs-snippets img, div.rhs-solid-snippets img {margin:0 0 0 7px;} */


/***************COMMON******************/
div.hide { display: none;}

form {margin: 0;}
a:link{text-decoration: underline; color: #0033cc;}
a:visited{text-decoration: underline; color: #cc6600;}
a:hover{text-decoration: none; color: #ff6600; }
/*a.rollover img {border-width: 0;}*/

h1{
	margin: 5px 0 12px 0; text-align: left;
}
 h2, h3, h4, h5, h6 {
	margin: 0 0 2px 0; text-align: left;
}
h1{font-size: 1.4em; color: #99cc00;}
h2{font-size: 1.2em;}
h3{font-size: 1.1em; margin-bottom: -1em;}
h4{font-size: 0.9em; }
h5{font-size: 0.8em; color: #0044aa; clear: both;}
h6{font-size: 0.8em; color: #666; background-color: #dddddd; padding: 0 0 0 1px;}

th {background-color: #555; color: #fff; font-size: 1em; text-align: left;}
td {vertical-align: top; padding:2px; font-size: 1em; color: #003366;}
ul {padding-left: 15px;}
img {border: 0;}

div.breadcrumb{margin: 0; text-align: right; font-size: 1em; color: #444;}

#recent-views{margin: 10px 0 0 0;}


/* p {font-size: 0.8em;}
select {font-size: 0.8em;}

p.breadcrumb{margin: 0; text-align: right;}*/


/***************HEADER START******************/
#header_left{float: left; }
img.logo{border: 0; width: 150px; margin-right: 9px;}

#header_right{float: right; width: 168px;  margin-left: 9px; }
#header_right img{border: 0; width: 168px; margin: 0 0 10px 0; display: block;}

/* #basket {padding: 0 0 0 0; height: 30px;}*/
/** start the css used to create a info requests count over a graphic for info requests - not used currently....
#header_right p {margin: 8px 0 0 0; }
#header_right  p a {margin: 0; padding: 8px 10px 6px 144px; font-size: 13px; line-height: 2.4em; color: #fff; 
 background: #fff url(../../images/retailhome/header-requests.gif); background-repeat: no-repeat;}
#header_right  p a:hover {margin: 0; padding: 8px 10px 6px 144px;  background: #fff url(../../images/retailhome/header-requests_over.gif); background-repeat: no-repeat; text-decoration: none; }**/


#header #header_nav{width: 960px; float: left; margin: 8px 0 6px 0;}
/*note the distance between the images is set in the suckerfish css by the li*/
img.ancnav{border: 0; width: 87px;}
img.ancnavlast{width: 87px; border: 0; }
 
/***************HEADER END******************/

/***************SIDEBAR START******************/
#sidebar form {padding-bottom: 4px; width: 129px;}
input:focus{background: #ffCC00;}

.texta { 
 font-size: 11px; 
 background-color:#eeeeee; 
 border: 1px solid #999; 
}

img.projectchecklist{margin: 2px 0 0 0;}
img.alpha-index{margin: 10px 0 0 0;}


/***************SIDEBAR END******************/

/******CATEGORY VIEW - HANDLES THE PRODUCT TYPE PAGE******************/
td select {font-size: 1em; color: #003366;}
select {font-size: 0.8em; color: #003366;}

#content {color: #003366; font-size: 0.8em;}
#content p {margin: 0 0 4px 0; font-size: 1em;} 
#content ul {color: #003366; font-size: 1em;}

div.mainimage {margin: 7px 0 5px 0;}
div.mainimage img {width: 590px; height: 350px; border: 1px solid #ccc;}

p.rollmessage {clear: both; margin: 0 0 5px 0;}
div.scroll {margin: 0 0 7px 0; height: 110px; width: 592px; overflow: auto; border: 0; background-color: #fff;	padding: 0; text-align: left; 
     scrollbar-arrow-color: #444;
     scrollbar-base-color: #fff;
     scrollbar-dark-shadow-color: #FFF;
     scrollbar-track-color: #FFF;
     scrollbar-face-color: #FFCC33;
     scrollbar-shadow-color: #FFF;
     scrollbar-highlight-color: #FFF;
     scrollbar-3d-light-color: #FFF;
}
div.scroll img {padding: 0; vertical-align: top; margin: 0 10px 0 0; border: 1px solid #ccc;}
div.scroll table  {padding: 0; border: 0; margin: 0;}
div.scroll table td {white-space: nowrap;}


/*Product Thumbnails*/
div.productthumb {margin: 0 0 25px 0; width: 148px;  padding: 0; float: left; position: relative; text-align: center; font-size: 1em; }

div.productthumb img {margin: 0 0 5px 0; width: 135px; float: none; border: 1px solid #ccc;}
.clear {clear: both; margin-top: 15px;}

div.productthumb a:link, #footer ul li a:link, li.xls a:link, li.pdf a:link {color: #444; text-decoration: none; }

div.productthumb a:visited, #footer ul li a:visited, li.xls a:visited, li.pdf a:visited{color: #cc6600; text-decoration: none; }

div.productthumb a:hover, #footer ul li a:hover, li.xls a:hover, li.pdf a:hover{text-decoration: underline; color: #ff6600;}


/******PRODUCT VIEW - HANDLES THE PRODUCT PAGE******************/

div.prodmainimage {margin: 0; padding: 0;  width: 317px;  text-align: center;}
div.prodmainimage img{border: 1px solid #ccc;}
div.prodmainimage div {text-align: left; font-size: 1em; margin: 0 10px 0 0;}
div.prodmainimage div p {text-align: left; margin: 5px 0 5px 0; font-size: 1em;}
div.prodmainimage ul {margin: 5px 0 15px 0.2em; padding: 0; list-style-type: none; text-align: left; font-size: 1em;}

div.prodmainimage ul li {background-image: url(../../images/tradehome/bullet.gif);
background-repeat: no-repeat;
/*These units refer to the images position from the "left" and "top". */
background-position: 0 55%;
padding-left: 0.9em;
}


div.relatedproduct{margin: 10px; padding: 0;  font-size: 0.8em; }
div.relatedproduct img {margin: 0 10px 0 0; width: 50px; float: none; border: 1px solid #ccc;}


div.prodbasket {margin: 0;}
table.prodbasket{margin: 10px 0 15px 0;}


table.flower{font-size: 1em; width: 100%;}

ul.withicons {margin: 5px 0 15px 0.2em; padding: 0; list-style-type: none; text-align: left; font-size: 0.8em;}

li.pdf
{
background-image: url(../../images/bullet_pdf.gif);
background-repeat: no-repeat;
/*These units refer to the images position from the "left" and "top". */
background-position: 0 75%;
padding-left: 1.5em;
padding-top: 0.5em;
}
li.xls
{
background-image: url(../../images/bullet_xls.gif);
background-repeat: no-repeat;
/*These units refer to the images position from the "left" and "top". */
background-position: 0 65%;
padding-left: 1.5em;
padding-top: 0.5em;
}



/*******************PROD LAYOUT*****************/
#wrapper_prod {
	background: #fff url(../../images/tradehome/background_prod.gif) repeat-y right; width: 592px;
margin: 15px 0 0 0;
}
#container_prod {
	width: 317px;
	background: #fff url(../../images/tradehome/background_prod.gif) repeat-y right;
	float: left;
	margin-right: -275px;
}
#content_prod {
	background: #fff;
	margin-right: 275px;
}
#sidebar_prod {
	width: 275px;
	float: right;
}

/*****************END***************/


/*****************BASKET PAGES***************/
table.basket{width: 592px; empty-cells:show; margin: 0;}
table.basket td{border:1px solid #ddd;}
table.basket td.formbuttons{text-align: right; border: 0;}
table.basket td.remove {width: 65px; text-align: center;}

/*****************END***************/


/*****************contact***************/
#content form input, #content form textarea, #content form select {margin-left: 20px;}
/*****************END***************/
/*****************SITE MAP***************/
ul.sitemap {font-size: 0.8em;}
li.sitemap{font-size: 1em;}
ul.sitemap li ul{font-size: 1em;}

ul.sitemap li {margin: 4px 0 10px 0;}

/*****************END***************/







/***************FOOTER START******************/
#footer ul {
	list-style: none;
       margin: 0;
	   padding: 0;
       }

#footer ul li {
	display: inline;
margin: 0 5px 0 5px;
font-size: 0.8em;
}
/*
#footer ul li a:link, {color: #444;
	}
#footer ul li a:visited  {color: #666;
	}
#footer ul li a:hover {color: #333;}*/

/***************FOOTER END******************/

/***************LINK PAGES START******************/
p.weblink {padding: 10px 0 0 0;}

/********HIGh REZ IMAGES DEPT MENUS************/
ul.imsmenu {padding: 8px 0 0 20px;}
p.redtext{color: #cc0000; padding: 20px 0 20px 0;}

/***************SEARCH RESULTS********/
.highlight {color: #cc0000;}




/***************PAUL TERO CSS START******************/

tr.spacer td {height: 15px;}
/*The help box for management pages*/
div.help {background: #ffff99; display:inline; position:absolute; width:150px; margin-left:5px; padding:4px; border:1px dashed black;}
/*For the inline htmleditor*/
div.htmleditor {background: #eeeeee;}


/*****pd management*********/
table.catorder select {font-size: 1em;}
tr.spacer td {height:10px;}
tr.header td {font-weight: bold;}
/*For parent categories on the categoryedit.php page and lists on productedit.php*/
option.selectlistdepth0 {font-weight: bold; color: red; font-size: 1.5em;}
option.selectlistdepth1 {font-style: italic; color: green; font-size: 1.3em;}

#productsbysite select {font-size: 1em;}

/***************PAUL TERO CSS END******************/