/* Main content / layout */
body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
	font-size: 14px;
	color: #000;	
	background-image:url(/images/main_bg.jpg);	
	margin:0; 
	padding:0;
}
.darkbackground{
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

.minMax {
	min-width:900px; 
	max-width:900px; 
	margin:0 auto; 
}
#header {
	background: url(/images/headerbg.jpg) repeat-x bottom; 
	height:112px; 
}
#header img{
	border-style:none;
	float : left;
	margin-top : 20px;
}
#header p {
	margin-top : 0px;
	float : right;
	text-align : center;
}

#header p  img{
	float : right;
}
#header_bar { 
	background: url(/images/headerbar.jpg) left repeat-x; 
	height:28px; 
	width:100%; 
	margin-top:0px;
}
#leftcolumn {
	margin: 8px auto; 
	float:left; 
	width:200px; 
}
#maincolumn {
	margin: 4px auto auto 8px; 
	float:left; 
	width:692px;
}
.previewblockleft {
	float: left;
	width: 265px;
}
.previewblockright {
	float: right;
	width: 410px;
}
.fullwidthblock {
	display:block;
	float:left;
	width:692px;
}
#leftcolumn, #maincolumn {
	padding-bottom:32767px; 
	margin-bottom:-32767px;
}
#wrapper {
	overflow:hidden;
}
#footer {
	margin-top : 8px;
	clear:both; 
	background:#3F352B;
	font-size: 0.8em;
	text-align : center;
}
#footer p {
	color:#fff;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	text-decoration:none;
}
h1 {
	font-size:20px; 
	margin:0; 
	padding:10px 0; 
	color:#000;
}
h2 {
	font-size:18px; 
	margin:0; 
	padding:8px 0;
}
h3 {
	font-size:16px; 
	margin:0; 
	padding:8px 0;
}
p {
	line-height:1.2em; 
	margin:0; 
	padding:5px 0;
}
p.middle{
	text-align : center;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
label
{
	width: 128px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	font-weight: bold;
}
ul.menu {
	list-style-type : circle;
	list-style-position: outside;
	margin: 0px;
	padding: 0 0 0 16px;
	font-size:16px;
}
/* form entry */
div.row {
	clear: both;
	padding-top: 10px;
  }
div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right : 8px;
	font-size: 1.1em;
	font-weight: bold;
}
div.row span.labelm {
	float: left;
	width: 250px;
	text-align: center;
	padding-right : 8px;
	font-size: 1.1em;
	font-weight: bold;
}
div.row span.formw {
	float: left;
	width: 335px;
	text-align: left;
  } 
#forminput {
	border:none;
}
#forminput input, #forminput select, #forminput checkbox, #forminput textarea {
	border:solid 2px #8484ff;
	width:350px;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
    background: #eef;
}
#forminput .narrow {
	width:100px;
}
#forminput .medium {
	width:250px;
}
#forminput .button {
	border:solid 2px #8484ff;
	width:356px;
	font-size:20px;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
    background: #a6a6ff;
	Color : #fff;
}
#forminput .buttonmedium {
	border:solid 2px #8484ff;
	width:254px;
	font-size:18px;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
    background: #a6a6ff;
	Color : #fff;
}
#forminput .buttonmedium_red {
	border:solid 2px #ff8484;
	width:254px;
	font-size:18px;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
    background: #ffa6a6;
	Color : #fff;
}
#forminput .buttoncancel {
	border:solid 2px #ff8484;
	width:356px;
	font-size:20px;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
    background: #ffa6a6;
	Color : #fff;
}
#forminput input.ferror, select.ferror, #forminput textarea.ferror {
	border:solid 2px #FF8C8C;
    background: #fee;
}
#forminput
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: 4px;
    width: 175px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color, */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}
/* BOXES */
/* Red */
.boxred { 
	background: url(/images/bottom-red.jpg) #FFFFFF no-repeat bottom left; 
} 
	.boxred .boxin { 
		background: url(/images/middle-red.jpg) no-repeat top left; 
	} 
	.boxred h1 { 
		background: url(/images/top-red.jpg) no-repeat top left; 
	}
/*  Blue */
.boxblue { 
	background: url(/images/bottom-blue.jpg) #FFFFFF no-repeat bottom left; 
} 
	.boxblue .boxin { 
		background: url(/images/middle-blue.jpg) no-repeat top left; 
	} 
	.boxblue h1 { 
		background: url(/images/top-blue.jpg) no-repeat top left; 
	}
/*  Green */
.boxgreen { 
	background: url(/images/bottom-green.jpg) #FFFFFF no-repeat bottom left; 
} 
	.boxgreen .boxin { 
		background: url(/images/middle-green.jpg) no-repeat top left; 
	} 
	.boxgreen h1 { 
		background: url(/images/top-green.jpg) no-repeat top left; 
	}
/* purple */
.boxpurple { 
	background: url(/images/bottom-purple.jpg) #FFFFFF no-repeat bottom left; 
} 
	.boxpurple .boxin { 
		background: url(/images/middle-purple.jpg) no-repeat top left; 
	} 
	.boxpurple h1 { 
		background: url(/images/top-purple.jpg) no-repeat top left; 
}
/* yellow */
.boxyellow { 
	background: url(/images/bottom-yellow.jpg) #FFFFFF no-repeat bottom left; 
} 
	.boxyellow .boxin { 
		background: url(/images/middle-yellow.jpg) no-repeat top left; 
	} 
	.boxyellow h1 { 
		background: url(/images/top-yellow.jpg) no-repeat top left; 
}
/* BOX COMMONS! */
.boxgreen, .boxpurple, .boxred, .boxblue, .boxyellow {
	width: 100%; 
	margin: 0 0 8px 0; 
	padding-bottom: 6px; 
}
.boxpurple .boxin, .boxgreen .boxin, .boxred .boxin, .boxblue .boxin, .boxyellow .boxin {
	padding: 8px 8px 8px 8px; 	
}
.boxgreen h1, .boxpurple h1, .boxblue h1, .boxred h1, .boxyellow h1 {
	min-height: 21px; 
	padding: 3px 4px 4px 15px; 
	text-decoration: none;
	color: #1D1309;
}
.boxgreen a {
	color: #319900;
}
.boxpurple a, .boxblue a, .boxred a, .boxyellow a {
	color: #990080;
}
.boxgreen img, .boxred img, .boxpurple img, .boxblue img, .boxyellow img {
	border-style: none;
}
.bigger {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
/* Messages */
.message-box { 
	text-align: center; 
	padding: 5px; 
	color:#323232; 
	width:100%;  
	margin:5px auto; 
}

.message-box-feedback { 
	text-align: center;
	font-size: 24px; 
	font-weight: bold;
	padding: 32px; 
	color:#000; 
	width:100%;  
	margin:132px auto; 
}
.clean { 
	background-color: #efefef; 
	border-top: 2px solid #dedede; 
	border-bottom: 2px solid #dedede; 
}
.info  { 
	background-color: #f7fafd; 
	border-top: 2px solid #b5d3ff; 
	border-bottom: 2px solid #b5d3ff; 
}
.ok    { 
	background-color: #d7f7c4; 
	border-top: 2px solid #82cb2f; 
	border-bottom: 2px solid #82cb2f; 
}
.alert { 
	background-color: #fef5be; 
	border-top: 2px solid #fdd425; 
	border-bottom: 2px solid #fdd425; 
}
.error { 
	background-color: #ffcece; 
	border-top: 2px solid #e10c0c; 
	border-bottom: 2px solid #e10c0c; 
}
/* shop image display */
div.shopfloat {
	border: 2px solid #8F8FFF;
	background-color: #fcfcff;
	margin:0px 8px 16px 0px;
	float: left;
	display:block;
	width : 361px;
	height : 380px;
	text-align : center;
}

div.shopfloat img {
	margin-top : 2px;
	border: none;
}

/* Photo display */
div.float, div.floats {
	border: 2px solid #8F8FFF;
	background-color: #fcfcff;
	margin:0 4px 16px 0px;
	float: left;
	cursor: pointer;
	display:block;
	width : 165px;
	height : 222px;
}

div.floats {
	border: 2px solid #FF8FFF;
	background-color: #ffebff;
	background-image:url('/images/selected.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.float img, div.floats img {
	border: none;
}

div.float p, div.floats p {
	text-align: center;
	font-size: 12px; 
	height : 160px;
}

div.float p .big,div.floats p .big{
	text-align: center;
	font-size: 14px; 
	font-weight: bold;
}

div.float p .bigm,div.floats p .bigm{
	margin-left : 10px;
	margin-right : 10px;
	text-align: left;
	font-size: 14px; 
	font-weight: bold;
}

.small{
	text-align: center;
	font-size: 9px; 
}

div.float h1,div.floats h1 {
	display:block;
	background: url(/images/pictureheader.jpg) no-repeat top left; 
	background-color: #efefef;
	color : #333;
	text-align: center;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	width : 100%;
	height : 24px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
	font-size: 16px; 
	overflow: hidden;
	text-overflow: ellipsis;
}

div.floats h1 {
	background: url(/images/pictureheaders.jpg) no-repeat top left; 
}
   
div.float a,div.floats a {
	text-decoration: none;
	font-size: 12px; 
}

div .float h2,div .floats h2 {
	text-align: center;
	display:block;
} 
div .float h2 a img {
	padding : 0px;
	margin : 0 0 0 1px;
	float : left;
} 
/* Tables */

#rounded-corner
{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; 
	font-size: 14px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-tl
{
	background: #8484FF url('/images/table-left.gif') left -1px no-repeat;
	font-weight: bold;
	font-size: 16px;
}
#rounded-corner thead th.rounded-tr
{
	font-weight: bold;
	font-size: 16px;
	background: #8484FF url('/images/table-right.gif') right -1px no-repeat;
}
#rounded-corner th
{
	font-weight: bold;
	font-size: 16px;
	padding: 8px;
	color: #039;
	background: #8484FF;
}
#rounded-corner td
{
	padding: 8px;
	background: #CECEFF;
	border-top: 1px solid #fff;
	color: #336;
}
#rounded-corner td.money
{
	text-align: right;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #8484FF url('/images/table-botleft.gif') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #8484FF url('/images/table-botright.gif') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #FFCEFF;
}
#links {
	font-size: 12px;
}
#links h3  a:link, #links h3  a:visited, #links h3  a:active, #links h3  a:hover {
	font-weight: bold;
	font-size: 15px;
	color: #3F352B;
}