/* reset */
body{padding:0;margin:0;font:12px Verdana, Arial, Helvetica, Garuda, sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:bold;font-style:normal;}
table{font-size:inherit;font:100%;border-collapse:collapse;}
ul{list-style:none;}
img{border:0;padding:0;margin:0;}
p{margin:1em 0;}
A:focus,A:active,A:link {outline:none;border:none;-moz-outline: none; }
.clear {
	clear: both;
	height: 0px;
}
/* general typography */
SPAN.large {font-size: 130%;}
SPAN.xtralarge {
	font-size: 200%;
	font-weight: bold;
	line-height: 23px;
}
H1 {font-size: 3em;}
H2 {font-size: 2.5em;}
H3 {font-size: 2.0em;}
H4 {font-size: 1.6em;}
H5 {font-size: 1em;}
H6 {font-size: .8em;}
H {font-weight:bold;}
I {font-style:italic;}
.icon {
	height: 1em;
	border: 0px;
	margin: 0 2px 0 2px;
	padding: 0px;
	display: inline;
}

.caps {text-transform: uppercase;}
.hide {display: none;}

SPAN.reg {
	font-size: 50%;
	font-weight: normal;
	position: relative;
	top: -5px;	
}
/* outer framework */
#outer {
	text-align: left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#topper {
	height: 35px;
	width: 100%;
	text-align: right;
}
#header {
	width: 100%;
	height: 148px;
}

#custservno{
    text-align:center;    
}

/* navigation */
#topnavcontainer {
	background: #000;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 26px;
	z-index: 1000;
}
UL#topnav {
	margin: 0;
	padding: 0;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	z-index:1000;
}
UL#topnav LI.topnav, UL#topnav LI.space {
	float: left;
	text-align: center;
	height: 26px;
	color: #fff;
    z-index: 1000;
	overflow: visible;
	line-height: 26px;
}
UL#topnav LI.topnav {
	width: 80px;
	z-index: 1000;
	
}
UL#topnav LI.topnav A {
	color: #fff;
	text-decoration: none;
}
UL#topnav LI.topnav UL {
	display: none;
	text-align: left;
	background: #808080;
	color: #000;
	width: 200px;
	border: 1px solid black;
	padding: 2px;
}
UL#topnav LI.topnav:hover UL LI {
	height: 20px;
	line-height: 20px;
	color: #000;
	border-bottom: 1px solid black;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	z-index:1000;	
}
UL#topnav LI.topnav:hover UL LI:hover {
	background: #909090;
}
UL#topnav LI.topnav:hover UL LI A {
	font-size; 12px;
	color #000;
	text-decoration: none;	
}
UL#topnav LI.topnav:hover UL {
	display: block;
	position: absolute;
	float: left;
z-index: 1000;
}
#schoolbanner {
	width: 100%;
	height: 95px;
	clear: both;
}
TD.SCHOOLS, TD.RETAILERS, TD.NEWS, TD.MAP, TD.PRIVACY {
    background: white;
}
#content {
	background: #808080;
	margin-top: 3px;
	width: 100%;
	z-index: 1;
}
#left.home {
	margin: 12px;
	padding: 0;
	width: 435px;
	height: 348px;
	float: left;
	background: white;
}
#right.home {
    text-align: center;
	margin: 12px 12px 12px 2px;
	padding: 0;
	width: 373px;
	min-height: 348px;
	height: 348px;
	float: left;
}
#left.allcats {
	width: 775px;
	float: left;
}
#rightbar {
	width: 114px;
	text-align: center;
	background: #fff;
	margin: 0;
	float: left;	
	min-height: 400px;
	padding: 5px 0 0 0;
}

#schoolIcons LI {
    float: left;
    margin: 0 2px;
/*
    width: 42px;
    height: 42px;
*/
}
#schoolIcons UL {
   width: 114px;
   margin: 0 auto;

}
#rightbar H2 {
    color: #4D4D4D;
    font-size: 14px;
    margin-top: 10px;
}
#footer {
		clear: both;
		padding: 20px;
		background: #fff;
}
#hometext {
width: 100%;
	background: white; 
}
#hometext P {
	margin: 10px 10px 10px 10px;
	font-size: 14px;
	line-height: 16px;
	float: left;
	text-align: justify;
}
/*#noconalogo {
	margin-bottom: 20px;
}*/
#prodImg {
	cursor: pointer;
	cursor: hand;
	width: 380px;
	height: 460px;
	z-index: 1;
	background: white;
    background-position: center center;
    background-repeat: no-repeat; 
	
}
#zoomContainer {
	margin-top: 10px;
	display: none;
	width: 380px;
	height: 460px;
	position: absolute;
	z-index: 2;
}
#click2zoom {
	font-size: 8px;
	color: #aaa;

}
#breadcrumbs A.highlighted {
    border-bottom: 4px solid #808080;
}
/* category/subcategory and product listings */

UL#productGrid {width: 100%;} 
UL#productGrid LI {
	min-height: 430px;
	width: 273px;
	margin-top: 0;
	margin-left: 5px;
    margin-bottom: 5px;
	display: block;
	background: white;
	float: left;
    border: 1px solid #000000;
}
UL#productGrid LI .prodDetails {
	height: 140px;
	width: 100%;
	background: #ffffff;
	color: black;
	font-size: 12px;
	line-height: 15px;

}
UL#productGrid LI .prodDetails A {
	margin: 0;
}
UL#productGrid LI IMG.product {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	display: block;

}

.grey {
	background: #808080;
}
.titlebanner {
	width: 100%; 
	height:30px; 
	line-height: 30px; 
	font-family: Player Pro, Arial, Helvetica, Sans-Serif; 
	color: white; 
	font-weight: bold; 
	font-size: 24px; 
	text-align: left; 
	background: black; 
	border-bottom: 4px solid #fff;
}
.categoryHeading {width: 100%; text-align: center;}
.categoryImage {padding-top: 5px; width: 100%;}

.subCategoryHeading {
	width: 195px;
	float: left;
	border: 1px solid #999;
	height: 430px;
	text-align: center;
	margin: 0 0 14px 15px;
	background: #fff;
}
.subCategoryHeading .categoryImage A IMG {
	width: 190px;
	margin: 0;
}

.productGrid IMG {
	display: block;
	z-index: 1;
}
.productGrid A {
	text-decoration: none;
	color: black;
	line-height: 25px;
}
.productGrid DIV.styleno {
	margin: 0;
	padding:0;
	clear: both;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: white;
	background: black;
	
}

A.pop {
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

.imgBox {
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	padding: 0;
	margin: 0;
	width: 211px;
	height: 211px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div.text {
	background: white;
	padding: 10px;
	height: 655px;
	overflow: auto;
	border: 1px solid black;
}
#prContactInfo {
	width: 100px;
	height: 500px;
	margin-top: 50px;
	float: left;
}
.pageHeading {
	width: 100%;
	font-size: 30px;
}
.comingsoon {
	background-image: url(/templates/collegeboots/images/comingsoon.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: -333px;
	float: left;
	display: compact;
	width: 195px;
	height: 333px;
	margin-bottom: -333px;
	text-decoration: none;
}

.instructions {
	width: 205px; 
	float: left;
}
.searchresults {
	/*
height: 0px;
*/
}
#onlineDealers {
    width: 540px;
	/* height: 255px; */
	overflow: hidden;
 	float: left;
    background: white;
}

ul.onlinedealers {
	overflow: visible;
    width: 100%;
    margin: 5px 0 0 0;
	padding: 0px;
	background: white;
	text-align: center;
	list-style-type: none;
}
ul.onlinedealers li.grid {
	height: 100px;
	width: 156px;
	line-height: 100px;
	float: left;
	vertical-align: middle;
	margin: 15px 8px 5px 8px;
	padding: 0px;
	background: white;
	text-align: center;
}
ul.onlinedealers li img {  
	border: 0;
	max-width: 150px;
	max-height: 100px;
}
ul.onlinedealers li.more {
	text-align: center;
}
ul.onlinedealers li.more a {
	display: block;
	text-decoration: none;
	color: #6A0A29;
    font-size: 16px;
	line-height: 30px;
}
ol, ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
	margin:0pt;
	padding:0pt;
}
#results .marker, #results .Y {
	float: left;
    margin-right: 3px;
    font-size:11px;
    font-weight:bold;
    height:14px;
    line-height:14px;
    text-align:center;
    width:14px;
	color: color;
	overflow: hidden;
	overflow-x: hidden;
	cursor: pointer;
	cursor: hand;
	background: white;
    border: 1px solid black;
}

#results .Y {
	background: #840000;
	color: white;
	border: 1px solid black;
}
#results LI {
	margin-bottom: 25px;
	line-height: 15px;
	clear: both;
}

#resultsContainer {
	visibility: hidden;
	width: 290px;
	max-height: 450px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}

ol#results  {
margin: 10px 0 0 0;

}

#map DIV.marker a, .marker a {
    color: #fff;
	cursor: pointer;
	cursor: hand;
	
}
.searchform {
	padding: 0;
	width: 290px;
	float: right;
}

/* TABS */
UL#tabs {
	list-style-type: none;
	width: 814px;
	height: 24px;
	border-bottom: 3px solid black;
	margin-bottom: 0;
	margin-top: 3px;
	margin-left: 20px;
	padding: 0;
}

#tabs LI {
	margin: 0;
	float: left;
	width: 149px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: top left; 
	background-image: url(/templates/collegeboots/images/backgrounds/passive.png);
}

#tabs LI A, #tabs LI.active A {
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;	
	margin-left: 10px;
} 

#tabs LI.active {
	background-image: url(/templates/collegeboots/images/backgrounds/active.png);
}

#leftdetail {
	width: 380px;
	float: left;
	margin-left: 20px;
}
#rightdetail {
	width: 440px;
	float: right;
}
.pImg {
	float: left;
	margin-right: 10px;
}
.label {
	font-weight: bold;
	font-size: 12px;
}
A.pn {
	color: white;
	text-decoration: none;
	font-size: 12px;
}
#footerlinks {
	float: right; 
}
#footerlinks A {
	font-size: 11px;
	color: black;
	text-decoration: none;
}
DIV.inputField {
	float: left;
	margin-bottom: 2px;
}

.inputField INPUT.text {
	border: 1px solid #808080;
	height: 18px;
	padding: 2px;
	line-height: 20px;
	font-size: 11px;
	margin: 0;
    clear: both;
}
.inputField .tinyLabel {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
.instock {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 20px;
	width: 190px;
	clear: both;
	background-image: url(/templates/collegeboots/images/icons/Participating Retailer 3.png);
	background-repeat: no-repeat;
}

.mce-label {
	display: block;
	margin: .3em 0;
	line-height: 1em;
	font-weight: bold;
}
.mc-field-group INPUT, .fieldRequired, .fieldRequiredError, .formField {
	font-size: 11px;
	border: 1px solid #aaa;
	height: 18px;
	line-height: 18px;
	margin: 1px 0 1px 0;
	padding: 1px;
}
.fieldRequired, .required {
	background: #F9F898;
}
.fieldRequiredError {
	border: 1px solid red;
	background: pink;
}
.textarea {
	height: auto;
}
.error {
	font-weight: bold;
	width: 500px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 30px;
	background: #FFB0B0;
	border: 1px solid red;
	text-align: center;
}
INPUT.noborder {
	border: 0;
}
INPUT .Error {
		border: 1px solid red;
}
LABEL.label {
	width: 140px;
	text-align: right;
}
LABEL.label,LABEL.shortLabel {
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}
.required {
	width: 5px;
	height: 5px;
	line-height: 5px;
	color: red;
}
.JOIN {
	background: white;
}
/* News */
.headline {
	font-family: Arial, Helvetica, sans-serif;	
	min-height: 90px;
	margin-left: 10px;
	margin-top: 10px;
	width: 600px;
}
.headline H4 {
	margin-top: 5px;
	font-size: 110%;
}
.headline H2, .article H2 {
font-family: "Times New Roman", Times, serif;
clear: both;
font-size: 180%;
color: #888888;
}
.headline A IMG {
	border: 0;
}
.article {
	width: 600px;
}
.article P {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.newsRight {
	width:470px;
	padding-left: 5px;
	float: left;
}
.newsRight A, .article A {
	color: red;
	text-decoration: none;
	font-size: 10px;
}
.newsLeft {
	width: 80px;
	float: left;
}
.newsLeft .detaillink A {
	color: red;
}
#find_a_retailer{
    width: 114px;
    height: 127px;
   clear: both;
   margin-bottom: 6px;
    background-repeat: no-repeat;
    background-position; top right;
}
#rtform {
    width: 114px;
    margin: 0;
    padding: 0;
    height: 18px;
    position: relative; 
    top: 100px; 
}
#rtformSubmit {
    margin: 0;
    padding: 0;
    margin-right: 9px;
    float: right;
}
#rtaddress {
    width: 67px; 
    height: 18px;
    margin: 0;
    margin-left: 14px;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    color: #2a2a2a;
    border: 0;
    float: left; 
   
}

#slideshow {
    position:relative;
    width:438px;
    height: 385px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow .active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

UL#schoolPageList {
    list-style: none;
    
}
#schoolPageList LI {
    display: block;
    float: left;
    width: 140px;
    height: 140px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
    
}
#schoolPageList LI A {
    text-decoration: none;
    color: black;
    font-size: 11px;
    font-weight: bold;
}
#schoolPageList IMG {
    margin-bottom: 3px;
}