
body {
	background-attachment: scroll;
	background-repeat: repeat;
	background-image:url(images/hp_body_bg.gif);
	background-color: White;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}

/* HOMEPAGE BACKGROUNDS */

/* Header (Homepage) */
.hp_top_right {
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(images/hp_top_right.gif);
	background-color: White;
}

.hp_top_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/hp_top_center.jpg);
	background-color: White;
}

.hp_top_left {
	background-position: right top;
	background-repeat: repeat-x;
	background-image:url(images/hp_top_left.gif);
	background-color: White;
}
.hp_top_spacer {
	height: 129px;
}

.hp_endTop_spacer {
	height: 2px;
}

.endTop_spacer {
	height: 2px;
}

/* Middle (Homepage) */
.hp_middle_right {
	background-position: left top;
	background-repeat: repeat-y;
	background-image:url(images/hp_middle_right.gif);
	background-color: #175DB2;
}

.hp_middle_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/hp_middle_center.jpg);
	background-color: White;
}

.hp_middle_left {
	background-position: right top;
	background-repeat: repeat-y;
	background-image:url(images/hp_middle_left.gif);
	background-color: #153E7E;
}

/* Main (Homepage) */
.hp_main_right {
	background-position: left top;
	background-repeat: no-repeat;
	background-image:url(images/hp_main_right.gif);
	background-color: transparent;
}

.hp_main_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/hp_main_center.gif);
	background-color: transparent;
}

.hp_main_left {
	background-position: right top;
	background-repeat: no-repeat;
	background-image:url(images/hp_main_left.gif);
	background-color: transparent;
}
.hp_logo_spacer {
	height: 2px;
	vertical-align: top;
}

/* Footer (Homepage) */
.hp_bottom_right {
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(images/hp_bottom_right.gif);
	background-color: transparent;
}

.hp_bottom_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/hp_bottom_center.gif);
	background-color: transparent;
}

.hp_bottom_left {
	background-position: right top;
	background-repeat: repeat-x;
	background-image: url(images/hp_bottom_left.gif);
	background-color: transparent;
}

/* END HOMEPAGE BACKGROUNDS */


/* Text */
.userid{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-right: 18px;
	padding-left: 8px;
}

.hivui{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.hivui a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.hivui a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: underline;
}

.pageTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	color: #ffffff;
	padding-right: 8px;
	padding-bottom: 18px;
	padding-top: 3px;
	height: 25px;
	width: 288px;
	background-image: url(images/title_line.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top right;
	
}
.pageText {
	padding-right: 18px;
	padding-left: 10px;
	height: 100%;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C8DFFF;
	text-decoration: underline;
}
.text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C8DFFF;
	text-decoration: none;
}

.hp_text_box1 {
	padding-right: 18px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 388px;
	height: 248px;
}
.hp_text_box2 {
	padding-right: 8px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 180px;
	height: 248px;
}
.hp_text_box3 {
	width: 180px;
	height: 248px;
}
.textTable1 {
	text-align: right;
	vertical-align: top;
}
.textTable2 {
	text-align: left;
	azimuth: far-left;
}
.textTable3 {
	text-align: right;
	vertical-align: middle;
}

.textInBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
}
.textInBox a, .textInBox a:active, .textInBox a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	text-decoration: underline;
}
.textInBox a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.topFive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
	padding-top: 4px;
}
.topFive a, .topFive a:active, .topFive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	text-decoration: none;
}
.topFive a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.hpAddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	height: 30px;
}

.counter{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #C8DFFF;
	background-color: transparent;
	padding-top: 16px;
}

/* Cart */

.topcart_cell {
	width: 150px;
	text-align: center;
}

.topCart_bg {
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(images/bg_cart_top.gif);
	height: 22px;
	width: 107px;
	text-align: right;
}

.CartIcon {
	text-align: left;
	width: 22px;
}
.textCart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	
}
.textCart a , .textCart a:active, .textCart a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-right: 12%;
}
.textCart a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	text-decoration: none;
}

.cartSideLink_bg {
	background-color: transparent;
	background-position: center;
	background-image : url(images/bg_cart_side.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 22px;
	padding-top: 0px;
}

/* Bottons */
.topLink_table {
	height: 30px;
	text-align: right;
}

/* change space between buttons with .toplink padding-right */

.topLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
}

/* change space for icon or bullet inside buttons with .toplink a: padding-right. u also can use other paddings to change text position on buttons */
.topLink a , .topLink a:active, .topLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 28px;
	padding-left: 12px;
	width: auto;
	height: 22px;	
	border-left-color: #C8DFFF;
	border-left-style: solid;
	border-left-width: 1px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(images/toplink_bg.gif);
}
.topLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/toplinkon_bg.gif);
}


/* change space between buttons with .toplink padding-right */

.topLinkOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
}

.topLinkOn a, .topLinkOn a:active, .topLinkOn a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 28px;
	padding-left: 12px;
	width: auto;
	height: 22px;
	border-left-color: #C8DFFF;
	border-left-style: solid;
	border-left-width: 1px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(images/toplinkon_bg.gif);
}


/* SIDE LINKS */

.side_nav_bg {}

.side_navTable_bg {
	border-bottom-color: #C8DFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/* change space between buttons with .sideLink padding-bottom */

.sideLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 0px;
}

/* change space for icon or bullet inside buttons with .sideLink a: padding-right. u also can use other paddings to change text position on buttons ||| Border stated here to divide buttons */
.sideLink a , .sideLink a:active, .sideLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 28px;
	padding-left: 4px;
	width: 147px;
	height: auto;
	background-image: url(images/sidelink_bg.gif);
	background-repeat: no-repeat;
}
.sideLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/sidelinkon_bg.gif);
}


/* change space between buttons with .sideLinkOn padding-bottom */

.sideLinkOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 0px;
}

.sideLinkOn a, .sideLinkOn a:active, .sideLinkOn a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 28px;
	padding-left: 4px;
	width: 147px;
	height: auto;
	background-image: url(images/sidelinkon_bg.gif);
	background-repeat: no-repeat;
}


.bottomLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C8DFFF;
	font-weight: bold;
	text-align : center;
	text-decoration: underline;
}
.bottomLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #759AC5;
	text-decoration: underline;
}
.bottomLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

/* Search */
.topsearch_table {
	height: 24px;
	text-align: center;
	vertical-align: middle;
}
.topsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.topsearch a, .topsearch a:active, .topsearch a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}
.topsearch a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.button_top_form {
	background-position : center;
	background-repeat : no-repeat;
	background-image : url(images/button_top_form.gif);
	background-color : transparent;
	border : 0px none;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	width : 40px;
	height : 18px;
}
.button_form {
	background-position : center;
	background-repeat : no-repeat;
	background-image : url(images/button_form.gif);
	background-color : transparent;
	border : 0px none;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width : 40px; 
	height : 18px;
}
.form { margin:0px; }

.input {
	background-color : #C8DFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #103C6D;
	height: 21px;
}
.select {
	background-color: #C8DFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #103C6D;
}
.radio {
	background-color: transparent;
}

/* Ticker */
.hp_topTickerLeft_spacer {
	width: 0px;
}
.topTickerLeft_spacer {
	width: 0px;
}

/* Ticker */

.topTicker2_spacer {
	height: 4px;
}

.topticker2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	height: 27px;
}
.topticker2 a, .topticker2 a:active, .topticker2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.topticker2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.topticker {
	background-position: center top;
	background-repeat: repeat-y;
	background-image:url(images/topticker_mid.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 8px;
}
.topticker a, .topticker a:active, .topticker a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.topticker a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.sideTicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
}
.sideTicker a, .sideTicker a:active, .sideTicker a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.sideTicker a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	text-decoration: none;
}

.mainTicker_bg {
	padding-right: 8px;
	padding-left: 8px;
	height: 20px;
	background-repeat: repeat-x;
	background-color: #175DB2;
}
.mainTicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8DFFF;
	font-weight: normal;
	padding-right: 8px;
	padding-left: 8px;
}
.mainTicker a, .mainTicker a:active, .mainTicker a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C8DFFF;
	text-decoration: none;
}
.mainTicker a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

/* PNIMI BACKGROUNDS */

/* Header (Pnimi) */
.top_right {
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(images/top_right.gif);
	background-color: White;
}

.top_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/top_center.jpg);
	background-color: White;
}

.top_left {
	background-position: right top;
	background-repeat: repeat-x;
	background-image:url(images/top_left.gif);
	background-color: White;
}
.top_spacer {
	height: 128px;
}
.aboveSearch_spacer {
	height: 8px;
}
.aboveLinks_spacer {
	height: 1px;
}

/* Middle (Pnimi) */
.middle_right {
	background-position: left top;
	background-repeat: repeat;
	background-image:url(images/middle_right.gif);
	background-color: #175DB2;
}

.middle_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/middle_center.gif);
	background-color: #1A569C;
}

.middle_left {
	background-position: right top;
	background-repeat: repeat;
	background-image:url(images/middle_left.gif);
	background-color: #175DB2;
}

/* Main (Pnimi) */
.main_right {
	background-position: left top;
	background-repeat: repeat-y;
	background-image:url(images/main_right.gif);
	background-color: transparent;
	height: 100%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
}

.main_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/main_center.gif);
	background-color: transparent;
}

.main_left {
	background-position: right top;
	background-repeat: repeat-y;
	background-image:url(images/main_left.gif);
	background-color: transparent;
	height: 100%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sideTable_title_bg {
	background-position: center;
	background-repeat: no-repeat;
	background-image : url(images/table_top_icon.gif);
	background-color: transparent;
	width: 147px;
	height: 22px;
	padding-bottom: 0px;
}
.sideTable_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 22px;
	text-align: center;
	width: inherit;
}

.sideTable_title_icon {
	text-align: center;
	width: 22px;
}

.sideTable_bg {
	background-position: center;
	background-repeat: repeat-y;
	background-image : url(images/table_mid.gif);
	background-color: transparent;
	width: 147px;
}
.sideTable {
	width: 147px;
}
.components_spacer {
	width: 161px;
	height: 13px;
}

/* Footer (Pnimi) */
.bottom_right {
	background-position: left top;
	background-repeat: repeat-x;
	background-image:url(images/bottom_right.gif);
	background-color: transparent;
}

.bottom_center {
	background-position: top center;
	background-repeat: no-repeat;
	background-image:url(images/bottom_center.gif);
	background-color: transparent;
}

.bottom_left {
	background-position: right top;
	background-repeat: repeat-x;
	background-image:url(images/bottom_left.gif);
	background-color: transparent;
}

/* END PNIMI BACKGROUNDS */

