/*************************************************************
Lunartic Base CSS
**************************************************************/

/* MAIN COMPONENTS */

* {
	margin:0;
	padding:0;

}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div, *
{
	font-family:Arial,Verdana,Sans-serif,Georgia;
}

a:link {
	color:#002395;
	font-weight:normal;
	text-decoration: underline;
}

a:hover {
	color:#002395;
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
	color:#002395;
}

/* ************ MAIN ELEMENTS ************ */
body {
	font-size:0.8em;
	line-height:1.4em;
	text-align:center;
	background-color: #003399;  /*lightblue;*/
	/*padding-top: 10px; turned on modalbox doesn't work in IE*/
}
h1 {
	color: #002395;
	font-size:2em;
	font-weight:bold;
	margin:0.8em 0;
	margin-top:20px;
	line-height:1em;
}
h2 {
	color: #002395;
	font-size:1.6em;
	font-weight:bold;
	margin:0.8em 0;
}
h3 {
	color: #002395;
	font-size: 1.4em;
	margin:0.8em 0;

}
h4 {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin:0.2em 0;
}
h5 {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	margin:0.8em 0;
}

h5 span {color:#000000}

img {
    border-style:none;
}

#mainimage {
	padding-top:25px;
	text-align:center;
}

/* ************ LAYOUT COMPONENTS ************ */

#container {
	width:996px;
	margin:0 auto;
	/*background-color:#ffffff; Commented out for CSS Rounded Corners implementation */
	text-align:left;
	background-image:url();
    padding-top:0.83em;
}

#left,#middle,#right,#content {
	margin-bottom:10px;
}

/* ************ LEFT POSITION ************ */
#subnav {
	padding: 0px;
	margin: 0px;
	float:left;
	width:170px;
	background-color: #ffffff;
	min-height:10px;
	font-size:0.95em;
}
#subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: solid 1px white;
	background-color:#003399;
}


#subnav ul li {
	margin: 0px;
	padding: 0px;
}
#subnav ul li a {
	display: block;
	border-bottom: 1px dotted #fff;
	padding: 5px 5px 2px 8px;
	text-decoration: none;
	color: #ffffff;
	width:90%;
	font-weight:bold;
}

#subnav ul li a:hover,
#subnav ul li a:focus {
	text-decoration:underline;
}

#subnav .active
{
	background-color:#c43d1d;
}

#subnav .active  a
{
	color:#ffffff;
}

#subnav ul ul {
	text-align:left;
	margin:0 0 -1px 0;
	background-color:#4872FF;
}
#subnav ul ul li a {
	padding-left:20px;
}

#subnav #linkedproducts a {
	color:#fff;
	text-decoration: none;
}
#subnav #linkedproducts a:hover {
	text-decoration: underline;
}

#subnav #basketsummary-body {text-align:center;}

#subnav #tobasket {color:white; text-decoration:none}

#header {
	height:205px;
}

#header img {
	width:982px;
	height:205
}


/* ************ MIDDLE POSITION ************ */
#content {
	float:left;
	width:350px;
}
#content.moon{
    width:385px;
}
#content.singlecolumn {
    width:778px;
}
#content.singlecolumn p {
    margin-bottom: 5px;
}

/* ************ RIGHT POSITION ************ */
#right {
	float:right;
	width:391px;
	text-align:center;
}
#right.home {
	width:180px !important;
}
#right.moon {
	width:385px;
}

#right img {
	border:1px solid #fff;
}
#right p {
	width:130px;
	margin-top:10px;
}
#right span{
	margin:2px;
}

/* ************ FOOTER ************ */
#footer {
	clear:both;
	background-color:#002496;
	color:#ffffff;
	height:auto;
	overflow:visible;
	height:0.8em;
	font-size: 12px;
}

#footer p {
	display:inline;
}

#footer p.left {
	float:left;
}
#footer p.right {
	float: right;
}
#footer ul {
	float:left;
	list-style:none;
}
#footer ul li {
	float:left;
	padding-right:10px;
}
#footer a {
	color:#ffffff;
	font-weight:normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration:underline;
}

#footer #copyright {color:#ffffff}

/* *********** PRODUCTS ************ */
div#products img {
	height:111px;
	width:125px;
}
#products ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#products li {
	float:left;
	margin:0pt 16px;
	padding:7px 0pt;
	text-align:center;
	width:147px;
}
#products p {
	font-size:0.9em;
}
h4#todaysname, h4#todaysname a {
	font-size:20px;
	font-family: "Comic Sans MS"
}
div#name h1 {
	font-family: "Comic Sans MS"
}

#quote {
	font-size:18px;
}
#description {
	font-size:larger;
	font-weight:bolder;
	text-align:justify;
	color:#003399;
}

#description p {
    width:100%; text-align:left;
}

#right #description.textonly {}

/* ******** BUTTONS *************** */
input.btn{
	color:#000;
	font-size:90%;
	font-weight:bold;
	background-color:lightgrey;
	border:1px solid;
	border-top-color:#444;
	border-left-color:gray;
	border-right-color:gray;
	border-bottom-color:gray;
	filter:progid:DXImageTransform.Microsoft.Gradient
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

/* ******** DATA INPUT ************ */
form.dataentry label {
	display: block; /* block float the labels to left column, set a width */;
	float: left;
	width: 90px;
	padding: 0;
	margin: 5px 0 0;
/* set top margin same as form input - textarea etc. elements */	text-align: right;
}
form.dataentry input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */;
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
form.dataentry select {
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */;
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.dataentry#register_form input.input {
	width:120pt;
	background-color:pink;
}

form.dataentry#register_form span.req {
	color: red;
	display:none;
}

/* Order List */
table#orders tr th, table#order tr th {background-color:#778CCA; padding-bottom:2px; padding-left:2px; padding-right:25px; padding-top:2px;}
table#orders td, table#order td {padding-bottom:4px; padding-left:2px; padding-top:4px;}

/* Lunartic List */
table#cast {font-size:1.0em; empty-cells:show;}
table#cast td {padding-left:5px; text-align:left;}
table#cast td.l {font-weight:bolder; border-right:1px solid; padding-right:5px; margin-right:5px;}
table#cast td {width:45px; height:0px;vertical-align:middle;}
table#cast td img {width:43px; height:59.5px;}
table#cast td span {vertical-align:middle; font-size:normal;}

/* ******** SHOPPING CART ********* */
#basketsummary {border: solid 1px white; margin-top: 25px; background-color:#003399;}
#basketsummary table {color:#ffffff; width:100%; font-size: 0.9em;}
#basketsummary table tr th {border-bottom: solid 1px;text-align:center; font-weight: bolder}
#basketsummary table thead tr th {border-bottom: solid 1px;text-align:center; font-weight: bolder}
#basketsummary table tr td {padding-left:2px}
#basketsummary table tr td.total {border-top: solid 1px;}

/* ******** RELATED PRODUCTS ********* */
#linkedproducts {border: solid 1px white; margin-top: 25px; background-color:#003399;}
#linkedproducts table {color:#ffffff; width:100%; font-size: 0.9em;}
#linkedproducts table tr th {border-bottom: solid 1px;text-align:center; font-weight: bolder}
#linkedproducts table thead tr th {border-bottom: solid 1px;text-align:center; font-weight: bolder}
#linkedproducts table tr td {padding-left:2px}
#linkedproducts table tr td.total {border-top: solid 1px;}

/* ******** Home Page ********* */
.white_text {color:white; text-decoration:none; cursor:pointer}

/* ******** Rounded Corners ********* implementation grabbed from http://www.spiffycorners.com */
.blue-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.blue-corners1{border-left:1px solid #6d8ac4;border-right:1px solid #6d8ac4;background:#bfcce5}
.blue-corners2{border-left:1px solid #1947a3;border-right:1px solid #1947a3;background:#ced8eb}
.blue-corners3{border-left:1px solid #ced8eb;border-right:1px solid #ced8eb}
.blue-corners4{border-left:1px solid #6d8ac4;border-right:1px solid #6d8ac4}
.blue-corners5{border-left:1px solid #bfcce5;border-right:1px solid #bfcce5}
.blue-cornersfg{background:#FFFFFF}

.grey-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#DDDDDD}
.grey-corners1{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;background:#e5e5e5}
.grey-corners2{border-left:1px solid #fbfbfb;border-right:1px solid #fbfbfb;background:#e3e3e3}
.grey-corners3{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.grey-corners4{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.grey-corners5{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.grey-cornersfg{background:#DDDDDD}

.lightblue-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#778CCA}
.lightblue-corners1{border-left:1px solid #c4cde1;border-right:1px solid #c4cde1;background:#99a8d7}
.lightblue-corners2{border-left:1px solid #f1f3f1;border-right:1px solid #f1f3f1;background:#90a1d4}
.lightblue-corners3{border-left:1px solid #90a1c6;border-right:1px solid #90a1c6}
.lightblue-corners4{border-left:1px solid #c4cde1;border-right:1px solid #c4cde1}
.lightblue-corners5{border-left:1px solid #99a8d1;border-right:1px solid #99a8d1}
.lightblue-cornersfg{background:#778CCA}

.yellow-corners *{display:block;height:1px;overflow:hidden; font-size:.01em;background:#FFFF00}
.yellow-corners1{border-left:1px solid #ebeb7d;border-right:1px solid #ebeb7d;background:#f6f637}
.yellow-corners2{border-left:1px solid #e0e0c6;border-right:1px solid #e0e0c6;background:#f8f829}
.yellow-corners3{border-left:1px solid #f8f829;border-right:1px solid #f8f829}
.yellow-corners4{border-left:1px solid #ebeb7d;border-right:1px solid #ebeb7d}
.yellow-corners5{border-left:1px solid #f6f637;border-right:1px solid #f6f637}
.yellow-cornersfg{background:#FFFF00}

.orange-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFA500}
.orange-corners1{border-left:1px solid #ebc47d;border-right:1px solid #ebc47d;background:#f6b337}
.orange-corners2{border-left:1px solid #e0d7c6;border-right:1px solid #e0d7c6;background:#f8af29}
.orange-corners3{border-left:1px solid #f8af29;border-right:1px solid #f8af29}
.orange-corners4{border-left:1px solid #ebc47d;border-right:1px solid #ebc47d}
.orange-corners5{border-left:1px solid #f6b337;border-right:1px solid #f6b337}
.orange-cornersfg{background:#FFA500}

.red-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FF0000}
.red-corners1{border-left:1px solid #eb7d7d;border-right:1px solid #eb7d7d;background:#f63737}
.red-corners2{border-left:1px solid #e0c6c6;border-right:1px solid #e0c6c6;background:#f82929}
.red-corners3{border-left:1px solid #f82929;border-right:1px solid #f82929}
.red-corners4{border-left:1px solid #eb7d7d;border-right:1px solid #eb7d7d}
.red-corners5{border-left:1px solid #f63737;border-right:1px solid #f63737}
.red-cornersfg{background:#FF0000}

.green-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#008000}
.green-corners1{border-left:1px solid #7db57d;border-right:1px solid #7db57d;background:#379737}
.green-corners2{border-left:1px solid #c6d3c6;border-right:1px solid #c6d3c6;background:#299129}
.green-corners3{border-left:1px solid #299129;border-right:1px solid #299129}
.green-corners4{border-left:1px solid #7db57d;border-right:1px solid #7db57d}
.green-corners5{border-left:1px solid #379737;border-right:1px solid #379737}
.green-cornersfg{background:#008000}

.darkblue-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#0000FF}
.darkblue-corners1{border-left:1px solid #7d7deb;border-right:1px solid #7d7deb;background:#3737f6}
.darkblue-corners2{border-left:1px solid #c6c6e0;border-right:1px solid #c6c6e0;background:#2929f8}
.darkblue-corners3{border-left:1px solid #2929f8;border-right:1px solid #2929f8}
.darkblue-corners4{border-left:1px solid #7d7deb;border-right:1px solid #7d7deb}
.darkblue-corners5{border-left:1px solid #3737f6;border-right:1px solid #3737f6}
.darkblue-cornersfg{background:#0000FF}

.pink-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#EE82EE}
.pink-corners1{border-left:1px solid #e4b5e4;border-right:1px solid #e4b5e4;background:#e998e9}
.pink-corners2{border-left:1px solid #ded3de;border-right:1px solid #ded3de;background:#ea93ea}
.pink-corners3{border-left:1px solid #ea93ea;border-right:1px solid #ea93ea}
.pink-corners4{border-left:1px solid #e4b5e4;border-right:1px solid #e4b5e4}
.pink-corners5{border-left:1px solid #e998e9;border-right:1px solid #e998e9}
.pink-cornersfg{background:#EE82EE}

.purple-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#4B0082}
.purple-corners1{border-left:1px solid #9e7db5;border-right:1px solid #9e7db5;background:#6f3798}
.purple-corners2{border-left:1px solid #cec6d3;border-right:1px solid #cec6d3;background:#662993}
.purple-corners3{border-left:1px solid #662993;border-right:1px solid #662993}
.purple-corners4{border-left:1px solid #9e7db5;border-right:1px solid #9e7db5}
.purple-corners5{border-left:1px solid #6f3798;border-right:1px solid #6f3798}
.purple-cornersfg{background:#4B0082}

.white-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.white-corners1{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;background:#f6f6f6}
.white-corners2{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f8f8f8}
.white-corners3{border-left:1px solid #f8f8f8;border-right:1px solid #f8f8f8}
.white-corners4{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
.white-corners5{border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6}
.white-cornersfg{background:#FFFFFF}

.whiteonyellow-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteonyellow-corners1{border-left:1px solid #ffff6d;border-right:1px solid #ffff6d;background:#ffffbf}
.whiteonyellow-corners2{border-left:1px solid #ffff19;border-right:1px solid #ffff19;background:#ffffce}
.whiteonyellow-corners3{border-left:1px solid #ffffce;border-right:1px solid #ffffce}
.whiteonyellow-corners4{border-left:1px solid #ffff6d;border-right:1px solid #ffff6d}
.whiteonyellow-corners5{border-left:1px solid #ffffbf;border-right:1px solid #ffffbf}
.whiteonyellow-cornersfg{background:#FFFFFF}

.whiteonorange-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteonorange-corners1{border-left:1px solid #ffcb6d;border-right:1px solid #ffcb6d;background:#ffe8bf}
.whiteonorange-corners2{border-left:1px solid #ffae19;border-right:1px solid #ffae19;background:#ffedce}
.whiteonorange-corners3{border-left:1px solid #ffedce;border-right:1px solid #ffedce}
.whiteonorange-corners4{border-left:1px solid #ffcb6d;border-right:1px solid #ffcb6d}
.whiteonorange-corners5{border-left:1px solid #ffe8bf;border-right:1px solid #ffe8bf}
.whiteonorange-cornersfg{background:#FFFFFF}

.whiteonred-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteonred-corners1{border-left:1px solid #ff6d6d;border-right:1px solid #ff6d6d;background:#ffbfbf}
.whiteonred-corners2{border-left:1px solid #ff1919;border-right:1px solid #ff1919;background:#ffcece}
.whiteonred-corners3{border-left:1px solid #ffcece;border-right:1px solid #ffcece}
.whiteonred-corners4{border-left:1px solid #ff6d6d;border-right:1px solid #ff6d6d}
.whiteonred-corners5{border-left:1px solid #ffbfbf;border-right:1px solid #ffbfbf}
.whiteonred-cornersfg{background:#FFFFFF}

.whiteongreen-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteongreen-corners1{border-left:1px solid #6db66d;border-right:1px solid #6db66d;background:#bfdfbf}
.whiteongreen-corners2{border-left:1px solid #198c19;border-right:1px solid #198c19;background:#cee6ce}
.whiteongreen-corners3{border-left:1px solid #cee6ce;border-right:1px solid #cee6ce}
.whiteongreen-corners4{border-left:1px solid #6db66d; border-right:1px solid #6db66d}
.whiteongreen-corners5{border-left:1px solid #bfdfbf;border-right:1px solid #bfdfbf}
.whiteongreen-cornersfg{background:#FFFFFF}
  
.whiteondarkblue-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteondarkblue-corners1{border-left:1px solid #6d6dff;border-right:1px solid #6d6dff;background:#bfbfff}
.whiteondarkblue-corners2{border-left:1px solid #1919ff;border-right:1px solid #1919ff;background:#ceceff}
.whiteondarkblue-corners3{border-left:1px solid #ceceff;border-right:1px solid #ceceff}
.whiteondarkblue-corners4{border-left:1px solid #6d6dff;border-right:1px solid #6d6dff}
.whiteondarkblue-corners5{border-left:1px solid #bfbfff;border-right:1px solid #bfbfff}
.whiteondarkblue-cornersfg{background:#FFFFFF}
  
.whiteonpink-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteonpink-corners1{border-left:1px solid #f5b7f5;border-right:1px solid #f5b7f5;background:#fadffa}
.whiteonpink-corners2{border-left:1px solid #ef8eef;border-right:1px solid #ef8eef;background:#fbe7fb}
.whiteonpink-corners3{border-left:1px solid #fbe7fb;border-right:1px solid #fbe7fb}
.whiteonpink-corners4{border-left:1px solid #f5b7f5;border-right:1px solid #f5b7f5}
.whiteonpink-corners5{border-left:1px solid #fadffa;border-right:1px solid #fadffa}
.whiteonpink-cornersfg{background:#FFFFFF}
  
.whiteonpurple-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFFFF}
.whiteonpurple-corners1{border-left:1px solid #986db7;border-right:1px solid #986db7;background:#d2bfdf}
.whiteonpurple-corners2{border-left:1px solid #5d198e;border-right:1px solid #5d198e;background:#dccee7}
.whiteonpurple-corners3{border-left:1px solid #dccee7;border-right:1px solid #dccee7}
.whiteonpurple-corners4{border-left:1px solid #986db7;border-right:1px solid #986db7}
.whiteonpurple-corners5{border-left:1px solid #d2bfdf;border-right:1px solid #d2bfdf}
.whiteonpurple-cornersfg{background:#FFFFFF}

.lemonchiffononwhite-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#FFFACD}
.lemonchiffononwhite-corners1{border-left:1px solid #fffce9;border-right:1px solid #fffce9;background:#fffbd9}
.lemonchiffononwhite-corners2{border-left:1px solid #fffefa;border-right:1px solid #fffefa;background:#fffad6}
.lemonchiffononwhite-corners3{border-left:1px solid #fffad6;border-right:1px solid #fffad6;}
.lemonchiffononwhite-corners4{border-left:1px solid #fffce9;border-right:1px solid #fffce9}
.lemonchiffononwhite-corners5{border-left:1px solid #fffbd9;border-right:1px solid #fffbd9}
.lemonchiffononwhite-cornersfg{background:#FFFACD}

.blueonwhite-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#003399}
.blueonwhite-corners1{border-left:1px solid #91a7d3;border-right:1px solid #91a7d3;background:#3f66b2}
.blueonwhite-corners2{border-left:1px solid #e5eaf4;border-right:1px solid #e5eaf4;background:#3059ac}
.blueonwhite-corners3{border-left:1px solid #3059ac;border-right:1px solid #3059ac;}
.blueonwhite-corners4{border-left:1px solid #91a7d3;border-right:1px solid #91a7d3}
.blueonwhite-corners5{border-left:1px solid #3f66b2;border-right:1px solid #3f66b2}
.blueonwhite-cornersfg{background:#003399}

.burntyellowonwhite-corners *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#ECD458}
.burntyellowonwhite-corners1{border-left:1px solid #f6ecb7;border-right:1px solid #f6ecb7;background:#f0de81}
.burntyellowonwhite-corners2{border-left:1px solid #fdfaee;border-right:1px solid #fdfaee;background:#efdc77}
.burntyellowonwhite-corners3{border-left:1px solid #efdc77;border-right:1px solid #efdc77;}
.burntyellowonwhite-corners4{border-left:1px solid #f6ecb7;border-right:1px solid #f6ecb7}
.burntyellowonwhite-corners5{border-left:1px solid #f0de81;border-right:1px solid #f0de81}
.burntyellowonwhite-cornersfg{background:#ECD458}