﻿div { margin: 0; padding: 0; }
img { border: none; }
a { color: #fff; text-decoration: none; }

body {
    font-family: Segoe UI, Century Gothic, Verdana, Tahoma, sans-serif;
    font-size: 10pt;
    text-align: center;
    background: #222;
    color: #dfdfdf;
}
#wrapper {
    padding: 5px;
}
#main-logo {
    float: left;
    margin: 10px 0 0 30px;
}
#main-menu {
    width: 600px;
    float: right;
    margin-top: 70px;
    margin-right: 20px;
    text-transform: capitalize;
    text-align: left;
}
#holder {
    background: #070707;
    margin: 3px auto;
    text-align: left;
    width: 1000px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;    /* Mozilla only     */
}
#holder-top {
    height: 120px;
}
#holder-content {
    min-height: 400px;
}

.clear { clear:both; height: 0px; font-size: 0px; }

#frontend-footer
{
    color: #f5f5f5;
    height: 24px;
    text-align: right;
    vertical-align: middle;
    margin-top: 3px;
    padding: 0 10px;
    font-size: 8pt;
    font-family: Segoe UI, "Trebuchet MS", Verdana, Arial, Sans-Serif;
}

#product-info {
    width: 720px;
    float: left;
    margin-left: 30px;
    margin-bottom: 10px;
}
#product-picture {
    height: 340px;
    min-height: 340px;
    background: #fff;
}
#product-caption {
    text-align: right;
    font-size: 9pt;
    margin-top: 5px;
}
#category-description {
    width: 700px;
    margin: 20px 10px 20px 30px;
    font-size: 9pt;
}


/* Slider.START                */
/* root element for scrollable */
div.scrollable.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 340px;	 
	width: 210px;
	
	float: right;
	margin-right: 20px;
}
/* root element for scrollable items */
div.scrollable.vertical div.items {	
	position: absolute;
	
	/* this time we have very large space for height */	
	height: 20000em;	
	margin: 0px;
}
/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float: none;
	margin: 0px 0px 3px;
}
/* single scrollable item */
div.scrollable div.items div {
	float:left;

	/* text/font settings */
	color: #999;
	text-align: center;
	width: 200px;
	height: 94px;
	font-size: 14pt;
	cursor: pointer;
	
	border: 1px solid #fff;
	background: #fff;
}
/* mouseover state */
div.scrollable div.items div:hover {
    border: 1px solid #f00;
}
/* clicked state */
div.scrollable div.items div:active {
    border: 1px solid #ff0;
}
/* active item */
div.scrollable div.items div.active {
    border: 1px solid #ff0;
	cursor:default;
}
/* Slider.END                  */