﻿html{
	margin:0;
	padding:0;
}

body{
	background: url(../Media/Image/topbg.png) repeat-x;
	font-family:Trebuchet MS, sans-serif;
	font-size:8pt;
	color:#737373;
	margin:0;
	padding:0;
}
a:link,a:visited,a:active{
	color:#9d3a2c;
        font-family:Trebuchet MS, sans-serif;
}
#ContentWrap{
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	background: url(../Media/Image/mainbg.png) no-repeat;
	width:900px;
	/*height:600px;*/
	position:relative;
}

#MainContentWrap{
	background: url(../Media/Image/contentbg.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	/*height:600px;*/
}

#Content{
	position:relative;
	top:110px;
	margin-left:auto;
	margin-right:auto;
	width:830px;
	/*height:430px;*/
	clear:both;
}

#LeftBar{
	position:relative; 
	top:10px;
	width:215px;
	/*height:410px;*/
	font-size:10pt;
	float:left;
}
#LeftBar a:link{
	font-size:9pt;
}
#LeftBar h1{
	font-size:8pt;
	color:#ffffff;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-top:7px;
}
#LeftBar p{
	margin:5px 0px 0px 0px;
}

.LeftBox{
	background: url(../Media/Image/leftboxbg.png) no-repeat;
	width:215px;
	height:137px;
	text-align:center;
}
.LeftBoxEmail{
	background: url(../Media/Image/Emailbg.png) no-repeat;
	width:215px;
	height:100px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

#MainContent{
	position:relative;
	top:10px;
	/*height:430px;*/
	width:605px;
	float:right;
}

#MainContent2{
	position:relative;
	/*top:10px;*/
	float:left;
	width:845px;
}
.ContentText{
	width:255px;
	/*height:400px;*/
	overflow:auto;
	float:left;
}
.ContentText h1{
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	margin-top:0px;
}
.ContentText2{

	width:610px;
	/*height:410px;*/
	overflow:auto;
	float:left;
}

.ContentText2 p{
	width:255px;
}

.ContentText2 h1{
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	margin-top:0px;
}

.ContentText2 img {
	float:right;
}
.ContentText3{
	width:840px;
	/*overflow:auto;*/
	float:left;
}

#MainContent2 .ContentText3 h1{
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	margin-top:0px;
}

#MainContent2 .ContentText3 img {
	float:right;
	padding-left:10px;
}
.ContentImage{
	width:345px;
	height:410px;
	float:right;
}

#Footer{
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
	width:900px;
	text-align:right;
	font-family:Trebuchet MS, sans-serif;
	font-size:9pt;
	color:#737373;
	clear:both;
}
#Footer a:link, #Footer a:active, #Footer a:visited{
	color:#737373;
	text-decoration:none;
}
#Footer a:hover{
	color:#fe5d45;
}

.EmailForm{
	padding-top:22px;
	margin:0px;
}
.EmailBox{
	font-size:8pt;
	height:16px;
	vertical-align:middle;
	color:#737373;
	line-height:12pt;
}
.JoinButton{
	background:url(../Media/Image/joinbutton.png) no-repeat;
	width:63px;
	height:23px;
	vertical-align:middle;
	font-weight:600;
	font-size:8pt;
	cursor:pointer;
	border:0;
}

.BuyBoxImage{
	float:left;
	width:72px;
	height:85px;
	margin:15px 0 0 20px;
	border:1px solid #000000;
}

.BuyBoxText{
	float:right;
	width:110px;
	height:100px;
	font-size:7pt;
	text-align:left;
	margin:5px 5px 0 0 ;
	overflow:hidden;
}
.BuyBoxText p{
	margin:0px;
	padding:0px;
}
.BuyBoxText a:link{
	margin:0px;
	padding:0px;
	font-size:8pt;
}

ul.Breadcrumb {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
}

#GalleryBreadcrumb{
	height:1px;
	padding:0 0 0 225px;
	margin:0;
}

#SiteMap ul{
	margin:0;
	padding:0;
	font-size:16px;
	list-style:none;
}

#SiteMap ul li{
	padding-left:20px;
}


/*************** Gallery *************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height:100px;
width:100%;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0;
margin: 0 30px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
top:-500px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
border:0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -320px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.imagegallery{
	 float:left; 
	 display:block;
	 height:100px;
}



/**************************************************/

#javascriptgallery{
	display:none;
}

#container {
  position: relative;
  width: 550px;
  height: 65px;
  overflow: hidden;
  border: 0;
  background:none;
}

#scroller {
 width:1000px;  /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  width: 100px;

  height: 65px;


  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 4px 0 4px 0;
  border: 0;
  font-size: .8em;
  background:none;
}

/* new styles */

#Wrap1 {
margin:0 auto;
width:905px;
}
#Wrap2 {
background:url(../images/middle.jpg) repeat-y top center transparent;  
margin:0 auto; 
width:905px;
float:left;
}
#Wrap3 {
background:url(../images/top2.jpg) no-repeat top center transparent;
margin:0 auto;
padding-top:177px;
float:left;
width:905px;
}
#Wrap4 {
background:url(../images/bottom.jpg) no-repeat bottom center transparent; 
margin:0 auto; 
float:left;
width:905px; 
padding-bottom:40px;
}
#Wrap5 {
padding:0px 30px;
}
#title2 {
	font-size:12px;
	margin:10px;
	font-weight:bold;
}
#innerthumb img {
	cursor:pointer;
}

/* checkout styles */

.PRCards {
float:right;
width:110px;
height:15px; 
padding:5px 0px 0px 5px;
}

.PRCheckout {
width:86px;
height:21px;
float:right;
}

.PRCheckoutContainer {
	float:right;
	margin:5px 0px;
	width:250px;
}