/*NEWSLETTER SIGN UP BAR CONTROLS */

.mc-field-group{
	background-color: #000000; /*****BLACK BACKGROUND COLOUR OF SIGN UP BAR ****/
	padding: 10px;
}

#mce-email {
	float: left;
	margin:10px;
}

#mce-FNAME{
	margin:10px;
}


.signupBox {
    margin: auto;
    overflow: hidden;
    width: 960px;
	background-color: #000;
	margin-bottom: 20px;
}

/*FIRST 3 FOOTER COLUMNS ARE STYLED WITH THIS CLASS */
.signupBox .signup {
    float: left;
    height: 60px;

    width: 410px;
	display: block;
}

/*TEXT INSIDE OF BOX */

p#signuptext {
	padding: 25px 20px 0px 20px;
	 font-size: 14px;
	font-family: "Arial", Verdana, Sans-Serif;
	color: #ffffff;
	font-weight: bold;
	text-transform:uppercase;
 }

/* EMAIL SIGN UP BAR */
#mc_embed_signup input.email {

  padding: 8px 4px;
  margin: 0 4% 10px 0;
  text-indent: 5px;
  color: #818181;
  font-size: 1.0em;
  background: #f3f3f3;
  font-weight: bold;
  width: 300px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*CONTROLS THE SIGN UP BUTTON */
#mc_embed_signup .button {

  position: relative;
  background-color: #8db671;
  padding: 0;
  margin: 0 auto;
  border: 0 none;
  border-bottom: #719f5a 3px solid;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 140px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}

/* HOVER OVER STUFF */
#mc_embed_signup .button:hover { background-color: #9cc183; border-bottom-color: #7fac69; }
#mc_embed_signup .button:active { top: 2px; border-bottom-width: 1px; }

#mc_embed_signup .small-meta { font-size: 11px; }

#mc_embed_signup .nowrap { white-space: nowrap; }
#mc_embed_signup .clear { clear: none; display: inline; }


/*END OF NEWSLETTER SIGN UP BAR */


#footer {
    background: #000;
    width: 100%;
    height: 100px;
}

/*THIS CONTROLS THE DIV THAT MAKES THE FOOTER INFO DISPLAY IN LINE WIHT THE WHITE BODY DIV*/
#footerbody {
    background-color: #000;
	    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 20px 15px;
			/*padding:

    top padding is 20px
    right padding is 200px
    bottom padding is 15px
    left padding is 20px
*/
}

/*-------------------------------------------/*/



#submit {

  position: relative;
  background-color: #8db671;
  padding: 0;
  margin: 0 auto;
  border: 0 none;
  border-bottom: #719f5a 3px solid;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 400px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}

#submit:hover { background-color: #9cc183; border-bottom-color: #7fac69; }
#submit:active { top: 2px; border-bottom-width: 1px; }








/*START OF SIDE NAV STYLING */


.sidebar1 {
	float: left;
	width: 200px;
	background: #eeeeee;
	padding-bottom: 10px;
}

p.sidetext {
	font-size: 12px;
	color: #3d3d3d;
		background: #eeeeee;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right:10px;
}


.content-info {

	padding: 10px 0;
	width: 720px;
	float: left;
	font-size: 14px;
	font-family: "Arial",Verdana,Sans-Serif;
	margin: 2px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}

.content-info p{
	padding-bottom: 20px;

}

.content-info h3{
	padding-bottom: 15px;
	color: #3C3C3C;
	font-size: 18px;
}

.content-info h2{
	padding-bottom: 15px;
	color: #787878;
	font-size: 22px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content-info ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 180px;
	 /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	font-size:12px;
	background: #919191;
	color: #2a2a2a;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #000;
	color: #FFF;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* END OF SIDE NAVIGATION FOR INFORMATION PAGES */





.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: medium none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
	height:400px;
}
.flexslider .slides > li {
    display: none;
}
.flexslider .slides img {
    display: block;
    width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin: 0 0 60px;
    position: relative;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav a {
    background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flex-direction-nav .flex-prev {
    left: -36px;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}
.flexslider:hover .flex-prev {
    left: 5px;
    opacity: 0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .disabled {
    cursor: default;
    opacity: 0.3 !important;
}
.flex-control-nav {
    bottom: -40px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 6px;
}
.flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    overflow: hidden;
    position: static;
}
.flex-control-thumbs li {
    float: left;
    margin: 0;
    width: 25%;
}
.flex-control-thumbs img {
    cursor: pointer;
    display: block;
    opacity: 0.7;
    width: 100%;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .active {
    cursor: default;
    opacity: 1;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}
}



/*----------- START OF IMAGE SPACING CONTROLS ON HOMEPAGE----------- */
/*CONTROLS THE DIV THAT HOLDS ALL OF THE CATEGORY IMAGES ON THE HOMEPAGES */
#middle-spots-wrap.homepage {
    height: 875px;
    overflow: hidden;
    position: relative;
    width: 960px;

}
#middle-spots-wrap.homepage ul {
    height: 1265px;
    position: absolute;
    width: 960px;
}
#middle-spots-wrap.homepage ul li {
    background: none repeat scroll 0 0 #ffffff;
    display: block;
    height: 415px;
    overflow: hidden;
    position: absolute;
    width: 319px;
}

/*CONTROLS THE MIDDLE SPOTS AND SPACING OF THE HOMEPAGE CATEGORY IMAGES */
#middle-spots-wrap.homepage ul li.topleft {
    left: 0;
    top: 0;
}
#middle-spots-wrap.homepage ul li.topmiddle {
    left: 323px;
    top: 0;
}
#middle-spots-wrap.homepage ul li.topright {
    right: -5px;
    top: 0;
}
#middle-spots-wrap.homepage ul li.centreleft {
    left: 0;
    top: 435px;
}
#middle-spots-wrap.homepage ul li.centremiddle {
    left: 323px;
    top: 435px;
}
#middle-spots-wrap.homepage ul li.centreright {
    right: -5px;
    top: 435px;
}

/*THESE SPOTS ARE CURRENTLY UNUSED BUT WE CAN DROP THEM IN IF WE CAN 3X3 DISPALYED INSTEAD OF 3X2*/
#middle-spots-wrap.homepage ul li.bottomleft {
    bottom: 0;
    left: 0;
}
#middle-spots-wrap.homepage ul li.bottommiddle {
    bottom: 0;
    left: 340px;
}
#middle-spots-wrap.homepage ul li.bottomright {
    bottom: 0;
    right: 0;
}

/*END OF MIDDLE SPOT SPACING AND PLACING FOR CATEGORY IMAGES ON HOMEPAGE */


#middle-spots-wrap.homepage ul li a {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

/* CONTROLS THE HOLDER OF THE TEXT AND SHOP NOW INFORMATION */
#middle-spots-wrap.homepage ul li div {
	bottom: 9px;
	display: block;
	height: 85px;
	left: -7px;
	padding: 10px;
	position: absolute;
	text-align: left;
	width: 308px;
	z-index: 2;
}

/*THIS PART CONTROLS THE LINE OF TEXT ABOVE SHOP NOW BUTTON */
#middle-spots-wrap.homepage ul li div span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
}

/* THIS CONTROLS THE CATEGORY TEXT - 1ST LINE OF TEXT INFO */
#middle-spots-wrap.homepage ul li div span.spot-title {
    font-size: 12px;
    font-weight: 300;
    margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}

/*THIS PART CONTROLS THE SHOP NOW BUTTON */
#middle-spots-wrap.homepage ul li div p.cta {

	background: url("https://www.expresstrainers.com/templates/default/images/call-to-action-arrows.png") no-repeat scroll 100% -3px #000000;

	font-weight: bold;
	height: 2px;
	left: 95px;
	width: 115px;
padding-left: 20px;
padding-top: 7px;
	position: absolute;
	text-decoration: none;
	width: 115px;
	background-color: #8db671;
	bottom: 25px;
   border-bottom: #719f5a 3px solid;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top;

}

/* CONTROLS THE HOVER OVER ON THE SHOP NOW */
#middle-spots-wrap.homepage ul li div p.cta:hover {
   background-color: #9cc183;
   border-bottom-color: #7fac69;

   }

   #middle-spots-wrap.homepage ul li div p.cta:active {

   border-bottom-width: 1px;
   }

/*----------- END OF IMAGE SPACING CONTROLS ON HOMEPAGE----------- */









/* ----------------------------------------------------end of test area----------------------------------------------- */

*{margin:0px;padding:0px;}

li#clearance {background-color:#EC2023}






img, div, input{behavior:url("iepngfix.htc")}
a{outline:none;text-decoration:none;color:#3453A3}
a:hover{outline:none;text-decoration:underline;}
a:visited{color:#3453A3}
body{font-family:Arial,"Trebuchet MS";font-size:12px;background-color: #fff;background-image:url(/templates/default/images/bg2.jpg);background-attachment:fixed;}

p.info {
	color: #000000;
    font-family: "Arial",Verdana,Sans-Serif;
    font-size: 14px;
    padding-bottom: 20px;

}


form{margin:0;padding:0}


#wrapper {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    min-width:1040px;
    height: 175px;
}


#body{
padding: 20px 0px 0px 0px;
	margin-top:2px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height: 140px;
	background-color:black;
	}


	/*HERE IS ALL THE DELIVERY BANNER!*/

#delivery-banner-wrap {
    background: none repeat scroll 0 0 #1059c7;
    box-shadow: 0 5px 10px rgba(50, 50, 50, 0.333);
    display: block;
    height: 40px;
    position: relative;
    min-width:1040px;
}
#delivery-banner {
    background: url("../images/delivery-banner-dividers.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    z-index: 1;
}
#delivery-banner a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
	font-family:"Arial", Verdana, sans-serif;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 33.3333%;
}
#delivery-banner a.lastbanner {
    margin-right: 0;
}
#delivery-banner a:hover {
    text-decoration: underline;
}
/*END OF DELIVERY INFO BANNER*/




#customer-menulinks{padding:2px}
#customer-menulinks li{display:inline;list-style:none;margin:8px}
#banner{
	height:100px;
	padding:5px 5px 0;
	width:950px;


	}
#banner .leftbanner{

	float:left;
	width:380px;
	margin-top:-10px;
	font-size: 10px;
    font-weight: bold;

	}


#banner .rightbanner{
	float:right;
	width:300px;
	margin-top: -10px;
	padding-bottom: 10px;
	}

#banner .rightbanner .toppanel{float:right;width:354px;height:110px;background-image:url(../images/oct2010/controlPanel.jpg);margin-right:0px;margin-top:0px;background-repeat:no-repeat;}
#banner .middlebanner{

	display:block;
	float:left;
	width:103px;
	height:96px;
	padding-top:0px;
	padding-left:1px;
	background-image:url(https://www.expresstrainers.com/templates/default/images/ourprices.png);
	background-repeat:no-repeat;
	margin:-10px 0 0 25px;
	}

#banner .rightbanner .toppanel ul{padding-top:4px;padding-left:2px;}
#banner .rightbanner .toppanel ul li{list-style:none;color:white;line-height:18px;}
#banner .rightbanner .toppanel ul li a{color:white;}
.basket{margin-top:10px;float:right;margin-right:15px;}
.basket li{padding-left:20px;text-align:right;}
.basket span{font-weight:bold;margin-right:0px;}
.basket img{vertical-align:middle;}
.basket .{margin-bottom:5px;padding-left:0;text-align:right;}
#banner #topcart{float:right;border:2px solid #ccc;width:140px;text-align:center}
#banner #topcart:hover{border:2px solid #3353A3}
#xSearch-top{margin-top:5px}
#content{
	width:960px;
	padding: 0px 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:100%;
	background:#ffffff;
	}


.pics{height:222px;padding:0;margin:0;border:1px solid #ccc;overflow:hidden;}
.pics img{padding:15px;border:1px solid #ccc;background-color:#eee;width:642px;height:190px;top:0;left:0;z-index:-500}
#content #contentpanel{float:left;margin:auto;}
#content .leftcontent{float:left;width:140px;padding-top:4px;height:825px;min-height:100%;display:none;}
#content logo{text-align:center}
#content .logo ul{padding-top:4px;}
#content .logo ul li{list-style:none;text-align:center;padding-bottom:3px;}
#content .logo ul li.pading{padding-bottom:0px;}
#content .middlecontent{
	float:left;
	padding:0px 0px 10px 0px;
	background:#ffffff;
	min-height:760px;
	height:100%;
	width:960px!important;
	}
#content .middlecontent .flash{padding:5px;float:left;}
#content .middlecontent p{color:#262626;text-align:left;margin:2px;}
#content .middlecontent h5{font-size:14px;font-weight:bold;text-align:center;color:#1A1B1F;line-height:21px;background:#C9C9C9;float:left;width:100%}
#content .middlecontent .shoes{float:left;width:155px;margin-bottom:2px;margin-left:2px;padding-left:6px;padding-right:5px;}
#content .middlecontent .sec-thumb-title{color:#3453A3;font-size:12px;font-weight:bold;behavior:url("iepngfix.htc");padding-bottom:96px;}
.shoes img{border:none}
#content .middlecontent .shoes h2 span{font-size:10px;color:#131012;text-transform:uppercase}
#content .middlecontent .shoes span{font-weight:bold;font-size:11px}
#content .middlecontent .sec-shoes{border:1px solid #fff;float:left;height:270px;margin:2px;width:223px;overflow:hidden;padding:3px;
/*
background:url(../images/oct2010/shoeBG.jpg) repeat-x;
*/
margin-bottom:2px;margin-right:2px;padding:5px;padding-top:7px;}
#content .middlecontent .sec-shoes .details{height:50px;width:200px;
line-height:16px;
}
#content .middlecontent .was{text-decoration:none;color:#293E6F;}
.homePromo1{height:160px;margin-bottom:5px;}
.homePromo2{margin-top:5px;height:160px;width:337px;float:left;margin-bottom:4px;}
.homePromo2.first{margin-right:5px;}
.homeShoes{margin:0;padding:0px;float:left;overflow:hidden;padding-left:2px;padding-top:2px;}
.homeShoes .shoes{margin:0!important;margin-bottom:2px;margin-right:2px!important;background:url(../images/oct2010/shoeBG.jpg) repeat-x;}
#content .middlecontent .sec-shoes:hover{border:1px solid #fff}
#content .middlecontent .shoes span.home-rrp{font-weight:normal}
.home-thumb-title a{font-weight:bold;color:#fff;}
.sec-thumb-title a{color:#3453A3;font-size:1.1em}
img.sec-thumb{border:none;width:220px}
.sec-thumb-price{background:url(../images/logo_65.jpg) 1px 3px no-repeat;text-align:right;padding:0px;margin:0px;font-size:29px;color:#FE0326;text-transform:uppercase;font-weight:bold}
div.sec-buy{font-size:1.2em;text-align:left;font-weight:bold;width:98px;float:left;clear:right;}
div.r{float:right;width:75px;}
#order-summary td{padding:10px}
#content .middlecontent a.sec-thumb-title{color:#FFFFFF;font-size:12px;font-weight:bold;behavior:url("iepngfix.htc");padding-bottom:96px;}
#content .middlecontent .shoes h2{font-size:24px;color:#FE0326;background:url(../images/logo50.png) no-repeat;text-align:right;padding:0px;margin:0px;}
.footerpanel{text-align:center;width:100%;padding-bottom:10px;padding-top:5px;color:#eee;height:105px;}
.footerpanel ul li{list-style:none;margin:2px;}
.footerpanel ul li a{font-size:10px;color:#eee;<--text-decoration:underline;-->}
.footerpanel ul li a:hover{color:#fff}
.footerpanel ul{width:185px;float:left;}
.fullwidth{width:100%;}
.infoimg{display:block;width:100%;height:100%;}

.copyRight{
	color:#B2B2B2;
	clear:both;
	float:none;
	background: #000000;
	width:100% !important;
	text-align:center;
	padding:20px 0 0 0;
	}
#content .rightcontent{width:130px;height:825px;padding-left:10px;}
#content .rightcontent img{margin-bottom:10px;border:0;}
#content .rightcontent .thawte{width:126px;height:108px;background:url(../images/oct2010/blank.gif);margin-left:0px;}
#main-content{padding:0;padding-top:0px;}
#main-content .section-content
.product-block{float:left;margin:2px;width:185px;padding:3px;border:1px solid #ccc}
.testimonials{color:white;margin-bottom:10px;font-weight:bold;}
.testimonials .text{margin-bottom:10px;font-weight:normal;font-style:italic;}
.p-sendfriend{font-size:0.9em;margin-top:20px;}
.p-sendfriend a{color:#666}
.loginbox{width:305px;float:left;border:2px solid #ccc;margin:20px;padding:15px;height:148px}
table.form-table{padding:0px;margin:0px}
.form-table input{font-size:1.2em;vertical-align:bottom}
.form-table th{padding:6px;text-align:right;margin-right:3px}
.form-table td{padding:7px}
.highlight{background:#A4BAEF;border:1px solid blue}
#p-image{float:left;border:none;margin-left:1px}
#p-options{float:right;text-align:left;border:1px solid #fff;width:435px;margin-left:0px}
#p-options .sub{background:#eee!important;padding:5px;font-size:1.4em;margin:0!important;}
#p-options h1{background:#000;color:#fff;font-size:1.6em}
.p-save{font-weight:bold;font-size:1.4em;}
.product-zoom-thumb{float:left;margin:3px;}
.product-zoom-thumb img{width:90px;height:57px;border:1px solid #ccc;float:left;margin:0px;}
.product-thumb-container{width:430px;height:120px;border:1px dotted #ccc;position:relative;}
div.product-extra-fields{margin:10px}
div.product-extra-fields p{margin:0;padding:0}
div.product-options-container{float:left;width:950px;border:0px solid #ccc;height:auto;min-height:165px;margin:5px;padding:0px}
div.product-options-container h2{width:auto;}
img.product-image{padding-left:35px}
div.product-pageblock{float:left;width:150px;margin:7px}
.p-price{color:#ee3a33;font-weight:bold;font-size:3.5em;font-family:Arial ,Futura,Verdana,Arial;text-align:center}
.p-table{padding-left:0px;border:none}
.p-table td{padding-left:0px;border:none;vertical-align:top}
.action-button{font-size:1.2em;font-weight:bold;padding:4px;margin:0;background:#0033ff;color:#eee;height:30px;}
.action-button:hover{font-size:1.2em;background:#66cc33;cursor:pointer;border:1px solid #ccc;color:#111;text-decoration:underline}
a.action-link{font-size:1.2em;color:#eee;background:#0033ff;padding:3px;margin:6px}
.action-link:hover{color:#111;background:#66cc33}
<!--
.product-buy-button{font-size:1.2em;font-weight:bold;padding:4px;margin:0;background:#0033ff;color:#eee;height:30px;border:3px solid #888;text-transform:uppercase}
.product-buy-button:hover{font-size:1.2em;background:#0033ff;cursor:pointer;border:1px solid #ccc;text-decoration:underline}
-->
.product-buy-button{border:0;background:transparent url("/templates/default/images/BTN1.png") no-repeat 0 0;height:50px;margin-left:15px}
.product-buy-button:hover{border:0;background:transparent url("/templates/default/images/BTN2.png") no-repeat 0 0;height:50px;margin-left:15px;cursor:pointer;}
.button{font-size:1.2em;height:1.8em;background:#ccc;padding-bottom:1px;text-decoration:none;font-weight:normal;}

.contact-button{
position: relative;
  background-color: #8db671;
  padding: 0;
  margin: 0 auto;
  border: 0 none;
  border-bottom: #719f5a 3px solid;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 400px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  }



.button:hover{font-size:1.2em;height:1.8em;background-color:#1a5bb0;color:#ffffff;cursor:pointer;padding-bottom:1px;}
div.product-search-block{border-top:2px solid #ccc;height:125px;width:100%;margin-top:5px}


div.pages-container{float:left;text-align:right;margin:0;padding:0;float:right;}
ul.pages-list{margin:0;padding:0;background-color:white;float:right;}
ul.pages-list li{
	float:left;
	list-style:none;
	font: bold 12px/13px Arial, Helvetica, sans-serif; padding: 5px 9px;
	color: #999;
	background: #eee;
	word-spacing: normal;
	margin: 0 1px;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	border-bottom: 3px solid
	}
ul.pages-list li.a { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
ul.pages-list lia:active { background: #666; color: #fff; }
div.pages-container{}






.cart-table{padding:9px}
.cart-table th{padding:5px!important;border-bottom:1px solid #cecece}
.cart-table td{padding:5px!important;border-bottom:1px dotted #eee;vertical-align:top}
.cart-table th.total{text-align:right}
#breadcrumb{font-size:13px;margin-top:5px;margin-right:5px;float:left;}
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}
#breadcrumb-title{font-weight:normal;color:#ffffff;padding-left:3px;padding-right:3px;margin-right:3px;}
h1{font-size:1.25em;font-weight:bold;color:#222;color:#fff;background-color:#4260A9;background-color:#000;border-bottom:1px solid #999;padding:5px;margin-bottom:0px;font-family:Verdana;clear:both;}
h2{font-family:Verdana,Arial, sans serif;font-size:0.84em;margin-bottom:4px;clear:both;}
p{font-size:1em;}
strong{font-weight:bold;}
.checkbox{position:relative;top:2px;border:0px;}
select{font-size:1em;font-weight:normal;background-color:#FFFFFF;color:#000000;border:1px solid #999;}
.smaller-text{font-size:0.8em;width:100%;}
.price{font-weight:bold;font-size:0.8em;color:#800000;}
.error-text{font-size:0.95em;color:#cc0000;}
.clear-left{clear:left;}
.clear-both{clear:both}
.float-right{float:right;}
.float-left{float:left;}
.center{text-align:center}
.p7menubar a.trigger{}


#menufullwidth{
	background-color: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 30px;
}



#menuwrapper{
	padding-bottom:10px;
	float:left;
	height:30px;
	width: 960px;
	/*background:url(../images/oct2010/topNavBG.gif)
	;background-repeat:
	repeat-x*/
	;background-color:black;
	}

.searchHolder{float:right;}
.search{float:left;border-right:1px solid #222;padding-right:20px;}
.search form{margin:0;padding:0;float:left;}
.search input{margin:0!important;padding:0!important;width:130px;height:14px;margin-right:10px!important;margin-top:3px!important;background-image:url(../images/oct2010/searchBG.gif);padding:5px!important;padding-left:10px!important;padding-right:10px!important;border:0;}
.search a{text-decoration:none;font-size:13px;color:#fff;border-right:0;}
.clearit{clear:both;height:0;line-height:0.0;font-size:0;}
.p7menubar, .p7menubar ul{padding:0;margin:0;list-style:none;font-family:Arial, Helvetica, sans-serif;}
.p7menubar{float:left;}
.p7menubar a{display:block;text-decoration:none;padding:6px 13px 6px 13px;border-right:1px solid #222;font-size:13px;color:#fff;height:18px
width:auto;}
.p7menubar a.trigger{}
.p7menubar li{float:left;display:block-inline;}
.p7menubar li{position:relative;}
.p7menubar li ul, .p7menubar ul li{width:12em;}
.p7menubar ul li a{color:#111;border-right:0;padding:5px 12px 5px 16px;}
.subNav{display:none;border:1px solid #222;border-top:0;color:white;padding:10px;background-color:black;position:absolute;padding-left:20px;padding-bottom:20px;padding-right:0;}
.subNav li{line-height:20px;font-size:12px;}
.subNav li.title{text-decoration:underline;margin-bottom:5px;}
.subNav li a{color:white;font-size:12px;font-weight:normal;}
.subNav ul{list-style-type:none;margin-right:20px;}
.scrollWrapper{height:790px;width:80px;overflow:hidden;position:relative;margin-left:30px;}
.scrollWrapper ul{list-style-type:none;margin:0;padding:0;position:absolute;margin-top:-80px;width:80px;background-color:black;}
.scrollWrapper li{margin:0;padding:0;float:left;height:80px;width:80px;}
.scrollWrapper li div{line-height:80px;}
.scrollWrapper li a{float:left;display:inline;}
.scrollWrapper li img{border:0;vertical-align:middle;display:inline;}
.scrollingText{overflow:auto;height:70px;padding:5px;background-color:black;color:white;float:left;}
.scrollingText h5{display:none;}
.tabContainer{padding:5px;padding-top:0px;}

.homeTabs{clear:both;border:1px solid #666;font-size:11px;}
.homeTab{padding:10px;color:Black;min-height:150px;overflow:scroll;overflow-x:hidden;}
.homeTab p{margin-bottom:5px;}
.homeTab div{padding:5px;}
.homeTab ul{margin-left:15px;}
.homeTab li{margin-bottom:5px;}

.homeTabs h2,.homeTabs h2{margin-top:0;margin:0px;padding:0px;font-size: 1.4em;margin-bottom: 4px;}

UL.homeTabNavigation{clear:both;list-style-type:none;margin:0;padding:0!important;font-size:11px;padding-top:15px;}
UL.tabNavigation LI{list-style-type:none;float:left;margin-right:4px;}
UL.tabNavigation LI A{background-color:#999;background-repeat:repeat-x;color:#ffffff;text-decoration:none;outline:none;display:block;font-size:11px;font-weight:bold;padding-top:6px;padding-bottom:4px;padding-left:10px;padding-right:10px;text-align:center;text-transform:uppercase;}
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover{background-color:#666;color:#ffffff;}
.xmasDelivery{background-image:url(/images/xmas-eshot/straplinesection.jpg);height:43px;display:none;}
.homeSlideHolder{
	float:left;
	width:830px;
	height:410px;
	margin-top: 15px;
	}
.scrollWrapper{display:none;}

#strap{
	display:block;
	width:100%;
	background-image:url(/templates/default/images/banner.jpg);
	height:105px;
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	padding: 10px 0;
	}

#straphomepage{display:block;width:100%;background-image:url(/templates/default/straphome2.jpg);height:84px;background-color:#fff;background-position:top center;background-repeat:no-repeat;}
#snippet{
		color: #000000;
    font-family: "Arial",Verdana,Sans-Serif;
    font-size: 14px;
    padding-bottom: 20px;
	text-align: left;

	}
#snippeteaster{margin:0 5px 0 5px;float:left;width:710px;align:center;background-repeat:repeat-x repeat-y;}
#snippetxmas{margin:0 5px 0 5px;float:left;width:710px;align:center;background-image:url(/templates/default/images/snowflakes.jpg);background-repeat:repeat-x repeat-y;}
#howdolist{width:275px;}
.footer{font-size:16px;font-weight:bold;text-decoration:underline;text-align:center;}
a.footerlink:link{color:#FFF;text-decoration:none;}
a.footerlink:visited{color:#FFF;text-decoration:none;}
a.footerlink:active{color:#FFF;text-decoration:none;}
a.footerlink:hover{color:#FFF;text-decoration:underline;}
#snippettrainerhistory{background-image:url(/templates/default/images/trainerhistbgr.jpg);background-repeat:repeat-x repeat-y;margin:0 0 0 10px;float:left;width:700px;align:center;}
#snippetadidas{background-image:url(/templates/default/images/largetrefoil.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetreebok{background-image:url(/templates/default/images/reebokbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetfiretrap{background-image:url(/templates/default/images/firetrapbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetconverse{background-image:url(/templates/default/images/conversebgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetcat{background-image:url(/templates/default/images/catbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetasics{background-image:url(/templates/default/images/asicsbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetpuma{background-image:url(/templates/default/images/pumabgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetgstar{background-image:url(/templates/default/images/gstarbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetnike{background-image:url(/templates/default/images/nikebgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetnewb{background-image:url(/templates/default/images/newbbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetonitsuka{background-image:url(/templates/default/images/onitsukabgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetsergio{background-image:url(/templates/default/images/sergiobgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetkswiss{background-image:url(/templates/default/images/kswissbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetlacoste{background-image:url(/templates/default/images/lacostebgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippettimberland{background-image:url(/templates/default/images/timberlandbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#snippetskechers{background-image:url(/templates/default/images/skechersbgr.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:800px;align:center;}
#table1{padding-left:40px;float:left;width:700px;font-size:17px;font-weight:bold;}
<!-- Footer boxes CSS -->
#footerholder{height:310px;width:960px;margin-left:auto;margin-right:auto;background-color:#ffffff;}
.catholderrunm{height:150px;width:470px;margin-left:auto;margin-right:auto;border:#CCCCCC solid 1px;float:left;font-family:Arial;font-size:18px;text-align:center;background-color:#ffffff;}
.catholderrunw{height:150px;width:470px;margin-left:auto;margin-right:auto;border:#CCCCCC solid 1px;float:right;font-family:Arial;font-size:18px;text-align:center;background-color:#ffffff;}
.catholderout{height:150px;width:470px;margin-left:auto;margin-right:auto;border:#CCCCCC solid 1px;float:left;font-family:Arial;font-size:18px;text-align:center;background-color:#ffffff;}
.catholderunder{height:150px;width:470px;margin-left:auto;margin-right:auto;border:#CCCCCC solid 1px;float:right;font-family:Arial;font-size:18px;text-align:center;background-color:#ffffff;}
#ftrpadder{height:50px;background-color:#000000;}
.product-description{padding-left:3px;padding-top:3px;}
.product-description h2,.product-description h3{font-weight:bold;font-size:1.4em;}

div.subNav {
    top:31px;
    left:0;
    z-index:5000;

}

#menuwrapper {
    position:relative;
    top:0;
    left:0;
}

.column { float:left; }

.list-column-1 {
    clear:left;
}
.list-column-2,.list-column-3,.list-column-4,.list-column-5,.list-column-6,.list-column-7 {
    margin-top:25px;
}

.subNav li a {
    text-decoration:none;
    /*color:black;*/
}

.subNav {
    /*background-color: white;*/
    opacity:0.9;
}



.productFilterTitleBox {
    height: auto;
    padding: 2px 6px;
}
.productFilterTitleBox {
    background-color: #EEEEEE;
    border-bottom: 1px dotted #AAAAAA;
    border-top: 1px dotted #CCCCCC;
}
.productFilterTitleBox {
    cursor: pointer;
    height: 20px;
    padding:4px 0 0 7px;

}

.productFilter {
    padding-top: 0;
    border-right: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom:5px;
}

.productFilterList {
    padding: 6px 0;
}
.productFilterList {
    padding: 6px;
    width: auto;
}

.productFilterList ul {
    max-height: 257px;
    list-style: none outside none;
}
.productFilterList ul {
    max-height: 247px;
    overflow-y: auto;
    padding:0;
    margin:0;
}


.productFilterList li {
    background: url("https://www.jjbsports.com/Images/core/squareboxes4.png") no-repeat scroll -5px -76px rgba(0, 0, 0, 0);
    color: #444444;
    width: auto;
    display: block;
    font-size: 0.9em;
    padding: 3px 20px;
    cursor:pointer;
}


.productFilterList ul li a {
    margin: 0;
    padding: 0;
}
.productFilterList a {
    color: #333333;
}



.sec-thumb
{
    width:100%!important;
    height:auto!important;
}

#content .middlecontent .sec-shoes .details
{
    width:auto;
}

#content .middlecontent .sec-shoes
{
    width:175px;
    height:280px;
}

.sec-thumb-price
{
    background:none;
    width:auto;
    float:right;
}

.sec-shoes .imageLink {
	display:block;
	height:115px;
padding-top:35px;
}

.productFilterList li.SelectedFilter {
    background: url("/images/squareboxes4.png") no-repeat scroll -53px -27px rgba(0, 0, 0, 0);
}

.productFilterList li.DisabledFilter
{
    display:none!important;
}

  .productFilterList ul#sizeFilter li {
        float:left;
        width:50px;
        padding-right:4px;

    }

        .productFilterList ul#sizeFilter li span
        {

            float: right;

        }
/*
li.men
{
    border:1px solid blue;
}
li.women
{
    border:1px solid red;
}
li.jnr
{
    border:1px solid pink;
}
li.infant
{
    border:1px solid yellow;
}
    */

div.subNav {
    top:31px;
    left:0;
    z-index:5000;
    /*width:938px;*/
}

#menuwrapper {
    position:relative;
    top:0;
    left:0;
}

.column { float:left; }

.list-column-1 {
    clear:left;
}
.list-column-2,.list-column-3,.list-column-4,.list-column-5,.list-column-6,.list-column-7 {
    margin-top:25px;
}

.subNav li a {
    text-decoration:none;
    font-size:11px;
    /*color:black;*/
}

.subNav {
    /*background-color: white;*/
    opacity:0.9;
}

.sizeToggle {
    float:right;
    text-decoration:underline;
    padding-right:5px;
    font-size:10px;
}

#resultsGrid {
 position:relative;
}

#ajaxBusy {
       display:none;
        position:absolute;
        z-index:100;
        width:100%;
        margin:0;
        padding:0;
        background-image:url(/images/ajax-loader.gif);
        background-position:center center;
        background-repeat:no-repeat;
        top:0;
        left:0;
}

#modalBG {
       display:none;
        position:absolute;
        z-index:99;
        width:100%;
        opacity:0.8;
        top:0;
        left:0;
        background-color:white;
}


.delNotes {
margin-top:20px;
	margin-left:175px;
}
.delNotes u{
	display:block;
	margin-bottom:20px;
margin-left:-15px;
	text-align:left;
}

.delNotes li {
	text-align:left;

}
#panel_5 {
left:410px;
padding-left:20px;
padding-right:20px;
}

/* START OF FOOTER INFORMATION */

#footer {
    background: #000;
    width: 100%;
    height: 100px;
}

/*THIS CONTROLS THE DIV THAT MAKES THE FOOTER INFO DISPLAY IN LINE WIHT THE WHITE BODY DIV*/
#footerbody {
    background-color: #000;
	    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 20px 15px;
			/*padding:

    top padding is 20px
    right padding is 200px
    bottom padding is 15px
    left padding is 20px
*/
}

/*-------------------------------------------/*/


/*THIS PART CONTROLS THE FOOTER NAV*/
/*CONTROLS THE BACKGROUND IMAGETHAT REPEATS HORIZONTALLY THROUGHOUT FOOTER */

#footerCntr {
    background: url("../images/footer-bg2.gif") repeat-x scroll left top #000;
    height: 220px;
    overflow: hidden;
    padding-top: 30px;
	min-width: 1040px;
}

/*CONTAINS THE FOOTER INFORMATION THAT SPREADS UNDERNEATH THE WHITE BODY DIV */
.footerBox {
    margin: auto;
    overflow: hidden;
    width: 960px;
}

/*FIRST 3 FOOTER COLUMNS ARE STYLED WITH THIS CLASS */
.footerBox .contact {
    background: url("../images/footer-sep.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    float: left;
    height: 157px;
    margin-right: 10px;
    padding-top: 10px;
    width: 220px;
}

/*LAST COLUMN IS STYLED WITH THIS CLASS (PAYMENT AND SOCIAL)*/
.footerBox .social {
    float: left;
    height: 157px;
    padding-top: 10px;
    width: 250px;
	margin-left: 5px;
}

/*CONTROLS THE TITLE OF EACH COLOUM */
.footerBox h3 {
    color: #787878;
    font-size: 14px;
    padding-bottom: 9px;
	font-family: "Arial", Verdana, Sans-Serif;
}

/*PREVENTS NAV BEING DISPPLAYED AS BULLET POINTED LIST */
.footerBox ul {
    list-style: none outside none;
}

/*FOOTER NAV STYLING, FONT, WEIGHT AND COLOUR */
.footerBox li {
    font-size: 12px;
    line-height: 16px;
	font-family: "Arial", Verdana, Sans-Serif;
}
.footerBox a {
    color: #FFFFFF;
    text-decoration: none;
}
.footerBox a:hover {
    text-decoration: underline;
}

/*CONTROLS THE SOCIAL BOXES PADDING */
.footerBox ul.network {
    list-style: none outside none;
    overflow: hidden;
}
.footerBox ul.network li {
    float: left;
    padding-right: 8px;
}
.footerBox ul.network li a {
    display: block;
    text-indent: -9999px;
}
.footerBox ul.network li a.fb {
    background: url("../images/facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 24px;
    width: 24px;
}
.footerBox ul.network li a.twitter {
    background: url("../images/twitter.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 25px;
    width: 25px;
}
.footerBox ul.network li a.instagram {
    background: url("../images/instagram.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 24px;
    width: 24px;
}

	.footerBox ul.network li a.google {
    background: url("../images/googleplus.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 24px;
    width: 24px;
}

/*CONTROLS THE TEXT STYLE CURRENTLY DISPLAYED IN THE SOCIAL STYLE */

.footerBox p {
    color: #ffffff;
		font-family: "Arial", Verdana, Sans-Serif;
		font-size: 12px;
    line-height: 14px;
    padding: 0px 0px 9px 0px;
			/*padding:

    top padding is 20px
    right padding is 200px
    bottom padding is 15px
    left padding is 20px
*/
}

/* END OF FOOTER STYLING AND CODE */


.discounts-row {
color:red;
}



#thawteseal {
margin-top:10px;
}

#thawteseal img {
max-width:199px;