/*
Title:      a plus r css
Author:     Jesse Smith jesse@drivendesign.com
Updated:    April 23rd 2006

Refinements by mk (Magnus Kempe, magnus@rbyd.com)

History
20091007 mk	video theatre
200904	mk	basic declarations according to identity guide
200904	mk	wishlist styles
20081118 mk	green boxy buttons
20070223 mk	admin styles
20061026 mk	styles for special pages
20061021 mk	adjusting sidenav for SALE
*/

body {
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: normal;
  color: #7F7F7F;
  background: #f2f2f2;
}


/* brand definitions */

.main-green {
  color: #53B13F;
}
.secondary-green {
  color: #8FE87C;
}
.main-green-back {
  color: #fff;
  background-color: #53B13F !important;
}

.main-blue {
  color: #0A57A5;
}
.secondary-blue {
  color: #61ACF6;
}
.main-blue-back {
  color: #fff;
  background-color: #0A57A5 !important;
}
.main-blue-back:hover {
  color: #61ACF6 !important;
}

.main-red {
  color: #F70000;
}
.secondary-red {
  color: #FFB1B2;
}
.main-red-back {
  color: #fff;
  background-color: #F70000 !important;
}
.main-red-back:hover {
  color: #FFB1B2 !important;
}

.main-grey {
  color: #878787;
}
.secondary-grey {
  color: #F2F2F2;
}

input[type=text],
textarea,
select {
  outline-color: #8FE87C;
}


/* ---[ links ]------------------------------- */

/*
link {
	font-weight: normal;
	color: #53B13F;
	text-decoration: none;
	} 
*/
	
a {
  font-weight: normal;
  color: #53B13F;
  text-decoration: none;
} 
    
a:hover {
  color: #96EF83;
  text-decoration: underline;
} 

a:active {
  color: #954371;
} 


/* ---[ common elements ]--------------------- */

.link {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}
/* bad selector
.link:a {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}
*/
.link:link {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:visited {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:hover {
	font-weight: normal;
	font-style: italic;
	color: #fff;
	font-size: 100%;
	background-color: #339900
	}

a.link:active {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}

/* ---[ main divs ]------------------------------- */
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    background-color:#000000;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.indexpage {
width: 800px;
text-align:left;
background-color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	}
	
.page {
width: 800px;
text-align:left;
background-color: #fff;
background-image: url(/images/bg_page.gif);
background-repeat: repeat-y;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	}
	
#nav {
width: 772px;
height: 75px;
text-align:left;
border-bottom: #ccc solid 1px;
margin: 0 0 0 14px;
padding: 0;
background-color: #fff;
}
	
#nav img {
	border: 0; 
}
	
#logo {
float: left;
width: 227px;
height: 75px;
text-align: left;
}
	
#navspace {
float: left;
width: 420px;
height: 75px;
text-align: right;
}
	
#topnav {
float: left;
width: 420px;
height: 25px;
margin: 25px 0 0 0;
padding: 0;
text-align: right;
}
	
html>body #topnav {
float: left;
width: 420px;
height: 25px;
margin: 22px 0 0 0;
padding: 0;
text-align: right;
}
	
#topnav ul {
  font-family: Verdana, Arial, Helvetica;
  font-size: 75%;
  font-weight: normal;
  color: #7F7F7F;
  display: inline; 
  list-style: none;
  margin: 0;
  padding: 0;
}

#topnav li {
  display: inline; 
  list-style: none;
  padding: 2px; 
}

#topnav li a:link, #topnav li a:visited{ 
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
color: #7F7F7F;
text-decoration: none;
}
#topnav li a:hover{
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
color: #7F7F7F;
text-decoration: underline;
}

	
#bottomnav {
	float: left;
	width: 420px;
	height: 25px;
	margin-top: 3px;
	text-align: right;
	}
	
html>body #bottomnav {
	float: left;
	width: 420px;
	height: 25px;
	margin-top: 0;
	text-align: right;
	}
	
#bottomnav ul {
	font-family: Verdana, Arial, Helvetica;
	font-size: 75%;
	font-weight: normal;
	color: #7F7F7F;
	display: inline; 
	list-style: none;
  margin: 0;
  padding: 0;
}

#bottomnav li{
	display: inline; 
	list-style: none;
	padding: 2px; 
}

#bottomnav li a:link, #bottomnav li a:visited{ 
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
}
#bottomnav li a:hover{
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: underline;
}

.main {
 margin: 0;
 padding: 0;
 width: 800px;
 text-align: left;
 background: #fff;
}
	
.container {
 margin: 0;
 padding: 0;
 width: 800px;
 text-align: left;
 background: #fff;
}
	
#mainspacer {
	float: left;
	width: 800px;
	height: 28px;
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #666;
	text-align: right;
}


#feature {
	float: left;
	padding:0;
	margin: 0;
	border-bottom: #fff solid 1px;
	text-align: left;
	width: 645px;
	}

.pagecontentleft {
  float: left;
  padding: 0;
  margin: 14px 0 0 0;
margin: 0;
  width: 427px;
    /* matches front-page, but should be 3x125 + 4x14 + 1 = 432, no? */
  margin-right: -1px;
  border-right: #ccc solid 1px;
}

.pagecontentleft p {
 padding: 0 14px 14px 14px;
 margin: 0;
 font-size: 75%;
}
	
.contentintro {
 padding: 0 14px 14px 14px;
 margin: 0;
 font-size: 75%;
}

.contentintro a {
 font-size: 200%;
}

.pagecontentleftintro {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	width: 400px;
	}

.pagecontentlefthr{
	margin: 0px 0px 0px 14px;
	width: 613px;
	height: 27px;
	background: #fff url(/images/content_hr.gif) no-repeat 0px 0px;
	}

.pagecontentleft h1 {
  padding: 0;
  margin: 0 0 10px 14px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 90%;
  font-weight: normal;
  color: #53B13F;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pagecontentleft h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #7F7F7F;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
.pagecontentleft h3 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #7F7F7F;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.pagecontentleft ul {
	padding: 0px 0px 0px 28px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 75%;
	font-weight: normal;
	list-style-type: square;
	text-transform: none;
	letter-spacing: 0px;
	}

.pagecontentleft li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.pagecontentright {
  float: right;
  padding: 0 14px;
    /* designed to be 14px, but we lack horizontal space -- see below */
  padding: 0 12px;
  margin: 0;
  width: 185px;
    /* designed to be 185px but pictures used are 189px wide */
  width: 189px;
  font-size: 75%;
  margin-left: -1px;
  border-left: #ccc solid 1px;
}
.pagecontentright P {
  padding: 0;
  margin-top: 0;
}
.pagecontentright IMG {
  padding: 0;
  margin: 0;
  border: 0;
}

/*
.pagecontentrightcentered {
  float: right;
  padding: 14px 14px 0 0;
  margin: 0;
  width: 175px;
  font-size: 75%;
}
*/

.pagecontent {
  float: left;
  padding: 0;
  margin: 0;
  width: 641px;
  margin-left: -1px;
  border-left: #ccc solid 1px;
  border-right: #ccc solid 1px;
}

.pagecontent p {
  padding: 0 14px 14px 14px;
  margin: 0;
  font-size: 75%;
}
.pagecontent p.lastchild {
  padding-bottom: 0;
}

.pagecontentintro {
  padding: 0;
  margin: 0;
  font-size: 75%;
  width: 400px;
}

.pagecontenthr {
  margin: 0 0 0 14px;
  width: 613px;
  height: 27px;
  background: #fff url(/images/content_hr.gif) no-repeat 0 0;
}
.columncontenthr {
  margin: 0 0 0 14px;
  padding: 0;
  width: 100%;
  height: 27px;
  background: #fff url(/images/content_hr.gif) no-repeat 0 0;
}

#special {
 float: left;
 margin: 0;
 width: 641px;
 border-left: #ccc solid 1px;
 border-right: #ccc solid 1px;
}
#special h1 {
 padding: 0;
 margin: 14px 0 10px 14px;
 font-family: Verdana, Arial, Helvetica;
 font-size: 90%;
 font-weight: normal;
 color: #53B13F;
 text-transform: uppercase;
 letter-spacing: 1px;
}
.pagecontent h1 {
 padding: 0;
 margin: 10px 0 10px 14px;
 font-family: Verdana, Arial, Helvetica;
 font-size: 90%;
 font-weight: normal;
 color: #53B13F;
 text-transform: uppercase;
 letter-spacing: 1px;
}
	
.pagecontent h2 {
	padding: 0;
	margin: 0 0 5px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #7F7F7F;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	
.pagecontent h3 {
  padding: 0;
  margin: 10px 0 0 14px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 90%;
  font-weight: normal;
  color: #7F7F7F;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pagecontent h3.firstchild {
  margin-top: 0;
}

.pagecontent ul {
	padding: 0 0 0 28px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 75%;
	font-weight: normal;
	list-style-type: square;
	text-transform: none;
	letter-spacing: 0;
	}

.pagecontent li {
	padding: 0;
	margin: 0;
	}
	
.pagecontentspacer {
	float: left;
	width: 614px;
	height: 28px;
	font-size: 85%;
	font-weight: normal;
	margin: 5px 0 14px 0px;
	padding: 0;
	color: #666;
	text-align: right;
	}
	
#category {
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 645px;
  width: 641px;
  border-left: #ccc solid 1px;
  border-right: #ccc solid 1px;
}

#category h1 {
  padding: 0;
  margin: 14px 0 10px 14px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 90%;
  font-weight: normal;
  color: #53B13F;
  text-transform: uppercase;
  letter-spacing: 1px;
}



#category ul {
	padding: 0;
	margin: 14px 0 10px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #7F7F7F;
	list-style-type: none;
	background: #fff url(/images/arrow.gif) no-repeat 0px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
#category li {
	padding:0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #7F7F7F; 
	}
	
#category a {
  font-size:75%;
}

#category a.backto {
  font-size:100%;
}

#categorytext a {
  font-size: 100%;
}
#categorytext a:hover,
#categorytext a:link,
#categorytext a:visited {
  color: #53B13F;
}


#flashslot1 {
	float: left;
	left: 0px;
	top: 0px;
	width: 213px;
	height: 429px;
	text-align: left;
	border-left: #ccc solid 1px;
	}
	
#flashslot2 {
	float: left;
	left: 213px;
	top: 0px;
	width: 213px;
	height: 429px;
	text-align: left;
	border-left: #ccc solid 1px;
	}
	
#flashslot3 {
	float: left;
	left: 428px;
	top: 0px;
	width: 213px;
	height: 429px;
	text-align: left;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
	}
	
#feature ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #7F7F7F;
	list-style-type: none;
	background: #fff url(/images/arrow.gif) no-repeat 0px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
#feature li {
	padding:0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #7F7F7F; 
	}
	
#feature h1 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	font-weight: normal;
	color: #53B13F;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#categoryimages {
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 414px;
  width: 427px;
}
	
html>body #categoryimages {
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 414px;
  width: 427px;
  border-right: #ccc solid 1px;
}
	
#categoryimages p {
  padding: 0;
  margin: 0;
  font-size: 75%;
}
	
.catimg {
  padding: 0;
  margin: 0;
  border: 0;
}

#categoryimages link {
  margin: 0;
  padding: 0 7px;
  padding: 0 6px;
padding: 0 4px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	text-transform: capitalize;
	} 
	
#categoryimages a:link {
  margin: 0;
  padding: 0 7px;
  padding: 0 6px;
padding: 0 4px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	text-transform: capitalize;
	} 
    
#categoryimages a:visited {
  margin: 0;
  padding: 0 7px;
  padding: 0 6px;
padding: 0 4px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	} 

#categoryimages a:hover {
  margin: 0;
  padding: 0 7px;
  padding: 0 6px;
padding: 0 4px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: underline;
	} 

#categoryimages a:active {
  margin: 0;
  padding: 0 7px;
  padding: 0 6px;
padding: 0 4px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	}

#categoryimages h1 {	
	font-family: MS Trebuchet, Arial, Helvetica;
	font-weight: bold;
	font-size: 110%;
	color: #7F7F7F;
	padding:0;
	margin: 0;
  padding-left: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
}

#categoryimages h2 {	
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 95%;
	color: #7F7F7F;
	padding:0;
	margin: 0;
  padding-left: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
}

#categoryimages TD {
  vertical-align: top;
  text-align: center;
  padding: 0 7px 14px 7px;
  padding: 0 4px 12px 3px;
width: 132px;
/*
border: #999 solid 1px;
*/
}

.imagegrid TABLE {
  padding-left: 4px;
  margin-bottom: -14px;
  margin-bottom: -12px;
}

#categorytext {
	float: left;
	padding: 0 14px 0 14px;
	margin: 0;
	text-align: left;
	width: 175px;
  margin-left: -1px;
	border-left: #ccc solid 1px;
	}
	
#categorytext p{
	padding: 0;
	margin: 0;
	font-size: 75%;
	}

#categorytext ul {
	padding:0px 0px 0px 0px;
	margin: 3px 0px 0px 14px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 75%;
	font-weight: normal;
	color: #7F7F7F;
	list-style-type: disc;
  list-style-type: square;
	background: #fff;
	text-transform: none;
	letter-spacing: 0px;
	}

#categorytext li {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #7F7F7F; 
	}
#categorytext img {
  border: 0;
}
	
.mainimage {
  padding: 28px 0 28px 38px;
  margin: 0 auto;
}
	
.eventdesc {
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 641px;
	}
	
.eventdesc img{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.eventimage{
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	width: 208px;
}

.eventtext{
	float: right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 433px;
	background: #e2e2e2;
}

.eventtext p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	}
	
.eventtitle{
	padding:0px 0px 0px 14px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 75%;
	}
	
.eventdate{
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	}

.options {
	font-size: 75%;
	padding:14px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;}

#views p {
	font-size: 75%;
	padding: 0;
	margin: 0;
	}
	
#views {
	padding:0;
	margin: 0;
  padding-left: 14px;
	text-align: left;
	}
	
	
#views h1 {
	font-size: 75%;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#views a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	color: #53B13F;
	}

#views a:link {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	color: #53B13F;
	}

#views a:visited {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	color: #53B13F;
	}

#views a:hover {
	font-weight: normal;
	font-style: normal;
	color: #53B13F;
	font-size: 100%;
	}

#views a:active {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	color: #53B13F;
	}
		
	
#sidenav {
	width:129px;
	padding: 0px 0px 0px 14px;
	margin: 14px 0px 0px 0px;
	float:left;
	text-align: left;
	}
	
html>body #sidenav {
	width:129px;
	padding: 0px 0px 0px 14px;
	margin: 14px 0px 0px 0px;
	float:left;
	text-align: left;
	font-size: 12px;
	}


/*
.new { 
  width: 129px; 
  height: 22px;
  color: #fff;
  margin: 0;
  padding: 5px 0 0 0;
  background: #fff url(/images/sidenav_new_bg_square.gif) repeat-y 0 0;
}

html>body .new {
  width: 129px; 
  height: 20px;
  color: #fff;
  margin: 0;
  padding: 7px 0 0 0;
  background: #fff url(/images/sidenav_new_bg_square.gif) repeat-y 0 0;
}
*/

.new { width: 129px; }

.new ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}

.new ul a {
  display: block;
  padding: 1px 0 0 9px;
  width: 108px;
  background-color: #F70000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
}

.new a:link, .new a:visited {
  color: #fff;
  text-decoration: none;
}

.new a:hover, .new .on a {
  color: #96EF83;
  text-decoration: none;
}

.newtop ul a {
  padding: 0;
/*
  display: block;
  width: 108px;
  background-color: #53B13F;
  text-transform: uppercase;
  letter-spacing: 2px;
*/
}

.newtop a:link, .newtop a:visited {
  color: #fff;
/*
  text-decoration: none;
*/
  padding: 8px 0 0 9px;
}

.newtop a:hover, .newtop .on a {
  color: #FFB1B2;
/*
  text-decoration: none;
*/
}

.newbot ul a {
  padding: 0;
/*
  display: block;
  width: 108px;
  background-color: #53B13F;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
*/
}

.newbot a:link, .newbot a:visited {
  color: #fff;
/*
  text-decoration: none;
*/
  padding: 1px 0 8px 9px;
}
.newnobot a:link, .newnobot a:visited {
  padding: 6px 0 6px 9px;
}

.newbot a:hover, .newbot .on a {
  color: #FFB1B2;
/*
  text-decoration: none;
*/
}

.newindex {
/*
  width: 129px; 
  height: 22px;
  color: #fff;
  margin: 0;
  padding: 5px 0 0 0;
*/
  background: url(/images/sidenav_new_bg.gif) no-repeat 0 0;
}

html>body .newindex {
/*
  width: 129px; 
  color: #fff;
  height: 20px;
  margin: 0;
  padding: 7px 0 0 0;
*/
  background: #fff url(/images/sidenav_new_bg.gif) no-repeat 0 0;
}

/*
.newlink
{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

.newlink:link, .newlink:visited, .newlink:active
{
margin: 9px 0px 0px 9px;
color: #fff;
text-decoration: none;
}

.newlink:hover, .on .newlink
{
color: #FFB1B2;
text-decoration: none;
}
*/


.category {
  width: 129px;
}

.category ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.category ul a
{
display: block;
padding: 1px 0px 0px 9px;
width: 108px;
background-color: #53B13F;
text-transform: uppercase;
letter-spacing: 2px;
}

.category a:link, .catnav a:visited
{
color: #fff;
text-decoration: none;
}

/* mk 20061015 adding .xyz .on a to parallel a:hover */
.category a:hover, .category .on a
{
color: #96EF83;
text-decoration: none;
}

.categorytop ul a
{
display: block;
padding: 0px 0px 0px 0px;
width: 108px;
background-color: #53B13F;
text-transform: uppercase;
letter-spacing: 2px;
}

.categorytop a:link, .categorytop a:visited
{
color: #fff;
text-decoration: none;
padding: 8px 0px 0px 9px;
}

.categorytop a:hover, .categorytop .on a
{
color: #96EF83;
text-decoration: none;
}

.categorybot ul a
{
display: block;
padding: 0px 0px 0px 0px;
width: 108px;
background-color: #53B13F;
text-transform: uppercase;
letter-spacing: 2px;
}

.categorybot a:link, .categorybot a:visited
{
color: #fff;
text-decoration: none;
padding: 1px 0px 8px 9px;
}

.categorybot a:hover, .categorybot .on a
{
color: #96EF83;
text-decoration: none;
}


.material { width: 129px; 
}

.material ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.material a
{
display: block;
padding: 1px 0px 0px 9px;
width: 108px;
background-color: #0A57A5;
text-transform: uppercase;
letter-spacing: 2px;
}

.material a:link, .matnav a:visited
{
color: #fff;
text-decoration: none;
}

.material a:hover, .material .on a
{
color: #6BB5FF;
text-decoration: none;
}

.materialtop ul a
{
display: block;
padding: 0px 0px 0px 0px;
width: 108px;
background-color: #0A57A5;
text-transform: uppercase;
letter-spacing: 2px;
}

.materialtop a:link, .materialtop a:visited
{
color: #fff;
text-decoration: none;
padding: 8px 0px 0px 9px;
}

.materialtop a:hover, .materialtop .on a
{
color: #6BB5FF;
text-decoration: none;
}

.materialbot ul a
{
display: block;
padding: 0px 0px 0px 0px;
width: 108px;
background-color: #0A57A5;
text-transform: uppercase;
letter-spacing: 2px;
}

.materialbot a:link, .materialbot a:visited
{
color: #fff;
text-decoration: none;
padding: 1px 0px 8px 9px;
}

.materialbot a:hover, .materialbot .on a
{
color: #6BB5FF;
text-decoration: none;
}


#search {
  float: right;
  height: 25px;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: right;
}
#search button {
  margin: 0;
  margin-right: -3px; /* fix for Firefox */
  padding: 0;
  border: 0;
}

.hr {
	position: relative;
	margin:0px;
	padding:0px;
	width: 278px;
	height: 20px;
	background: #E0D0C1 url(/images/hr.gif);
	background-repeat: no-repeat
	}
	
#footer {
	float: right;
	width: 640px;
	font-size: 85%;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 8px 14px 0 0;
	color: #666;
	text-align: right;
/*
  white-space: nowrap;
*/
}
	
#footer p {
	font-size: 85%;
	margin: 0;
	padding: 0;
	line-height: 14px;
	}

#footer a:link {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 
    
#footer a:visited {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 

#footer a:hover {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: underline;
	} 

#footer a:active {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 
	
.navinput {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #333;
	width: 80px; 
	height: 17px;
	font-size: 10px;
	font-weight: normal; 
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff;
	}


.price {
	font-size: 75%;
	padding:7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	

#optionselect {
  margin: 0;
  padding: 0;
}
#selectoption {
  margin: 0;
  padding: 0;
}
#price {
  font-size: 75%;
  text-align: left;
  margin: 0;
  padding: 5px 0 7px 0;
}
#button_buynow {
  margin: 0;
  padding: 7px 0;
}

ul.wishlist-enum {
  border-top: solid 1px #878787;
  margin: 8px 42px 12px 14px;
  padding: 0;
}

ul.wishlist-enum li {
  list-style: none;
  padding: 8px 0;
  border-bottom: solid 1px #878787;
}

#wishlist-form {
  padding-bottom: 16px;
}
#wishlist-notice {
  margin: 0 12px;
}
#wishlist-notice div {
  padding-bottom: 6px;
  border-bottom: solid 1px #ccc;
}
#wishlist-notice p {
  padding: 6px;
  background: #ffe;
}

.overlabel-parent {
  position: relative;
}
label.overlabel {
  color: #999;
}
label.overlabel-apply {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}
form#edit-details label.overlabel-apply {
  left: 20px;
}
form#edit-details input[type=text] {
  width: 380px;
}
form#edit-details textarea {
  width: 384px;
/*
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
*/
}

form.tell-form {
  position: absolute;
  z-index: 64;
  width: 570px;
  padding: 6px 18px;
  border: solid 1px #53B13F;
  background-color: #F2F2F2;

  box-shadow: 4px 4px 3px #999;
  -webkit-box-shadow: 4px 4px 3px #999;
  -moz-box-shadow: 4px 4px 3px #999;

  font-size: 75%;
}
form.tell-form div {
/*
  width: 400px !important;
*/
  margin: 0 0 6px 0 !important;
}
form.tell-form input[type=text] {
  width: 440px;
}
form.tell-form textarea {
  width: 250px;
}
form.tell-form p.notification {
  padding: 6px;
  background-color: #ffe;
}
div.closebox {
  text-align: right;
}
div.closebox a {
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
}

#wishlist-share-preview {
  background-color: #fff;
  -webkit-border-radius: 24px; 
  -moz-border-radius: 24px;
  padding: 16px;
  margin: 16px 0;
}


table.wishlist-view {
  margin: 12px;
  font-size: 75%;
}
table.wishlist-view th {
  padding-bottom: 4px;
}
/*
table.wishlist-view select {
  font-size: 90%;
}
*/
tr.wishlist-item-row td {
  border-top: solid 1px #ccc;
  padding-top: 8px;
  padding-right: 8px;
}
table.wishlist-view td button.add-to-cart {
  margin-bottom: 8px;
}
/*
tr.wishlist-item-row:first-child td {
  border-top-width: 0;
  padding-top: 0;
}
*/


.bottomspace{
  float: left;
  height: 14px;
  width: 800px;
  background: #fff;
  margin: 0;
  padding: 0;
}

.checkouttable {
	margin-left: 14px;
	font-size: 75%;
}

.checkouttable img {
border: 0px;
}

.error {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #c00;
/*
	width: 80px; 
	height: 17px;
*/
	font-size: 10px;
	font-weight: normal; 
}
.status {
  color: #0c0;
}
p.messages {
  width: 80%;
  margin: 8px 0;
  font-size: 10px;
}


.input {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000; 
	font-size: 10px;
	font-weight: normal; 
	height: 17px;
	width: 200px;
	margin-left: 0px;
	padding-left: 5px;
	color: #333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #f1f1f1;
	}
	
.inputrows {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000; 
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 5px;
	color: #333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #f1f1f1;
	}
	

/*
 * jimmy added for purchase
 *
 */

.breadcrumb {
	margin-top: 10px;
	padding-top: 10px;
}

.orderflow {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000; 
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 15px;
}

.carttable {
	margin-left: 15px;
	padding-left: 0px;
}

.userinformation {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000; 
	font-size: 11px;
	font-weight: normal;
}

a.aprtopnav{
font-size:10px;
color:#000000;
}


a.admin,
a.admin:link,
a.admin:visited,
a.admin:hover {
  color: #7F7F7F;
  background-color: #AAFF99;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 2px;
/*
  color: #53B13F;
  margin: -1px -3px;
  border: solid 1px #53B13F;
}
a.admin:hover {
  border: solid 1px #FFB1B2;
  text-decoration: none;
*/
}


/*
 * Buttons
 */

button.apr-button,
input.apr-button,
a.apr-button {
  color: #fff;
  background-color: #53B13F;

/*
  height: 18px;
*/
  margin: 0;
  padding: 2px 5px 3px 5px;
  border: 0;

  cursor: pointer;
  text-transform: lowercase;
  text-decoration: none;
}
button.apr-button:hover,
input.apr-button:hover,
a.apr-button:hover {
  color: #8FE87C;
}

button.apr-button-reverse,
input.apr-button-reverse {
  color: #53B13F;
  background-color: #fff;

  padding: 2px 5px;
  border: solid 1px #53B13F;

  cursor: pointer;
  text-transform: lowercase;
}
button.apr-button-reverse:hover,
input.apr-button-reverse:hover {
  padding: 1px 4px;
  border-width: 2px;
}

button.apr-button-naked {
  color: #53B13F;
  background-color: #fff;

  margin: 0 4px 0 0;
  padding: 0;
  border: 0;

  cursor: pointer;
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 900;
}
button.apr-button-naked:hover {
  color: #8FE87C;
}
button.naked-red {
  color: #F70000;
}
button.naked-red:hover {
  color: #FFB1B2;
}
button.naked-blue {
  color: #0A57A5;
}
button.naked-blue:hover {
  color: #61ACF6;
}


form.editable-form {
  background-color: #f2f2f2;
  z-index: 64;

  padding: 12px;
  margin-top: -12px;
  margin-right: -12px;

  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px;

  box-shadow: 4px 4px 3px #999;
  -webkit-box-shadow: 4px 4px 3px #999;
  -moz-box-shadow: 4px 4px 3px #999;
}


/*
 * Video theatre
 */

#theatre-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width:  100%;
}
.theatre-props {
  background-color: #012;
  filter: alpha(opacity=95);
  opacity:      0.95;
  -moz-opacity: 0.95;
}
#theatre-inner {
  padding: 16px;
  background-color: #ffc;
}
#theatre-close {
  float: right;
  padding-top: 2px;
  padding-bottom: 8px;
  cursor: default;
  font-size: 11px;
  font-family: Helvetica, sans-serif;
}
#theatre-close span {
  border: solid 1px black;
  margin: 2px 0;
  padding: 0 2px;
}
.theatre-affordance {
  background-color: #53B13F;
  padding: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  opacity: 0.4;
  cursor: pointer;
}
a:hover .theatre-affordance {
  opacity: 0.9;
}
div.theatre-affordance:hover {
  opacity: 1.0;
}
.theatre-affordance div {
  font-size: 200%;
  background-color: #fff;
  padding: 0 2px 0 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}