html, body 
{
    margin:0;
    padding:0;
}


body
{
    font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
    font-size:12px;
    text-align:center;
	background:#3E8FD6 url(../images/customer/bg5.gif) repeat-x;
    color:#3B2C5B;
}

td
{
    font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
    font-size:12px;
}
.pageheader
{
    font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
    font-size:24px;
    font-weight:bold;
    color:#3B2C5B;
}
p
{
    /* Changed the top margin from 0px to 10px */
    margin:2px 2px 10px 2px;
    font-size:14px;
    }
 li
{
    /* Changed the top margin from 0px to 10px */
    margin:2px 2px 2px;
    font-size:14px;
    }  
a
{
	font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
    font-size:14px;
    color:#0058A7;
    text-decoration:none;
    }

a:hover
{
    text-decoration:underline;
}

a:visited
{
    color:#0058A7;
    text-decoration:none;
}    

a.menunav
{
	font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
    font-size:12px;
    color:#0058A7;
    text-decoration:none;
    }
div#wrapper
{
    width:780px;
    margin:0 auto;
}

.underline { /* Added 23 July 2007 for Migration Reference Center */
	text-decoration:underline;
}

#articlelist {
	float: left;
	width: 780px;
}
	
#articlelist2 {
	float: left;
	margin-left: 100px;
}

.h1article {
	color: #0058A7;
	margin-top: 0;
}

.seolinks {
	margin-top: -10px;
}

a.mainlink:link {font-family : verdana, arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #0067C6;
	line-height: 13pt;
	text-decoration: none}

a.mainlink:visited {font-family : verdana, arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #00529B;
	line-height: 13pt;
	text-decoration: none}

a.mainlink:hover {font-family : verdana, arial, Helvetica, sans-serif;
	font-size : 11px;
 	font-weight: strong;
	color : #0067C6;
	line-height : 13pt;
	text-decoration: underline}


/*--------------------------------------------------------*/
/*                 NAVIGATION SETTINGS                    */
/*--------------------------------------------------------*/

div#nav
{
    text-align:left;
    padding:0 35px 0 30px;
    height:153px;
    background: url(../images/customer/top_bg3.gif) no-repeat bottom left;
}



/* main menu links */
    #menu {
      position: relative;
      top: 3px;
	  left: 50px;
      width:730px;
      height: 30px;
      }
	  
    #menu ul {
      margin:0;
      padding:0px 10px 0;
      list-style:none; 
      }
      
    #menu li {
      float:left;
	  display:inline;
      background:url("../images/customer/right_both3.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #menu a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("../images/customer/left_both3.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover {
      color:#333;
      }
    #demos #menu-demos, 
    #menus #menu-menus,
    #layouts #menu-layouts, 
    #boxes #menu-boxes,
    #mozilla #menu-mozilla,
    #explorer #nav-explorer,
    #opacity #menu-opacity {
      background-position:100% -150px;
      }
    #demos #menu-demos a, 
    #menus #menu-menus a,
    #layouts #menu-layouts a, 
    #boxes #menu-boxes a,
    #mozilla #menu-mozilla a,
    #explorer #menu-explorer a,
    #opacity #menu-opacity a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #menu li:hover, 
	#menu li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #menu li:hover a {
      background-position:0 -150px;
      }


#cartinfo
	{
	float: right;
	top: 10px;
	right: 565px;
	height: 25px;
	width: 265px;
	padding: 16px 8px 8px 20px;
	margin: 0px;
	color: #FFFFFF;
	background: url("../images/customer/cart.gif") no-repeat 0 50%;
	}

#cartinfo a {
	color:#FFFFFF;
	text-decoration: none;
	}

/*--------------------------------------------------------*/
/*                  CONTENT SETTINGS                      */
/*--------------------------------------------------------*/

div#content
{
    text-align:left;
    padding:5px 0px 0px 30px;
    background:url(../images/customer/content_bg.gif) repeat-y;
}
/*--------------------------------------------------------*/
/*                   HOME PAGE ONLY                       */
/*--------------------------------------------------------*/

div#mid
{
    padding: 5px;
    background:#fff url(../images/customer/mid_bg.gif) no-repeat;
}

div#content2
{
    height: 176px;
    text-align:left;
    padding:5px 30px 0px 30px;
    background:url(../images/customer/content_bg.gif) repeat-y;
}

div#graphic
{	
	position: relative;
	top: -203px;
	left: -28px;
	height: 210px;
	width: 318px;
	margin: 0px;


		
	}
div#search_form
{
	padding-left: 10px	
}

div#seo {
	float: right;
	line-height: 150%;
	width: 400px;
	}	
	


.cssnav {
	position: relative;
	background-image: url(../images/customer/bgon.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 328px;
	height: 35px;
	margin: 2px;
	padding: 0;

}

.cssnav a {
	display: block;
	color: #E7CCB5;
	font-size: 13px;
	letter-spacing: .1em;
	width: 328px;
	height: 35px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
}
.cssnav a:link {
	color: #E7CCB5;
	text-decoration: none}

.cssnav a:visited {
	color: #E7CCB5;
	text-decoration: none}

.cssnav a:hover {
	color: #FFFFFF;
	text-decoration: none;}
	
.cssnav img {
		width: 328px;
		height: 35px;
		border: 0; }
* html a:hover {visibility:visible}

.cssnav a:hover img{visibility:hidden}

.cssnav span {
	position: absolute;
	left: 45px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}


/*--------------------------------------------------------*/
/*                   COLOR SETTINGS                       */
/*--------------------------------------------------------*/

.dark
{
    background:#6C5B4B;
    color:White;
}

.dark b
{
    color:#DAEBF5;
}

.dark a
{
    color:#F9AE08;
    text-decoration:none;
    font-weight:bold;}

.dark a:hover
{
    text-decoration:underline;
}

.dark a:visited
{
    color:#DAEBF5;
}

.dark h1,h2,h3,h4,h5,h6
{
    color:#8FB1D1 ;
}


.bright
{
    background:#8FB1D1;
    color:White;
}

.light
{
    background:#DAEBF5;
    color:#6C5B4B;
}



/*--------------------------------------------------------*/
/*              TITLE HEADER SETTINGS                     */
/*--------------------------------------------------------*/

.titleheader p
{
    text-align:right;
}

.titleheader h2
{
    border-bottom:solid 1px #6C5B4B;
    color:#8FB1D1;
}

.titleheader i
{
    color:#8FB219;
    font-style:normal;
}

 

/*--------------------------------------------------------*/
/*               FILE DOWNLOAD LINK SETTINGS              */
/*--------------------------------------------------------*/

.icon
{
    padding-left: 20px;
    line-height:18px;
}

.excel
{
    background: url(../images/customer/excel.gif) no-repeat left center;
}

.pdf
{
    background: url(../images/customer/pdf.gif) no-repeat left center;
}

.word
{
    background: url(../images/customer/word.gif) no-repeat left center;
}

 
.zoom
{
    background: url(../images/customer/zoom.gif) no-repeat left center;
}

 
/*--------------------------------------------------------*/
/*                   FOOTER SETTINGS                      */
/*--------------------------------------------------------*/

div#bottom
{
    height:28px;
    background:url(../images/customer/bottom_bg.gif) no-repeat top left;
}

.foot 
{ 
	color: #ffffff
}

.foot a 
{
	color: #ffffff
}

/*--------------------------------------------------------*/
/*                   FORM ELEMENTS                        */
/*--------------------------------------------------------*/


input.login {background-color: #CE514E;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	font-size: 11px;
	color: #ffffff}


input.submit {background-color: #3E8FD6;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	font-size: 11px;
	color: #FFFFFF}

input.teal {background-color: #800000;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	font-size: 11px;
	color: #FFFFFF}

.iform	{color: #000000;
	font-family: verdana;
	background: #ffffff;
	font-weight: normal;
	font-size: 11px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 3px;
	border-top-width: 1px;
	border-bottom-width: 3px;}	

.cartTable {
	border-bottom: 1px solid #DEC3AD
	}
.bordered-cart {
	border-left: 1px solid #DEC3AD;
	padding-left: 20px
}	
.rule {
	width: 100%;
	height: 20px;
	background: url("../images/customer/rule.gif") repeat-x;
}

#pscroller_np {
height: 150px;
border: 0px;
padding: 5px;
}
 
.pscroller_c_np {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
 
.marquee_hide {
     visibility:hidden;
}
.marquee_show {
     visibility:visible;
}