/* Psycards basic css
Designed by Jacopo DOES THIS TEXT UPLOAD?*/

/* ************************
     Page layout 
	 *************************/

/*	 
#container {
	width: 100%;
	background-image:url('images/background/texture.png');
	background-repeat:repeat;
}*/

body {
	margin: 0px;
	padding: 0px;
}

#topback {
	position: relative;
	margin: 0px auto;
	width:1024px;
	height: 126px;
	background-image:url("images/header/texture.png");
	background-repeat:repeat-x;
	}

	
#header {
	position: relative;
	top: 0px; left: 0px;
	margin: 0px auto;
	height: 126px;
	width: 1024px;
	overflow: hidden;
	background-image:url("images/header/frame1024-e.png");
	}

#header img {border:none;}
	
#topmenu{
	position: absolute;
	left: 167px;
	top: 6px; 
	width: 700px;
	height: 126px;
}

#topmenu img { 
/*	width: 100%; 
	height: 100%; 
	margin: 0 0 0 0px;
	padding: 0 0 0 0px; */
}

#topmenu a img {border: none; }

#topmenu-Home{
	position: absolute;
	left:2px;
	top:0px;
	width: 60px;
}

#topmenu-Readings{
	position: absolute;
	left:62px;
	top:0px;
	width: 80px;
}

#topmenu-Library{
	position: absolute;
	left:142px;
	top:0px;
	width: 66px;
}

#topmenu-Community{
	position: absolute;
	left:207px;
	top:0px;
	width: 96px;
}

#topmenu-Shop{
	position: absolute;
	left:303px;
	top:0px;
	width: 55px;
}

#topmenu-Contact{
	position: absolute;
	left:358px;
	top:0px;
	width: 72px;
}

.stroke {
	position: absolute;
	top: -3px;
	left: 0px;
	height: 126px;
	width: 5px;
	background-image:url("images/menu/stroke-copy.png");
	background-repeat:no-repeat;
	opacity:0.2;
	z-index:10;
}

#facebooklike{
	width:160px;
	float:right;
	margin-bottom: 10px;
	display: block;
}

#bottomback {
	position: relative;
	width: 100%;
	background-image:url('images/background/backpage.jpg');
/*	background-attachment: fixed; */
	background-position: center bottom;
	border: 0px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	}
	
#page {
	position: relative;
	top: 0px;
	margin: 0px auto;
	background-image: url('images/background/texturepage.png');
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 1024px;
	overflow: visible;
	}
	
#leftsidebar {
	position: absolute; top: 0px; left: 0px;
	width: 150px;
	padding: 30px 0px 30px 15px;
	display: inline-block;
	}

#rightsidebar {
	position: absolute; top: 0px; left: 849px;
	width: 166px;
	padding: 15px 0px 0px 0px;
	display: inline-block;
	}	

#rightsidebarbottom {
	position: absolute; top: 65px; left: 707px;
	width: 133px;
	display: inline-block;
}

#basketSummary{
	width: 150px;
	display: block;
	float: left;
	margin: 10px 0px 20px 20px;
}

#rightsidebarbottom img{
	margin-top: 15px;
	display: block;
	float: right;
	border:none;
}

#rightsidebarbottom img a{
	border:none;
}

.checkout {
    font-size: 11px;
}

#content {
	position: relative;
	left: 165px;
	top: 0px;	
	width: 655px;
	min-height: 768px;
	padding: 17px 30px 30px 15px;
	display: inline-block;
	}
	
.newline{
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}

/* ************************
     Lettering styles 
	 *************************/
	
#page{
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 12px;
	font-weight: regular;
	/* color: #939598;  50% #333333% */
	color: #333333;
}

p{	color: #333333;
	margin-top: 9px;
	margin-bottom: 9px;
}

ul{	color: #333333;
	font-size: 12px;
}

ul li a{font-size: 12px;
	font-family: Trebuchet MS, Helvetica;
}

a{	font-size: 12px;
	color: #333333;
}

h1{
	font-size: 20px;
	font-weight: bold;
	color: black;
	font-family: Trebuchet MS, Helvetica;
	margin-bottom: -3px;
}

h2{	font-size: 14px;
	font-family: Trebuchet MS, Helvetica;
	margin-top: 18px; 
	margin-bottom: -3px;
}

.errors{
	color: red;
}

#leftsidebar ul{
	padding: 0;
	margin: 0;
}

#leftsidebar ul ul{
	display: block;
	padding: 0 0 0px 5px;
}

#leftsidebar li a{
	font-size: 12px;
}

#leftsidebar li ul li a{
	font-size: 11px;
	color: #333333;
	margin-bottom: 16px;
}

#leftsidebar ul li {
	list-style-type:none;
	padding-top: 3px;
	padding-bottom: 9px;
	}
	
#leftsidebar ul li a{
	text-decoration: none;
	font-weight: bold;
}

#rightsidebar input{
	width: 130px;
	font-size: 10px;
	margin: 0px 30px 20px 20px;
	font-style: italic;
}

#rightsidebar .horizontalline{
	height: 1px;
	width: 135px;
	margin: 0px 30px 0px 20px;
	background-color: ##969696;
}

#content #rightsidebarbottom .horizontalline{
	height: 1px;
	width: 135px;
	margin-top: 20px;
	background-color: ##969696;
}

#rightsidebar p a{
	margin-left: 20px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.rightcard{
	width: 135px;
	height: 239px;
	background-color:#333333;
	margin: 20px 0px 20px 20px;
}

#basketSummary{
	font-size: 11px;
}

.price{
	text-align:right;
}

.quantity{
	text-align:center;
}

.entry{
	height: 20px;
	width: 600px;
	margin: 5px 0px 5px 0px;

}

.label{
	width: 280px;
	height: 100%;
	float: left;
	display: inline;
	text-align: right;
	margin-left: 10px;
}

.enter{
	width: 280px;
	height: 100%;
	float: left;
	display: inline;
	margin-left: 10px;
}


	
/* ************************
	Image formatting styles
	*************************/
img{
	border:none;
}
	
.content-nav{
	display: block;
	float: right;
}
	
/* ************************
     Homepage specific CSS
	*************************/

#leftsidebar-100 .activesubmenu a{
	color: #2662AE;
}

/* Highlight its parent as well - actually - don't
#leftsidebar-69 .activeparent a{
	color: #2662AE;
} */

#leftsidebar-100 li a:hover{
	color: #2662AE;
}

#content-100 h2{
	color: #2662AE;
}

#content-100 a:link{
	text-decoration: underline;
	color: #2662AE;
}

#content-100 a:visited{
	text-decoration: underline;
	color: #2662AE;
}

#content-100 a:hover{
	text-decoration: underline;
	color: #2662AE;
}

#content-100 a:active{
	text-decoration: underline;
	color: #2662AE;
}

.col1 {
	width: 324px;
	display: inline;
	float: left;
	margin: 6px 0px 6px 0px;
	padding: 0 0 0 0;
}
	
.col2 {
	width: 324px;
	display: inline;
	float: left;
	margin: 6px 0px 6px 0px;
	padding: 0 0 0 0;
}

.box8x2 {
	width:642px;
	height: 147px;
	display: inline;
	float: left;
	margin: 6px 6px 6px 6px;
	background-color: #333333;
}

.box2x1top {
	width: 147px;
	height: 71px;
	display: inline;
	float: left;
	margin: 6px 6px 6px 6px;
	background-color: #333333;
}

.box2x1bottom {
	width: 147px;
	height: 71px;
	display: inline;
	float: left;
	margin: 83px 6px 6px -153px;
	background-color: #333333;
}

.box2x2 {
	width:148px;
	height: 147px;
	margin: 6px 6px 6px 6px;
	background-color: #333333;
	display: inline;
	float: left;
}

.box3x2 {
	width: 202px;
	height: 147px;
	margin: 6px 6px 6px 6px;
/*	background-color: #333333; */
	display: inline;
	float: left;
}


#content .horizontalline {
	width:654px;
	height: 1px;
	background-color: #969696;
	display: block;
	clear: both;
}

#content .verticalline {
	width:1px;
	height:147px;
	display: inline;
	float: left;
	background-color: #969696;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 6px;
}

#homepagebottom{
	position: absolute;
	top: 290px;
	left: 15px;
}

/* ************************
     Reading specific CSS
	 *************************/
	
#leftsidebar-70 .activesubmenu a{
	color: #7D2D8F;
}

/* Highlight its parent as well 
#leftsidebar-70 .activeparent a{
	color: #7D2D8F;
} */

#leftsidebar-70 li a:hover{
	color: #7D2D8F;
}

#content-70 h2{
	color: #7D2D8F;
}

#content-70 a:link{
	text-decoration: underline;
	color: #7D2D8F;
}

#content-70 a:visited{
	text-decoration: underline;
	color: #7D2D8F;
}

#content-70 a:hover{
	text-decoration: underline;
	color: #7D2D8F;
}

#content-70 a:active{
	text-decoration: underline;
	color: #7D2D8F;
}


#five-card-reading{
	position: relative;
	top: 0px;
	left: 120px;
	width: 500px;
	height: 800px;
}

#five-card-reading-one{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 133px;
	height: 238px;
}

#five-card-reading-two{
	position: absolute;
	left: 150px;
	top: 0px;
	width: 133px;
	height: 238px;
}

#five-card-reading-three{
	position: absolute;
	left: 300px;
	top: 0px;
	width: 133px;
	height: 238px;
}

#five-card-reading-four{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 133px;
	height: 238px;
}

#five-card-reading-five{
	position: absolute;
	left: 150px;
	top: 500px;
	width: 133px;
	height: 238px;
}

/* ************************
     Library specific CSS
	 *************************/

#leftsidebar-71 .activesubmenu a{
	color: #EF4223;
}

/*	 
#leftsidebar-71 .activeparent a{
	color: #EF4223;
} */

#leftsidebar-71 li a:hover{
	color: #EF4223;
}

/*Formatting for numeral submenu (individual cards) 
#leftsidebar-71 a:link{
	text-decoration: none;
}

#leftsidebar-71 a:visited{
	text-decoration: none;
}

#leftsidebar-71 a:hover{
	color: #EF4223;
}

#leftsidebar-71 a:active{
	color: #EF4223;
}
*/
#content-71 h2{
	color: #EF4223;
}

#content-71 a:link{
	text-decoration: underline;
	color: #EF4223;
}

#content-71 a:visited{
	text-decoration: underline;
	color: #EF4223;
}

#content-71 a:hover{
	text-decoration: underline;
	color: #EF4223;
}

#content-71 a:active{
	text-decoration: underline;
	color: #EF4223;
}

#individualcard li ul li{
	width: 18px;
	height: 15px;
	float: left;
	display: inline;
}

/* ************************
     Community specific CSS
	 *************************/

#leftsidebar-5 .activesubmenu a{
	color: #FA9600;
}

/*	 
#leftsidebar-5 .activeparent a{
	color: #FA9600;
} */

#leftsidebar-5 li a:hover{
	color: #FA9600;
}

#content-5 h2{
	color: #FA9600;
}

#content-5 a:link{
	text-decoration: underline;
	color: #FA9600;
}

#content-5 a:visited{
	text-decoration: underline;
	color: #FA9600;
}

#content-5 a:hover{
	text-decoration: underline;
	color: #FA9600;
}

#content-5 a:active{
	text-decoration: underline;
	color: #FA9600;
}

/* ************************
     Shop specific CSS
	 *************************/

#leftsidebar-6 .activesubmenu a{
	color: #97BF3D;
}

/*	
#leftsidebar-6 .activeparent a{
	color: #97BF3D;
} */

#leftsidebar-6 li a:hover{
	color: #97BF3D;
}

#content-6 h2{
	color: #97BF3D;
	margin-top: 10px; /*Because titles appear in tables rather than as part of continuous prose */
}	

#content-6 a:link{
	text-decoration: underline;
	color: #97BF3D;
}

#content-6 a:visited{
	text-decoration: underline;
	color: #97BF3D;
}

#content-6 a:hover{
	text-decoration: underline;
	color: #97BF3D;
}

#content-6 a:active{
	text-decoration: underline;
	color: #97BF3D;
}

#content-6 table tr.totalrow{
    border-top-width:1px;
    border-top-color:#000000;
    border-top-style: solid;
}

.productthumbnails{
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	height:160px;
}

.productthumbnailsrow{
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

td{
	height: 25px;
}

.priceperunit{
	text-align: right;
}

.totalprice{
	text-align: right;
}

#totaltxt{
	text-align: left;
}

#totaltxt{
	text-align: left;
}

#totalCost{
	font-weight:bold;
}

#shopbutton{
	margin-right: 10px;
}

/* ************************
     Contact specific CSS
	 *************************/

#leftsidebar-7 .activesubmenu a{
	color: #077566;
}
 /*	 
#leftsidebar-7 .activeparent a{
	color: #077566;
} */

#leftsidebar-7 li a:hover{
	color: #077566;
}

#content-7 h2{
	color: #077566;
}	

#content-7 a:link{
	text-decoration: underline;
	color: #077566;
}

#content-7 a:visited{
	text-decoration: underline;
	color: #077566;
}

#content-7 a:hover{
	text-decoration: underline;
	color: #077566;
}

#content-7 a:active{
	text-decoration: underline;
	color: #077566;
}