/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#0d1269; 
vertical-align:top;
}

/*  holds entire page, identifies page, and centers page  */
.maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #95a6e0;
}

#contentnavigaion {
width:220px;
float:left;
}

/* holds all actual page content */
#contentcolumn{
margin-left: 215px; /*Set left margin to LeftColumnWidth*/ 
margin-right:5px;
color: #050963;
}

#middlecolumn{
/* margin-left: 215px; /*Set left margin to LeftColumnWidth*/ 
color: #050963;
width:300px;
float:left;
}

#footer{
clear: left;
width: 100%; 
background: #95a6e0;
background-image:url(images/gradient_bottom.jpg);
background-position:bottom;
background-repeat:repeat-x;
text-align: center;
padding: 4px 0;
color:#0d1269;
text-align:center;
font-size:12px;
}

/* footer links styles */
#footer a{
color: #122EF9;
text-decoration:none;
}

#footer a:hover {
color: #ffffff;
text-decoration:underline;
}

/* to hold the bottom stars */
.footer_stars{
background-image:url(images/bottom_stars.gif); background-repeat:repeat-x; background-position:bottom left;
}

.copy {
margin-right:15px;
}

/* holds header */
#topsection{
height: 163px; /*Height of top section*/
width:800px;
padding-top:15px;
background: #0d1269;
}



img {
border:none; /*  get rid of border around images -- mainly for image links */
vertical-align:middle; 
}


#contentwrapper{
text-align:left;
}

.pic {
background-color:#0d1269; 
width:290px; 
height:350px; 
text-align:center; 
vertical-align:middle; 
padding-top:15px;
float:left;
}

.prod_content {
vertical-align:top;
text-align:left;
font-size:13px;
line-height: 16px;
height:420px;
width:auto;
padding-left:15px;
padding-right:15px;
overflow:auto;
margin-right:5px;
font-family:Tahoma, Veranda, Arial;
color:#0d1269;
background-image:url(images/two_star_back.gif);
background-repeat:repeat;
background-position: top center;
}

.pic_title {
width:290px;
text-align:center;
font-size:14px;
float:left;
font-weight:800;
font-family:Tahoma, Veranda, Arial;
color:#0d1269;

}

.pic_nav{
width:290px;
height:35px;
float:left;
padding-top:4px;
}

.pic_nav_left {
width:60px;
text-align:left;
float:left;
}


.pic_nav_right {
text-align:right;
width:60px;
float:right;
}

.contact_form {
background-image:url(images/suzie.jpg); 
background-repeat:no-repeat;
background-position:top right;
}

.contact_form h1{
color:#0d1269;
font-family: Tahoma, Garamond, Veranda;
font-size:14pt;
text-align:center;
vertical-align:top;
}

.image_left {
display:inline;
vertical-align:top;
}


/* form styling */
label {
	font-weight:bold;
	line-height:normal;
	text-align:right;
	margin-right:10px;
	position: relative;
	display: block;
	float: left;
	width: 220px;
}

label.RadioLabel {
	display: inline;
	float:none;
	text-align:left;
	width: 7px;
}

label.error {
	font-weight: normal;
	font-size:12px;
	color:#FF0000;
}

input.FormInputText {
	font-size: .8em;
	color: #333333;
	background-color:#FFFFFF;
	padding: 2px;
	border: solid 1px #000000;
	height: 15px;
}

input.Form1InputText {
	font-size: .8em;
	color: #333333;
	background-color:#FFFFFF;
	padding: 2px;
	border: solid 1px #000000;
	margin-right: 5px;
	margin-left: 5px;
	height: 15px;
	width: 75px;
	visibility:hidden;
}

input.FormInputRadio {
	font-size: .8em;
	display:inline;
	color:#333333;	
	padding-left:15px;
	margin-left:15px;
	height:15px;
	width:75px;
	
}


.bluerose_copy {
margin:0 auto;
background-color:#FFFFFF;
border:thin;
border-color:#000099;
border-style:solid;
width:500px;
padding:10px;

}

.bluerose_copy p{
text-indent: 2em;
margin:5px;
}

h2 {
text-align:center;
color:#0d1269;
background-image:url(images/header_backs.jpg);
background-repeat:no-repeat;
background-position:bottom right;
vertical-align:middle;
width:auto;
font-size:21px;
}

h3  {
text-align:center;
color:#0d1269;
font-weight:800;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(images/title_back.gif);
background-repeat:repeat-x;
background-position:center;
display:block;
height:35px;
padding-bottom:10px;
}

h4 
{
text-align:center;
color:#0d1269;
font-size:20px;
}

h5	

{
font-size:14px;
text-align:center;
}


/* for links in paragraphs */
p a {
	color: #122EF9;
	text-decoration: none;
	padding-bottom: 0px;
}

p a:link {
	color: #122EF9;
	border-bottom: 2px dotted #0d1269;
}

p a:visited {
	color: #122EF9;
	border-bottom: 2px dotted #bfc6e0;
}

p a:hover {
	color: #0033e0;
	border-bottom: 2px solid #0033e0;
}

p a:active {
	color: #5f7ce0;
	border-bottom: 2px double #bfc6e0;
}

p a {
	color: #122EF9;
	text-decoration: none;
	padding-bottom: 0px;
}

p a:link {
	color: #122EF9;
	border-bottom: 2px dotted #0d1269;
}

p a:visited {
	color: #122EF9;
	border-bottom: 2px dotted #bfc6e0;
}

p a:hover {
	color: #0033e0;
	border-bottom: 2px solid #0033e0;
}

p a:active {
	color: #5f7ce0;
	border-bottom: 2px double #bfc6e0;
}

/* Code from Dynamic Drive for Mantras page */

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 500px;
text-align: center;
padding: 2px 0;
margin: auto;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

.credits {
font-style:italic;
}

.mantra_box {
width: 500px; border: 1px dashed blue; padding: 10px; text-align:center; margin:10px auto;
}

/*
#leftcolumn{
float: left;
width: 210px; 
margin-left:auto;
background: #95a6e0;
} 
*/

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* navagation -- orginally code from Dynamic Drive but highly modified */
#navagation{
list-style-type: none;
margin: 0px 10px;
padding: 0;
float: left;
width: 210px; /*Width of left column*/
/*margin-left:auto;*/
}

#navagation li a{
background-image: url(images/menu_star1.gif);
background-repeat:no-repeat;
background-position:0px;
font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
color: #0A15A0;
padding-left: 30px;
padding-top: 20px;
text-decoration: none;
display:block;
height:40px;
}

* html #navagation li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 200px;
}

#navagation li a:visited {
color: #0A15A0;
}

#navagation li a:hover{
color: #122EF9;
background-image:url(images/menu_star_ro1.gif); /*onMouseover image change. Remove if none*/
}

#navagation li a:active{
color: #ffffff;
background-image:url(images/menu_star_ro1.gif); 
}

/* menu for admin section */

.admin_menu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.admin_menu ul li{
list-style: none;
display: inline;
}

.admin_menu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #0d1269;
background-color: #b2bde0;
border: 2px solid #b2bde0;
}

.admin_menu ul li a:hover{
background-color: #0d1269;
border-style: outset;
color: #ffffff;
}

html>body .admin_menu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

#upload #on_upload, #edit #on_edit, #modify #on_modify, #logout #on_logout {
background-color: #0d1269;
color: #ffffff;
border-style: inset;
}

 
#mantras #on_mantras, #blue_rose #on_blue_rose, #cds #on_cds, #commission #on_commission, #links #on_links, #index #on_index, #paintings #on_paintings, #contact #on_contact, #books #on_books {
color:#FFFFFF;
background-image:url(images/menu_star_ro1.gif); 
}

/*for the product pages*/
.prod_sel{
text-align:center;
padding:15px;
}

.prod_sel_thumb{
height:80px;
padding:10px;
display: inline;
text-align:center;
}

.prod_sel_pic{
height: 250px;
padding: 2px;
display:block;
text-align:center;
}

.prod_title{
text-align:center;
font-size:20px;
font-weight:bold;
text-shadow:#333333;
}

.prod_sel_img{
max-width:390px;
margin-top:15px;
padding: 5px;
border-style:solid;
border-width:5px;
border-color:#0d1269;
float:left;
display:inline;
text-align:center;
}

.prod_avail {
text-align:left;
max-width:180px;
display:inline;
float:right;
font-size:12px;

}

.prod_desc{
float:left;
padding:10px;
height:120px;
width:90%;
display:inline;
margin-left:10px;
margin-right:25px;
margin-top:20px;
overflow:auto;
border-style:solid;
border-width:thin;
border-color:#0d1269;
}

.prod_pic_nav{
height:35px;
float:none;
padding-top:4px;
}

.prod_nav_left {
width:30px;
text-align:left;
float:left;
height:30px;
}

.prod_nav_right {
text-align:right;
width:30px;
float:right;
height:30px;
display:inline;
}

.button{
font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
margin-top:22px;
vertical-align:bottom;
color:#0A15A0;
}

.button a{
color: #0A15A0;
padding: 1px;
text-decoration: none;
}

.button a:visited{
color: #0A15A0;
padding: 1px;
text-decoration: none;
}

.button a:hover{
color:#FFFFFF;
padding: 1px;
text-decoration: none;
}

.button a:active{
color:#FFFFFF;
padding: 1px;
text-decoration: none;
}

.button2{
font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
margin-top:22px;
vertical-align:bottom;
color:#0A15A0;
padding:2px;
border:thin solid #0A15A0;
margin-left:60px;
}
.button2 a{
color: #0A15A0;
padding: 1px;
text-decoration: none;
}
.button2 a:visited{
color: #0A15A0;
padding: 1px;
text-decoration: none;
}
.button2 a:hover{
color:#FFFFFF;
padding: 1px;
text-decoration: none;
border-style:ridge;
}
.button2 a:active{
color:#FFFFFF;
padding: 1px;
text-decoration: none;
border-style:ridge;
}

.purchase {
font: 12px Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
margin-top:10px;
color:#0A15A0;
}

.purchase a{
color: #0A15A0;
text-decoration: none;
list-style:none;
}

.purchase a:visited{
color: #0A15A0;
text-decoration: none;
}

.purchase a:hover{
color:#FFFFFF;
text-decoration: none;
}

.purchase a:active{
color:#FFFFFF;
text-decoration: none;
}

.prod_table {
width:90%;
margin: auto;
border:none;
background: #95a6e0;
text-align:center;
}
.prod_table td {
background: #95a6e0;
padding: 2px;
text-align:center;
}
.prod_table td:hover {
background:#0A15A0;
}
.prod_table td:active {
background:#0A15A0;
}

.cart_table {
width:90%;
margin: auto;
border:none;
background: #95a6e0;
text-align:center;
}
.cart_table td {
background: #95a6e0;
padding: 2px;
text-align:center;
}






#cart_area {
margin-top:30px;
margin-left:6px;
margin-right:5px;
text-align:left;
border-style:solid;
border-color:#0d1269;
font-family:font-family:Tahoma, Veranda, Arial;
font-size:14px;
font-weight:normal;
background-color:#95a6e0;
}
.cart_copy {
margin:5px;
color:#0A15A0;
}
.cart_items{
padding:2px;
font-size:11px;
margin-left:8px;
line-height:12px;
}
.cart_price{
display:inline;
margin-left:50px;
text-align:right;
font-weight:bold;
}
.cart_title {
text-align:center;
font-weight:bold;
color:#FFFFFF;
background-color:#0d1269;
}