/* ================================================================================
	GENERAL
   ================================================================================ */
iframe,div,body
{
	margin: 0px;
	padding: 0px;
}
body
{
	
	background-image: url(/templates/p9/images/bg_index.jpg);
	font-family: Helvetica, Arial, Verdana;
	font-size: 9pt;
}

img
{
	border: none;
}

a
{
	color: #000000;
	text-decoration: none;
}

a.grey       { color: #bbbbbb; }
a.grey:hover { color: #000000; }

a.greyupper       { color: #bbbbbb; text-transform: uppercase; }
a.greyupper:hover { color: #000000; }

h1
{
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-size: 10pt;
}

/* ================================================================================
	FRAMESET
   ================================================================================ */

#container
{
	margin: 0px auto 0px auto;
	width: 990px;
	height: 570px;
}

#header
{
	height: 85px;	
}

#logo
{
    float: left;
	padding: 15px 0px 0px 85px; /*trbl*/
	width: 80px;
}

#menu
{
	float: left;
	padding: 45px 0px 0px 192px;
}

#middle
{
	height: 410px;
	clear: both;
}

#content_left
{
    float: left;
	height: 380px; /* 410 - 30 */
	width: 125px;
	padding-top: 25px;
}


#content_middle
{
    float: left;
    width: 770px;
	height: 410px;
	background-image: url(/templates/p9/images/bgcontent.png);
}

#content
{
    float: left;
	width: 740px;  /* 770 - 15 - 15 - opt. 20 (sb)*/
	height: 380px; /* 410 - 15 - 15 */
	padding: 0px 15px 0px 15px;
	margin: 15px 0px 15px 0px;
	overflow: hidden;
}
 
#content_right
{
    float: left;
	height: 38px; /* 368 - 330 */
	width: 95px;
	padding-top: 276px;
}


#footer_left
{
    float: left; 
	padding: 5px 0px 0px 150px;
	color: #ffffff;
	width: 555px;
}

#footer_right
{
    float: left; 
	padding: 5px 0px 0px 10px;
	color: #ffffff;
	font-weight: bold;
}
#footer_right a.buttonsmall_trans, a.buttonlarge_white { float: left; }

/* ================================================================================
	MENU
   ================================================================================ */

a.menu, a.menuactive,.menuclosed
{
	background: url(/templates/p9/images/menu-trans.png);
	width: 100px;
	height: 20px; /* 40 - 20 */
	padding: 20px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	float: left;
	text-align: center; 
}
a.menu:hover, a.menuactive
{
	background: url(/templates/p9/images/menu_over-trans.png);
	height: 25px; /* 40 - 15 */
	padding-top: 15px;
	cursor: pointer;
}
a.menuactive    { font-weight: bold; }
#m1.menuactive  { color: #000000; }
#m2.menuactive  { color: #000000; }
#m3.menuactive  { color: #000000; }
.menuclosed     { background: url(/templates/p9/images/menu_closed-trans.png); }
/* ================================================================================
	BUTTON
   ================================================================================ */

a.buttonsmall_white,a.buttonsmall_trans
{
 display: block; 
 font-size: 8pt;
 text-align: center; 
 margin: 2px;
 width:70px; 
 height:18px; /* 24 - 6*/
 padding-top: 6px;
}
a.buttonsmall_white       { color: #000000; background :url(/templates/p9/images/button_over-trans.png); }
a.buttonsmall_white:hover { color: #ffffff; background :url(/templates/p9/images/button-trans.png); cursor: pointer; }
a.buttonsmall_trans       { color: #ffffff; background :url(/templates/p9/images/button-trans.png); }
a.buttonsmall_trans:hover { color: #000000; background :url(/templates/p9/images/button_over-trans.png);  cursor: pointer;}

a.buttonlarge
{ 
	background: url(/templates/p9/images/button_right-trans.png);
	display: block; 
	font-size: 8pt;
	color: #ffffff;
	width:80px; 
	height:21px; /* 27 - 6*/
	padding-top: 6px;
	margin: 2px;
	text-align: center; 
}
a.buttonlarge:hover   
{ 
	background: url(/templates/p9/images/button_right-over-trans.png);
	cursor: pointer;
	color: #000000;
}
a.buttonlarge_white,a.buttonlarge_trans
{
 display: block; 
 font-size: 8pt;
 text-align: center; 
 margin: 2px;
 width:80px; 
 height:21px; /* 27 - 6*/
 padding-top: 6px;
}
a.buttonlarge_white       { color: #000000; background :url(/templates/p9/images/button_right_over-trans.png); }
a.buttonlarge_white:hover { color: #ffffff; background :url(/templates/p9/images/button_right-trans.png); cursor: pointer; }
a.buttonlarge_trans       { color: #ffffff; background :url(/templates/p9/images/button_right-trans.png); }
a.buttonlarge_trans:hover { color: #000000; background :url(/templates/p9/images/button_right_over-trans.png);  cursor: pointer;}

a.buttoncategory,a.buttoncategoryActive
{
	display: -moz-inline-box; 
	display: inline-block; 
	background-repeat: no-repeat;
	height: 20px; /* 27 - 7 */
	width: 120px;
	padding-top: 7px;
	margin-bottom: 3px;
	background-position: right center;
	color: #ffffff;
	font-size: 7pt;
	text-transform: uppercase;
}

a.buttoncategory span       { display: none;  text-align: right; width: 90px; }
a.buttoncategory:hover span { display: block; text-align: right; width: 90px; color: #ffffff; }
a.buttoncategoryActive span       { display: none;  text-align: right; width: 90px; }
a.buttoncategoryActive:hover span { display: block; text-align: right; width: 90px; color: #ffffff; }


#collection1        { background-image: url(/templates/p9/images/button_1_left.png); }
#collection1.buttoncategoryActive,
#collection1:hover  { background-image: url(/templates/p9/images/button_1_left_over.png); }
#collection2        { background-image: url(/templates/p9/images/button_2_left.png); }
#collection2.buttoncategoryActive,
#collection2:hover  { background-image: url(/templates/p9/images/button_2_left_over.png); }
#collection3        { background-image: url(/templates/p9/images/button_3_left.png); }
#collection3.buttoncategoryActive,
#collection3:hover  { background-image: url(/templates/p9/images/button_3_left_over.png); }
#collection4        { background-image: url(/templates/p9/images/button_4_left.png); }
#collection4.buttoncategoryActive,
#collection4:hover  { background-image: url(/templates/p9/images/button_4_left_over.png); }
#collection5        { background-image: url(/templates/p9/images/button_5_left.png); }
#collection5.buttoncategoryActive,
#collection5:hover  { background-image: url(/templates/p9/images/button_5_left_over.png); }
#collection6        { background-image: url(/templates/p9/images/button_6_left.png); }
#collection6.buttoncategoryActive,
#collection6:hover  { background-image: url(/templates/p9/images/button_6_left_over.png); }
#collection7        { background-image: url(/templates/p9/images/button_7_left.png); }
#collection7.buttoncategoryActive,
#collection7:hover  { background-image: url(/templates/p9/images/button_7_left_over.png); }
#collection8        { background-image: url(/templates/p9/images/button_8_left.png); }
#collection8.buttoncategoryActive,
#collection8:hover  { background-image: url(/templates/p9/images/button_8_left_over.png); }
#collection9        { background-image: url(/templates/p9/images/button_9_left.png); }
#collection9.buttoncategoryActive,
#collection9:hover  { background-image: url(/templates/p9/images/button_9_left_over.png); }
#collection10       { background-image: url(/templates/p9/images/button_10_left.png); }
#collection10.buttoncategoryActive,
#collection10:hover { background-image: url(/templates/p9/images/button_10_left_over.png); }
#collection11       { background-image: url(/templates/p9/images/button_11_left.png); }
#collection11.buttoncategoryActive,
#collection11:hover { background-image: url(/templates/p9/images/button_11_left_over.png); }
#collection12       { background-image: url(/templates/p9/images/button_12_left.png); }
#collection12.buttoncategoryActive,
#collection12:hover { background-image: url(/templates/p9/images/button_12_left_over.png); }

/*  ====================================================================================
	CLASSES
	====================================================================================*/

a.link       { color: #FFFFFF; }
a.link:hover { color: #000000; }

a.pdf         { padding-left: 20px; display: -moz-inline-box; display: inline-block; background: url(/templates/p9/images/pdf.gif) left no-repeat; }
a.pdf:hover   { color: #ff0000; }

a.collection       { color: #9F8A7C; } 
a.collection:hover { font-weight: bold; }


/*  ====================================================================================
	XT COMMERCE
	====================================================================================*/

.copyright, .copyright a
{
	padding-top: 30px;
	color: #ffffff;
	text-align:center;
}

/*  ====================================================================================
	XT COMMERCE FORM
	====================================================================================*/

#message_body
{
	height: 130px;
}

/*  ====================================================================================
	SCROLLBAR
	====================================================================================*/
.scrollbar-vert
{
    margin: 18px 0px 18px 0px;
	background-color: #eeeeee;
	height: 374px; /* 410 - 18 - 18 */
	width: 20px;
	float: left;
	display: none;
}
.handle-vert
{
	height: 42px;
	width: 20px;
	background: url(/templates/p9/images/handle-y.gif) no-repeat;
}
.scrollbar-hor
{
	background-color: #eeeeee;
	height: 20px;
	width: 300px;
	float: left;
	display: none;
}
.handle-hor
{
	height: 20px;
	width: 42px;
	background: url(/templates/p9/images/handle-x.gif) no-repeat;
}


/*  ====================================================================================
	XT COMMERCE FORM
	====================================================================================*/


.moduleRow 
{
	background-color: #ffffff;
	border: 1px solid;
	border-color: #000000;
}
.moduleRowOver 
{ 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
}
.moduleRowSelected { 
	background-color: #E9F4FC; 
}
.leftdist
{
	width: 20px;
}
.onepxwidth { width: 1px; }

.buttonContinue 
{ 
	text-align: right; 
	border-top: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	margin-top: 10px;
	margin-bottom: 50px;
}

.infoBoxNotice {
  background: #FF8E90;
  margin-top: 10px;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}