/*
		Title: Swift Point CMS Stylesheet Example
		Version: 1.0
		Date: 20080814
		Developer: Steve Fenton
		Documentation: http://www.swift-point.co.uk/Content/For-Developers/
		License: http://creativecommons.org/licenses/by/2.0/uk/
	
		This example stylesheet has been provided to demonstrate Swift Point templating.
	*/

a.selected {
	background-color: #EEE8AA;
	color: #0000CD;
	/* This is a special class for Swift Point
		The content management system automatically applies a class of 'selected'
		to the currently selected link.
	*/
}

body.frameBody {
	background-color: White;
	color: Black;
	/* This is a special class for Swift Point
		The content management system requires this class to be set in order for the 
		HTML editor to be displayed with the foremost background colour of the page.
		EXAMPLE:
		In this example, the background of the body tag is set to a straw-yellow colour.
		The content, though, is inside a division with a white background. In order for 
		this to look good in the editor, we set this class to override the normal body
		background when the HTML editor is used.
	*/
}

span.highlight {
	background-color: #5A8B3D;
	color: #FFFFFF;
	/* This is a special class for Swift Point
		This class is used to highligh the terms used in a site-search in the result
		page. For example, if a search were performed for 'Template', the content
		management system will apply this class to all instances of the word 'template'
		on the page that is selected from the search results.
	*/
}

div.product {
	width: 250px;
	height: 310px;
	float: left;
	margin-left: 25px;
	/* This is a special class for Swift Point
		This class is used by shop plugins to show products in multiple columns.
	*/
}

.product img, .productimage img {
	border: 1px solid #DCDCDC;
	/* This is a special class for Swift Point
		This class is used by shop plugins to place a containing border around images.
	*/
}

.category a {
	font-size: x-large;
	/* This is a special class for Swift Point
		This class is used by shop plugins to display shop categories in a large font.
	*/
}

	/*
		The rest of the style definitions are for demonstration purposes only and are 
		not mandatory for Swift Point!
	*/

div.main {
	/*
		The background image in this class is a demonstration of the path to be used 
		for images in the CSS template. This is not a full file-path, simply a 
		reference to the image, which is in the same folder as the CSS file.
	*/
	background-image: url(background.png);
	background-repeat: repeat-x;
	width: 66%;
	background-color: White;
	color: Black;
	padding: 2%;
}

div.galleryimage {
	/*
		This class is used to pre-empt the size of gallery thumbnails, which avoids 
		visible resizing in the load.
	*/
	margin: 1px;
	width: 230px;
	height: 150px;
	overflow: hidden;
}

#swiftgallery h4 {
	/*
		This class is used to ensure uniformity in image names displayed in the Swift
		Gallery.
	*/
	text-transform: capitalize;
}

.formlabel {
	/*
		This class is used to style the description fields created in the Swift Forms 
		plugin.
	*/
	text-align: right;
}

/* Super Shop Styles */

.spbasket {
	float: right;
	width: 20%;
	padding: 10px;
	background-color: White;
	border: 1px solid Silver;
	position: relative;
	top: -100px;
}

.spbasket .basket {
	background-color: #F2F0DC;
	padding: 5px;
}

.spbasket h3 {
	margin: 0;
	font-size: smaller;
}

.spproduct {
	margin: 10px 0;
	width: 72%;
	padding: 1%;
	background-color: White;
	border: 1px solid Silver;
	float: left;
}

.spconfirmation {
	display: none;
}

.sppaging {
	width: 72%;
	padding: 1%;
	text-align: right;
	clear: left;
	font-size: larger;
}

.was {
	color: Gray;
	margin-right: 15px;
}

.was span {
	text-decoration: line-through;
}

.now {
	font-size: larger;
	margin-right: 15px;
}

.save {
	color: Green;
}

.total {
	text-align: right;
	font-size: larger;
}

.price {
	font-weight: bold;
}

/* Your own styles... */

a {
	color: #0000CD;
	background-color: White;
	text-decoration: none;
}

a:hover {
	background-color: #0000CD;
	color: white;
}

.menu a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

div.stackedmenu {
	width: 33%;
	float: left;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #EEE8AA;
	color: Black;
}

div.footer {
	margin-top: 0px;
	clear:both;
}

div.maincontent {
	width: 66%;
	float: left;
	text-align: left;
	margin: 0px;
}

div.header {
	margin-bottom: 0px;
}

h1 {
	font-size: 260%;
}

h2 {
	font-size: 220%;
}

h3 {
	font-size: 180%;
}

h4 {
	font-size: 160%;
}

h5 {
	font-size: 140%;
}

ul.menu {
	margin: 0px;
	padding: 10px;
	list-style: none;
	text-align: left;
}

.menu li {
	padding: 5px;
}

.menu li.sub {
	padding-left: 25px;
}

div.rsstop { text-align: center; 
	float: right;
	margin-top: -100px;
}

div.rsstop h3 {
	margin: 0;
	padding: 0;
	text-align: center;
}