/** Basic Layout **/

body {
	background: #ffffff;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a, .alt a {
	color: #ff0000;
}
#SiteContainer, #body, #head {
	margin: 0; padding: 0;
	width: auto;
}
#SiteContainer {
	/** CLD 20080313 **/
	background: #b3b3b3 url(line.png) repeat-y 0% 0%;
}

#head {
	height: 186px;
}
.buttons {
	position: absolute;
	left: 230px; top: 166px;
	font-size: 10px;
}
.buttons a {
	color: white;
	padding: 0 20px;
	text-transform: uppercase;
}
.buttons input {
	margin: 0 20px;
	font-size: 10px;
}
#keyword_wait {
	vertical-align: -5px;
}
#keyword_auto_complete {
	color: black;
}

#leftside {
	position: absolute;
	left: 0; top: 186px;
	width: 218px;
	background: #ffffff;
	font-size: 12px;
}
#leftside h3, #leftside p {
	text-transform: uppercase;
}
.section {
	margin-top: 10px;
	margin-left: 20px;
}

#SiteContentContainer, #SiteFooter {
	margin: 0; padding: 1px 10px;
	margin-left: 218px;
	float: none;
	width: auto;
	text-align: left;
}

/** Custom Elements **/

#OutsiteFun0, #OutsiteFun1, #InsideFun0, #InsideFun1, #InsideFun2, #InsideFun3 {
	display: block;
	position: absolute;
	left: 0; top: 0;
}

#OutsiteFun0 {
	right: 0; width: 100%; height: 86px;
	background: url(logo.jpg) no-repeat white;
}
#OutsiteFun1 {
	left: auto; right: 0;
	width: 149px; height: 86px;
	background: white;
}

#InsideFun0 {
	top: 86px;
	right: 0; width: 100%; height: 100px;
	background: url(/imagebank/flex/image/random_big/reck/site/front/) no-repeat white;
}
#InsideFun1 {
	top: 86px;
	right: 0; width: 100%; height: 100px;
	background: url(fade.png) no-repeat;
}

#SiteFun0 {
	display: block;
	width: 218px; height: 250px;
	background: #ffffff;
}

/** leftside ul/li **/

#leftside h3 {
	color: #000000;
	padding: 0; margin: 0;
	padding-top: 10px;
}
#leftside a, #leftside ul li a {
	color: black;
}
#leftside ul {
	padding: 0; margin: 5px 0;
}
#leftside ul li {
	list-style: none;
}
#leftside ul ul {
	padding-left: 1em; margin-left: 1em;
}
#leftside ul ul li {
	list-style: disc;
}

/** Fix image.css **/

.small_cell {
	height: 172px;
}

h3 {
	color: black;
}
.small_cell:hover {
	background-color: #666;
}

.medium_cell {
	width: 500px;
}
.caption {
	width: 320px;
}
#ImageLargeImage {
	margin: 3px auto 3px auto;
}
#SiteManagement, #SiteFooter, .small {
    font-size: 12px;
}

.block, .info p, .info, .warning, .info .divider {
    width: 750px;
}
.caption p, #ImageLargeBasket, #ImageLargeLink {
    font-size: 11px;
}
#ImageLargeContainer {
	padding-right: 20px;
}
#ImageInfoText {
	padding-top: 3px;
}

/** Final **/

.list tr {
	background-color: black;
}
.list td {
	border: 2px solid #444;
}

/** Fix transparancy for IE6 **/
* html #InsideFun1 {
	background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagebank/custom/reck/fade.png');
}
/** Fix search field for IE6 **/
* html .buttons input {
	vertical-align: -5px;
}
