/* Basic Element Formatting ------------------------------------------------------------- */

html {
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


form {
	margin: 0;
	padding: 0;
}



body {
    background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0;
	height: 100%;
	width:850px;
	text-align:center;
	margin:0 auto;
}


/* Special Offer section  */

div#productborder {
border-color:#CCCCCC;
border:thin;
background-color:#FF0000;
}

div#bestdealssection {
border:none;
width:480px;
float:left;
}

div#specialoffersection {
border:none;
width:480px;
}

div#special1 {
float:left;
width:50%;
}

div#special2 {
float:right;
width:50%;
display:inline;
}




div#phone {
text-align:right;
font-size:0.9em;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;

}


div#maincontainer {
margin: 0 auto;
text-align: left; 
}


div#searchform {
float:right;
}

div#searchoptions {
padding:0px;
margin:0px;
margin-left:7px;
top:0px;
}


div#swallowheader {
float:left;
width:850px;
height:161px;
top:0px;
}

div#swallowmenustrip {
background: transparent url(../images_new/header.jpg) no-repeat;
float:left;
width:849px;
height:38px;
top:0px;
}


div#topnavmenubar {
float:right;

}

    .menu4 {
      width: 100%;
	  height:25px;
    }
    .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu4 {
      padding: 0;
    }
    .menu4 li {
      float: left;
      background:#f03f35;
      text-align: center;
	  display:block;
	  list-style-image:none;
    }
	.menu4 li:hover {
      background:#0054a4;
    }
    .menu4 a {
	  color:#FFFFFF;
	  font-size:0.80em;
	  font-weight:bold;
      display: block;
      text-decoration: none;
	  border-right: 1px solid #fff;
	  padding-left:20px;
      padding-right:20px;
	  padding-top:3px;
	  padding-bottom:3px;
    }
    .menu4 a:hover {
	color:#FFFFFF;
    }
	
	
	a#menulink {
	color:#999999;
	font-size:0.75em;	
	}
	

div#rightadvert1 {
margin-top:20px;
height:307px;
width:180px;
}

div#rightadvert2 {
padding-top:10px;
width:180px;
height:350px;
}

div#container {

}


/* RIGHT HAND MENU ITEMS   */

dl {
padding: 0;
}

dt {
padding: 0;
font-size:0.8em;
font-weight:bold;
}

dd {
padding: 0;
margin-left:10px;
}

ul {
padding: 0;
margin-left:20px;
color:#999999;
}


li {
padding: 0;
list-style-image:url(../images_new/bullet.gif);
}

div#leftnavheadings {
color:#0154a4;
font-size:0.85em;
font-weight:bold;
padding-bottom:5px;
padding-top:3px;
padding-left:10px;

}


#menu {
margin-left:10px;
width: 12em;
}

#menu dt {
cursor: pointer;
height: 20px;
line-height: 10px;
background: #E5EEF8;
margin-left:2px;
font-weight:bold;
color:#999999;
}

#menu li {
background: #E5EEF8;
}

#menu li a, #menu dt a {
color:#FF0000;
text-decoration: none;
display: block;
border: 0 none;
height: 98%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}


/* RIGHT HAND MENU ITEMS   */



#menustripfont a {
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#menustripseperator {
	color:#FFFFFF;
}


a, a:hover {
	text-decoration: none;
}



h1 {

	font-size: 1.0em;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
}



p {

	font-size: 0.8em;

}



input {

	font-size: 1em;

	font-weight: normal;

	height: 1.25em;

	margin-bottom: 1px;

}



select {

	font-size: 1em;

	font-weight: normal;

}



/* Multiple-Use Selectors ------------------------------------------------------------- */



.clearLeft {

	clear: left;

}



.clearBoth {

	clear: both;

}



.floatRight {

	float: right;

}



.center {

	text-align: center;

}



.button {

	font-weight: normal;
	font-size: 1em;
	cursor: pointer;
}



/* Standard text and link formatting ------------------------------------------------------------- */

.jssProductText {
clear:both;
margin-top:45px;
margin-left:10px;
width:85%;
font-size:0.90em;
font-weight:normal;
}


/* format the product page  */
div#productphoto {
float:right;
padding-top:20px;
width:40%;
}

div#productdetails {
float:left;
text-align:left;
width:60%;
}



.jssSectionText {
font-size: 0.8em;
width: 100%;
font-weight:normal;
}


.jssSmallerText {
	font-size: 0.90em;
	width: 100%;
	margin-left:5px;
}

.jssRRP {
 font-size: 0.95em;
 font-weight:normal;
}


.jssSmallerText2 {
 font-size: 0.90em;
 width: 100%;
}



.jssSmallerText3 {
	font-size: 0.95em;
	width: 100%;
    font-color: #ff0000;
}

.jssSmallerText4 {
	font-size: 0.95em;
	width: 100%;
    font-color: #ff0000;
}



.jssBoldLinks { 
	font-size: 0.95em;
	text-decoration: none; 
	font-weight: bold;
}



.jssBoldLinks:hover { 
	text-decoration: none; 
	font-weight: bold;
}



.jssProductTitle {
	font-size: 0.8em;
	margin-left:5px;
	text-decoration: none; 
}



.jssProductTitle:hover {
	font-size: 0.8em;
	text-decoration: none; 

}



.jssPrice {
	font-weight: bold;
	font-size: 0.85em;
}

font#jsslistPrice {
	font-weight: bold;
	font-size: 0.85em;
	color:#00549d;
}

font#jsslistValue  {
	font-weight: bold;
	font-size: 0.85em;
	color:#F03F35;
}


.jssProductLinks, jssProductLinks:link {

	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	font-size: 0.8em;
	white-space: nowrap;
	font-weight: bold;
	border: 0px;
	cursor: pointer;

}


.productname {
font-size:0.95em;
float:left;
text-decoration:underline;
margin-top:20px;
margin-left:10px;
font-weight:bold;
}





.jssProductAdd {

	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	margin-left: 0px;
	padding-top: 0px;
	font-size: 0.8em;
	font-weight: bold;
	border: 0px;
	text-align: left;
	cursor: pointer;

}



/* Header Styles ------------------------------------------------------------- */



img#jssLogo {

	float: left; border: 0px;

}



div#jssHeader {
	font-size: 0.85em;
	margin: 0;
	width: 100%;
}



div#jssSubHeader {
	font-size: 0.85em;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}



span#jssWelcome {
	padding-left: 5px;
	font-weight: normal;
	font-size: 0.7em;
}



span#jssDate {
	float: right;
	padding-right: 5px;
}



div#navcontainer {
	float: right;
	position: relative;
	display: inline;
	top: -5px;
}



ul#navlist {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	}





#navlist li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}



#navlist a {
	padding: 1px 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 0.8em;

}



#navlist a:link, #navlist a:visited {

	text-decoration: none;

}



#navlist a:hover {

	text-decoration: none;

}



.jssHeaderBlock

{
	margin-top: 5px;
	margin-left: 0px;
	font-size: 0.85em;
    width: 180px;
}



.jssHeaderBlockTitle

{
	padding: 1px 5px;
	font-size: 0.85em;
	font-weight: bold;
}



.jssHeaderBlockContent

{
	padding: 1px 5px;
	font-size:0.85em;
	height: 100%;
	font-weight: normal;
    text-align: center;
}



.jssHeaderBlockContent2

{
	padding: 1px 5px;
	font-size: 0.85em;
	font-weight: normal;
}



.jssHeaderBlockContent a {
	padding: 1px 8px;
	margin: 2px 2px 0px 3px;
	font-size: 0.85em;
}



.jssHeaderBlockContent a:link,  .jssHeaderBlockContent a:visited {
	text-decoration: none;
	font-weight: normal;
}



.jssHeaderBlockContent a:hover {
	text-decoration: none;
	font-weight: normal;
}



.jssHeaderBlockLinks {

	margin-top: 4px; margin-bottom: 2px; text-align: center;

}



/* Left Column ------------------------------------------------------------- */



div#jssLeftMenu {

	font-size: 0.85em;
	left: 5px;
	width: 170px;
	padding-top: 0px;
	float: left;

}



.jssSectionList {

	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;

}



.jssSubSectionList {

	margin: 0px; padding: 0px; padding-left: 14px;  list-style-type: square;

}



.jssCustomerLinks {

	margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none;

}



.jssNewsLinks {

	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;

}



/* Right Column ------------------------------------------------------------- */



div#jssRightMenu {
	font-size: 1.1em;       
	width: 180px;
	padding-top: 10px;
	margin-right: 1px;
	float: right;
}



/* Right and Left Menu Box Style ------------------------------------------------------------- */



.jssMenuBox {

	width: 128px;
	margin-top: 10px;

}


.jssMenuBoxTitle {
	font-size: 1em;
	font-weight: bold;
	width: 100%;
	text-align: center;
}



.jssMenuBoxContent,

.jssMenuBoxContentCent {

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 2px;

	font-size: 0.9em;

	height: 1%;

}



.jssMenuBoxContent {

	text-align: left;

}



.jssMenuBoxContent:after { content: ""; display: block; height: 0; clear: both; }



.jssMenuBoxContentCent {

	text-align: center;

}



/* Main Content (Middle) Styles ------------------------------------------------------------- */



div#jssMainContent {

	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 0.9em;
	float: left;
	margin-top: 6px;
	width:480px; /* 670px */
}


div#jssSearchContent {

	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 0.9em;
	float: left;
	margin-top: 6px;
	width:670px; 
}



div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }


div#subpageheaders {
	font-size: 1em;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
}


.jssPageHeading p {
	font-size: 1em;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:normal;
}



.jssPageSubHeading {
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 0px;
	clear: both;
}



.jssBreadcrumb {
	font-size: 0.85em;
	margin-bottom: 10px;
	border:none;

}



.jssBreadcrumbTitle {

	font-weight: normal;

	padding-left: 3px;

	margin-right: 3px;

}



/* Footer Styles ------------------------------------------------------------- */



div#jssFooter {

	margin: 0;

	width: 100%;

	clear: both;

}



div#jssFooterLinksDiv {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 0.85em;

}



ul#jssFooterLinks	{

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

}



#jssFooterLinks li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	padding-left: 2px;

	padding-right: 2px;

	font-weight: bold;

}



#jssFooterLinks a { 

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 0.85em;

	white-space: nowrap;

}



#jssFooterLinks a:link, #jssFooterLinks a:visited {

	text-decoration: none;

	font-weight: bold;

}



#jssFooterLinks a:hover {

	text-decoration: underline;

	font-weight: bold;

}





div#jssUsersOnline {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	font-size: 0.85em;
}



div#jssCopyright {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	font-size: 0.85em;
}



/* General Form Styling ------------------------------------------------------------- */



.jssForm {

}



.jssFormRow {

	clear: both;

	height: 15px;

	font-size: 0.85em;

	margin: 5px 0 0 0;

} 



.jssFormCol1 {

	float: left;

	width: 150px;

	text-align: left;

	height: 15px;

	padding: 2px;

	margin-right: 2px;

	font-weight: bold;

}



.jssFormCol2 {

	float: left;

	text-align: left;

}	



.jssError {
	font-size: 0.85em;
	font-weight: normal;
}



.jssFormDiv {
	text-align: center;
	float:left;

}



.jssFormTable {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
    width: 100%;
}



.jssFormTable caption {
	margin-left: auto;  margin-right: auto;
	font-size: 0.85em;
}



.jssFormTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
	vertical-align: top;
	padding-top: 3px;
}



.jssFormTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
}



.jssFormTable td.jssFormSubmit {

	text-align: right;

}



.jssFormTable input {
	font-size: 0.85em; 
	font-weight: normal;
	height: 1.3em;
}



.jssFormTable select {
	font-size: 0.85em; 
	font-weight: normal;
}



.jssFormTable td.jssFormSubmit input {
	font-weight: normal;
	font-size: 0.85em;
	cursor: pointer;
	height: 18px;
}



.jssFormError {
    font-weight: bold;
	font-size: 0.85em;
}



/* Cart Styling ------------------------------------------------------------- */

.jssCartDiv {

	text-align: center;

}


.jssCartTable {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px;
}



.jssPCentered {
	text-align: center;
}



.jssCartTable caption {
	margin-left: auto; 
    margin-right: auto;
	font-size: 0.85em;
}



.jssCartTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
	vertical-align: top;
}



.jssCartTable th.right {
	font-weight: bold;
	padding: 2px;
	text-align: right;
	font-size: 0.85em;
	vertical-align: top;
}



.jssCartTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
	vertical-align: top;
}



.jssCartTable td.right {
	font-weight: normal;
	padding: 2px;
	text-align: right;
	font-size: 0.85em;
	vertical-align: top;
}



.jssCartTable th.total {
	font-weight: bold;
	padding: 2px;
	text-align: right;
	font-size: 0.85em;
	vertical-align: top;
}



/* general table styling ------------------------------------------------------------- */



.jssGeneralTableDiv {
	text-align: center;
}



.jssGeneralTable {
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	border: 0px;
}



.jssGeneralTable caption {
	margin-left: auto; 
	margin-right: auto;
	text-align: right;
	font-weight: bold;
	font-size: 0.85em;
}



.jssGeneralTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
	vertical-align: top;
}



.jssGeneralTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
}



.jssGeneralTable td.bold {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
}



.jssGeneralTable a {
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	font-size: 0.85em;
	white-space: nowrap;
}



.jssGeneralTable a:link, .jssGeneralTable a:visited

{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
}



.jssGeneralTable a:hover

{
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.85em;
}



/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */



.jssProductTableDiv {

	text-align: center;

}



.jssProductTable {
	margin-left: auto;  
	margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}



.jssProductTable caption {
	margin-left: auto;  
	margin-right: auto;
	text-align: right;
	font-weight: bold;
	font-size: 0.85em;
}



.jssProductTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
	vertical-align: top;
}



.jssProductTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.85em;
}



/* Index-specific Styles ------------------------------------------------------------- */



.jssIndexProductThumbnail {

	float: left; margin-right: 5px; padding: 3px;

}



.jssIndexFullWidth {

	clear: both; text-align: center; width: 100%;

}



.jssIndexColLeft {

	width: 49%; float: left;

}



.jssIndexColRight {

	width: 49%; float: right;

}



.jssIndexProductBlock {

	width: 100%; clear: both; text-align: left;

}



.jssIndexProductGap {

	width:2%; float: left;

}



/* Section And Listing Styles ------------------------------------------------------------- */


div#pagescontainer {
	padding-top:0px;
}



ul#pageslist {
font-size:0.85em;
float:right;
margin-top:0px;
margin-bottom::0px;

}


ul#pageslist a {
color:#0054a5;
}





#pageslist li {

	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px; font-weight: normal; 
	font-size: 0.90em;

}



#pageslist a {

	padding: 0px 3px 0px 3px; 
	margin: 0px; 
	font-weight: normal; 
	font-size: 0.90em;
}



#pageslist a:link, #npageslist a:visited {

	text-decoration: none;

}



#pageslist a:hover {

	text-decoration: none;

}



/* Other/Misc Styles ------------------------------------------------------------- */



.jssProductListMain {

	clear: both; padding-top: 2px;

	margin-bottom: 2px;

}



.jssProductListTitle {

	float: left; margin-right: 5px;

}





.jssSecFlagsDiv {
float:left;
}



.jssSecFlagsDiv2 {

	width: 4.9em; margin-left: 5px; padding: 3px;

}



.jssProductFlag {
	margin-bottom: 3px;
	margin-right: 5px; 
	padding-left: 3px; 
	font-size: 0.75em; 
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
}



.jssProductFlag2 {
	margin-bottom: 3px; 
	margin-right: 5px;
	padding-left: 3px; 
	font-size: 0.75em; 
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
}



.jssSectionThumbnail {

	float: left;

}



.jssSectionDesc {

	margin-left: 105px;

}



.jssSubSecDiv {

        float: left;

        text-align: center;

        width: 22%;

        border: 1px solid #000;

        height: 98px;

        padding: 3px;

        margin: 2px 2px 2px 2px;

}


.jssSecImages {
	float: right; 
	clear: both; 
	margin-right: 5px;
	margin-top: 35px; 
	margin-bottom: 35px; 
	padding: 0px;

}



.jssSecImages2 {
	float: none; 
	text-align: center; 
	margin-right: 0px; 
	padding: 0px;
}


.jssSectionImages {
	float:right;
	padding: 0px;
}



.jssLinksDiv {
	padding: 3px; 
	font-weight: bold;
}



.jssSubSecTitle {
	padding-top: 3px;
}


.jssSectionContent {
	clear: both; 
	padding-top: 10px;
}



.jssSecProductTitle {
	padding-top: 3px;
	margin-left:5px;
	font-size:0.90em;
	text-decoration:underline;
}



.jssSecProductDiv {
	clear: both; 
	text-align: left;
	margin-left: auto; margin-right: auto;

}



.jssSendFriendDiv a:hover {  
	text-decoration: underline; 
	cursor: pointer;
}



.jssProductSep {

	clear: both; border: 0px; margin-bottom: 5px; height: 5px;

}



.jssProductFullImage {

	float: left; margin-right: 10px; border: 1px solid;

}



.jssProductOptionsDiv {

	float: right; width: 100%;

}



.jssProductFieldsDiv {
   text-align: left;
   font-weight:normal;
}



.jssSendFriendDiv {
	float:right; 
	font-weight: bold;
	margin-top:20px;
	margin-right:5px;

}



.jssSendFriendDiv a { 
	font-size: 0.80em;
	text-decoration: none; 

}


div#productimage {
float:right;
}


div#productmoreinfo {
clear:both;
float:left;
margin-left:5px;
vertical-align:middle;
}

div#productbuy {
float:right;
margin-right:5px;
vertical-align:middle;
}

div#basketbutton {
width:100%;
text-align:left;
}



div#sortbox {
width: 480px;
}

div#searchparameters {
font-size:0.90em;
font-weight:bold;
}


td#productsearch {
border:thin;
border-color:#CCCCCC;
border-bottom-style:solid;
}



<!-- SIDE BAR CSS -->

#sidebar {
	float: left;
	width: 170px;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
}

#menusidebar {
	background-color:#3C7DEA;
}

#menusidebar p {
	background-color:#3C7DEA;
	color:#FFFFFF;
	margin-left: 10px;
	font-weight:bold;
}


#sidebar p {
	color:#0054a4;
	font-weight:bolder;
	margin-left:10px;
	background-color:#E5EEF8;
}


#shopleftheader {
	background-color:#0054a4;
	color:#FFFFFF;
	font-size:0.85em;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

#sidebar ul.sidemenu {
	background-color:#E5EEF8;
	margin: 0px 0px 0px 0px;
	padding:0;
}

#sidebar ul.sidemenu li {
	cursor: pointer;
	height: 20px;
	line-height: 10px;
	margin-left:2px;
}

#sidebar ul.sidemenu a {
	color:#FF0000;
	font-size:0.8em;	
}


a#sidelink {
color:#FFFFFF;
}

a#sidemenulink {
color:#999999;
}

#sidebar a {
color:#999999;

}


* html body #sidebar ul.sidemenu a { height: 18px; }



#sidebar ul.sidemenu a:hover {


}


.jssAddBasket {
    /* height: 18px;  */
	 border: 0px;
	 cursor: pointer;
     align: left;
} 



#slantedmenu{

font-weight: bold;

font-size: 0.75em;

}



#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#slantedmenu ul{

text-indent: 10px;

padding: 3px 0;

margin: 0;

background-color: #e0e0e0;

border: 1px solid #bebebe;

text-align: right; /*set value to "center" for example to center items*/

}



#slantedmenu ul li{

display: inline;

}



#slantedmenu ul li a{

color: #494949;

padding: 3px 0;

padding-right: 20px;

margin: 0;

text-decoration: none;

background: transparent url(http://www.cricket-hockey.com/shop/images_new/slantdivider.gif) top right no-repeat;

}



#slantedmenu ul li a:visited{

color: #494949;

} 



#slantedmenu ul li a:hover{

color: black;

}