/* External Style Sheet for picturemosaics.com */
/* Last updated 05.17.05 */

body {margin:0; padding:0; background-color:#5f574f;}
body, img {border-style: none;}

h1,h2,h3,h4,h5,h6{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

a.top_links:link { font-family: Arial; font-size:10px; font-weight: normal; color: #AD1212; text-decoration: none;}
a.top_links:visited { font-family: Arial; font-size:10px; font-weight: normal; color: #AD1212; text-decoration: none;}
a.top_links:hover {	font-family: Arial; font-size:10px; font-weight: normal; color: #0000EE; text-decoration: none;}
a.top_links:active { font-family: Arial; font-size:10px; font-weight: normal; color: #0000EE; text-decoration: none;}

a.menu1:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #004A9C; text-decoration: none}
a.menu1:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #004A9C; text-decoration: none}
a.menu1:hover {	font-family: Arial; font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #004A9C}
a.menu1:active { font-family: Arial; font-size:14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #004A9C}

a.menu2:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #294A9C; text-decoration: none}
a.menu2:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #294A9C; text-decoration: none}
a.menu2:hover {	font-family: Arial;font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #294A9C}
a.menu2:active { font-family: Arial; font-size:14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #294A9C}

a.menu3:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #52429C; text-decoration: none}
a.menu3:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #52429C; text-decoration: none}
a.menu3:hover {	font-family: Arial;font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #52429C}
a.menu3:active { font-family: Arial; font-size:14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #52429C}

a.menu4:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #942994; text-decoration: none}
a.menu4:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #942994; text-decoration: none}
a.menu4:hover {	font-family: Arial;font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #942994}
a.menu4:active { font-family: Arial; font-size:14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #942994}

a.menu5:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #BF2A2A; text-decoration: none}
a.menu5:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #BF2A2A; text-decoration: none}
a.menu5:hover {	font-family: Arial;font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #B51084}
a.menu5:active { font-family: Arial; font-size:14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #B51084}

a.menu6:link {  font-family: Arial; font-size:14px; font-weight: normal; color: #BF2A2A; text-decoration: none}
a.menu6:visited { font-family: Arial; font-size:14px; font-weight: normal; color: #BF2A2A; text-decoration: none}
a.menu6:hover {	font-family: Arial;font-size:14px;font-weight: normal; color: #FFFFFF; text-decoration: none;background-color: #D6007B}
a.menu6:active { font-family: Arial; font-size: 14px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #D6007B}

a.footer1:link {  font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}
a.footer1:visited { font-family: Arial; font-size:11px; font-weight: normal; color: #FFFFFF; text-decoration: none}
a.footer1:active { font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}

a.tech:link {  font-family: Arial; font-size: 12px; font-weight: normal; color: #800000; text-decoration: none}
a.tech:visited { font-family: Arial; font-size:12px; font-weight: normal; color: #800000; text-decoration: none}
a.tech:hover {	font-family: Arial;font-size:12px; font-weight: normal; color: #800000; text-decoration: underline}
a.tech:active { font-family: Arial; font-size: 12px; font-weight: normal; color: #800000; text-decoration: none}

a.tech2:link {  font-family: Arial; font-size: 12px; font-weight: normal; color: #800000; text-decoration: underline}
a.tech2:visited { font-family: Arial; font-size:12px; font-weight: normal; color: #800000; text-decoration: underline}
a.tech2:hover {	font-family: Arial;font-size:12px; font-weight: normal; color: #800000; text-decoration: underline}
a.tech2:active { font-family: Arial; font-size: 12px; font-weight: normal; color: #800000; text-decoration: underline}

a.video1:link {  font-family: Arial; font-size: 10px; font-weight: normal; color: #0000FF; text-decoration: none}
a.video1:visited { font-family: Arial; font-size:10px; font-weight: normal; color: #0000FF; text-decoration: none}
a.video1:hover {	font-family: Arial;font-size:10px; font-weight: normal; color: #0000FF; text-decoration: none}
a.video1:active { font-family: Arial; font-size: 10px; font-weight: normal; color: #0000FF; text-decoration: none}

.menu1 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.menu2 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.menu3 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.menu4 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.menu5 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.menu6 { font-family: Arial; font-size: 11px; font-weight: normal; color: #BF2A2A}
.footer1 { font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF}
.tech { font-family: Arial; font-size: 12px; font-weight: normal; color: #800000}

table.header_table {width: 912px; height: 93px;  padding-top: 0px; background: #000066 url("/scripts/pm_top_header.gif") no-repeat; margin-left: auto; margin-right: auto; text-align: left;}

table.header_table td {
    border-width: 0px 0px 0px 0px;
    border-style: none;
    margin: 0px;
    padding: 0px;
}

table.main_table td {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
}

table.index_body_table {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_mid_912.gif") repeat;
    width: 912px;
}

table.body_mid_912 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_mid_912.gif") repeat;
    width: 912px;
}

.body_top_912 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_top_912.gif") no-repeat;
    width: 912px;
    height: 36px;
}

.body_bot_912 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_bot_912.gif") no-repeat;
    width: 912px;
    height: 36px;
}

table.body_mid_786 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_mid_786.gif") repeat;
    width: 786px;
}

.body_top_786 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_top_786.gif") no-repeat;
    width: 786px;
    height: 36px;
}

.body_bot_786 {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
    background: url("/images/body/body_bot_786.gif") no-repeat;
    width: 786px;
    height: 36px;
}

table.index_body_inner_table {
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
}

table.index_td {
    background-color: #FFFFFF;
    border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	border: none;
    padding: 0;
    margin: 0;
}

/* Facebook Like rounded box*/
.fb_box {
	background-color: #ffffff;
	width: 116px;
	height: 32px;
	padding: 0px;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
}
.fb_find_index {
	position:relative;
	top:31px;
	left:711px;
	width:113px;
	height:34px;
}
.social_index {
	position:relative;
	top:34px;
	left:705px;
	width:150px;
	height:24px;
}
.fb_find {
	background: transparent url("/images/find_fb.png") no-repeat;
	width:113px;
	height:34px;
	cursor:pointer;
}
.fb_like_index {
	background: transparent url("/images/like_box.png") no-repeat;
	width:120px;
	height:46px;
	position:relative;
	top:25px;
	left:707px;
}
.fb_like {
	width:80px;
	height:21px;
	position:relative;
	top:20px;
	left:85%;
}
.social_like {
	width:128px;
	height:48px;
	text-align:right;
	position:absolute;
	top:-5px;
	right:39px;	
}
.social_only {
	width:128px;
	height:23px;
	text-align:right;
	position:absolute;
	top:-5px;
	right:39px;	
}
/*Drop Down menus*/
#dropmenudiv{
    position:absolute;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 12px Arial;
    line-height:16px;
    z-index:100;
}

#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
                      background-color: #DEDEDE;
}

#menu_items {padding-right: 8px; border: none; background: none;}

.hr_line{
    color: #AAAAAA;
    vertical-align: middle;
    width: 820px;
    height: 2px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 0em;
}
/*page fonts*/
.arial8_white{font-family:Arial; color:#FFFFFF; font-size:8px;}
.arial10{font-family:Arial; font-size:10px;}
.arial10_red{font-family:Arial;color:#990000; font-size:10px;}
.arial10_white{font-family:Arial; color:#FFFFFF;font-size:10px;}
.arial10_white_bold{font-family:Arial; color:#FFFFFF; font-weight:bold; font-size:10px;}
.arial10_red_bold{font-family:Arial; color:#990000; font-weight:bold; font-size:10px;}
.arial10-5_black{font-family:Arial; font-weight:normal;color: #000000; font-size:10.5px;}
.arial10-5_white{font-family:Arial; color:#FFFFFF; font-weight:normal; font-size:10.5px;}
.arial10-5_red{font-family:Arial; color:#990000; font-size:10.5px;}
.arial10-5_red_bold{font-family:Arial; color:#990000; font-weight:bold; font-size:10.5px; line-height:0.9em;}
.arial10-5{font-family:Arial; font-size:10.5px; line-height:0.9em;}
a.arial10-5{font-weight:normal;}
.arial11{font-family:Arial; font-size:11px;}
.arial12{font-family:Arial; font-size:12px;}
.arial12_bold{font-family:Arial; font-size:12px; font-weight:bold;}
.arial12_red_bold{font-family:Arial; font-size:12px; color:#990000; font-weight:bold;}
.arial12_bold{font-family:Arial; font-size:12px; font-weight:bold;}
.arial12_grey_back{border:0px solid #333333; font-family:Arial; font-size:12px; background-color:#F7F7F7;}
.arial12_grey_back_bold{border:0px solid #333333; font-family:Arial; font-size:12px; background-color:#F7F7F7; font-weight:bold;}
.arial13{font-family:Arial; font-size:13px;}
.arial13_bold{font-family:Arial; font-size:13px; font-weight:bold;}
.arial14 {font-family:Arial; font-size:14px;}
.arial14_bold{font-family:Arial; font-size:14px; font-weight:bold;}
.arial15_bold{font-family:Arial; font-size:15px; font-weight:bold;}
.arial16{font-family:Arial; font-size:16px;}
.arial18{font-family:Arial; font-size:18px;}
.smallBrown {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#7c6241;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

/*Custom scroll bar: PART 1, PART 2 exist in text.css */
#scroll1 {height: 322px; width: 172px;}
#pane2 {height: 322px; width: 172px;}
.holder { float: left; margin: 0px;}
.scroll-pane {width: 172px; overflow: auto; background: #FFF; height: 345px;}
#onlineScroll {width: 810px; overflow: auto; background: #FFF; height: 230px;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 100%;
	background: tranparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: tranparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 11px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: #dedede;
}

.jspDrag
{
	background:  #1e79ec;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #1262c7;
}


.jspArrow
{
	background: url(../images/ui-icons_222222_256x240.png) no-repeat;
	background-position: -2px 0 !important; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('../images/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../images/ui-icons_888888_256x240.png');
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 11px;
}
.jspArrowUp{background-position: -2px 0 !important;}
.jspArrowDown{background-position: -67px 0 !important;}
.jspArrowLeft{background-position: -98px 0 !important;}
.jspArrowRight{background-position:-34px 0 !important;}
.info_popup {background-color:#c1d8ff; line-height:1em; width:380px; height:auto; margin:0 5px; padding:10px;}
.popup_box {position:absolute; display:none; z-index:99; bottom:72px; left:-14px;}
.popup_white {background:#FFF; border:1px; border-color:#000; border-style:solid; width:auto; height:auto; padding:5px 0; margin-bottom:10px;}
.popup_img{background: url("/online/arrow.png") no-repeat; position:absolute; z-index:100; width:28px; height:16px; bottom:0px; left:10px;}

ul, li { list-style:none; margin:0; padding:0;}
				
.header{padding:0; margin:0 auto; width:892px; height:71px; background:#FFF url(/scripts/images/monaHeader.jpg) no-repeat right top; cursor:pointer;}
				
.topNav{padding:0; margin:-1px auto 0 auto; height:31px; width:912px; background-color:#5F574F;
	background-image: linear-gradient(left , rgb(11,84,168) 18%, rgb(95,87,79) 22%);
	background-image: -o-linear-gradient(left , rgb(11,84,168) 18%, rgb(95,87,79) 22%);
	background-image: -moz-linear-gradient(left , rgb(11,84,168) 18%, rgb(95,87,79) 22%);
	background-image: -webkit-linear-gradient(left , rgb(11,84,168) 18%, rgb(95,87,79) 22%);
	background-image: -ms-linear-gradient(left , rgb(11,84,168) 18%, rgb(95,87,79) 22%);
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0.18, rgb(11,84,168)),color-stop(0.22, rgb(95,87,79)));
}
	.topNav a{text-decoration: none;}
	.topNav ul{width:100%; font-size:0; float:left;}
	.topNav li{float:left;}
				
.topNavLeft{background-color:#0B55A8; height:31px; line-height:31px; width:10px; margin:0; padding:0;}
				
.topNavProd{background-color:#0B55A8; color:#FFF; font:bold 13px/31px Arial, Helvetica, sans-serif; text-align:center; height:31px; padding:0 20px; cursor:pointer;}
.topNavProd:hover{background-color:#557FAF;}
				
.topNavMenu{background-color:#5F574F; color:#FFF; font:bold 13px/31px Arial, Helvetica, sans-serif; text-align:center; height:31px; padding:0 16px; cursor:pointer;}
.topNavMenu:hover{background-color:#938B82;}

.galleryTopNavMenu{background-color:#5F574F; color:#FFF; font:bold 13px/31px Arial, Helvetica, sans-serif; text-align:center; height:31px; padding:0 16px; cursor:pointer; -webkit-box-shadow: inset 0px 0px 6px 1px #7d746a; box-shadow: inset 0px 0px 6px 1px #7d746a; }
.galleryTopNavMenu:hover{background-color:#938B82;}		
.prodNav{background-color:#0B55A8; padding:0; margin:0 auto; height:27px; width:912px;}
	.prodNav a{text-decoration: none;}
	.prodNav ul{width:100%; font-size:0; float:left;}
	.prodNav li{float:left;}
				
.prodNavLeft{background-color:#0B55A8; height:27px; line-height:27px; width:10px; margin:0; padding:0;}
				
.prodNavItem{color:#FFF; font:13px/27px Arial, Helvetica, sans-serif; text-align:center; text-align:center; padding:0 20px; height:27px; cursor:pointer;}
.prodNavItem:hover{background-color:#557FAF;}
				
.shadNav{width:912px; height:11px; padding:0; margin:0 auto;}
	.shadNav ul{width:100%; font-size:0; float:left;}
	.shadNav li{float:left;}
.shadNavLeft{width:10px; height:11px; background:transparent url(/scripts/images/shad.png) no-repeat 0 -4px;}
.shadNavRight{width:10px; height:11px; background:transparent url(/scripts/images/shad.png) no-repeat 0 -19px;}
.shadNavCenter{width:892px; height:11px; background:#FFF url(/scripts/images/shad.png) repeat 0 -34px;}

.socIcons{width:157px; text-align:right; margin-left:2px;}					
	.socIcons li{margin:0 4px; float:left;}
	.socIcons ul{font-size:0; float:left;}
.fbHead{width:23px; height:31px; line-height:31px; background:transparent url(/scripts/images/socIcons.png) no-repeat -5px -1px; cursor:pointer;}
.twHead{width:23px; height:31px; line-height:31px; background:transparent url(/scripts/images/socIcons.png) no-repeat -5px -29px; cursor:pointer;}
.pinHead{width:23px; height:31px; line-height:31px; background:transparent url(/scripts/images/socIcons.png) no-repeat -5px -57px; cursor:pointer;}
.gooHead{width:23px; height:31px; line-height:31px; background:transparent url(/scripts/images/socIcons.png) no-repeat -5px -85px; cursor:pointer;}
.ytHead{width:23px; height:31px; line-height:31px; background:transparent url(/scripts/images/socIcons.png) no-repeat -5px -113px; cursor:pointer;}
				
.footer{width:100%; margin-top:30px; padding-bottom:30px; border-top:#000 1px solid; background-color:#DCDCDC; position:relative; position:relative;}
.footer a{color: #000; text-decoration: none;}
.footer a:hover{color: #000; text-decoration: underline;}
.footSocial{width:157px; position:absolute; top:-16px; left:368px;}	
	.footSocial li{margin:0 4px; float:left;}
	.footSocial ul{font-size:0; float:left;}
.siteMap{width:788px; margin:0 auto; padding-top:36px;}
	.siteMap li{vertical-align:text-top; width:194px;}
.colContainer{padding:0 0 0 19px;}
.footCategory{font-weight:bold; font-size:12px; text-transform:uppercase; margin-bottom:4px;}
.categoryLinks{margin-bottom:15px;}
	.categoryLinks span{display:block;}
.newsContainer{width:786px; margin:28px auto 0 auto;}
	.newsContainer li{vertical-align:text-top; width:388px; text-align:right;}
	.newsText{font:bold 13px/26px Arial, Helvetica, sans-serif;}
.newsEmailHolder{width:290px; height:24px; background:url(/images/newsSignBar.png) no-repeat; position:relative; margin-left:50px; text-align:left;}
	#newsEmailField{width:185px; height:16px; background:none; border:none; position:absolute; top:4px; left:10px; font-size:12px; outline-width:0;}
	#newsletterBtn{position:absolute; width:89px; height:24px; top:0px; left:201px; cursor:pointer;}
	#noSpam{font-size:10px; color:#6e6e6e; margin-top:2px; margin-right:48px;}
	
.pmCopyright{margin-top:18px; text-align:center; font:normal 11px Arial, Helvetica, sans-serif;}