@charset "UTF-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	background-image: url(images/idc_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #E2E2E2;
}
/* Commonly used to style page titles. */
h1 {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Commonly used to style section titles. */
h2 {
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
}
td.menu-item {
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

td.menu-item-hover {
	color: #FFE482;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

td.menu-item-selected {
	color: #FFE180;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

td.submenu-item {
	color: #000;
	font-size: 11px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFF5D3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.submenu-item {
	color: #fff;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #3F679B;
	text-align: left;
}

.submenu-item-hover {
	color: #FFF;
	font-size: 11px;
		padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #4F91CD;
	font-weight: bold;
}

.submenu-item-selected {
	color: #FFF;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #4F91CD;
	font-weight: bold;
}
.tbHead {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tbSubHead {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
hr {
	height:1px;
	border: 0;
	background-color: #C0C0C0;
}
#bottomLinks {
	float: left;
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#bottomLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}
#bottomLinks a:hover {
	text-decoration: underline;
	color: #336699;
}
#bottomLinks a:active {
	text-decoration: underline;
	color: #003366;
}
#bottomLinks a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

a:link {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

.link a:link {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
}
.link a:visited {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
.productLink:hover {
	color: #FF6600;
	text-decoration: underline;
}
.productLink:visited {
	color: #666;
	text-decoration: none;
}

.productLink:link {
	color: #336699;
	font-weight: normal;
text-decoration: none;
}

#content a:visited {
	color: #336699;
	font-weight: bold;
	outline: none;
}
.productLink {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.productBlue {
	color: #336699;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.bulletLink:hover {
	color: #FF6600;
	text-decoration: underline;
}
.bulletLink:link {
	color: #336699;
	font-weight: normal;
	text-decoration: underline;
}
.bulletLink:visited {
	color: #336699;
	font-weight: normal;
}
.bulletLink {
	color: #336699;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#POPheader {
	width: 900px;
	height: 20px;
}
#header {
	clear: both;
	float: none;
	height: 180px;
	width: 900px;
}
#header-con {
	clear: both;
	float: none;
	height: 160px;
	width: 900px;
}
#Hheader {
}
.orangeSub {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.smRed {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.req {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.copywrite {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.blueSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}
#SubLink {
	float: right;
	width: 680px;
	text-align: left;
	padding-top: 5px;
	padding-left: 50px;
}
.idc {
	font-weight: normal;
	color: #000000;
}

#logo {
	float: left;
	height: 160px;
	width: 170px;
	clear: left;
}
#address {
	float: right;
	width: 730px;
	text-align: right;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 60px;
	clear: right;
	outline: none;
}
#flash {
	background-image: url(images/flash_bkg.jpg);
	background-repeat: no-repeat;
	padding-right: 12px;
	padding-left: 9px;
	padding-bottom: 12px;
	clear: both;
	float: none;
	width: 880px;
	height: 428px;
	padding-top: 8px;
}
#map {
	position:relative;
	width: 900px;
	clear: both;
	float: none;
	height: 428px;
	background-image: url(images/map.gif);
	background-repeat: no-repeat;
}
#mapcontainer {
	height: 428px;
	width: 900px;
}
#textBar {
	text-align: center;	
}
#slides {
	height: 428px;
	width: 880px;
	z-index: 5;
	clear: none;
	float: none;
}
#content {
	background-image: url(images/con_back.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 860px;
	overflow: hidden;
	clear: both;
	float: none;
}
#newsShow {
	background-image: url(images/tv_world.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 900px;	
}
#shipShow {
	background-image: url(images/shipping_box.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 900px;
	clear: both;
	float: none;
}
#contentTop {
	background-image: url(images/con_top.gif);
	clear: both;
	float: none;
	height: 15px;
	width: 900px;
}
#contentBottom {
	background-image: url(images/con_bottom.gif);
	clear: both;
	float: none;
	height: 15px;
	width: 900px;
}
#footTop {
	background-image: url(images/footTop.jpg);
	clear: both;
	float: none;
	height: 6px;
	width: 900px;
	background-repeat: no-repeat;
}
#footBottom {
	background-image: url(images/footBottom.jpg);
	clear: both;
	float: none;
	height: 4px;
	width: 900px;
	background-repeat: no-repeat;
}
#footer {
	background-color: #ddd; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(images/foot.jpg);
	background-repeat: repeat-y;
	clip: rect(auto,auto,auto,auto);
	height: 15px;
	width: 880px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#canada {
	
	width: 880px;

}
#bottomWWW {
	float: right;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	color: #003366;
}
#CopywriteWrapper {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	width: 900px;
}
#eDesign a:link {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
#eDesign a:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 10px;
} 
#eDesign  a:visited {
	color: #666666;
	font-size: 10px;
}
#copywrite {
	float: left;
	width: 660px;
	padding-left: 10px;
}
#eDesign {
	clip: rect(auto,auto,auto,252px);
	float: right;
	width: 220px;
	text-align: right;
	padding-right: 10px;
}
.style1 {
	color: #E2E2E2;
	z-index: 5;
}


#map-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:79px;
	height:333px;
}

#map-02 {
	position:absolute;
	left:79px;
	top:0px;
	width:115px;
	height:70px;
}

#map-03 {
	position:absolute;
	left:194px;
	top:0px;
	width:25px;
	height:70px;
}

#map-04 {
	position:absolute;
	left:219px;
	top:0px;
	width:123px;
	height:70px;
}

#map-05 {
	position:absolute;
	left:342px;
	top:0px;
	width:79px;
	height:87px;
}

#map-06 {
	position:absolute;
	left:421px;
	top:0px;
	width:54px;
	height:126px;
}

#map-07 {
	position:absolute;
	left:475px;
	top:0px;
	width:57px;
	height:126px;
}

#map-08 {
	position:absolute;
	left:532px;
	top:0px;
	width:74px;
	height:140px;
}

#map-09 {
	position:absolute;
	left:606px;
	top:0px;
	width:73px;
	height:83px;
}

#map-10 {
	position:absolute;
	left:679px;
	top:0px;
	width:47px;
	height:83px;
}

#map-11 {
	position:absolute;
	left:726px;
	top:0px;
	width:67px;
	height:83px;
}

#map-12 {
	position:absolute;
	left:793px;
	top:0px;
	width:95px;
	height:209px;
}

#map-13 {
	position:absolute;
	left:79px;
	top:70px;
	width:115px;
	height:56px;
}

#map-14 {
	position:absolute;
	left:194px;
	top:70px;
	width:54px;
	height:56px;
}

#map-15 {
	position:absolute;
	left:248px;
	top:70px;
	width:94px;
	height:30px;
}

#map-16 {
	position:absolute;
	left:606px;
	top:83px;
	width:31px;
	height:43px;
}

#map-17 {
	position:absolute;
	left:637px;
	top:83px;
	width:68px;
	height:43px;
}

#map-18 {
	position:absolute;
	left:705px;
	top:83px;
	width:88px;
	height:17px;
}

#map-19 {
	position:absolute;
	left:342px;
	top:87px;
	width:79px;
	height:49px;
}

#map-20 {
	position:absolute;
	left:248px;
	top:100px;
	width:94px;
	height:40px;
}

#map-21 {
	position:absolute;
	left:705px;
	top:100px;
	width:88px;
	height:13px;
}

#map-22 {
	position:absolute;
	left:705px;
	top:113px;
	width:24px;
	height:13px;
}

#map-23 {
	position:absolute;
	left:729px;
	top:113px;
	width:64px;
	height:13px;
}

#map-24 {
	position:absolute;
	left:79px;
	top:126px;
	width:169px;
	height:14px;
}

#map-25 {
	position:absolute;
	left:421px;
	top:126px;
	width:78px;
	height:60px;
}

#map-26 {
	position:absolute;
	left:499px;
	top:126px;
	width:33px;
	height:14px;
}

#map-27 {
	position:absolute;
	left:606px;
	top:126px;
	width:21px;
	height:14px;
}

#map-28 {
	position:absolute;
	left:627px;
	top:126px;
	width:78px;
	height:23px;
}

#map-29 {
	position:absolute;
	left:705px;
	top:126px;
	width:88px;
	height:23px;
}

#map-30 {
	position:absolute;
	left:342px;
	top:136px;
	width:79px;
	height:32px;
}

#map-31 {
	position:absolute;
	left:79px;
	top:140px;
	width:58px;
	height:46px;
}

#map-32 {
	position:absolute;
	left:137px;
	top:140px;
	width:72px;
	height:46px;
}

#map-33 {
	position:absolute;
	left:209px;
	top:140px;
	width:54px;
	height:84px;
}

#map-34 {
	position:absolute;
	left:263px;
	top:140px;
	width:79px;
	height:28px;
}

#map-35 {
	position:absolute;
	left:499px;
	top:140px;
	width:41px;
	height:61px;
}

#map-36 {
	position:absolute;
	left:540px;
	top:140px;
	width:35px;
	height:61px;
}

#map-37 {
	position:absolute;
	left:575px;
	top:140px;
	width:37px;
	height:61px;
}

#map-38 {
	position:absolute;
	left:612px;
	top:140px;
	width:15px;
	height:37px;
}

#map-39 {
	position:absolute;
	left:627px;
	top:149px;
	width:64px;
	height:13px;
}

#map-40 {
	position:absolute;
	left:691px;
	top:149px;
	width:102px;
	height:13px;
}

#map-41 {
	position:absolute;
	left:627px;
	top:162px;
	width:60px;
	height:15px;
}

#map-42 {
	position:absolute;
	left:687px;
	top:162px;
	width:106px;
	height:15px;
}

#map-43 {
	position:absolute;
	left:263px;
	top:168px;
	width:96px;
	height:56px;
}

#map-44 {
	position:absolute;
	left:359px;
	top:168px;
	width:62px;
	height:18px;
}

#map-45 {
	position:absolute;
	left:612px;
	top:177px;
	width:39px;
	height:42px;
}

#map-46 {
	position:absolute;
	left:651px;
	top:177px;
	width:22px;
	height:16px;
}

#map-47 {
	position:absolute;
	left:673px;
	top:177px;
	width:120px;
	height:16px;
}

#map-48 {
	position:absolute;
	left:79px;
	top:186px;
	width:77px;
	height:147px;
}

#map-49 {
	position:absolute;
	left:156px;
	top:186px;
	width:53px;
	height:38px;
}

#map-50 {
	position:absolute;
	left:359px;
	top:186px;
	width:93px;
	height:51px;
}

#map-51 {
	position:absolute;
	left:452px;
	top:186px;
	width:47px;
	height:15px;
}

#map-52 {
	position:absolute;
	left:651px;
	top:193px;
	width:54px;
	height:26px;
}

#map-53 {
	position:absolute;
	left:705px;
	top:193px;
	width:88px;
	height:16px;
}

#map-54 {
	position:absolute;
	left:452px;
	top:201px;
	width:80px;
	height:36px;
}

#map-55 {
	position:absolute;
	left:532px;
	top:201px;
	width:68px;
	height:36px;
}

#map-56 {
	position:absolute;
	left:600px;
	top:201px;
	width:12px;
	height:18px;
}

#map-57 {
	position:absolute;
	left:705px;
	top:209px;
	width:183px;
	height:219px;
}

#map-58 {
	position:absolute;
	left:600px;
	top:219px;
	width:105px;
	height:34px;
}

#map-59 {
	position:absolute;
	left:156px;
	top:224px;
	width:21px;
	height:109px;
}

#map-60 {
	position:absolute;
	left:177px;
	top:224px;
	width:86px;
	height:104px;
}

#map-61 {
	position:absolute;
	left:263px;
	top:224px;
	width:79px;
	height:104px;
}

#map-62 {
	position:absolute;
	left:342px;
	top:224px;
	width:17px;
	height:70px;
}

#map-63 {
	position:absolute;
	left:359px;
	top:237px;
	width:22px;
	height:57px;
}

#map-64 {
	position:absolute;
	left:381px;
	top:237px;
	width:71px;
	height:57px;
}

#map-65 {
	position:absolute;
	left:452px;
	top:237px;
	width:54px;
	height:67px;
}

#map-66 {
	position:absolute;
	left:506px;
	top:237px;
	width:34px;
	height:28px;
}

#map-67 {
	position:absolute;
	left:540px;
	top:237px;
	width:53px;
	height:28px;
}

#map-68 {
	position:absolute;
	left:593px;
	top:237px;
	width:7px;
	height:38px;
}

#map-69 {
	position:absolute;
	left:600px;
	top:253px;
	width:105px;
	height:22px;
}

#map-70 {
	position:absolute;
	left:506px;
	top:265px;
	width:39px;
	height:163px;
}

#map-71 {
	position:absolute;
	left:545px;
	top:265px;
	width:43px;
	height:63px;
}

#map-72 {
	position:absolute;
	left:588px;
	top:265px;
	width:5px;
	height:10px;
}

#map-73 {
	position:absolute;
	left:588px;
	top:275px;
	width:49px;
	height:53px;
}

#map-74 {
	position:absolute;
	left:637px;
	top:275px;
	width:68px;
	height:53px;
}

#map-75 {
	position:absolute;
	left:342px;
	top:294px;
	width:110px;
	height:134px;
}

#map-76 {
	position:absolute;
	left:452px;
	top:304px;
	width:54px;
	height:124px;
}

#map-77 {
	position:absolute;
	left:177px;
	top:328px;
	width:165px;
	height:100px;
}

#map-78 {
	position:absolute;
	left:545px;
	top:328px;
	width:160px;
	height:100px;
}

#map-79 {
	position:absolute;
	left:0px;
	top:333px;
	width:177px;
	height:95px;
}
.link {
	text-decoration: underline;

}

#NavTable {
	position:relative;
	left:0px;
	top:0px;
	width:730px;
	height:50px;
}

#address_ {
	position:absolute;
	left:0px;
	top:0px;
	width:730px;
	height:1px;
}
#products {
	position:absolute;
	left:752px;
	top:-36px;
	width:129px;
	height:49px;
}
#forms-charts {
	clear: right;
	float: right;
	width: 620px;
}

#tools_ {
	position:absolute;
	left:129px;
	top:1px;
	width:143px;
	height:49px;
}

#rep_ {
	position:absolute;
	left:272px;
	top:1px;
	width:135px;
	height:49px;
}

#news_ {
	position:absolute;
	left:407px;
	top:1px;
	width:120px;
	height:49px;
}

#contact-us_ {
	position:absolute;
	left:527px;
	top:1px;
	width:127px;
	height:49px;
}

#home_ {
	position:absolute;
	left:654px;
	top:1px;
	width:76px;
	height:49px;
}
#conLeft {
	clear: left;
	float: none;
	width: 100%;
	position: relative;
	overflow: visible;
}
#conRight {
	float: right;
	width: 420px;
	margin-left: 400px;
}
#leftColumn {
	float: left;
	width: 250px;
	border: 2px none #B9B9B9;
}
#leftColumn2 {
	float: left;
	width: 240px;
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 250px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.stress {	font-weight: bold;
	color: #000033;
}
#note {
	background-image: url(scr/note.jpg);
	height: 252px;
	width: 243px;
	text-align: left;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
#closeNote {
	text-align: right;
	float: left;
	width: 198px;
	padding-top: 5px;
}
#closeNote a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	padding-right: 10px;
}
#closeNote a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	padding-right: 10px;
}
#closeNote a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF6804;
	text-decoration: underline;
	font-weight: normal;
	padding-right: 10px;
}
#hSource {
	float: left;
	text-align: left;
	padding-top: 2px;
	width: 455px;
	padding-left: 10px;
	clear: left;
}
#source {
	float: right;
	text-align: right;
	padding-top: 15px;
	clear: right;
}
.AIA {
	clear: right;
	float: right;
	text-align: left;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 4px;
	width: 255px;
}
.green {
	color: #090;
}
.AIA a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}
.AIA a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}
.AIA a:hover {
	color: #FF6804;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#sourceWrapper {
	clear: right;
	float: right;
	width: 730px;
}

#spryAlwaysVisibleNote {	height: 270px;
	width: 248px;
	font-family: Tahoma;
	font-size: 12px;
	z-index: 1;
	position: absolute;
}
#greenLogo {
	float: right;
	clear: right;
}
#nav {
	float: right;
	height: 49px;
	outline: none;
	color: #FFF;
	clear: right;
	width: 730px;
	background-image: url(/images/cssimg/nav-back.jpg);
	background-repeat: no-repeat;
}
#navMenu {
	float: left;
	clear: left;
	width: 673px;
	height: 49px;
}
#navHome {
	float: right;
	height: 49px;
	width: 57px;
	clear: right;
}
.cclass {
	text-align: center;
}

div#placeholder-nav {/* controls nav menu box */
	height: 34px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 13px;
}

div#placeholder-nav td {/* controls nav menu text */
	vertical-align: middle;
	padding-left: 10px;
	text-align: center;
}

#placeholder-nav table td {
	cursor: pointer;
	cursor: hand;
}    /* @end */

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}
div#sub {
	color: #444;
}
/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

div#main {
	background: #fff;
}
.announcement-list {
	border: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#homeSearch {
	text-align: left;
}

div.search-box {
	padding-top: 10px;
	padding-left: 18px;
}
div.search-box-left {
	padding-top: 10px;
	padding-left: 18px;
}

div.search-box input.cat_textbox_small {
	width: 120px;
}

#homeText {
	clear: right;
	float: right;
	width: 560px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#ContentArea{
}
.column {
  float: left;
  margin-right: 10px;
}
div#placeholder-box1 {
	border-bottom: 1px solid #bbb;
}
div#homeLeft {
	background-color: #F4F4F4;
	border: 1px solid #B9B9B9;
}
#sideForm {
	background-color: #F4F4F4;
	padding-right: 10px;
	padding-left: 10px;
}
.secure-login, .newsletter-form {
	border: none;
	margin-bottom: 0;
}
.secure-login h4, .newsletter-form h4 {
	margin: 0;
	background-color: transparent;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.homeText {
	line-height: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	font-size: 13px;
}
   /* @end */
#leftHeaderWapper {
	clear: right;
	float: right;
	width: 730px;
}

div.whoslogged {
	text-align: left;
	font-size: 11px;
}
div#placeholder-whosloggedin {
	clear: left;
	float: left;
	padding-left: 10px;
}
div#home-whosloggedin {
	clear: left;
	float: left;
	padding-left: 10px;
	padding-top: 8px;
}
#productSearchResults {
	clear: both;
	float: none;
	padding-bottom: 10px;
	padding-top: 10px;
}
#logoWrapper {
	clear: left;
	float: left;
	width: 170px;
}
#sourceWrapper {
	clear: left;
	float: left;
	width: 465px;
}
#sourceWrapper-inside {
	clear: both;
	float: none;
}
#adminLogin {
	font-size: 10px;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#notMember {
	font-size: 10px;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
#readerRight {
	float: right;
	clear: right;
}
#productSearch {
	clear: left;
	float: left;
	width: 400px;
}
#whiteBox {
	background-color: #FFF;
}