body
{  
  text-align:center;
  background-image: url(/images/bck2.jpg);
  background-position: 0 0; 
  background-repeat: repeat-x;
  background-color: #C8C8CD;
/*  background-color: #CCCCCC;  */
}



/****************************************  GENERAL PAGE LAYOUT  ****************************************/

/* whole page content with white background */
div.pagediv
{ 
  width:815px;  /* adjust this for white background - 815 is none */
  margin: 15px 0px 0px 0px;
  text-align:center;
  background-color:#FFFFFF;
}

/*box representing whole page*/
div.titlediv
{ 
  margin: 5px 0px 0px 0px;
}


span.whitetext
{
  color: #ffffff;
}


/*box holding all of page content*/
div.mainframe
{ 
 /* width:auto; 
  height:auto;*/ 
  background-color:#FFFFFF;
}

/* for pages where we need more padding */
div.visualpadding
{ 
  padding:0px 10px 0px 10px;
}


/*box holding links*/
div.links
{ 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border:0px;
  width:190px; 
  height:100%;
  float:left; 
  line-height:0px;
  background-image: url(/images/menu_bg.jpg);
  background-position: 0 0; 
  background-repeat: repeat-y;
}

td.menubg
{ 
  background-image: url(/images/menu_bg.jpg);
  background-position: 0 0; 
  background-repeat: repeat-y;
}


/* page content */
td.content
{
  padding:10px 5px 0px 10px;
  text-align: left;
  color:#333399; 
  font-family: Times, serif; 
  font-size: 15px;   
  font-weight: bold;
  background-image: url(/images/watermark.jpg);
  background-position: 40px -200px; 
  background-repeat: repeat-y;
}

/*page footer*/
div.footer
{
   padding: 5px 0px 5px 0px; 
   margin: 0px 0px 0px 0px;
   width:100%;
   clear:both;
   background-color:#6B779C;
   font-family: arial;
   text-align:left;
   text-indent: 5px;
   font-size: 10px;
   color:#ECEEF1;
}



/*column formatting*/
div.column
{
  float: left;
  width: 160px;
  height: auto;
  padding: 0px;
  margin: 15px 5px 15px 5px;
  text-align:center;
  font-family: arial;
  font-size:12px;
  line-height: 12px;
  background-color:transparent;
}

/*column for box on index page*/
div.introcolumncontainer
{
  float: left;
  width: 240px;
  margin: 15px 0px 15px 0px;
  padding:0px 10px 0px 10px;
}

div.introcolumn
{
  float: left;
  width: 220px;
  height: auto;
  padding: 15px 5px 15px 5px;
  margin: 0px 0px 25px 0px;
  text-align:center;
  font-family: arial;
  font-size:13px;
  line-height: 13px;
  background-color:#FFFFFF;
  border-style: solid;
  border-width:3px;
  border-color:#A33838;
}
div.fpimagecontainer
{
  float: right;
  width: 221px;
  margin:0px;
  padding:0px;
}


/*row formatting*/
div.row
{
  float: left;
  width: 585px;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 5px;
  text-align:justify;
  font-family: arial;
  font-size:12px;
  line-height: 12px;
  background-color:transparent;
}




/****************************************  SPECIFIC PAGE LAYOUT  ****************************************/


/*******************index page*********************/

/*text formatting*/
span.red
{
  color: #A33838;
}

span.blue
{
  color: #6B779C;
}

span.tag
{
  font-family: arial;
  color: #A33838;
  font-size: 13px;
}

div.tagline
{
  font-family: arial;
  text-align:center;
  font-size: 16px;
  color: #A33838;
}

p.fpquotecol1
{
  margin-bottom:40px;
}
p.fpquotecol2
{
  margin-bottom:27px;
}


/*******************about us page*********************/

/*portrait image box*/
div.portrait
{
  float:left;
}

/*box for the description about the person*/
div.about
{
  float: left;
  width: 295px;
  height: 90px;
  margin-top:0px;
  margin-left:25px;
  text-align:justify;
  font-family: arial;
  font-size:12px;
  line-height: 14px;
  background-color:transparent;
  color: #333399;
}

/*box holding the introduction*/
div.about_intro
{
  float: left;
  width: 573px;
  height: 30px;
  margin-top:0px;
  margin-left:0px;
  text-align:justify;
  font-family: arial;
  font-size:12px;
  line-height: 14px;
  background-color:transparent;
  color: #333399;
}



/*******************products page*********************/

/*box holding the introduction*/
div.product_intro
{
  float: left;
  margin: 0px;
  padding-top:10px;
  text-align:justify;
  font-family: arial;
  font-size:12px;
  line-height: 14px;
  background-color:transparent;
  color: #333399;
}

/*box for a single DVD row*/
div.DVD
{
  float: left;
  width: auto;
  height: auto;
  margin-left:15px;
  background-color:transparent;
}

/*box for the case image*/
div.case
{
  float:left;
  margin-right:20px;
}

/*box for the description*/
div.description
{
  float: left;
  width: 320px;
  height: 135px;
  margin-top:0px;
  margin-left:30px;
  text-align:justify;
  font-family: arial;
  font-size:12px;
  line-height: 14px;
  background-color:transparent;
  color: #333399;
}

/*box for more information*/
div.info
{
  float:left;
  width: 450px;
  height: 12px;
  text-align:right;
  font-family: arial;
  font-size:12px;
  line-height: 12px;
  margin-top:0px;
  background-color:transparent;
  color: red;
}



/*******************dvd page*********************/

div.pricebutton
{
  width: 180px;
  height: 77px;
  background: transparent url(/images/PC_pricebg.png) 0 0 no-repeat;
  padding-top: 25px;
  padding-left: 0px;
  margin-left: 0px;
  border: 0px solid;
}

div.basket
{
  border:1px solid #414292;
  margin:0px 15px 0px 15px;
}



#baskettext p
{
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}


p.bodytext
{
  text-align:left;
  font-weight:normal;
}

/*box for dvd page content*/
div.dvdpage
{
  float:center;
  margin: 10px 15px 10px 15px;
  padding-top:10px;
  text-align: center;
  color:#333399; 
  font-family: arial; 
  font-size: 13px;   
  font-weight: bold;
  line-height: 14px;
  
  background-color:white;       
}

/*buy button*/
div.buy
{
  float:center;
  background-color:white; 
  margin-bottom:20px;
}

img.buy
{
  margin-left: 10px;
  margin-right: 10px;
}

img.dvdCase
{
  border: 2px solid #fff;
}

/*box for video preview*/
div.vidFrame
{
  background-image: url(Images/frame_pic.png);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #fff;
  width: 320px;
  margin: 1em auto;
  margin-left:10px;
  padding: .25em;
  border: 1px solid #999;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  float:right;
}

/*frame for the video preview*/
p.obj 
{
  padding-top: .5em;
  text-align: center;
}

/*video frame titles*/
h2.vidTitle
{
  text-align:center;
  font-family: arial;
  font-size:16px;
  margin-bottom:0px;
  line-height: 16px; 
  color: #333399;
}

/*align play instruction*/
p.instruct
{
  text-align:center;
}



/******************contact page*****************/

/*aligning contact text with invisible line*/
span.white
{
  color: white;
}

/*indent text to line up address*/
p.indent_txt
{
  text-indent: 61px;
}

/*formatting for Telephone hotline number*/
p.hotline
{
  color: #A33838;
  font-size: 16px;
}

/*columns for contact information - same but different widths*/
div.contact_column
{
  float: left;
  width: 215px;
  height: auto;
  padding-left:10px;
  padding-right:10px;
  padding-top:15px;
  padding-bottom:15px;
  text-align:left;
  font-family: arial;
  font-size:12px;
  line-height: 12px;
  background-color:transparent;
}

div.contact_column2
{
  float: left;
  width: 300px;
  height: auto;
  padding-left:10px;
  padding-right:10px;
  padding-top:15px;
  padding-bottom:15px;
  text-align:left;
  font-family: arial;
  font-size:12px;
  line-height: 12px;
  background-color:transparent;
}


/****************************************  OTHER GENERAL FORMATTING  ****************************************/


/*primary headings*/
h1
{
  text-align:center;
  font-family: arial;
  font-size:22px;
  line-height: 20px; 
  margin:0px;
  padding:0px;
  color: #A33838;
}

/*secondary headings*/
h2
{
  text-align:justify;
  font-family: arial;
  font-size:16px;
  margin-bottom:0px;
  line-height: 16px; 
  color: #A33838;
}

/*general image formatting*/
img
{
  padding:0; 
  margin:0;
  border:0; 
  line-height:0;
}

/*separating line formatting*/
img.line
{
  margin-top:2px;
  margin-bottom:5px;
}


/* text menu */

P.menu {
   font-size: 12px; font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   margin: 0px 0px 0px 0px;
   padding: 7px 5px 7px 5px;
}

A.button:link {color: #000000; text-decoration: none}
A.button:visited {color: #000000; text-decoration: none}
A.button:hover {color:#000000; text-decoration: none}
A.buttonwhite:link {color: #FFFFFF; text-decoration:none; padding: 7px 5px 7px 5px;}
A.buttonwhite:visited {color: #FFFFFF; text-decoration:none; padding: 7px 5px 7px 5px;}
A.buttonwhite:hover {color:#6B779C; text-decoration:none; background-color:#BBD7ED;padding: 7px 5px 7px 5px;}






/* copyright links */
a.cr:link, a.cr:visited
{
  color:#ECEEF1;
  text-decoration: none;
}

a.cr:hover
{
  color:#BDD4F5;
  text-decoration: underline;
}

/*image border rollover for products*/
a.imgBorder:hover img.dvdCase
{
  border: 2px solid #A33838;
}




tr.even {
background-color: #ddd;
}

tr.odd {
background-color: #bbb;
}

table.details label {
   width: 100px;
   float: left;
   clear: both;
   vertical-align: middle;
}

table.details input {
   float: left;
   vertical-align: middle;

}

table.details td
{  
   font-size: 12px;   
}