/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #cca url(/images/pageback.jpg) repeat-y center top;
}

#skiptomain {
	display: none;
}

#wrapper {
	width: 760px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	text-align: center;
	background: #cca;
}

#pagecontainer {
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 760px;
}

#topofpage {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #104D2B;
}

	p.datebreaker {
		margin: 2px 0px 5px 0px;
		font-size: 0.9em;
	}

	#topofpageleft {
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 15px 10px;
		float: left;
		text-align: left;
		width: 300px;
	}

	#topofpageright {
		margin: 0px 0px 0px 0px;
		padding: 20px 10px 10px 0px;
		float: right;
		text-align: right;
		width: 440px;
	}

#topnav {
	width: 760px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #890 url(/images/topnavback.jpg) no-repeat top center;
}

#topstrip {
	width: 760px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #bb9 url(/images/topstripback.jpg) no-repeat top center;
}

	#topstripleft {
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 10px;
		float: left;
		text-align: left;
		width: 750px;
	}

#mainpage {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/mainpagebg.gif) repeat-y bottom left;
}

	#mainpageleft {
		margin: 0px 2px 0px 0px;
		float: left;
		text-align: left;
		background: transparent;
		width: 168px;
	}

	#mainpageright {
		margin: 2px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		text-align: left;
		background: transparent;
		width: 590px;
		min-height:400px;
	}

	#mainpageright table {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
	}

	#mainpageright table {
		border-collapse: collapse;
	}


	td.imgspacer {
		font-size: 1px;
	}

	td.bgback {
		background-color: #cca;
	}


#footer {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 760px;
	border-top: solid 3px #060;
	background: #bb9;
	height: 30px;
}

	#footerleft {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 10px;
		width: 190px;
		float: left;
		text-align: left;
	}

	#footerright {
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 5px 0px;
		width: 550px;
		float: right;
		text-align: right;
	}


/*****************
 BODY FONT
*****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 13px;
}


/**********************
 BODY FONT HACK FOR IE
**********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: small;
}


/*****************
 FONTS
*****************/

#topofpageleft { font-size: 0.8em; color: #fff; }
#topofpageright { font-size: 0.8em; color: #fff; }
#topstrip { font-size: 0.8em; color: #333; }
#mainpageright { font-size: 0.9em; color: #000; }
#footer { font-size: 0.8em; color: #000; }

.bodytextbig { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.2em}
.bodytext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em}
.bodytextmed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}

/*****************
 TOP OF PAGE NAV LIST
*****************/

ul.topnavlist {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: normal;
	text-transform: uppercase;
	width: 740px;
	height: 30px;
}

ul.topnavlist li {
	font-size: 0.8em;
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	line-height: 30px;
	display: inline;
	float: left;
}

ul.topnavlist li a:link, ul.topnavlist li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.topnavlist li a:hover {
	color: #060;
	text-decoration: none;

}


/*****************
 NO MARGIN UL
*****************/

UL.nomargin {
margin: 10px 0px 0px 0px;
padding: 3px 3px 3px 3px;
}

UL.nomargin LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}


UL.nomarginpadded {
margin: 10px 0px 0px 0px;
padding: 5px 5px 5px 5px;
font-size: 0.9em;
}

UL.nomarginpadded LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}


/*****************
 UL SIDE NAV
*****************/


ul.sidenavlist{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	letter-spacing : 0px;
	width: 168px;
	text-transform: lowercase;
	background: #eed;
}

ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 18px;
	line-height:1.6em;
	border-bottom: 1px solid #fff;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	color: #333;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active{
	color: #060;
	text-decoration: underline;
}

/* APPLY HERE OVERRIDES */
ul.sidenavlist li.here {
 	font-weight: bold;
}


/*****************
 HEADINGS
*****************/

h1 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 1.3em;
	display:block;
	color: #040;
	font-weight: bold;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 5px;
}

h2 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	color: #030;
	background: #ddc;
	font-weight: normal;
 	font-size: 0.9em;
 	letter-spacing : 0px;
 	border: 0;
 	display: block;
}

h2.strapline { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; display:block; color: #070; font-weight: bold; background: #fff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 5px;}

h3 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.2em; display:block; color: #666; margin: 0px 0px 0px 0px; padding: 15px 0px 5px 0px;}

h3.lhs {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	margin: 0px 0px 0px 0px;
 	border: 0;
 	border-top: 2px solid #cca;
	padding: 4px 0px 4px 18px;
	color: #030;
	background: #ddc;
	font-weight: normal;
 	font-size: 0.9em;
 	text-transform: lowercase;
 	letter-spacing : 0px;
	width: 150px;
}

/*****************
 SPANS
*****************/

.backlhs {
	display: block;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	width: 168px;
	background: #eed;
}

.backlhstext {
	display: block;
	font-size: 0.8em;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	width: 148px;
	background: #eed;
}

/*****************
 FORMS
*****************/

form.inline {
	display:inline;
	margin: 0;
}

input.searchinput {
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 0.8em;
	width: 120px;
	color: #000;
}

select.searchselect {
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 0.8em;
	width: 120px;
	color: #000;
}

input.searchsubmit {
	border: 1px solid #fff;
	background-color: #060;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 0.8em;
	color: #fff;
}


/*****************
 LINKS
*****************/

#topofpage a:link{ color: #fff; text-decoration: none }
#topofpage a:visited{ color: #fff; text-decoration: none }
#topofpage a:hover{ color: #fff; text-decoration: underline }

#topstrip a:link{ color: #333; text-decoration: none }
#topstrip a:visited{ color: #333; text-decoration: none }
#topstrip a:hover{ color: #333; text-decoration: underline }


#mainpageright a:link{ color: #060; text-decoration: underline }
#mainpageright a:visited{ color: #060; text-decoration: underline }
#mainpageright a:hover{ color: #060; text-decoration: underline }

#mainpageright .broklink a:link{ font-size: 1.1em; color: #060; text-decoration: none; letter-spacing : -1px; }
#mainpageright .broklink a:visited{ font-size: 1.1em; color: #060; text-decoration: none; letter-spacing : -1px; }
#mainpageright .broklink a:hover{ font-size: 1.1em; color: #060; text-decoration: underline; letter-spacing : -1px; }

#mainpageright .broklink img {
	border: 0;
}

#footer a:link{ color: #333; text-decoration: none }
#footer a:visited{ color: #333; text-decoration: none }
#footer a:hover{ color: #060; text-decoration: underline }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 PARAGRAPHS
*****************/

p { margin-top: 10px; }
p.pageintro { display: block; background: #fff; margin: 0px 0px 0px 0px; padding: 5px 0px 10px 5px; line-height: 1.5em;}
p.bodytextnon { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; display: block; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px;}
p.bodytextpadded { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; display: block; padding: 10px 10px 10px 10px; line-height: 1.5em;}


/*****************
 IMAGE FLOATS
*****************/

img.floatleft {
	float: left;
	margin: 0px 5px 5px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 5px 5px;
}


/*****************
 TABLES
*****************/

.broktable {
	background: #fff;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border-top: 2px solid #cca;
}

.prodtable {
	text-align: left;
}

.texttd {
	background: #eed;
}

 
/*****************
 TRANSITIONS
*****************/
 
 /* default opacity for IE */
 img {
 	filter: alpha(opacity=100);
	}
 
 /* duplicate image positioning */
 img.idupe {
 	position: absolute;
 	z-index: 30000;
 	visibility: hidden;
}
 
/**********************
 FLASH ANIMBLOCK
***********************/
 
 #flashanim {
 	position: relative;
 }
 
 #flashanim.homeimage {
 	background: transparent;
 	width: 380px;
 	height: 250px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 }
 
 #flashanim img {
 	display:none;
 	position:absolute;
 	top:0; left:0;
}


/***************
 LINKS PAGE
 ***************/

.websiteLink {
	margin: 10px 0px 10px 10px;
}


/********************
 SIZE GUIDE TABLES
 ********************/
table.sizetable {
	border-collapse: collapse;
	width: 570px;
	padding: 10px 10px 10px 10px;
}

table.sizetable td {
	border-collapse: collapse;
}

td.size {
	padding: 6px 10px 0px 10px;
	font-size: 0.9em;
}

td.sizetitle {
	width: 150px;
	padding: 10px 10px 0px 10px;
}


td.sizebottom {
	padding: 3px 10px 10px 10px;
}


td.sizetitleshoes {
	padding: 10px 10px 0px 10px;
	font-size: 0.8em;
}

td.sizetitleshoesbottom {
	padding: 10px 10px 20px 10px;
	font-size: 0.8em;
}

td.sizeshoes {
	padding: 11px 3px 0px 3px;
	font-size: 0.8em;
	text-align: center;
}

td.sizeshoesbottom {
	padding: 11px 3px 20px 3px;
	font-size: 0.8em;
	text-align: center;
}

.gmap {
	margin: 0 0 10px 10px;
	width: 258px;
	height: 198px;
	border: 1px solid #000000;
}