* {
	behavior: url(../iepngfix.htc);
	margin: 0;
	padding: 0;
}

#accessibility {
  display: none;
}

/* -------------------- default HTML */
body {
  behavior: url(iepngfix.htc);
  text-align: center;
  min-width: 968px;
  background: #191919 url(../images/bg.jpg) repeat-y fixed center;
  padding: 0;
  margin: 0;
  font: 10pt/14px georgia, Times New Roman, Times, serif;
}

h1, h2, h3, h4 { color: #A8979F; font-weight: normal; margin: 10px 0;}
h1 { font-size: 300%; line-height:1em; text-align: left;}
h2 { font-size: 150%;}
h3 { font-size: 150%;}
h4 { font-size: 125%;}
h5 { font-size: 14px;
     color:#666666;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 margin: 10px 10px;
	 text-align: left;
	 font-weight: normal;
	 line-height: 1.2em;
	 }
h5 a {color: #84737B;
     font-weight:bold;
}	 
h5 a:hover {color:#ECE8FF;
     text-decoration:underline;
	 }
h6 { font-size: 12px;
     color:#666666;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 margin: 10px 20px;
	 text-align: left;
	 font-weight: normal;
	 line-height: 1.2em;
	 font-style:italic;
	 }
	 

a {  color: grey;  text-decoration: none;}
p {
	line-height: 1em;
}


/*---------------------navigation------------*/
ul.main-nav {  clear: both;  width: 900px;  list-style: none;  height: 30px;}
ul.main-nav li { float: left; font-size: 11pt; padding: 0 0 0 0; height: 30px; }
ul.main-nav li a { display: block; height: 30px;}

li#blank { width:309px; background:url(../images/nav.jpg) 0 0 no-repeat; }

li#home, li#home a {  width: 116px;  background: url(../images/nav.jpg) -309px 0 no-repeat;}
li#home a:hover, li#home_active { width: 116px;  background: url(../images/nav.jpg) -309px -30px no-repeat;}

li#packages, li#packages a {  width: 157px;  background: url(../images/nav.jpg) -426px 0 no-repeat;}
li#packages a:hover, li#packages_active { width: 157px;  background: url(../images/nav.jpg) -426px -30px no-repeat;}

li#samples, li#samples a {  width: 146px;  background: url(../images/nav.jpg) -580px 0 no-repeat;}
li#samples a:hover, li#samples_active { width: 146px;  background: url(../images/nav.jpg) -580px -30px no-repeat;}

li#getintouch, li#getintouch a {  width: 172px;  background: url(../images/nav.jpg) -728px 0 no-repeat;}
li#getintouch a:hover, li#getintouch_active { width: 172px;  background: url(../images/nav.jpg) -728px -30px no-repeat;}

ul.start {clear:both; width:310px; list-style: none; height: 40px;}
ul.start li {float: left; padding: 0 0 0 0; height:40px; }
ul.start li a { display:block; height: 40px;}

li#start, li#start a {width:310px; background:url(../images/start.jpg) 0 0 no-repeat; }
li#start a:hover, li#start {width:310px; background:url(../images/start.jpg) 0 -40px no-repeat;}


/* -------------------- global properties - containers */

#wrapper {
  text-align: center;
  width: 900px;
  background-color:#FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  }
    
#main-content-flash {
  background: url(../images/flash_page_bg.jpg) no-repeat;
  min-height:460px;
  }
 
.header { height: 102px; margin:0px; background: url(../images/header.jpg) no-repeat;}
.header h1 {padding:0px 0px 0px 20px;}
.header h1 a { display:block; width:250px; height:50px;}
.header menu { text-align:right; 
               display:block; 
			   width:875px; 
			   height:5px;
			   padding: 5px 20px 30px 1px;
			   color: #8D7984;
			   font-family: Geneva, Arial, Helvetica, sans-serif;
			   z-index:100;
}
.header menu select{
	width:155px;
	background-color: #FEECEC;
	color: #7D6974;
			   
}


#right-col {
 float: right;
 width: 587px;
 height:446px;
 background:url(../images/image_bg.jpg) no-repeat;
 margin:0px 7px 0px -11px;
 padding-top:13px;
}

.start-button {
 position:relative;
 top:175px;
 left:0px;
 }

#left-col {
	float: left;
	width: 300px;
	/** padding-left: 3px; **/
}

.left-col-text {
  padding: 30px 20px 50px 30px;
  }

#footer {
  background-image: url(../images/footer_bg.jpg);
  background-repeat:repeat-x;
  height:167px;
  width: 900px;
  clear: both;
}
.footer-nav { list-style: none;}
.footer-nav li { float: left;}
.footer-nav li a:after { content: "|"; }

/*------------------------ container for content page with no flash + pink swoosh */  
#main-content {
  display:block;
  background: url(../images/main_content.jpg) bottom left repeat-x;
  min-height:490px;
  }
  
#right-col-content {
	float: right;
	width: 587px;
	margin:0px 7px 0px -11px;
	padding-top:13px;
	padding-left:8px;
	border-left: 1px;
	border-left-color: #84737B;
	border-left-style:solid;
	display:inline;
	line-height: 1.2em;
}

.left-col-text-content {
	padding: 3px 8px 10px 8px;
  }
#buttons { font-size: 14px;
     color:#666666;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 margin: 10px 10px;
	 text-align: left;
	 font-weight: normal;
	 line-height: 1.2em;
	 }
#buttons a {color: #84737B;
     font-weight:bold;
}	 
#buttons a:hover {color:#ECE8FF;
     text-decoration:underline;
	 }
	 
#alreadyuser {
   text-align: left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   color:#84737B;
   text-decoration:none;
   margin-left:20px;
}

#alreadyuser a {
   color:#84737B;
   text-decoration:none;
}

#alreadyuser a:hover {
   text-decoration:underline;
   color:#ECE8FF;
}

#getstarted a {
   text-align:left;
   display: block;
   margin-right:1px;
   margin-left:4px;
   width: 290px;
   max-width:290px;
   height: 40px;
   background: url(../images/start.jpg) 0 0 no-repeat;
}

#getstarted a:hover {
   background: url(../images/start.jpg) 0px -40px no-repeat;
}
.existinguser {color: #8C7883; float:left; padding: 3px 0 10px 3px;}
.existinguser a {color: #8C7883; text-decoration:none;}
.existinguser a:hover {color: #ECE8FF; text-decoration:underline;}


.usermessages {
   border: 1px solid #AD969C;
   background: url(../images/messagesbackground2.png) repeat;
} 
.usermessagestext p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:22px;
	color: #000000;
}

ul.mainmenu {  clear: both;  width: 535px;  list-style: none;  height: 77px;}
ul.mainmenu li { float: left; font-size: 11pt; padding: 0 0 0 0; height: 77px; }
ul.mainmenu li a { display: block; height: 77px;}
li#newdvdpa, li#newdvdpa a {width: 535px;  background: url(../images/menu_newdvdpa.gif) 0 -2px no-repeat;}
li#newdvdpa a:hover {width: 535px;  background: url(../images/menu_newdvdpa.gif) 0 -77px no-repeat;}
li#managelibrary, li#managelibrary a {width: 535px;  background: url(../images/menu_managelibrary.gif) 0 0 no-repeat;}
li#managelibrary a:hover {width: 535px;  background: url(../images/menu_managelibrary.gif) 0 -75px no-repeat;}
li#vieworders, li#vieworders a {width: 535px;  background: url(../images/menu_vieworders.gif) 0 0 no-repeat;}
li#vieworders a:hover {width: 535px;  background: url(../images/menu_vieworders.gif) 0 -76px no-repeat;}

ul.options {  clear: both;  width: 535px;  list-style: none;  height: 77px;}
ul.options li { float: left; font-size: 11pt; padding: 0 0 0 0; height: 77px; }
ul.options li a { display: block; height: 77px;}
li#edit, li#edit a {width: 80px;  background: url(../images/menu_options.gif) 0 0 no-repeat;}
li#edit a:hover {width: 80px;  background: url(../images/menu_options.gif) 0 -79px no-repeat;}
li#ship, li#faq a {width: 85px;  background: url(../images/menu_options.gif) -80px 0 no-repeat;}
li#ship a:hover {width: 85px;  background: url(../images/menu_options.gif) -80px -79px no-repeat;}
li#surveys, li#surveys a {width: 75px;  background: url(../images/menu_options.gif) -165px 0 no-repeat;}
li#surveys a:hover {width: 75px;  background: url(../images/menu_options.gif) -165px -79px no-repeat;}
li#faq, li#faq a {width: 80px;  background: url(../images/menu_options.gif) -240px 0 no-repeat;}
li#faq a:hover {width: 80px;  background: url(../images/menu_options.gif) -240px -79px no-repeat;}
li#support, li#support a {width: 80px;  background: url(../images/menu_options.gif) -320px 0 no-repeat;}
li#support a:hover {width: 80px;  background: url(../images/menu_options.gif) -320px -79px no-repeat;}
li#process, li#process a {width: 80px;  background: url(../images/menu_options.gif) -400px 0 no-repeat;}
li#process a:hover {width: 80px;  background: url(../images/menu_options.gif) -400px -79px no-repeat;}

ul.admin {  clear: both;  width: 535px;  list-style: none;  height: 77px;}
ul.admin li {float: left; font-size: 11pt; padding: 0 0 0 0; height: 77px; }
ul.admin li a { display: block; height: 77px;}
li#orderstatus, li#orderstatus a {width: 80px;  background: url(../images/menu_admin.gif) 0 0 no-repeat;}
li#orderstatus a:hover {width: 80px;  background: url(../images/menu_admin.gif) 0 -79px no-repeat;}
li#slideshow, li#slideshow a {width: 80px;  background: url(../images/menu_admin.gif) -80px 0 no-repeat;}
li#slideshow a:hover {width: 80px;  background: url(../images/menu_admin.gif) -80px -79px no-repeat;}
li#members, li#members a {width: 80px;  background: url(../images/menu_admin.gif) -160px 0 no-repeat;}
li#members a:hover {width: 80px;  background: url(../images/menu_admin.gif) -160px -79px no-repeat;}
li#managesurveys, li#managesurveys a {width: 80px;  background: url(../images/menu_admin.gif) -240px 0 no-repeat;}
li#managesurveys a:hover {width: 80px;  background: url(../images/menu_admin.gif) -240px -79px no-repeat;}
li#coupons, li#coupons a {width: 80px;  background: url(../images/menu_admin.gif) -320px 0 no-repeat;}
li#coupons a:hover {width: 80px;  background: url(../images/menu_admin.gif) -320px -79px no-repeat;}
li#songs, li#songs a {width: 80px;  background: url(../images/menu_admin.gif) -400px 0 no-repeat;}
li#songs a:hover {width: 80px;  background: url(../images/menu_admin.gif) -400px -79px no-repeat;}


/*------------------------------------------*/