*
{
    margin: 0px;
	padding: 0px;
}
	
html
{
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 0.8em;
}

body
{
	/*
	background-image: url('../images/background.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	*/
	background-color: #c4c4c4;
    color: #313131;
}

a
{
    background-color: transparent;
    color: #464646;
    text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

h2
{
    font-size: 1.4em;
}

img, img a
{
    border: 0px;
}

p
{
    margin: 10px 0px 10px 0px;
}

select option
{
    padding: 0px 3px 0px 3px;
}

ul
{
    margin-left: 20px;
}

li
{
    margin: 5px 0px 5px 0px;
}

#categoryPanel
{
    background-color: #313131;
    color: #f5f5f5;
    float: left;
    padding: 3px;
    text-align: right;
    width: 139px;
}

#categoryPanel a
{
	font-weight: bold;
}

#categoryPanel ul
{
	list-style-type: none;
	margin: 0px;
}

#categoryPanel li
{
	margin: 5px 0px 5px 0px;
	width: 139px;
}

#categoryPanel a
{
	background-color: transparent;
	color: #f5f5f5;
	display: block;
	font-size: 0.85em;
	padding: 3px;
	text-decoration: none;
}

#categoryPanel a:hover
{
    background-color: #666666;
    color: #f5f5f5;
	text-decoration: none;
}

#contact
{
    margin: 20px auto 20px auto;
    width: 70%;
}

#contact div
{
    margin: 10px 0px 10px 0px;
}

#contact .textarea
{
    width: 20em;
}

#contact label
{
    float: left;
    width: 10em;
}

#contact .submitArea
{
    margin-top: 20px;
    text-align: center;
}

#contentContainer
{
    background-color: #000000;
    color: #313131;
    float: left;
    padding: 0px 3px 0px 3px;
    width: 674px;
}

#contentPanel
{
    background-color: #f5f5f5;
    color: #313131;
    padding: 3px;
    /***
     * Min height for I.E 6/7 & firefox
     */
    min-height: 694px;
    height: auto !important;
    height: 694px;
}

#contentPanel table td
{
	padding: 5px;
}

#featuredPanel
{
    background-color: #000000;
    float: left;
    /*height: 664px;*/
    padding: 0px 3px 0px 3px;
    width: 397px;
}

#footer a
{
    background-color: transparent;
    color: #cccccc;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover
{
    background-color: transparent;
    color: #999999;
    text-decoration: underline;
}

#footer ul
{
    list-style-type: none;
    padding-top: 2px;
    margin: auto;
    width: 24em;
}

#footer li
{
    float: left;
    margin: 0px;
    text-align: center;
    width: 12em;
}

#fulfilment
{
	border-top: 1px solid #cccccc;
	font-size: 0.8em;
	margin-top: 20px;
	padding-top: 20px;
}

#fulfilment address
{
	margin: 5px 0px 5px 0px;
}

#hashPanel
{
    background-image: url('../images/home/background.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #000000;
	height: 666px;
    float: left;
    padding-right: 3px;
    width: 274px;
}

#header
{
}

#headerBanner
{
    float: left;
    width: 550px;
}

#headerHash
{
	background-image: url('../images/home/background.jpg');
	background-position: top left;
	background-repeat: repeat-y;
    float: left;
    margin: 0px 3px 0px 3px;
    width: 274px;
}

#headerLogo
{
    float: left;
    width: 145px;
}

#headerLogo div
{
    font-weight: bold;
    text-align: center;
}

#linkArea
{
	margin: 10px auto 10px auto;
	width: 200px;
}

#linkArea a,
#linkArea input[type='submit']
{
	background-color: #313131;
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	color: #f5f5f5;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding: 5px;
	text-decoration: none;
}

#main
{
    background-color: #313131;
    margin: 3px 0px 3px 0px;
    
    min-height: 604px;
    height: auto !important;
    height: 604px;
}

/*
#numbering
{
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    width: 50%;
}

#numbering td
{
    padding: 3px;
    width: 25%;
}
*/

#offerPanel
{
    background-color: #313131;
    color: #f5f5f5;
    float: left;
    min-height: 260px;
    padding: 3px;
    width: 144px;
}

#orderNoJs
{
	background-color: #ff9933;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

#page
{
    background-color: #000000;
    color: #f5f5f5;
	margin: 10px auto 10px auto;
	padding: 3px;
    width: 975px;
}

#pageTitleContainer
{
    font-weight: bold;
    margin-bottom: 3px;
}

#pageBasket
{
    background-color: #313131;
    color: #f5f5f5;
    float: right;
    padding: 3px;
    text-align: center;
    width: 139px;
}

#pageTitle
{
    background-color: #313131;
    color: #cccccc;
    float: left;
    padding: 3px;
    width: 821px;
}

#productColourOptions,
#productSizeOptions
{
	margin: 20px 0px 20px 0px;;
}

#productContainer
{
	margin: 10px 0px 10px 0px;
}

#productContent
{
	float: right; width: 60%;
}

#productImage
{
	float: left;
	text-align: center;
	width: 40%;
}

#productImage a
{
	display: block;
	margin: 0px auto 0px auto;
	width: 170px;
}

#productHeader
{
	background-color: #cccccc;
	color: #313131;
	font-weight: bold;
}

#productWrapper
{
	margin: auto;
	width: 666px;
}

#savePrintArea
{
    background-color: #cccccc;
    color: #313131;
    padding: 3px;
    text-align: right;
}

#topMenu a
{
    background-color: transparent;
    color: #cccccc;
    font-weight: bold;
    text-decoration: none;
}

#topMenu a:hover
{
    background-color: transparent;
    color: #999999;
    text-decoration: underline;
}

#topMenu ul
{
    list-style-type: none;
    margin: 0px auto 0px auto;
    padding-top: 4px;
    text-align: center;
    width: 40em;
}

#topMenu li
{
    float: left;
    margin: 0px;
    text-align: center;
    width: 10em;
}

#precisionBanner
{
    background-color: #313131;
    color: #f5f5f5;
    padding: 3px;
    text-align: center;
}

#totalArea
{
	float: right;
	margin: 10px 10px 10px 0px;
}

.bar
{
    background-image: url( '../images/menu/background.jpg' );
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #cc0000;
    color: #cccccc;
    height: 25px;
}

.clear
{
    clear: both;
}

.homeBanner
{
	height: 220px;
	margin: 0px 0px 3px 0px;
}

.newsContainer
{
	font-size: 0.8em;
}

.newsContainer a
{
	background-color: transparent;
	color: #f5f5f5;
	font-weight: bold;
	text-decoration: none;
}

.newsItem
{
	margin: 10px 0px 10px 0px;
}

.offer
{
	font-size: 0.8em;
	margin: 10px 0px 10px 0px;
}

.offer a
{
	background-color: #313131;
    color: #f5f5f5;
    font-weight: bold;
    text-decoration: none;
}

.offer img
{
	float: left;
	padding-right: 5px;
	width: 43px;
}

.orderDisclaimer
{
	border-top: 1px solid #cccccc; 
	margin-top: 20px; 
	padding-top: 10px;
}

.orderDisclaimerTitle
{
	font-size: 1.2em;
	font-weight: bold;
}

.orderFormTitle
{
	border-bottom: 2px solid #cccccc; 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-top: 20px;
}

.panel
{
    background-color: #cccccc;
    color: #464646;
    /*margin: 20px 0px 20px 0px;*/
    padding: 5px;
}

.priceContainer
{
	margin: 20px 0px 20px 0px;
}

.priceContainer table
{
	float: right;
}

.priceSub
{
	font-weight: bold;
}

.priceTotal
{
	font-size: 1.2em; 
	font-weight: bold; 
}

.prodSecTitle
{
	border-bottom: 2px solid #cccccc; 
	font-weight: bold;
	margin-top: 0px;
}

.productSummary
{
    float: left;
    font-size: 0.8em;
    margin: 5px 2px 5px 2px;
    /*width: 32%;*/
    width: 218px;
}

.productSummary a
{
    background-color: #cc0000;
    color: #f5f5f5;
    display: block;
    padding: 5px;
    text-decoration: none;
    
    min-height: 130px;
    height: auto !important;
    height: 130px;
}
.productSummary a:hover
{
    background-color: #666666;
    color: #f5f5f5;
}

.productSummary a span
{
    font-size: 1.2em;
    font-weight: bold;
}

.productSummary a img
{
    float: left;
    margin-top: 10px;
    margin-right: 5px;
}

.title
{
    border-bottom: 1px solid #cccccc;
    background-color: transparent;
    color: #cccccc;
    font-weight: bold;
    margin-top: 0px;
}

.optionContainer
{
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
}

.option
{
	float: left;
	text-align: center;
	width: 25%;
}