/*----------------------------------------------------------------------------------------------------------------------
/* Default page element styles.  These styles are used if no other 'class' is specified

  /* Default Body background colour and image */
  body {
    margin: 0px 0px 0px 0px;
    padding:0px;
    color:#000000; background-color:#ffffff; 
    background-image:url("http://www.carolannstudio.com/common/img/bg.jpg"); background-repeat:repeat }

  /* Default form style */
  form {
    margin:0px 0px 0px 0px; padding:0px;
    background-color:transparent}

  /* Default h1 (title) */
  h1 {
    margin:15px 5% 3px 5%;
    font-family:"Comic Sans MS", sans-serif; font-size:24pt; color:#202000; background-color:transparent;
    text-decoration:underline; font-weight:bold;
    text-align:Center }

  /* Default h2 (subtitle) */
  h2 {
    margin:10px 5% 3px 1%;
    font-family:"Comic Sans MS", sans-serif; font-size:14pt; color:#604000; background-color:transparent;
    text-decoration:underline; font-weight:bold;
    text-align:Left }

  /* Default h3 (subtitle) */
  h3 {
    margin:5px 3% 1px 3%;
    font-family:"Comic Sans MS", sans-serif; font-size:11pt; color:#604000; background-color:transparent;
    text-decoration:underline; font-weight:bold;
    text-align:Left }

  /* Default paragraph */
  p {
    margin:8px 5% 8px 5%;
    font-family:Arial, sans-serif; font-size:11pt; color:#000000; background-color:transparent;
    font-weight:bold;
    text-align: Justify }

  /* Default unordered list */
  ul {
    margin:0px 5% 0px 5% }

  /* Default list item */
  li {
    margin:0px 5% 0px 5%;
    font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
    font-weight:bold;
    text-align: Justify }

  /* Default inline frame */
  iframe {
    margin:8px 5% 8px 10%;
    width:85%; height:600px; }

  /* Default anchor */
  a:link {
    font-weight:bold;
    color: #404000; background-color:transparent }
  a:visited {
    font-weight:bold;
    color: #000000; background-color:transparent }
  a:active {
    font-weight:bold;
    color: #806000; background-color:transparent }
  a:hover {
    font-weight:bold;
    color: #806000; background-color:transparent }

  /* Default image */
  img {
    margin:0px 0px 0px 0px;
    border-width:0px;
    vertical-align:middle }

  /* Default line */
  hr {
    margin:0px 5% 0px 5%;
    border-style:solid; border-width:1px; border-color:#202000;
    color:#202000; background-color:transparent }

  /* Default table */
  table {
    width:auto;
    margin:0px 0px 0px 0px; padding:0px;
    border-style:solid; border-color:#ffffff; border-width:0px 0px 0px 0px;
    background-color:transparent }

  /* Default table data (cell) */
  td {
   margin:0px 0px 0px 0px; padding:0px;
   border-style:solid; border-width:0px; border-color:#ffffff;
   background-color:transparent;
   vertical-align:middle }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the document body.

  /* Table cell used to hold the entire document body */
  td.rightmainpane {
    background-color:transparent;
    vertical-align:top }


  /* Inline table */
  table.inline {
    width:85%;
    margin:8px 5% 8px 10%; padding:0px;
    border-style:solid; border-color:#ffffff; border-width:0px 0px 0px 0px;
    background-color:transparent }


  img.hgrid {
   width:125px; height:125px; margin:5px;
  }

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the left navigation pane.

  /* The table holding the navigation bar*/
  table.leftnavpagelayout {
    width:100%;
    margin:0px 0px 15px 0px;
    background-color:transparent }

  /* Table cell used to hold the navigation pane on the left of the page */
  td.leftnavpane {
    background-color:transparent;
    vertical-align:top; width:180px }

  /* Paragraph to hold navigation images in the left nav pane */
  p.leftnavimg {
    margin:0px 0px 0px 0px;
    background-color:transparent }


/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the menu area in the left navigation pane.

 /* The root menu structure container */
 div.rootmenucontainer {
  margin:0px;
  border:0px;
  padding:0px;
 }
 /* A root menu item */
 div.rootmenuitem {
  margin:0px; border:0px; padding:0px;
  position:relative; width:180px; height:36px; z-index:1;
  background-image:url("http://www.carolannstudio.com/common/img/ovalgoldstatic.png"); background-repeat:no-repeat; background-position: center center;
  background-color:transparent;
  text-align:center; line-height:36px;
  font-family:"Comic Sans MS", sans-serif; font-size:14pt; color:#404000;
  font-weight:bold;
 }
 /* A submenu structure container */
 div.submenucontainer {
  margin:0px; border-style:solid; border-width:1px; border-color:#000000; padding:5px;
  position:absolute; left:140px; top:5px;
  background-color:#fff3e8;
  visibility:hidden;
  text-align:left; line-height:normal;
 }
 a.submenuitem {
  padding:1px 3px 1px 3px;
  display:block;
  background-color:transparent;
  font-size:11pt; font-weight:bold; text-decoration:none;
 }
 a.submenuitem:link {
  background-color:#fff3e8; color:#202000;
 }
 a.submenuitem:hover {
  background-color:#ffffff; color:#000000;
 }







/*----------------------------------------------------------------------------------------------------------------------
/* Horizontal menu bar styles. */

 p.horizmenubar {
  margin:4px 30px 4px 30px; padding:1px 30px 1px 30px;
  border-style:solid; border-color:#808080; border-width:1px 1px 1px 1px;
  background-color:#f0e8d0; color: #000000;
  font-size: 10pt; font-weight:normal;
  text-align: Center }


/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the shopping basket elements */

 /* A Table to contain order lines on the main basket page */
 table.basket {
  margin:3px 5% 3px 5%; padding:0px; width:90%;
  border-style:solid; border-color:#808670; border-width:1px 1px 1px 1px;
  background-color:#fff3e0 }

 /* Elements for the 'product description' column */
 td.basketdesc {
  vertical-align:middle }
 p.basketdesc {
  margin:1px 15px 1px 15px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  font-weight:bold;
  text-align: left }

 /* Elements for the 'unit price and line price' columns */
 td.basketprice {
  width:60px;
  vertical-align:middle }
 p.basketprice {
  margin:1px 15px 1px 15px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  font-weight:bold;
  text-align:right }

 /* Elements for the 'quantity' columns */
 td.basketqty {
  width:90px;
  vertical-align:middle }
 p.basketqty {
  margin:1px 15px 1px 15px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  font-weight:bold;
  text-align:right }
 input.basketqty {
  margin:0px; width:60px; height:17px;
  border-width:1px; border-style:solid; 
  font-size:12pt }




/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in the drop down menus */

  /* A table to hold a navigation bar submenu */
  table.navmenu {
    width:110px; margin:0px;
    border-style:solid; border-color:#ff44ff; border-width:0px;
    background-color:transparent }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used in standard forms */

  /* A table to contain and align the components of a form */
  table.form {
    margin:3px 5% 3px 9%; padding:0px; width:85%;
    border-style:solid; border-color:#ffffff; border-width:1px 1px 1px 1px;
    background-color:transparent }
  
  /* A table cell to hold the left column of a form */
  td.formleft {
    padding:0px; width:40%;
    border-style:solid; border-width:0px; border-color:#ffffff;
    background-color:transparent;
    vertical-align:middle }

  /* Text style for the left column of a form table */
  p.formleft {
    margin:4px 4px 4px 4px;
    text-align:right }

  /* A table cell to hold the right column of a form */
  td.formright {
    padding:0px;
    border-style:solid; border-width:0px; border-color:#ffffff;
    background-color:transparent;
    vertical-align:middle }

  /* Text style for the right column of a form table */
  p.formright {
    margin:4px 4px 4px 4px;
    text-align:left }

  /* Form element long text input box */
  input.longtextbox {
    border-width:1px; border-style:solid; border-color:#cccccc;
    width:240px; height:18px;
    background-color:#ffffff; color:#000000 }

  /* Form element short text input box */
  input.shorttextbox {
    border-width:1px; border-style:solid; border-color:#cccccc;
    width:120px; height:18px;
    background-color:#ffffff; color:#000000 }

  /* Form element long select list box */
  select.longselectbox {
    border-width:1px; border-style:solid; border-color:#cccccc;
    width:240px; height:18px;
    background-color:#ffffff; color:#000000 }

  /* Form element short select list box */
  select.shortselectbox {
    border-width:1px; border-style:solid; border-color:#cccccc;
    width:120px; height:18px;
    background-color:#ffffff; color:#000000 }

  /* Form element submit button */
  input.submit {
    border-width:1px; border-style:solid; border-color:#cccccc;
    width:60px; height:24px }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used within standard tables */

  /* Style to define a table within a table */
  table.inner {
    width: 100%; margin:0px 0px 0px 0px;
    border-style:solid; border-color:#ffffff; border-width:0px}

  /* A paragraph containing a table label (or title) usually within a table data (cell) */
  p.Tablelabel {
    margin:3px 0px 3px 0px;
    font-family:"Cooper Black", sans-serif; font-size:12pt; color:#FFCCFF; background-color:transparent;
    text-align:center }

  /* A paragraph containing a table column heading within a table data (cell) */
  p.tblcolhead {
    margin:3px 0px 3px 0px;
    font-family:"Cooper Black", sans-serif; font-size:16pt; color:#CCCCFF; background-color:transparent;
    font-weight:bold;
    text-align: Center }

  /* Normal paragraph within a table data (cell) */
  p.tbl {
    margin:0px 0px 0px 0px }

  /* centred paragraph within a table data (cell) */
  p.tblcj {
    margin:0px 0px 0px 0px;
    text-align: Center }

  /* left justified paragraph within a table data (cell) */
  p.tbllj {
    margin:0px 0px 0px 0px;
    text-align: left }

  /* right justified paragraph within a table data (cell) */
  p.tblrj {
    margin:0px 0px 0px 0px;
    text-align: right }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for highlighted paragraphs such as errors or warnings */

  /* Paragraph containing an error text */
  p.error {
    padding:5px;
    border-style:solid; border-color:#202000; border-width:1px;
    background-color:#ffc0c0;
    font-weight:bold;
    text-align: Center }

  /* Paragraph containing a success text */
  p.success {
    padding:5px;
    border-style:solid; border-color:#202000; border-width:1px;
    background-color:#c0ffc0;
    font-weight:bold;
    text-align: Center }

  /* Smallprint paragraph at the page bottom */
  p.smallprint {
    margin:3px 5% 3px 5%;
    font-family:Arial, sans-serif; font-size:7pt; color:#202000; background-color:transparent;
    text-align: Center }

  /* Default centered paragraph */
  p.cent {
    text-align: center }

  /* Paragraph containing a highlighted product feature */
  p.prodfeature {
    font-size:14pt; color:#f00000; text-align: center }

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for result tables (typically searches) */

  /* A table to hold a search result heading */
  table.resulthead {
    width:90%; margin:0px 5% 0px 5%;
    border-style:solid; border-color:#808670; border-width:1px 1px 0px 1px;
    background-color:transparent }
  td.resulthead {
    border-width:0px; border-color:#808670;
    background-color:#ffffff }
  h2.resulthead {
    margin:0px 0px 0px 0px }

  /* Table data (cell) used to hold result heading icons */
  td.resultheadicons {
    width:100px;
    border-width:0px; border-color:#808670;
    background-color:#ffffff;
    text-align:right }
  p.resultheadicons {
    margin:0px 0px 0px 0px;
    text-align: right }

  /* A table to hold a search result */
  table.result {
    width:90%; margin:0px 5% 10px 5%;
    border-style:solid; border-color:#808670; border-width:1px 1px 1px 1px;
    background-color:#fff3e0; }

  /* Table data (cell) for a search result */
  td.result {
    border-width:0px; border-color:#808670;
    background-color:#fff3e0 }
  p.result {
    margin:0px 10px 0px 10px;
    text-align: justify }

  /* Table data (cell) for a search result thumbnail image */
  td.resulttn {
    height:64px; width:64px;
    border-style:solid; border-width:0px 0px 0px 0px; border-color:#808670;
    vertical-align:middle; text-align:center}
  p.resulttn {
    margin:0px 0px 0px 0px;
    text-align: center }

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used on productdetail pages */

 table.productimage {
  margin:8px 0px 8px 0px;
  margin-left:auto; margin-right:auto;
  border-style:solid; border-color:#808670; border-width:1px 1px 1px 1px;
  background-color:#fff3e0 }
 p.productimage {
  margin:5px 5px 5px 5px;
  text-align: center }
 p.productimagetext {
  margin:0px 5px 0px 5px;
  font-family:Arial, sans-serif; font-size:12pt; color:#000000; background-color:transparent;
  font-weight:bold;
  text-align: center }

 

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for thumbnail image galleries */

  /* A table to hold a search result */
  table.tni {
    margin:0px 5% 0px 10%;
    border-style:solid; border-color:#ffffff; border-width:1px 1px 1px 1px;
    background-color:transparent; }

  /* Table data (cell) for a thumbnail image */
  td.tni {
    height:132px; width:132px;
    padding:0px;
    border-style:solid; border-width:0px; border-color:#808080;
    background-color:transparent;
    vertical-align:middle; text-align:center}

  /* Paragraph containing an image */
  p.tni {
    padding:0px; margin:0px;
    border-style:solid; border-color:#ffffff; border-width:0px;
    background-color:transparent;
    font-weight:bold;
    text-align: Center; }



/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for order forms */
  /* A form in the product list */
  form.listorder {
    margin:0px 0px 0px 0px; padding:0px;
    background-color:transparent }

  /* Input (text) boxes in the list form */
  input.listordertext {
    margin:0px; width:40px; height:13px;
    border-width:1px; border-style:solid; 
    font-size:7pt }

  /* Submits in the list form */
  input.listordersubmit {
    margin:0px; width:70px; height:17px;
    border-width:1px; border-style:solid; border-color:#ffffff; 
    font-size:7pt }

/*----------------------------------------------------------------------------------------------------------------------
/* Styles used for image galleries */

 p.galleryinfo {
  margin:1px 30px 1px 30px;
  border-style:solid; border-color:#808080; border-width:0px 0px 0px 0px;
  background-color:transparent; color: #000000;
  font-size: 8pt; font-weight:normal;
  text-align: Left }

 /* Gallery grid view styles */
 table.gallerygrid {
  margin:8px 0px 8px 0px;
  margin-left:auto; margin-right:auto;
  padding:0px; width:auto;
  border-style:solid; border-color:#ffe080; border-width:1px 1px 1px 1px;
  background-color:#ffffff }
 td.gallerygrid {
  height:132px; width:132px;
  padding= 0px;
  border-style:solid; border-width:0px; border-color:#808080;
  background-color:transparent;
  vertical-align:middle; text-align:center}
 p.gallerygrid {
  padding:0px; margin:0px;
  border-style:solid; border-color:#ffffff; border-width:0px;
  background-color:transparent;
  font-weight:normal;
  text-align: Center; }

 /* Gallery list view styles */
 table.gallerylist {
  margin:8px 30px 8px 30px;
  padding:0px; width:auto;
  border-style:solid; border-color:#ffe080; border-width:0px 0px 1px 0px;
  background-color:#ffffff }
 td.gallerylistl {
  height:132px; width:132px;
  padding= 0px;
  border-style:solid; border-width:1px 0px 0px 1px; border-color:#ffe080;
  background-color:transparent;
  vertical-align:middle; text-align:center}
 td.gallerylistr {
  height:132px;
  padding= 0px;
  border-style:solid; border-width:1px 1px 0px 0px; border-color:#ffe080;
  background-color:transparent;
  vertical-align:middle; text-align:center}
 p.gallerylistl {
  padding:0px; margin:0px;
  border-style:solid; border-color:#ffffff; border-width:0px;
  background-color:transparent;
  font-weight:normal;
  text-align: Center; }
 h3.gallerylistr {
  margin:1px 5px 1px 5px;
  font-family:"Cooper Black", sans-serif; font-size:12pt; color:#806000; background-color:transparent;
  text-decoration:underline; font-weight:bold;
  text-align:Left }
 p.gallerylistr {
  padding:0px; margin:1px 5px 1px 5px;
  border-style:solid; border-color:#ffffff; border-width:0px;
  background-color:transparent;
  font-weight:normal;
  text-align: Left; }
 p.gallerylistrinfo {
  margin:1px 5px 1px 5px;
  border-style:solid; border-color:#808080; border-width:0px 0px 0px 0px;
  background-color:transparent; color: #000000;
  font-size: 8pt; font-weight:normal;
  text-align: Left }