/* @group Originals */

body
{
	background-image: url(images/bg.gif);
	font-family: Arial, Helvetica, "sans serif";
	margin: 0px 5px 0px 5px;
	height: 100%;
	font-size: 10pt;
}

#Header
{
	background-color: #FDF6BB;
}

.HeaderContactInfo
{
	position: relative;
	float: right;
	margin-right: 10px;
	color: #B3A000;
	font-family: Tahoma;
	cursor: pointer;
	cursor: hand;
}

#Navigation
{
	height: 24px;
	background-image: url(http://www.paletti-usa.com/images/bg_navigation.gif);
	background-repeat: repeat-x;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
}

#Navigation a:link, #Navigation a:visited
{
	text-decoration: none;
	color: #FFE796;
}

#Navigation a:hover, #Navigation a:active
{
	text-decoration: none;
	color: #FFFFFF;
}

#Content
{
	padding: 5px 8px 5px 8px;
	width: 650px;
	margin-left: 40px;
}

#Footer
{
	text-align: center;
	font-size: 7pt;
	/*border-top: 1px solid #12127D;*/
	border-bottom: 1px solid #12127D;
}

#Footer A
{
	text-decoration: none;
}

H1
{
	color: #4F3F8C;
	margin: 0px;
	padding: 0px;
	font-size: 16pt;
}

H2
{
	color: #4F3F8C;
	margin: 0px;
	padding: 0px;
	font-size: 13pt;
}

H3
{
	color: #4F3F8C;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
}

UL
{
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(http://www.paletti-usa.com/images/bullet.gif);
}

HR
{
	color: #EDC337;
	background-color: #EDC337;
	height: 2px;
}

#DropDownMenu
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;

	background-color: #FFFFFF;
	border: 2px solid #4A40B4;
	border-top: 0px;
	padding: 5px;
	line-height: 130%;

	z-index: 1000;
}

/*
	Forces IE6 to apply z-index to select boxes below the dropdownmenu div, by using a
	complimentary flaw in the handling of iframes.  Essentially, the iframe (which is only
	rendered in IE6 because of conditional comments in the HTML), becomes a mask for the drop
	down menu.  Since masks sit at the highest z-index, the menu is guaranteed to render above
	the select combo boxes!

	>> originally from article at: http://20.targetprocess.com/2006/07/ie6-select-and-z-index-problem.html
*/

#DropDownMenu IFRAME
{
 display:none;      /*sorry for IE5*/
 display/**/:block; /*sorry for IE5*/
 position:absolute; /*must have*/
 top:0;             /*must have*/
 left:0;            /*must have*/
 z-index:-1;        /*must have*/
 filter:mask();     /*must have*/
 width:500px;       /*width/height values must be the max size of any menu, so it is guaranteed to cover*/
 height:150px;      /*do not make them any larger than necessary, as the mouseOut of the menu (the event that closes it)*/;
                    /*does not fire until off the iframe, so the menus won't close properly if this value is too big*/
}

.picture
{
	font-weight: bold;
	color: #003366;
	background: #B6BFDC;
	border: 1px solid #99A3BD;
	padding: 0px;
	margin: 3px;
	text-align: right;
}

a:link    {color: #1919B3}     /* unvisited link  */
a:visited {color: #1919B3}     /* visited link    */
a:hover   {color: #12127D}     /* mouse over link */
a:active  {color: #12127D}     /* selected link   */


a.selected:link {color: #ffffff}
a.selected:visited {color: #ffffff}

.selectedMenu
{
	font-weight:bold;
	color:red;
}

.urgent
{
    font-weight: bold;
    color: #FF0000;
}
.success
{
    font-weight: bold;
    color: #008800;
}

.RepeaterHeader
{
	background-image: url('http://www.paletti-usa.com/images/layout/subhead_bg.gif');
	background-repeat: repeat-x;
	background-position: top center;
	background-color:#B6C1DB;
	border-top: 1px solid #B6C0D3;
	border-bottom: 1px solid #B6C0D3;
	padding: 5px;
}

.caton
{
	border: 1px;
	border-color: #969EAD;
	border-style: solid;
	background-color: #D2EFFF;
	background: #d6d5ee url(images/bg-table-purple.gif) repeat-x;
	cursor:pointer;
   	cursor:hand;
}

.catoff
{
	border: 1px;
	border-color: #969EAD;
	border-style: solid;
	background: #fdf6bd url(images/bg-table-yellow.gif) repeat-x;
}

.lighttanback
{
	background-color: #D9BF9A;
}
.yellowstrip
{
	background-color: #FFF352;
}
.searchcatddl
{
	width: 160px;
	font-size: 85%;
}

.searchsubcatddl
{
	width: 250px;
	font-size: 85%;
}

/* @end */





/* START of NEW CSS   */

.product_slideshow{
	width: 640px;
	border: 1px solid #12127d;
	background: #9e9ad6 url(images/bg_slideshow.gif) repeat-x;
	margin: 10px 20px 30px 0px;
	/*padding: 10px 10px 60px;*/
	padding: 5px 0px 0px;
	position: relative;
}
.title{
	color: #fdf6bb;
	margin-top: 0;
	font: bold 20px Arial, Helvetica, "sans serif";
	margin-left: 10px;

}

.welcometitle{
	color: #fdf6bb;
	font: bold 20px Arial, Helvetica, "sans serif";
	background: url(images/hdr-home-welcome.gif) no-repeat top right;
	width: 2170px;
margin: 0 0 0 -2000px;
	height: 30px;
}

.intro{
	color: #fff;
	font-size: 13px Arial, Helvetica, "sans serif";
	text-align: left;
	width: 280px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0;
}
.slideshow{
	width: 226px;
	height: 170px;
	margin: -30px 10px 5px 20px;
	padding: 0;
	float: right;
	border: 1px solid #12127d;
	position: relative;
}

#rotator
{
	cursor: hand;
	/* Netscape cursor type */
	cursor: pointer;
}

#rotator img
{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	border-color: #12127d;
}
.catalog-sections
{
	width: 600px;
	border: 1px solid #12127d;
	background: #FDF6BD url(images/bg-table-yellow.gif) repeat-x;
	margin: 10px 20px 30px 40px;
	padding: 10px 10px 20px;
	position: relative;
}
.catalog-rightcolumns
{
	padding-left: 60px;
}
.h2-yellow-bg
{
	background: url(images/yellow-bg3.gif) no-repeat -10px;
	font-family: "Arial Black", Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}
.h1-yellow-bg
{
	background: #FFFF99;
}

#MainContainer
{
	background-color: #FFFFFF;
	width: 750px;
	text-align: left;
	border: 2px solid #12127D;
	border-width: 0px 2px 0px 2px;
	/* height: 100%; */
	margin-top: 15px;
}

#container
{
	width: 750px;
	\width: 770px;
	w\idth: 750px;
	border: 2px solid #12127D;
	/*border: 1px solid #4a40b4;*/
	/*border: 1px solid #00FF00;*/
	border-width: 1px 2px 0px 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#banner
{
	padding: 5px;
	margin-bottom: 0px;
	background: url(images/hdr-pattern.gif) repeat-x;
	height: 100px;
	/*border: 2px solid #12127D;*/
	/*border: 2px solid #FF0000;
	border-width: 0px 5px 5px 0px;
	*/
}

#logo
{
	/* background: url(images/hdr-logo.gif) no-repeat; */
	width: 92px;
	height: 92px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
	cursor: hand;
}
h1.title
{
	color: #4A40B4;
	font: 18px "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 125px;
	margin-top: 45px;
}

h2.tagline
{
	color: #4A40B4;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 125px;
	margin-top: 10px;
}

.address
{
	color: #4A40B4;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 570px;
	clear: none;
	display: inline;
	float: left;
	margin-top: -87px;
}

#homealert
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	height: 100px;
	background: url(images/icon-alertcalendar.gif) no-repeat 0 -10px;
	width: 600px;
}

.homealert-text
{
	margin-left: 80px;
}
.update
{
	color: #5b53ba;
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}