/* 
================================
Skin Styles for DotNetNuke - XDMediaMadness Themes - dnn3@xd.com.au
Updated March 2008 for DNN 4.5 and above 
Copyright Nina Meiers - Credits must remain in file.
http://www.xd.com.au
================================
*/  

.pagemaster { width: 940px; margin:0 auto; text-align:center;}
html { height: 100%;}
body { text-align: center; background: #f3f3f3; margin: 0 auto;font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 14px; color: #000000;/* line-height:18px;*/}

/*-- Default classes --*/
table,  li {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0 0 0 0; }
p{font-family: Perpetua, Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #003916; margin:0 0 0 0; }

h1 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}
h2 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;}
h3 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}

a:link, a:visited, a:active {text-decoration:none; color: #000000; font-style:normal;text-decoration:underline;}
a:hover {text-decoration:none;}

hr {height: 1px; color: #1f558b}

/* custom classes */
.topspace {background: url(bluepix/top4.png) center no-repeat; height:26px; }

#flashtable { background-color: transparent; width: 880px; background-position: center; padding:0 0 0 0; }
#flashcontent { width:520px; text-align: center;}

#login { font-size:11px; text-decoration:none; color: #fefefe; margin:5px auto 0 auto; padding: 4px 15px 0 0; height:30px; text-align:right;}

.banner { background: url(bluepix/header3.gif) top center no-repeat; height: 138px; }
.bannerright{text-align: right; height: 79px;padding-top: 5px;}

.header01 { background: url(pix/bodyrpt.png) center repeat-y; }
.header { width: 940px;margin:0 auto 0 auto; text-align:left; }

.menubg {background:url(bluepix/menubg3.png) center no-repeat; text-align: center; height: 25px;   }
.menu { margin:0 auto 0 auto; width: 880px; text-align:left; height: 25px;}


/* skinobject classes */
.footerLinks{padding: 10px 0px 0 0; text-align:center; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000 !important;}
.userlogin01 { background: url(pix/bodyrpt.png) center repeat-y; text-align: center;  height: 25px; }
.userlogin02 { margin:0 auto 0 auto; width: 865px; padding:2px 2px 4px 2px;  }

.breadcrumb { color: #000000; text-align: left; height: 30px; margin:0 auto 0 auto; width: 865px; padding:2px 2px 4px 2px; }
.dateholder { font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #ffffff; text-align:right; line-height:12px; padding-right:3px; height: 20px;}
.userlogin { font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #666666; float:right; line-height:12px; padding-right:3px; padding-top:4px;}

.langholder {color: #ffffff; text-align:right; line-height:1px; padding-right:12px; height: 20px;}
.langholder img {border:none; padding:0px 0px 0px 0px;}
.langholder select { background:#1f558b; border:1px solid #003366; color:#ffffff; width:146px; font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; }

.terms{float:right; bottom:0px; margin-top:20px; padding-right:15px;}
.copyright {float: right; vertical-align:top; margin:0;padding: 0px 5px 0 0;  font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000 !important;float:right;}

.footer01 { background: url(bluepix/footer4.png) top no-repeat; height: 60px; text-align: center; }
.footer {font-size:10px; text-decoration:none; color:#000000;margin:0 auto 0 auto; width: 900px; text-align:left; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:0px 0px 0px 0px;}


/* pane classes */
.content01 { background: url(pix/bodyrpt.png) center repeat-y; text-align: center; }
.content { width:880px; background:transparent; margin:0 auto 0 auto; padding-bottom:0px;}
.contentpane {	padding: 0px; }
.leftpane {padding: 0px;}
.contentpanetop { }
.contentpanebottom { }
.rightpane { width:250px; }

/* easy classes - for light and dark backgrounds */
.darkbg { padding: 0 5px 0 5px; color: #ffffff; }
a.darkbg:link, a.darkbg:visited, a.darkbg:hover, a.darkbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 8pt; text-decoration: none; color: #000000; background-color: transparent; border: 0; font-weight: normal; }
a.darkbg:hover {background-color: transparent; text-decoration: underline; color: #000000; border: 0; font-weight: normal; }

.lightbg {color:#000000; font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px; ;}
a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px; text-decoration: none; color:#1f558b; background-color: transparent; border: 0; font-weight: normal; }
a.lightbg:hover { text-decoration: underline; background-color: transparent; }

/* Search boxes */
.search {float:right; width:170px; vertical-align:bottom; text-align: right;  padding:7px 0px 0 0;line-height:20px;}
.search img {border:none; padding:0px 0px 0px 0px;}
.search input { background:#1f558b; border:1px solid #003366; color:#ffffff; width:120px; }

.SearchField{ font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666;}
a.SearchField {font-size:11px; color:#666666 !important; text-decoration:none !important; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-right:3px; vertical-align:bottom;}
a.SearchField:hover {text-decoration:underline !important;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 0px 1px 4px; font-size:11px; height:20px;border: #ffffff 1px solid; width:120px;}


 /* dnn classes */

.SubHead {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}
.Head {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; text-decoration: none; font-weight: normal; white-space: nowrap;background-color:transparent;}

.normal, .Normal {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.NormalBold {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}
.NormalRed {color: #990000; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}

a.Normal:link, a.Normal:visited {text-decoration: underline; }
a.Normal:hover {text-decoration: none; }

select, input { font-family: tahoma; font-size: 11px; color: #555; }
.NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }

.MainMenu_MenuBreak 
{
    border-bottom: #EEEEEE 1px solid; 
    border-left: #EEEEEE 0px solid; 
    border-top: #EEEEEE 1px solid;  
    border-right: #EEEEEE 0px solid; 
    background-color: #EEEEEE; 
    height: 1px;
}
/* Nav Menu - using DNN Menu for DotNetNuke 3.3 & 4.3 */
/* Modified by Nina Meiers - http://www.xd.com.au - dotnetnuke@xd.com.au */
.main_dnnmenu_bar {cursor:auto;height:25px;line-height: 25px;background-color: Transparent; }

.main_dnnmenu_rootitem  { /* Add TD if yes for tables option for menu */
cursor:auto;color: #000000;font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent;
font-family: Tahoma, Arial, Helvetica, sans-serif; white-space: nowrap;  /*Word wrapping menu item now optional*/   
padding: 0px 12px 0px 5px; z-index:500;  /* creates spacing between root menu items */ }

.main_dnnmenu_icon {cursor:auto;text-align: center; width: 3px;height: 25px;}
.main_dnnmenu_break {height: 1px;  }
.main_dnnmenu_arrow {border-right: #D1DBED 1px solid; border-bottom: #D1DBED 1px solid; border-top: #D1DBED 0px solid;font-family: webdings; font-size: 10pt; cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/ }
.main_dnnmenu_rootmenuarrow {font-family: webdings, sans-serif; font-size: 10pt; cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/ }

.StyleIconBackColor {background-color: transparent;}

/* for customised menu colours */
.main_dnnmenu_container {background-color: transparent; width: auto; }
.main_dnnmenu_itemhoverroot td{background-color: #FFFFFF; color: #000000; /*background-image: url(pix/TD3.jpg);*/  }
.main_dnnmenu_item  { /* Add TD if yes for tables option for menu */
cursor:auto;color: #000000; font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent;font-family: Tahoma, Arial, Helvetica, sans-serif; white-space: nowrap;  /*Optional - Word wrapping menu item*/height: 25px;}

.main_dnnmenu_itemhover {  /*color: inherit;*/color: #000000;background-color: #FFFFFF; /*background-image: url(pix/TD3.jpg); padding: 0px 12px 0px 5px;*/ height:25px;}

.main_dnnmenu_itemhover td { background-color:#FBE893;  color:#000000; 
 height: 25px;}

/* changing padding here to give more space on sub menu text - check browsers for behaviour */
.main_dnnmenu_submenu {	background-color: #F9D012; color:#000000; cursor:auto; padding: 2px 3px 2px 3px; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: .9; 
opacity: .9;
z-index:501;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: .85; 
opacity: .85;
}

.toggleopacity:hover img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1; 
	opacity: 1;
}

td.tuckerTopLevelProductCell
{
	border: 1px solid rgb(153, 153, 153); 
	padding: 20px; 
	background-color: rgb(196, 192, 180);
}
td.tuckerTopLevelProductCellAlternating
{
	border: 1px solid rgb(153, 153, 153); 
	padding: 20px; 
	background-color: rgb(215, 208, 179);
}
.justify { text-align:justify; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }

.homepageTopMargin { margin-top:25px; }

.informationBlockHome
{
	background-color:#C4C0B4;
	border:1px solid #999999;
	width: 310px;
	padding:10px;
}

.informationBlockHome img
{
	margin-left:5px;
}

.informationBlockHome .hr
{ 
	background-color: transparent; 
	background-image: url('/Portals/0/HR.jpg'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	width:295px;
	height:3px;
}

div.informationBlockHome p
{
	text-align:justify;
	padding:5px;
	color:#333333;		
	font-weight:bold;
	font-size:13px;
	font-family:Arial;
}

#ourMission
{
	height:204px;
	background-color: #D7D0B3;
}

#whatWeDo
{
	height:272px;
	background-color: #C4C0B4;
}



#homepageNews
{
	padding:2px;
	width:150px;
}

#homepageNews h2
{
	color: #146934;
	border-bottom:1px dotted #999999;
	margin-bottom:5px;
}

#homepageNews ul
{	
	margin-top:7px;
	padding-left:7px;
	margin-left:7px;
	
	font-style:italic;
	text-align:left;
}

#homepageNews li
{	list-style-type:disc;
	padding-left:3px;
	margin-left:3px;
	border-bottom:1px dotted #999999;
}

#homepageNews li:before 
{
	color: #146934;
}


/*************************BEGIN PIKACHOOSE IMAGE STYLES********************/
.pika-wrap {width: 520px; margin: 0 auto;}

.pika-image {position: relative; height: 332px; width: 349px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-image .caption {position: absolute;  border: none; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(/images/pikachoose/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(/images/pikachoose/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(/images/pikachoose/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(/images/pikachoose/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 7px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;cursor:pointer}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: middle; overflow: hidden;}

.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 10px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 349px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 4px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/************************END PIKACHOOSE*****************************/