/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 12px; 
 	margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

html {
	background: #FFFFFF;
}

ul {
	list-style-type:none;
}
li {
	margin: 0 5px;
}
a {
	font-weight:bold;
	text-decoration: none; 
}

.clear{
	clear:both;
}
.thumb {
	border:1px solid #535353;
	margin-right:9.3px;
}

a.scrollthumb img{
	border:5px solid #535353;
}
a:hover.scrollthumb img{
	border:5px solid #99cc33;
}
.last {
	margin:0;
}
.soldout {
	color:#ff6600;
	font-weight:bold;
}
.bigimage {
	width:390px;
	float:left;
	height:300px;
	overflow:hidden;
}
.overviewimages {
	width: 128px;
	height: 300px;
	overflow:hidden;
	float:right;
}
.arrow {
	cursor:pointer;
	float:right;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 850px;  
	padding: 0 0 0 110px;
	margin: 0 auto 0; 
	background: url(../images/logo.gif) left 90px no-repeat;
}	
#Header {
	background: url(../images/name_green.gif) left bottom no-repeat;
	font-weight:bold;
	font-size:14px;
	padding-left: 540px;
	min-height:80px;
	margin:10px 0;
}
#Header a {
	color:#cccccc;
	font-size:14px;
}
#Header a:hover,
#Header a.current {
	color:#000000;
}
#Content {	
	width:850px;	
}
#Thumbnails {
	height:70px;
}
#Frame {
	border-top: 1px solid #535353;
	border-bottom: 1px solid #535353;
}
#LeftContent {
	float:left;
	width: 362px;
	height:300px;
	overflow:hidden;
}
#RightContent {
	float:right;
	width:478px;
	height:290px;
	padding:5px;
	overflow:auto;
}
#Footer {
	margin:10px 0 0 0;
}
#Footer a {
	color:#CCCCCC;	
	font-size:13px;
}
#Footer a:hover,
#Footer a.current {
	color:#99cc33;
}


#slider ul, #slider li  {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li  {
	width:850px;
	height:52px;
	overflow:hidden;
}

ol#controls{
	height:12px;	
	font-size:12px;
	display:inline-block;
	float:right;
	margin:3px 0;
	}
ol#controls li{
	margin:0 5px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:12px;
	line-height:12px;
	}
ol#controls li a{
	float:left;
	height:12px;
	line-height:12px;
	background:#fff;
	color:#535353;
	text-decoration:none;
	}
ol#controls li.current a{
	color:#99cc33;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#imagelist {
	height:276px;
	overflow:hidden;
}

#easyTooltip {
	margin:10px;
	padding:5px;
	background:#fff;
	border:1px solid #535353;				
}
#easyTooltip img {
	float:left;
}
#easyTooltip p {
	margin:10px 0;
}
#easyTooltip .tooltipContent {
	float:left;
	margin-left:5px;
	width:175px;
}