body {
	padding-top: 40px !important;
}
#demowidget {
	background: transparent url('images/background.png') bottom left repeat-x;
    position: fixed;
    width: 100%;
	height: 45px;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: left;
    font-family: Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: none;
    color: #666;
    font-size: 14px;
}
#demowidget .deactivated {
	color: #cecece;
}

#demowidget .demowidgetcontainer {
    width: 960px;
    margin: 0 auto;
}

#demowidget .demologo {
	float: left;
	padding: 7px 0 0 0;
}
#demowdiget .democontent {
	position: relative;
	background-color: #f1f1f1;
	float: left;
}


#demowidget .themechooser, #demowidget .stylechooser {
    margin-left: 20px;
    padding: 0;
    margin-top: 7px;
    height: 27px;
    width: 170px;
    float: left;
    font-size: 1em;
    line-height: 1.8em;
}

#demowidget-imagecontainer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #dfdfdf;	
}
#demowidget-imagecontainer img {
}
#demowidget .display, #demowidget .display-hover {
    padding: 0 8px;
    cursor: pointer;
    height: 27px;
}
#demowidget .display {
	background: url('images/dropup-background.png') top left no-repeat;
}
#demowidget .display-hover {
	background: url('images/dropup-background.png') bottom left no-repeat;
}

#demowidget .display-active {

}

#demowidget .themecontainer,
#demowidget .stylecontainer {
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 168px;
    border: 1px solid #b7b7b7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    margin-top: 1px;
}

#demowidget .themecontainer .theme,
#demowidget .stylecontainer .style {
    padding: 2px 8px;
    cursor: pointer;
	margin-top: 1px;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f8f8f8;    
}
#demowidget .themecontainer .theme span {
	color: #cecece;
}
#demowidget .themecontainer .theme-hover,
#demowidget .stylecontainer .style-hover {
    background-color: #f1f1f1;
}
#demowidget .buytheme {
	cursor: pointer;
	float: right;
	margin: 7px 0 0 10px;
}
#demowidget .buytheme span {
	height: 27px;
	color: #fff;
	display: block;
	width: 3px;
	float: left;
	background: url('images/buy-background.png') top right no-repeat;	
}
#demowidget .buytheme span:first-child {
	display: block;
	float: left;
	width: auto;
	background: url('images/buy-background.png') top left no-repeat;
	height: 24px;
	padding: 3px 10px 0 38px;
}
#demowidget .buytheme:hover span {
	background-position-y: bottom;

}