/* CSS Document */
body{
	font:75%/140% Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #f6f6f6;
	color:#666666;
	margin:0px;
	padding:0;
	/*background-image: url(images/bg.gif);
	background-repeat: repeat;*/
	
}
* html td{font:75%/140% Arial, Helvetica, sans-serif;}

#frame, #top, #ftr, #sjsglogo{
	width:780px;
	margin:0 auto;
	padding:0;
}
#frame{
	background-image: url(images/bg_07.jpg);
	background-repeat: repeat-y;
}
#top{
	background-image: url(images/bg_03.jpg);
	background-repeat: no-repeat;
	height:10px;
	line-height:10px;
}
#hdr{
	background-image: url(images/bg_07.jpg);
	background-repeat: repeat-x;
	padding:0px 10px;
	height:147px;
}
#logo{}
#ftr{
	background-image: url(images/bg_09.jpg);
	background-repeat: no-repeat;
	height:10px;
	padding-top:5px;
	text-align:right;
	font-size:0.9em;
	color:#999999;
}
#ftrtxt{
clear:both;
}

#page{
  border-top:solid 0px #FFBF00;
  margin:0px 10px ;
  text-align:left;
}

#content{ 
width:420px; 
float:left;
margin:5px 0px 5px 10px;
padding:0px;
} 
* html #content{width:420px;}

#main {
	position:relative; 
	display:block; 
	border-left:135px solid #ffffff; 
	overflow:visible;
	float:left;
	margin:0px;
	padding:0px 5px 0 5px;
	min-height:350px;
	width:620px;
}
* html #main {display:inline;height:370px;width:760px;padding:0px 0px 0 5px;}
#main2 {
	position:relative; 
	display:block; 
	overflow:visible;
	margin:0;
	padding:0px 5px;
	min-height:350px;
}
* html #main2 {display:inline;height:370px;}
#left{
	float:left;
	position:relative;
	width:125px;
	margin-left:-135px;
	display:inline;
	padding:0px;
	margin-top: 0px;
}
* html #left {width:125px;}
.clear {clear:both;height:1px;overflow:hidden;}
/*****************************************/
#menu {
	background-color: #f9add4;
	border: 1px solid #ed218b;
	margin:0px;
	padding:0px;
	width:758px;
}
* html #menu {width:760px;}
#menu ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
height:18px;
}

#menu ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
border-right: 1px solid #ed218b;
height:18px;
}

#menu ul li.cart, #menu ul li.cart a{width:29px;border-right:none;}
#menu ul li a{display:block;text-align:center;color: white;text-decoration: none;font-weight: bold;height:18px;width:71px;}
#menu ul li a.menuon{color: #A61762;text-decoration: none;}
#menu ul li a:hover{color: #A61762;}
#menu ul li input{vertical-align:middle;}
/*****************************************/
/**************************left nav******************************/
#left ul{font-weight: bold;margin:0px;padding:0px;border:solid 1px #f9add4;width:125px;}
* html #left ul.sub{width:122px;}
#left ul li{list-style-type:none;background-color:#fffafe;}
#left ul li.hdr{background-color:#ed218b; color:#ffffff;padding:0px;text-align:center;}
#left ul li a{color: #ed218b;text-decoration: none;font-weight: normal;margin-left:5px;}
#left ul li a.menuon{font-weight: bold;color:#A61762;}
#left ul li a:hover{font-weight: bold;color:#A61762;}
#left ul.sub{border:none;}
#left ul.sub li{}
#left ul.sub li a{font-size:11px;text-decoration: none;font-weight: normal;padding-left:8px;}
#left ul.sub li a.menuon{font-weight: bold;}
#left ul.sub li a:hover{font-size:11px;font-weight: bold;}
/****************************end left nav*******************************************************/
a {
	text-decoration: none;
	color: /*#74A8F5*/ #ed218b;
	font-weight:bold;
}
a:hover, a.menuon {
	text-decoration: underline;
	color: #A61762;
}
a.none{font-weight:normal;text-decoration: none;}
a.none:hover{text-decoration: none;}
p{margin:0px 0 10px 0; padding:0px;}
h1, h2, h3{margin:10px 0; padding:0px;font-weight:bold;}
h1{font-size:1.4em;border-bottom: 1px solid #cccccc;text-indent:5px;padding-bottom:2px;}
h2{font-size:1.2em;}
h3{font-size:1em;}
h1.sidedivh1{margin-left:5px;margin-right:5px;}
.btm10{margin-bottom:10px;}
.btm5{margin-bottom:5px;}
.top5{margin-top:10px;}
.top10{margin-top:10px;}
.nomargin{margin-bottom:0px;}
img {border:none;}

div.floathomel{float:left; width:245px; text-align:left;}
div.floathomec{float:left; width:265px;}
div.floathomec {text-align:center;}
div.floathomer{float:right;}
form{margin:0px;padding:0px;}
p.links{margin:0px 0px 3px 10px;}
p.links a{float:left;width:200px;}

#contactform{
	border-right:solid 1px #cccccc;
	float:left;
	width:365px;
	padding:10px 10px 0px 0px;
}

* html #contactform{width:375px;}
* html #contactform td{font-size:75%;}
#contactform input, textarea {border:solid 1px #cccccc;}
#contactdets{margin-left:10px;float:left;}
#contactdets ul {list-style-type:none;margin:0px;padding:10px 0px 0px 10px;}

.newsdetails{
         display:none;
         /*top:0;
         left:0;*/
         width:100%;
         font-size:1em;
}
.imgdetails{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:625px;
	background-color:#ffffff;
	height:100%;
	font-size:1em;
}
#carddet{
border:solid 1px #eeeeee;
background-color:#f9f9f9;
margin:10px;
padding:10px;
text-align:center;}
.newsshow{display:block;}
hr{height:1px; line-height:1px; background-color:#cccccc;border:none; clear:both;}
* html hr{color:#cccccc;}
.floatleft{float:left;margin-right:10px;}
.floatright{float:right;width:310px;}
.sml{vertical-align:bottom;}
.btt{float:right;}
p.cntr{text-align:center;}
/********************gallery********************/

.gallery{text-align:left;float:left;margin-left:0px;}
* html .gallery{margin-left:0px;}
.gallery p{
	display:inline; 
	text-align:center;
	margin-top:2px;
	padding:0px 6px;
	font-size: 0.9em;
	line-height:1.0em;
	font-weight:bold;
}
.gallery p span{
	display:table-cell; 
	display:inline-table; 
	display:inline-block;
	padding-bottom:15px;
	text-align:center;
}
.gallery p span img{margin-bottom:4px;}
.gallery p span a img,.gallery p span a.none:hover img{border:solid 2px #ffffff;text-decoration:none;}
.gallery p span a:hover img{border:solid 2px #ff5ebc;}
div.noline{line-height:1px;}
.smlsq{width:135px; height:135px;}
.smllandscape{width:140px; height:102px;}
.smlportrait{width:134px; height:200px;}
.smllongportrait{width:135px; height:269px;}
/**********************end gallery******************/
div.cardpreview{float:left;width:250px;background-color:#fffafe;border:1px solid #FFE8F3;margin:5px;padding:10px;text-align:left;}
div.cardpreview table tr{vertical-align:top;}
.smlsqpreview{width:119px; height:119px;}
.smlportraitpreview{width:84px; height:119px;}
/******************************************
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/********************************************/
ul.none{list-style-type:none;margin:0 5px;padding:0px;}