body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff; 
	background-color:#383839; 
	text-align:center;
	font-size:77%;
	outline:none;
	
}
img {
	border: 0;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:5px;
}
input,select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}
a{ color:#fff; text-decoration:none}
a:hover{ text-decoration:none; color:#CCCCCC}
div.divClear{
	clear:both;
}
h1{
	font-size:1.3em;
	margin:0px 0px 10px 5px;
	padding:0px;
	
}
h1#productListHeading{
	
	margin:0px 0px 0px 30px;

}
h2{
	font-size:1.2em;
	mmargin:5px 0px 0px 5px;
	padding:0px;
	

}
h3{
	font-size:1.1em;
	margin:0px;
	padding:0px;
}
h3.itemTitle a{
color:#111;
}
h4{
	font-size:1.0em;
	margin:0px;
	padding:0px;
}
#cartBoxListWrapper a{
color:#fff;

}
div#cartBoxListWrapper{
margin:0px 10px;
}
div#container{
	margin:0px auto 0px auto;
	text-align:left;
	width:974px;
	background-image:url(../images/bg_container.gif);
	background-repeat:repeat-y;
	background-color:#383839; 
	position:relative;
	}
div#topBoxesHolder{
	height:283px;
	overflow:hidden;
}
div#categoryIcon,div.categoryImg{
	display:none;
	position:absolute;
	width:575px;
	height:260px;
	top:10px;
	left:195px;
	margin:0px auto;
}
div#btmBoxesHolder{
	height:400px;
	overflow:visible;
}
table#contentMainWrapper{
	width:960px;
}

table#contentMainWrapper,table#contentMainWrapper td{
/*border:1px solid red;*/
padding:0px;
margin:0px;
}
td.columnLeft, td#navColumnOne{
	width:190px;
}

div#centralBoxesHolder{
	float:left;
	position:relative;
}
div#leftCol{
	width:190x;
	float:left;

}
div#leftColTop{
	width:187px;
	float:left;
	overflow:hidden;

}
div#middleCol,div#middleColTop{
	width:582px;
	float:left;
	text-align:center;
}
div#rightCol,div#rightColTop{
	width:190px;
	float:left;

}

div#headerText,div#bannerImg,div#rightColTopBoxes{
	height:273px;
	margin-top:10px;
}
div#topLinks{
	margin:20px 30px;
}
div#topLinks ul{
	margin:0px;
	padding:0px;
}
div#topLinks li{
	display:inline;
	list-style:none;
}
div#topLinks a{
	font-weight:bold;
	display:block;
	float:left;
	margin-right:5px;
}
div#welcomeText{
	margin:30px 30px;
	background-image:url(../images/bg_Welcome.jpg);
	width:118px;
	height:152px;
	text-indent:-9999px;
}
div#bannerImg,div#mainContent{
	width:582px;
}
div#bannerImg{
	/*background-image:url(../images/bg_bannerImg2.jpg);*/
}
div#headerText,div#shopCatsMenu{
	width:190px;
}
div#otherInfo,div#featuredProducts,div#searchBox,div#todaysSurfLink,div#subscribeBox{
	width:190px;
}
div#shopCatsMenu,div#mainContent{

}
div#otherInfo{
	height:170px;
}
div#indexDefault{
	margin:0px;
	padding:0px;
}
div.dottedLine{
	background-image:url(../images/dottedlineH.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:5px;
}
div.navList {
	width:190px;
	margin:0px 0px 0px 2px;
}
div.navList a{
	display:block;
	font-family:Arial,sans-serif;
	text-transform:uppercase;
	text-indent:30px;
	margin:3px 5px 0px 0px;
	padding:0px 0px 3px 0px;
	background-image:url(../images/dottedlineH.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:20px;
}
div.navList li.lastInfoItem a{
	background-image:none;
}
div.navList a:hover{
	text-decoration:none;
	color:#1588C1;
}
div.navList a.catHeader{
	background-image:url(../images/btnBlueBG.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:190px;
	height:32px;
	font-weight:bold;
	
	margin:10px 0px 0px 0px;
	z-index:20;
	padding:10px 0px 0px 0px;
}
div.navList a.catHeader:hover{
	text-decoration:none;
	color:#333;
}
hr#catBoxDivider{
	height:2px;
	width:100px;
	text-align:right;
	color:#4E4F52;
	background-color:#4E4F52;
	border:none;
}
div#featuredProducts{
	background-color:#fff;
	padding-bottom:20px;
}
p.prodDescr,p.prodPrice{
	margin-left:30px;
	color:#111;
}
div#featuredProducts img{
	margin:10px;
}
div#searchBox{
	height:60px;
}
div#searchBox form{
	margin:17px 10px;
}
input#btnSubmit{
	margin-bottom:-3px;
}
div#rightColTop{
	background-image:url(../images/bg_stripe.gif);
}
div#todaysSurfLink{
	height:120px;
	
}
img#logo_surfchecker{
	margin-left:25px;
	margin-top:20px;
	vertical-align:top;
}
img#todays_surf{
	margin-top:25px;
		vertical-align:top;
}

div#subscribeBox{
	height:100px;
}
div#subscribeBox p.subHeader{
	margin-left:32px;
	padding:0;

}
div.blueBtn, #informationHeading,#featuredHeading,#specialsHeading,#shoppingcartHeading{
	background-image:url(../images/btnBlueBG_right.png);
	background-repeat:no-repeat;
	width:162px;
	height:32px;
	border:1px solid transparent;
	line-height:2em;
	padding-left:30px !important;
	text-align:left;
}
#informationHeading{
	margin-left:-2px;
	margin-top:-2px !important;
}
.rightBoxHeading{
	margin-left:-2px !important;
	margin-top:-2px !important;
}
h3#featuredHeading{
	position:absolute;
	top:-20px;
	left:-2px;
	margin:0px;

}
div#featured{
position:relative;
padding-top:20px;
height:485px;
}
div.blueBtn p{
	/*margin:0px 10px 13px 30px;*/
	margin:-3px 0px 0px -5px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial,sans-serif;

}
#informationHeading,#featuredHeading,#specialsHeading,#shoppingcartHeading{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial,sans-serif;
	font-size:1em;
	padding:5px 0px 0px 0px;

}
div#featured h3#featuredHeading a,div#specials h3#specialsHeading a,h3#shoppingcartHeading a{
	color:#fff;
}
#informationHeading{
	margin:0px 0px 5px 0px;
	}
#featuredHeading{
	margin:20px 0px 5px 0px;
	}
div#featured{
	background-color:#fff;
	margin:15px 0px 0px 0px;
}
div#specials{
	background-color:#fff;
	margin:0px 0px 0px 0px;
}
div#featured a,div#specials a{
	color:#111;
	text-decoration:none;
}
span.normalprice{
	color:#111;
}
p.subHeader{
	margin:27px 20px 13px 20px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial,sans-serif;
}
img#home_StrapLine{
	margin:20px auto;
}
/*-----------------------------footer styles -----------------*/
div#bottomBorder{
	height:50px;
	background-color:#383839; 
	clear:both;
	margin:0px;
	width:974px;
	background-image:url(../images/bg_container_bottom.gif);
	background-repeat:no-repeat;
	position:relative;
	bottom:0px;
}

#indexHomeBody div#bottomBorder{
	background-image:url(../images/bg_container_bottom_home.jpg);
}
div#footer{
	text-align:center;
}
ul#footerLinks{
	width:530px;
	margin:0px auto;
}
ul#footerLinks li{
	float:left;
	display:block;
	margin:10px;
	padding:0px;
}
ul#footerLinks a{
	font-size:77%;
	font-weight:bold;
}
/*-----------------------------end footer styles -----------------*/

div.centerColumn{
	
	color:#111;
	padding-bottom:25px;
	width:563px;
	background-image:url(../images/bg_centreCol.jpg);
	background-repeat:repeat-y;
	min-height:600px; /*  ------THIS IS WHAT I NEED TO FIX-----------------*/
	
}
div.centerColumnInner{ /*add this div to tpl***.php in templates directory to get the margin on each side*/
	margin:0 15px;
}
div.centerColumnBottom{
	width:582px;
	height:25px;
	background-image:url(../images/bg_centreColBottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

div.centerColumn form fieldset,div#ezPageDefault div,div#privacy p,div #shippingInfoMainContent,div#conditionsMainContent,div#siteMapMainContent,div#shoppingCartDefault div,div#checkoutShipping div,div#checkoutShipAddressDefault form,div#checkoutPayment form  {
	/*margin:5px 30px 5px 30px;*/
}
h1#shippingInfoHeading,h1#privacyDefaultHeading,h1#conditionsHeading,h1#siteMapHeading,h1#cartDefaultHeading,h1#accountDefaultHeading,h1#accountNotificationsHeading,h1#indexCategoriesHeading{
	margin:5px 20px !important;
}
div#shippingInfoMainContent,div#privacyDefaultMainContent,div#conditionsMainContent,div#siteMapMainContent,div#cartInstructionsDisplay, div#accountLinksWrapper,div.notice,div.centerColumn fieldset, div#tellAFriendAdvisory, div#reviewsWrite form,div#productReviewsDefaultNoReviews, div#reviewsDefault img, div.messageStackError{
	margin:0 20px !important;
}
div#shippingInfoMainContent p,div#privacyDefaultMainContent p, div#conditionsMainContent p,div#siteMapMainContent p,div#cartInstructionsDisplay p{
	margin:5px 0px 10px 0px !important;
	padding:0px;
}
div#shoppingCartDefault table  {
	margin:5px 30px 5px 30px;
	width:90% !important;
}
div#checkoutShipping h2 {
	
}

div#productGeneral{
	width:562px;
}
div#productListing{
	margin:0px 10px 0px 30px;
}
div.catDescContent{
	margin:0px 30px 0px 30px;
}
div#productnotifications,div#tellafriend{
	display:none;
}
div#indexDefault{
	background-image:none;
	margin-left:0px;
	width:582px;
}
div.centerColumn a{
	color:#000055;
}
div.centerColumn a:hover{
	color:#000077;
}
div#navBreadCrumb{
	background-image:url(../images/bg_breadcrumbs.jpg);
	background-repeat:no-repeat;
	background-color:#4E4F52;
	color:#309CE8;
	text-transform:uppercase;
	padding:20px 10px 0px 40px;
	margin-left:0px;
	margin-top:0px;
	font-weight:normal;
	font-size:85%;
}
div#navBreadCrumb a{
	color:#666;
}

div .navNextPrevWrapper{
	margin-top:-25px;
	margin-right:10px;
	height:30px;
}

#productMainImage{
	clear:both;
	float:left;
}
#productName{
color:#06A4E1;
font-size:14px;
margin:0px 0px 10px 0px
}
#productPrices{
color:#06A4E1;
font-size:14px;
margin-top:10px;
}

DIV#productPageLeft,DIV#productPageRight{

width:240px;
float:left;
}
DIV#productPageLeft{
margin-left:20px;
margin-top:40px;
}
DIV#productPageRight{
margin-left:20px;
margin-top:40px;
}
div#productDescription{
	color:#000;
	padding:0px;
	margin:0px;
}
/* ----------------------- home page specific styles - for rollowver panel ---------------------*/
div#HomePageHolder{
	height:700px;
	position:relative;
}
div#indexDefault{
	background-color:#4E4F52;
	background-image:url(../images/bg_grungeLines.gif);
	background-repeat:repeat-y;
}

#elusiveHomePanel-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:294px;
	height:156px;
}

#elusiveHomePanel-02 {
	position:absolute;
	left:294px;
	top:0px;
	width:153px;
	height:156px;
}

#elusiveHomePanel-03 {
	position:absolute;
	left:447px;
	top:0px;
	width:135px;
	height:156px;
}

#elusiveHomePanel-04 {
	position:absolute;
	left:0px;
	top:156px;
	width:148px;
	height:163px;
}

#elusiveHomePanel-05 {
	position:absolute;
	left:148px;
	top:156px;
	width:146px;
	height:163px;
}

#elusiveHomePanel-06 {
	position:absolute;
	left:294px;
	top:156px;
	width:288px;
	height:163px;
}

#elusiveHomePanel-07 {
	position:absolute;
	left:0px;
	top:319px;
	width:149px;
	height:167px;
}

#elusiveHomePanel-08 {
	position:absolute;
	left:149px;
	top:319px;
	width:146px;
	height:167px;
}

#elusiveHomePanel-09 {
	position:absolute;
	left:295px;
	top:319px;
	width:153px;
	height:167px;
}

#elusiveHomePanel-10 {
	position:absolute;
	left:448px;
	top:319px;
	width:134px;
	height:167px;
}
#home_StrapLine{
	position:absolute;
	left:40px;
	top:500px;
	width:456px;
	height:51px;
}
div#bottomMenu{
	margin:0px;
	padding:0px;
	text-align:center;
}
div#bottomMenu ul{
	margin:0px 150px 0px 150px;
	text-align:left;
	display:block;
}
div#bottomMenu li{
	display:inline;
}
div#bottomMenu li a{
	font-size:9pt;
	display:block;
	float:left;
	margin: 0px 5px;
}
div.categoryListBoxContents a,div.centerBoxContentsNew a{
	color:#111 !important;
}
#categorylistboxHeading{
	display:none;
}
body#infoShoppingCart div{
	text-align:left;
	color:#111;
	margin:10px;
}

/*----------------- product page -------------------------*/
h3#attribsOptionsText{
	font-size:1em;
}
div#productAttributes{
	margin:10px 0px 0px 0px;
}
div#wrapperAttribsOptions{
	border:1px solid #CC00CC;
	padding:0px;
	height:auto;
	width:auto;
}
label.attribsSelect{
	margin:0px;
	padding:0px;
	line-height:normal;
	font-size:1em;
}

/*Shopping Cart Display*/
#cartAdd {	}
	
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #1588C1;;
	}
.messageStackWarning, .messageStackError {
	background-color: #fff;
	color: #111;
	}
.messageStackSuccess {
	background-color: #fff;
	color: #000000;
	}
.messageStackSuccess img {
	margin-bottom:-5px;
	margin-right:10px;
	}
.messageStackCaution {
	background-color: #fff;
	color: #000000;
	}
/* fixes for those grunge lines on home page */
#indexHomeBody td{
	background-image:url(../images/bg_grungeLines.gif);
	background-repeat:repeat-y;
}
td#navColumnOne, td#navColumnTwo{
background-image:none;
}
#indexHomeBody div.centerColumnBottom{
	display:none;
}
/*------------------ Product Listing pages ----------*/
div.listingDescription{
display:none;
}
div.centerBoxContentsProducts{
	margin-left:0px;
	text-align:center;
	color:#319CE8;/* blue */
	font-weight:bold;
	border:1px solid #fff;
	margin-bottom:15px;
}
div.centerBoxContentsProducts img.listingProductImage{
	/*margin-left:-15px;*/
}

div.centerBoxContentsProducts h3{
	padding:0px;
	margin:0px;
	font-size:12px;
}
div.centerBoxContentsProducts a{
	color:#525253;/* grey*/
}
div.centerBoxContentsProducts br{
	height:0px;
	line-height:0em
}
div#productsListingTopNumber{
	margin-bottom:10px;
	font-size:10px;
}
div#productsListingBottomNumber{
	display:none;
}
/*---- shopping cart ----*/
table #cartContentsDisplay tr.rowEven,table #cartContentsDisplay tr.rowOdd{
background-color:#fff;
}
table #cartContentsDisplay td{
vertical-align:middle !important;
}
span#cartProdTitle{
	margin-top:5px;
	display:block;
}
div#shippingEstimatorContent{
	color:#111;
}
/*
.SagePayDirectFormGadgetError - This is the class that a form gadget will be set to if there is a problem with the data entered/selected by the customer. If the data entered/selected is corrected satisfactorily by the customer then the form gadget will revert back to its previous look! Our recommendation for addition to the stylesheet is the following:*/

.SagePayDirectFormGadgetError { background: #ff6633; }
/*
.ErrorInfo - This is the class that the main error messages use. It should be styled so that any error messages stand out but still look good on the site.

.ExtraErrorInfo - This is the class that the Extra Error Information paragraph uses. This is the information that is returned by Sage Pay when something goes wrong. It is recommended that this also stands out, but maybe not as prominently as the main error messages. 

.SagePayDirectCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to the stylesheet is the following:
*/
.SagePayDirectCardIcon { margin-right: 4px; margin-bottom: 4px; }
.SagePayDirect3DSecureIcon { margin-left: 1em; margin-bottom: 2em; float: right; }
div#cartSubTotal{
	margin:0px 25px;
}
table#prevOrders{
		width:90%;
		margin:0px 25px;
}
fieldset.floatingBox{
width:230px;
}
fieldset.floatingBox fieldset{
border:none;
}
div.cartBoxTotal{
	margin:0 20px;
}
div#shoppingcartContent hr{
	margin-right:5px;
}
ul#productDetailsList{
margin:5px 0;
width:100%;

}
img#imgSagePayLogo{
	margin-left:35px;
	margin-top: 35px;
}