div#mainBody
{
	width: 800px;
}

div#header
{
	border: #999999 1px solid;
	padding: 4px;
	margin: 4px;
	height:120px;
}
div#logo {
	float: left;
	width:700px;
}

div.staticLinks
{
	float: left;
}

div.staticLinks ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0;
    margin-left:8px;
}

div.staticLinks ul li
{
    float: left;
    margin-right: 8px;
    border-right:1px solid #ffffff;
    padding-right:8px;
    line-height:25px;
}

div#loginLink
{
	float: right;
	
}
div#outerContent {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	border:#999999 solid 1px;
	background:#FFFFFF;
}

div#categories
{
	border: #999999 1px solid;
	background-image:url(../assets/images/orangeBack.gif);
	background-repeat: repeat-x;
	height: 29px;
	color:#000000;
        margin:5px;
}

div#categories a
{
	color:#000000;
	display: block;
	float: left;
	padding:2px 5px 2px 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

div#categories a:hover
{
    color:#ffffff;
}


li.specialOffers
{
    background-color: #0033cc;
    background-image:  url(../assets/images/special-bg.png);
    height: 24px;
    margin-top: -5px;
    padding-top: 5px;
}

li.specialOffers a
{
    color: #ffcc33 !important;
}

div#loginLink
{
}

div#logoutLink
{
}

div#contentHolder
{
    margin: 1px 2px 2px 4px;
    padding: 4px;
    width: 501px;
    float: left;
}

div#rightContent
{
	width: 236px;
	float:left;
	
	

}

form#searchForm
{
	float: right;
}

label.searchLabel
{
	margin-right: 4px;
}

input#searchInput
{
    margin-right: 4px;
    border:1px solid #0033CC;
    margin-top:2px;
}

input.searchButton
{
    background:url(../assets/images/searchButton.png) no-repeat;
    width:41px;
    height:20px;
    border:none;
}

div#categoryMenuHeader
{
    background:url(../assets/images/browseHeader.png) no-repeat;
    width:234px;
    height:39px;
}

div.categoryMenu
{
	float: left;
	width:234px;
	margin-left:5px;
        /*border: 1px solid #000;*/
}


div.categoryMenu a
{
	/*color: #666666;*/
        color:#888888;
	text-decoration: none;
	font-weight: bold;
        display:block;
}

div.categoryMenu a:hover
{
    color:#666666;
}

div.greenBrowseHeader{
	float: left;
	width:234px;
	height:39px;
	background-image: url(../assets/images/browseHeader.png);
	margin-bottom:-10px;
	
}


div.greenBasketHeader{
	width:236px;
	height:39px;
	background-image: url(../assets/images/basketHeader.png);
	background-repeat: repeat-x;
}

div.greenAccountHeader{
	float: left;
	width:236px;
	height:39px;
	margin-left: 2px;
	background-image: url(../assets/images/accountHeader.png);
	background-repeat: repeat-x;
}

div.categoryMenu ul
{
	list-style-type: none;
	list-style-position: outside;
	float:left;
	padding-left: 0px;
	margin:0px;
}

div.categoryMenu li
{
	background-image: url(../assets/images/greyMenu.png);
	background-repeat: repeat-x;
	height: 27px;
        line-height:27px;
	width:224px;
	margin-bottom:1px;
	padding-left:10px;
	display: block;
}

div#addToBasketPrompt
{
	position: absolute;
	display: none;
}

div#basketHolder
{
    border:1px solid #339830;
    margin-left:3px;
    width:236px;
}

div#quickBasket
{
    width:226px;
    padding:5px;
    background-image: url(../assets/images/basketBack.jpg);
    font-size:14px;
    color:#0033CC;
    height:100px;
}

div#quickBasket p
{
    margin-top:5px;
    margin-bottom:5px;
}

button
{
    border:1px solid #cccccc;
    background-color:#ffffff;
    color:#0033CC;
    font-weight:bold;
    font-size:14px;
    padding-top:2px;
    padding-bottom:2px;
    margin:4px;
}

button span
{
    color:#fec502;
}

div#myAccountRight
{
	width:216px;
	padding:10px;
	margin:2px;
	background-color: #C2C9EC;
	color:#0033CC;
	
}

div#myAccountRight ul.accountMenu
{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	list-style-type: none;
}

div#myAccountRight ul.accountMenu li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #656262;
	width: 100%;
}

div#myAccountRight ul.accountMenu li:hover
{
	background-color: #FFC501;
}

div#myAccountRight ul.accountMenu li a
{
	color: #000000;
	text-decoration: none;	
	padding: 4px;
	margin-top:5px;
	display:block;
	color:#666;
	
	
}



div.bannerAds
{

	width:236px;
	border:#CCCCCC 1PX solid;
	margin:2px 2px 2px 2px;
	background-color:#CCCCCC;
}

div.bannerAds img
{
    border:none;
}

input.viewBasket
{
	margin-left: 4px;
}

div.categoryGrid
{
    border: 1px solid #999999;
    margin: 2px;
    float: left;
    width: 161px;
    height: 170px;
}
div.categoryImage {
	
	height:124px;
	padding:5px 0px 5px 2px;
	text-align:center;
	
}

div.rangeLinks {
	background-color: #CCCCCC;
	height: 83px;
	width: 123px;
	float:left;
	margin:3px 1px 5px 1px;
}

div.rangeLinks img
{
    border:none;
}

div.categoryGrid a
{
    background-color: #0033CC;
    display:block;
    vertical-align:middle;
    height: 36px;
    width: 161px;
    color:#FFFFFF;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
}

div.categoryGrid a span
{
    display:table-cell;
    vertical-align:middle;
    width:161px;
    height:36px;
}

div.categoryGrid a:hover
{
	background-color: #ffcc33;

}


input.viewBasket
{
	border: 0px;
	background-color: Transparent;
	text-decoration: underline;
	cursor: pointer;
}

ul.categoryTabs li
{
	float: left;
	margin-right: 4px;
	border: 1px solid #999999;
	padding: 4px;
}

ul.categoryTabs li.on
{
	background-color: #00FF00;
}

ul.categoryTabs
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#copyRight {
	float: left;
	width: 994px;
	background-image: url(../assets/images/copyRightBack.png);
	background-repeat: repeat-x;
	height:26px;
	color:#FFFFFF;
	text-align:right;
	padding:10px 10px 0px 0px ;
}

div#salesStrap {
	float: right;
	margin-top: 10px;
	width:268px;
	height:38px;
	font-family:Arial, Verdana;
	font-size:20px;
	color:red;

}


div#searchHeader {
	float: right;
	margin:5px 5px 10px 0px;
	width:223px;
	height:44px;
	background-image:url(../assets/images/searchBack.png);
	background-repeat: no-repeat;
	text-align:left;
	padding-top:10px;
	padding-right:10px;

	
}
div#mainBanner {
	float: left;
	height: 267px;
	width: 500px;
	margin-bottom:4px;
	
	
}

div#mainBanner img
{
    border:none;
}

div.productBanner {
	float: left;
	height: 168px;
	width: 242px;
	margin: 2px 4px 2px 4px;
	
	}

div.productBanner img
{
    border:none;
}
	
	
div.pageTitle {
	background-color: #c2c9ec;
	color:#0033CC;
	margin-top: 0px;
	margin-bottom:5px;
	padding:8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
}

img.productGridImg
{
	float: left;
	margin: 4px;
	border:#CCCCCC 1px solid;
	width:60px;
}

div#copyRight a
{
    text-decoration:none;
    color:#ffffff;
}

form#emailForm div label
{
    float:left;
    clear:left;
    width:120px;
}

form#emailForm div span
{
    float:left;
    clear:right;
}

form#emailForm h2
{
    background-color: #c2c9ec;
    color:#0033CC;
    margin-bottom:5px;
    margin-top: 0px;
    padding:8px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
}

div.formInput
{
    padding: 8px;
}

div.formInput input
{
    margin-bottom: 2px;
    margin-top: 2px;
}

div.formInput textarea
{
    margin-bottom: 2px;
    margin-top: 2px;
}

div.contactFooter
{
    border-top: #CCCCCC 1px solid;
    padding: 8px;
    margin-top: 4px;
    text-align: right;
}

div#pacScroller
{
    border: #CCCCCC 1px solid;
    height:126px;
}

div.scrollWrapper
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea
{
    position: relative;
    width: auto;
    height: 100%;
}

div.scrollableArea div
{
    display:inline;
    width:240px;
    margin:5px;
    height:126px;
}

div.scrollableArea div img
{
    border:none;
}