﻿html, body
{
	height:100%;
	font-size:0.95em;
	/* without this the footer stays at the end of the content
           - not the botom of the viewport */
}
#container
{
	margin:auto;
	min-height:100%;
	/* #container is at least the height of the veiwport and contains
            everything except the footer*/
}
#contents
{
	padding-bottom:193px;
	width:949px;
	margin:auto;
	/* #contents contains everything excepte the footer and adds padding at least equivalent to the height of the footer beneath the content*/
}
#footer
{	height:168px;
	margin :168px auto 0 auto;
	clear:both;
	padding-top:15px;
	/* #site-info (the footer) contains the supplimenatry navigation and copyright info.
	   It's height and negative top margin should be the same as the bottom padding in #contents   */
}
#siteInfo
{
	width:949px;
	margin:auto;
	text-align:center;
}
#branding
{
	height:122px;
	position:relative;
}
#branding p#contact
{
	margin-left:-999em;
}

#branding p
{
	position:absolute;
	font-size:0.8em;
	/*
	top:40px;
	left:50px;
    */
	top: 60px;
    left: 50px;
}
#WorldPay { position: absolute; left: 50px; top: 10px; }
#WPLogos {width:100%; padding: 1em; }

#branding p span
{
	display:block;
	font-size:1.6em;
}
#search
{
	display:block;
	position:absolute;
	top:40px;
	right:50px;
	width:193px;
	height:20px;
	border:2px solid #666;
	padding:5px 10px 13px 10px;
}
#searchInputs
{
	margin:0; 
	background-color:#fff; 
	width:140px; 
	height:28px;
	position:absolute; 
	top:5px; 
	right:5px;
}
#q
{
	width:117px; 
	border:0; 
	background-color:#fff;  
	float:left;
}
/*#search .searchTerm
{
	border:0;
	width:105px;
	padding:7px 6px;
	margin:-13px -4px 0 0;
}*/
#navMain
{
	display:block;
	margin:auto;
	text-align:center;
	height:27px;
	padding:10px 0;
}
#navMain li, #siteInfo ul li
{
	display:block;
	float:left;
	list-item-style:none;
}
#navMain li
{
	margin: 0 21px;
}
#navMain li a
{
	display:block;
}
#navMain li#viewBasket
{
	display:block;
	float:left;
	width:110px;
	height:24px;
	margin:7px 0;
}
#viewBasket a
{
	text-indent:-999em;
}
#navSup
{
	display:block;
	margin:auto;
	text-align:center;
	height:27px;
}
#navSup li, #siteInfo ul li, #theLastWord li
{
	display:block;
	float:left;
	list-item-style:none;
}
#navSup li a, #theLastWord li a
{
	padding: 0 5px;
}
#navSup li a
{
	display:block;
}
#navProducts
{
	clear:both;
	float:left;
}
#productTypes, #brands, #latestNews, #starBuys
{
	display:block;
	width:181px;
	padding:1px;
}
#latestNews, #starBuys
{
	float:right;
}
#contentMain
{
	float:left;
	margin:0 0 0 9px;
	width:757px;
}
#home #contentMain
{
	float:left;
	margin:0 9px;
	width:557px;
}
#contentMain p, #contentMain h1, #contentMain h2, #siteInfo p, #siteInfo ul
{
	margin-bottom:15px;
}
.standard
{
	padding:15px;
	border:2px solid #E2DDD2;
	padding:2px;
	background-color:#fff;
	margin-bottom:3px;
	
	}
#latestAdditions
{
	padding-left:256px;
	min-height:160px;
}
#navLargeProductCategories
{
	display:block;
	float:left;
	margin-right:-10px;
	margin-left:1px;
}
#navLargeProductCategories li
{
	display:block;
	width:170px;
	height:200px;
	float:left;
	border:2px solid #E2DDD2;
	padding:2px;
	background-color:#fff;
	margin:0 10px 3px 0;
}
#navSup
{
	display:block;
	margin:auto;
}
#theLastWord
{
	width:500px;
	margin:auto;
	text-align:center;
}
#theLastWord p
{
	float:left;
}
a.cta
{
	display:block;
	width:165px;
	height:32px;
	line-height:32px;
	padding:0 5px 0 40px;
}
#siteInfo a.cta
{
	margin:0 auto 15px auto;
}
.clear
{
	clear:both;
}