/*

  Style Sheet file for the EOS template

  "brown #2 style"

  -------------------------------------

  

  The file name can be defined in "settings.js":

  check the variable "myStyleFile"



  File Format:

	This is a CSS file (cascading style sheet).

	Empty lines and comments are ignored.

	A comment is all text between /* and */

/*	All other lines must contain valid CSS code.

	A double // does NOT start a comment like in JS!

	Don't forget the ; at the end of definition lines!

*/



/*

   General part 

   ------------

*/

body {

        background-color: black;

	/*background-image:url(images/black_wall.jpg);*/

        color: #cccccc;

        font: 12px verdana, helvetica, arial, sans-serif;

}

/*

   colored scrollbar disabled because Firefox shows it as 

   error in the Javascript console.

html {

	scrollbar-base-color:#222222;

	scrollbar-track-color:#666666;

	scrollbar-arrow-color: #aaaaaa;

}

*/

a:link {

	color: #cccccc;

}

a:visited {

	color: #cccccc;

}

a:hover {

	color: white;

}

a:hover img {}

td	{

	font-size: 12px;

}

input {

	letter-spacing: 0;

}

.button {

	color: #000000;

	font-size: 13px;

	background-color: #aaaaaa;

	border-color: #ffffff #777777 #666666 #eeeeee;

}

.button#cart {

}

option {}

.textfield, textarea {

	border: 1px solid #999999;

	font-family: Courier;

	color: #000000;

	font-size: 11px;

	background-color: #eeeeee;

}

.selectbox {

	letter-spacing: 0;

}

.big	{

        font-size: 20px;

        letter-spacing: 2px;

}

.mini	{

	font-size: 10px;

}

.info	{}

.navigation {

	font-size: 13px;

	text-align: center;

}

.navigation a {}

.currentPage {

	border: 1px solid white;

        padding-left: 3px;

        padding-right: 3px;

	color: white;

	background: #666666;

}

.sectionNavigation td {

	font-size: 11px;

}

.sectionNavigation a:link, .sectionNavigation a:visited {}

.hint	{

	font-size: 11px;

	font-weight: normal;

}

.copyright {

	font-size: 11px;

}





/*

   Header part 

   -----------

*/

.header {}

.topNavigation {

	font-size: 12px;

}

.topNavigation a {}

.topTextfield {

	font-size: 11px;

}



/*

   Index page 

   ----------

*/

.intro {

	width: 450px;

	padding: 5px;

	font-size: 12px;

	border: 1px dashed #666666;

	margin-bottom: 20px;

	text-align: center;

}

.expire {

	margin-bottom: 11px;

	width: 450px;

	padding: 5px;

	background-color: black;

	border: 1px solid #ff9966;

	color: #ff9966;

	font-size: 11px;

	font-weight: bold;

}

.sectionintro {

	width: 450px;

	padding: 5px;

	font-size: 12px;

	border: 1px dashed #666666;

	margin-bottom: 20px;

	text-align: left;

}

.thumbnailbox {}	

.thumbnailbox td {}

.thumbnail {

        padding: 0px;

        border: 1px solid #aaaaaa;

        background: black;

        width: 180px;

        height: 220px;

        vertical-align: middle;

}

.ordered {

	border: 3px dashed #00ff00;

}

.notordered {

	border: 2px solid #dddddd;

}

.caption {

        font: 11px Verdana, Helvetica, sans-serif;

	font-weight: normal;

}

.section {

        font: 11px Verdana, Helvetica, sans-serif;

	color: #ffffff;

}



/*

   Fullsize page 

   -------------

*/



.frame	{

	padding: 35px;

	background-color: white;

}

.frameborder {

	border-top-color:#bbbbbb;

	border-left-color:#cccccc;

	border-right-color:#e3e3e3;

	border-bottom-color:#dfdfdf;

	border-width:3px;

	border-style:solid;

	padding:0;

}

.matte	{

	padding: 0px;

	background-color: black;

}

.matteborder {}

.matteborder a:hover {

	background-color: transparent;

}

.fullsize_caption {

	font-size: 12px;

}

.itemheader {

	background-color: #333333;

	color: #cccccc;

	font-weight: bold;

}

.itemlist {

	background-color: #aaaaaa;

	color: #000000;

	font-size: 11px;

}

.itemname a:link {

	text-decoration: underline;

}

.description {

	color: black;

	background: #999999;

	font-size: 17px;

	padding: 4px;

	width: 524px;

}



/*

   Checkout page 

   -------------

*/

.total	{

	padding-left:  10px;

	padding-right: 10px;

	font-size: 15px;

	font-weight: bold;

	letter-spacing: 2pt;

}

.checkoutinfo {

	width: 450px;

	padding: 5px;

	font-size: 12px;

	border: 1px dashed #666666;

}

.couponcode {

	width: 400px;

	padding: 5px;

	background-color: #933;

	border: 1px solid #f33;

	font-size: 12px;

}

.couponcode_ok {

	width: 400px;

	padding: 5px;

	background-color: #393;

	border: 1px solid #3f3;

	font-size: 12px;

}

.userbox td {

	font-weight: bold;

}

.spacer	{}

.tableGrad_1 {}

.tableGrad_2 {}

.contact {

	width: 350px;

	padding: 15px;

	background-color: #000000;

	text-align: right;

	border: 1px solid #999999;

}

.button#reset {}