/* ==================================================== */
/* TECHNOLOGY STYLES */
/* ==================================================== */

/* OVERRIDE STYLES.CSS to allow images to touch bottom frame */
div#backgroundwrapper {
	padding-bottom:0 ;
}

ul.techcategorytags {

	padding: 0;
	list-style:none;
}

ul.techcategorytags li {
	float:left;
	width: auto;
	margin: 0 10px 0 0;
}

ul.techcategorytags li a {
	color:#bdbdbd;
	font-size:1.5em;
	font-style:italic;
	letter-spacing:-1px;
	display:block;
}

ul.techcategorytags li a:hover {
	color:#F16B21;
}

ul.techcategorytags a.active {
	color:#808183;
}


div#contentwrapper {
	clear:both;
	padding: 10px 0 0 0;
}


div#accmenuwwrapper {
/*	height: 370px;  */
	width: 254px;
	float:left;
	
}
div#accmenu {
	width: 254px;
	background:#e6e6e6;
}

div#accmenu h3 {
	margin: 0;
	padding: 0;
	color:#f16b21;
}

div#accmenu h3 a {
	color:#f16b21;
	font-size:.9em;
	padding: 1px 20px;
}

div#accmenu h3 a:hover {

}
div#accmenu ul.acclist {
	list-style-type:none;
	margin: 0;
	padding: 0 2px;
	background: #fff;
	color:#333;
}

div#accmenu ul li a {
	display:block;
	color:#666666;
	padding: 1px 20px;
}

div#accmenu ul li a:hover {
	color: #fff;
	background: #808183;
}

/* list item whitespace fix for ie
shouldn't negatively impact good browsers, 
but consider moving to a conditional comment */
div#accmenu li a {display:inline-block;}
div#accmenu li a {display:block;}

div#contentright {
	width: 496px;
	float:right;
}

#centergraphic {
	width: 248px;
	float:left;
}
/* for pages where content clears navigation, change div id from contentright to fullwidth */
#fullwidth {
	clear: left;
	padding-top: 10px;
	text-align: left;
}

#fullwidth h2 {
	color:#f16b21;
	margin: 0 0 10px 0;
	clear: left;
}

span.regtrademark {
	font-size: 75%;
	vertical-align: .25em;
}

/* for the image in the middle and content on the right */
div#contentright div#innerrightcontent {
	padding: 0 0 30px 265px;
	/*min-height: 258px;*/
}
/* for the templates B (all text) and C (custom templates) */
body.techtemplateB div#contentright div#innerrightcontent,
body.techtemplateC div#contentright div#innerrightcontent {
	padding: 0 0 30px 20px;
}


div#contentright div#innerrightcontent {
	height: auto !important;
}

div#contentright h2 {
	color:#f16b21;
	margin: 0 0 10px 0;
	font-style: normal;
}

.techtemplateB #centergraphic{ display: none; }

/*
styles for techtemplateC pages
*/

body.techtemplateC div#contentright {
	width: 476px; /* this will create a 20px margin from the accordion nav */
}

/*
a few pages use the techchart
*/
	
body.techtemplateC div.techchart {
}

body.techtemplateC div.techchart div.techchartrow {
	clear:both;
	border-top: 1px solid #999;
	padding: 10px 0 10px 0;
}

body.techtemplateC div.techchart div.techchartdesc {
	float: left;
	width: 180px;
	padding: 0 0 10px 0;
}

body.techtemplateC div.techchart div.techcharticon {
	float: left;
	width: 150px;
	padding: 0 0 10px 0;
}

body.techtemplateC div.techchart strong {
	color:#f16b21;
	font-weight:bold;
}
	
body.techtemplateC div.techchart div.techchartimg {
	float:right;
	border: 0;
	margin: 6px 0px 0px 6px;
}



/* one-off styles for fw_merfit_04 */
#fitchart { /*background: #fff;*/ }

.fitrow { clear: left; }

.fitrow div {
	float: left;
	border-top: 1px solid #999;
}

.fitimg {
	width: 97px;
	padding-bottom: 15px;
	color: #F16C21 ;
	font-size: 80%;
}

.fitdesc {
	width: 204px;
	font-size: 80%;
}

.fitdesc p { width: 184px; }

.fitproducts {
	width: 154px;
	font-size: 80%;
	line-height: 1.1;
}

/* new accordion menu.. css driven */
ul.acclist {
	display:none;
}

/* footwear */
body.merfit ul#fw_merfit,
body.proptech ul#fw_proptech,
body.bootfeats ul#fw_bootfeats,
body.partner ul#fw_partner,
body.matcare ul#fw_matcare {
	display:block;
}

/* apparel */
body.sizing ul#app_sizing,
body.proptech ul#app_proptech,
body.partner ul#app_partner {
	display:block;
}

/* sizing table styles, one-off for app_sizing_01
(could be used for other data tables by replacing id with something generic) */
table#sizingtable {
	width: 100%;
	background: #F16C21;
	margin-bottom: 20px;
}

table#sizingtable, #sizingtable td, #sizingtable th {
	border: 1px solid #E6E6E7;
	border-collapse: collapse;
}

#sizingtable td, #sizingtable th {
	padding: 2px 3px;
	background: #fff;
}

#sizingtable tr.alt {
	color: #fff;
}

#sizingtable td { text-align: center;  }

#sizingtable th.section {
	text-align: left;
	background-color: #E6E6E6;
}

th.rowhead {
	color: #595959;
	text-align: left;
	width: 85px;
	padding: 0;
}
th.unittype {
	width: 8px;
	color: #BDBDBD;
}

#sizingtable tr.alt td { background: transparent; }

/* random stone positions
-----------------------------
*/

div.randpos1{
	top:20px;
	left:-30px;
}

div.randpos2{
	top:100px;
	left:250px;
}

div.randpos3{
	top:700px;
	left:170px;
}

div.randpos4{
	top:100px;
	left:700px;
}