/* 
   FACKS Sales Page Style Sheet
*/

/* 
   ---------- Define page divisions
*/

body
{
   margin: 20px 0px;

   /* NB: required, as IE does not correctly interpret "margin: auto" */
   text-align: center;

}

#page_outline
{
   background-color: #ffffff;
   width: 600px;
   margin: 0px auto;

   border-color: #cccccc;
   border-width: 9px;
   border-style: ridge;
}

#page_outline_wide
{
   background-color: #ffffff;
   width: 780px;
   margin: 0px auto;

   border-color: #cccccc;
   border-width: 9px;
   border-style: ridge;
}

#page_header
{
   background-color: #003366;

   border-color: #cccccc;
   border-width: 2px;
   border-style: solid;
   padding: 15px;
}

#page_body
{
   /* Required to stop inheritence of centred alignment */
   text-align: left;
   padding: 15px;
}

#payment_made
{
   /* Required to stop inheritence of centred alignment */
   text-align: left;
   padding: 15px;
}

#highlight_box
{
   background-color: #eeffe7;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   margin-left: 10%;
   margin-right: 10%;
   margin-bottom: 10px;
   margin-top: 1px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 1px;
}

#pre-order_box
{
   background-color: #eeffe7;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   text-align: center;
}

#question_box
{
   background-color: #eeffe7;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 1px;
}

#items_outline
{
   padding: 0px;
}

#items_photo
{
   float: right;
   vertical-align: middle;
   padding-left: 15px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 30px;
}

#items_sig
{
   float: none;
   vertical-align: middle;
   padding-left: 0px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 0px;
}

#items_prices
{

}

/* 
   ---------- Define text styles
*/

h1.title
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 18pt;
   font-weight: bold;
   color: #ffffff;
   text-align: center;
}

h1.title_black
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 24pt;
   font-weight: bold;
   color: #000000;
   text-align: center;
   margin-left: 20px;
   margin-right: 20px;
}

h1.headline
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   font-style: italic;
   color: #000000;
   text-align: center;
}

h2
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   text-align: center;
}

h2.left
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   text-align: left;
}

h3
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   display: inline;
}

h3.subheadline
{
   text-align: center;
   display: block;
}

h4
{
   font-family: Times New Roman, Times, serif;
   font-size: 12pt;
   font-weight: normal;
}

a.links
{
   color: #ffffff;
}

a.buy_links
{
   position: relative;
   color: #000000;
   font-weight: bold;
   margin-top: 2px;
}

h4.links
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   color: #ffffff;
   display: inline;
}

h5
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 12pt;
   text-align: left;
   font-weight: normal;
}

h5.footer
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10pt;
   text-align: left;
   font-weight: normal;
   display: inline;
}

h5.headline
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   display: inline;
}

h5.cost
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   display: inline;
}

h5.news
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   display: inline;
}

h5.newsheadline
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
}

h5.detail
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   letter-spacing: 100%;
   font-weight: normal;
   text-align: left;
   display: inline;
}

h5.order_available
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   font-weight: normal;
   text-align: right;
   display: inline;
}

h5.order_unavailable
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   font-weight: normal;
   color: #ff3333;
   text-align: right;
   display: inline;
}

h6
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10pt;
   text-align: left;
   font-weight: normal;
   display: inline;
}

h6.small
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   text-align: left;
   font-weight: normal;
   display: inline;
}

h7
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   text-align: left;
   font-weight: normal;
   display: inline;
   line-spacing: 80%;
}