/* **************************************************************
            MASTER     
****************************************************************/

/************ Table Styling ****************/
td#row1
{
   background-color: rgb(236, 236, 236);
}

td#row2
{
   background-color: rgb(216, 216, 216);
}


table#productTable
{
   align='center';
   border: 2px solid rgb(0,73,58); 
   text-align: center; 
   width: 404px; 
   height: 332px; 
   cellspacing = '0';
   cellpadding = '7';
}

tr#pttr
{
 valign='TOP'
}
div#styleheaderblockcontainer /*container for everything*/
{
   margin-top: 10px;
   width: 100%;
   background-color: white;
}

div#styleheaderblock /*rounded top */
{
   background-image:url('http://dev.abcprint.ca/FileRetrieval/headblock.PNG?resourceID=129&modID=1263396737000');
   background-repeat:no-repeat;
   width: 248px;
   height:35px;
}
div#styleheaderblockinner /*body for stuff in panel*/
{
   width: 235px;
   background-color:white;
   border: 1px solid rgb(182, 182, 182); 
   padding: 5px;
   min-height: 40px;
   margin-bottom: 20px;
}
div#styleheaderblockinner p /*body for stuff in panel*/
{
 font-weight: bold;
   font-size: 13px;
}
div#styleheaderblockinner a /*body for stuff in panel*/
{
   font-weight: bold;
   font-size: 10px;
   text-decoration: none
}

/****************For Buttons on Home Page ***********/
div#hdrcontrols /*Buttons*/
{
   text-align:right;
}
div#hdrcontrols img
{
   margin-left: 3px;
   margin-right: 3px;
}

div#SecondControl /** Inner Panel **/
{
   background-color: rgb(236,236,236);
}
div#ctrl
{
   line-height: 36px;
   text-align: left;
   padding-top:10px;
   padding-bottom: 10px;
   fontWeight: bold;
}
div#ctrl img
{
   vertical-align: middle;
   margin-right: 10px;
}
div#ctrl span
{
   font-weight: bold;
   font-size: 13px;
}
div#ctrl p { clear: both; }

div#AboutUsContainer
{
  width:100%;
}
div#AboutUsInner
{
    width:700px;
    margin-left:auto; 
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:30px; 
    background-color: rgb(236,236,236);
}
/******** Primary Styling components ****/
div#OuterContainer
{
  width:100%;
  margin-top: 10px
  margin-bottom: 20px;
}
div#InnerContainer
{
    width:80%;
    margin-left:auto; 
    margin-right:auto;
    margin-top: 5px;
    margin-bottom:15px; 
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:15px;
    background-color: rgb(236,236,236);
}





ul.checkmark {
  list-style:url(/GetSiteFile/checkmark.gif)
}

h1, h2, h3,
h1 a, h2 a, h3 a{ 
  font-family: Helvetica, Verdana, Arial;
  margin: 0; padding: 10px 0 5px 0;
  color: rgb(0, 72, 58);
}

h1 { font-size: 20px; }
h2 { font-size: 17px; }
h3 { font-size: 15px; }

div, p, td {
  font-family: arial;
  color: black;
  font-size: 15px;
}

td{
 vertical-align: top;
}

body.SiteBody {
  margin: 0;
  background: rgb(230,233,230) url(/GetSiteFile/background.jpg);
  background-position: center top;
}



#header {
  width: 980px;
  height: 153px;
  margin: 0 auto;
  background: black url(/GetSiteFile/banner.jpg) no-repeat;
}

div#headerLinks {
  position: relative;
  left: 620px;
  top: 3px;
  color: white;
  font-size: 14px;
  width: 300px;
  line-height: 18px;
}

#headerLinks a {
  color: white;
  font-size: 14px;
  text-decoration: none;
}

#contentPane {
  /*position: relative;*/
  min-height: 300px;
  background: transparent url(/GetSiteFile/content_fill.png) repeat-y;
  background-position: top center;
  margin-top: - 10px;
}

#content {
  position: relative;
  width: 960px;
  margin: 0 auto 0 auto; 
}

#footer {
  position: relative;
  width: 960px;
  height: 135px;
  margin: 0 auto;
  padding: 15px 25px;
  background: transparent url(/GetSiteFile/footer.png) 2px 0 no-repeat;
  bottom: 0;
}

#footer * {
  color: white;
  font-size: 12px;
}

/* Navigation Function */ 
A.NavigationBar { font-weight: bold; } 
IMG.NavigationBar { } 
DIV.NavigationBar { } 

/* Resource Functions */ 
A.ResourceFunctions { font-weight: bold; text-decoration: none; } 
A.ResourceFunctions:hover { text-decoration: underline; } 
DIV.ResourceFunctions { text-alignment: right; } 
SELECT.ResourceFunctions { background-color: rgb(220, 220, 220); } 

/* Report Generator */ 
TH.Report { text-align: left; } 
TD.Report { } 
TH.ReportGroupTitle { text-align: left; background-color: rgb(220, 220, 220); } 
TH.ReportGroupTotal { text-align: left; border-top: 1px solid silver; } 
TD.ReportGroupTotal { border-top: 1px solid silver; } 
TD.ReportGroupSpacer { } 

#content .Layout0 {
  margin: 0 2%;
  width: 90%;
}

#content .Layout1 #Cell1 {
  width: 650px;
  padding-left: 10px;
}

#content .Layout1 #Cell2 {
  width: 250px;
  padding-left: 35px;
}

/* **************************************************************
            4 - NEWS     
****************************************************************/


/* **************************************************************
            8 - GALLERY
****************************************************************/
.ImageGallery h1 {
  background-image:url(/FileRetrieval/headblock.PNG?resourceID=129);
  background-repeat:no-repeat;
  height:35px;
  width:248px;
  text-align: center;
  line-height: 36px;
  padding: 0;
  margin: 10px 0 0 0;
}


.ImageGallery .jcarousel-skin-tango .jcarousel-container {

  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;

  border:1px solid #B6B6B6;
  margin-bottom:20px;
  min-height:40px;
  padding:5px;
  width:235px;
}

.ImageGalleryDescription,
.ImageGalleryImageDisplay,
.ImageGallery h2 {
  display: none;
}

.ImageGallery .jcarousel-item a img { border: 1px solid silver; }

.ImageGallery .jcarousel-skin-tango .jcarousel-container-horizontal {
  padding: 4px 0 40px 10px;
}

.ImageGallery .jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 223px;
  height: 107px;
}

.ImageGallery .jcarousel-skin-tango .jcarousel-item  {
  width: 223px;
  height: 104px;
}

.ImageGallery .jcarousel-skin-tango .jcarousel-prev-horizontal {
  right: 40px;
  bottom: 0px;
  top: auto;
  left: auto;
  background-image: url(/GetSiteFile/prev-horizontal.png);
}

.ImageGallery .jcarousel-skin-tango .jcarousel-next-horizontal {
  right: 8px;
  bottom: 0px;
  top: auto;
  left: auto;
  background-image: url(/GetSiteFile/next-horizontal.png);
}

.ImageGallery .thumbTitle,
.ImageGallery .dateAdded { display: none; }

/* **************************************************************
            12     
****************************************************************/


/* **************************************************************
            13     
****************************************************************/
.LoginEntryTitle3 {
  font-size: 18px;
  font-family: Helvetica, Verdana, Arial;
}

td.LoginEntryName3, td.LoginEntryPassword3, td.LoginEntryLanguage3 {
  font-weight: bold;
  width: 150px;
}

.LoginEntry3 {
  width: 450px;
  height: 192px;
  background: url(/GetSiteFile/lock_large.gif) right center no-repeat;
  margin: 30px auto;
}

.LoginEntryButton {
  margin-left: 190px;
  background-color: rgb(0,72,58);
  color: white;
  border: 1px solid rgb(0,20,10);
  cursor: pointer;
  font-size: 14px;
  padding: 5px;
}

.LoginEntryButton:hover {
  background-color: white;
  color: rgb(0,72,58);
}

.LoginEntryButton:active {
  color: rgb(0,72,58);
  background-color: rgb(235,255,245);
}

/* **************************************************************
            29     
****************************************************************/


/* **************************************************************
            33     
****************************************************************/
.ManageJdMenu { position: absolute; }

#menu ul.jd_menu {
  position: absolute;
  margin: 90px 0 0 230px;
}

#menu ul.jd_menu li {
text-transform:uppercase;
font-size:small;
  color: white;
  padding: 5px;
  margin-right:10px;
}

#menu ul.jd_menu li a {
  color: white;
}

#menu ul.jd_menu li.currentPage
{
  border-bottom: 3px solid #80a49d;
  padding-bottom: 2px;
}

#menu ul.jd_menu li.jdm_active,
#menu ul.jd_menu li.jdm_hover
{
  border-bottom: 3px solid #ffffff;
  padding-bottom: 2px;
}



/* **************************************************************
            39     
****************************************************************/

a.listAdmin,
div.listRowAdd a /*make hyperlink look like a button */
{
   background-color:#00483A;
   border:1px solid #00140A;
   color:white;
   cursor:pointer;
   font-size:14px;
   margin-left:1px;
   padding-left:5px;
   padding-right:5px;
}

a.listAdmin:hover,
div.listRowAdd a:hover /*make the link button change when mouse over-ing*/
{
   background-color:white;
   color:#00483A;
}

div.listRow /*CSS for each row in the list*/
{
   margin-left: 30px;
   margin-top: 8px;
}

span.label/*to hide Long Description, short etc*/
{
   display:none;
}

span.value a /*if a link is within a span do not apply link attributes, leave as span, will stop mystery button from appearing*/
{
   border:none;
   background-color:white;
   margin-top:0px;
   color: blue;
   font-weight:bold;
}

span.value a:hover /*if a link is within a span do not apply link attributes, leave as span*/
{
   border:none;
   background-color:white;
   margin-top:0px;
   color: black;
   font-weight:bold;
}


div.listData a /*Make the Titles for each Testimonial a little larger */
{
   font-weight: large;
   color: black;
}

div.listData  /*make sure the rest of the data in a list remains looking proper*/
{
   font-weight:small;
   color: black;
   margin-bottom:10px;
}

/* Heading */
div.listData_8 {
  font-family: Helvetica, Verdana, Arial;
  margin: 0; padding: 10px 0 5px 0;
  color: rgb(0, 72, 58);
  font-size: 15px;
  font-weight: bold;
}

/* Signature */
div.listData_11 {
  padding-left: 30px;
  font-style: italic;
}

.ImageGallery .TestimonialGalleryNavThumbs .jcarousel-skin-tango .jcarousel-clip-horizontal {
  height: auto;
}

.ImageGallery .TestimonialGalleryNavThumbs .jcarousel-skin-tango .jcarousel-item {
  height: 180px;
}