/* CSS Document */

/* v1.0 | 20080212 */

img {border: none;}
#sidebar ol, .btm_nav ol, #sidebar ul, .btm_nav ul, #sidebar li, .btm_nav li,
#sidebar tr, #sidebar th, #sidebar td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #efefef;
    	line-height: 1;


}
#main p {line-height: 1.7;}

div#container {
  background: #fff;
  width: 730px;
  margin: 0 auto;
}
#inner-container {width: 698px;margin: 0 auto;clear:both;}

#header {background:url(/img/design/header-bg.png) no-repeat left bottom;height: 102px;}
#header .date {padding: 22px;color: #61c100;}
#main {width: 509px; float:left;padding-left: 5px;}
#content-c {background: url(/img/design/rhpanel-bg.gif) repeat-y right;overflow:auto;}
/*.top_nav2 {
	background-image: url(img/menus/bg.gif);
}

.style1 {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}    */
/*.moja_td {
	background-color: #E9E9E9;
}
*/
/*fp_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 2px;
	font-weight: bolder;
	color: #36303F;
}  */
.fp_text {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #302D37;
	letter-spacing: .7px;
	vertical-align: middle;
}

table
{ 
margin-left: auto;
margin-right: auto;
}

/*.main_table {
	font-size: 11px;
	color: #666;
	border: 1px solid #666;
	line-height: 13px;
	letter-spacing: 0.6px;
	vertical-align: top;

	padding: 4px 4px 4px 10px;
}
.rh_panel {
	font-size: 12px;
	color: #666;
	padding: 4px;
	border: 1px solid #666;
}
*/
h1 {
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.5pt;
	text-align: left;
	color: #666;
}
h3 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.5pt;
	text-align: center;
	color: #333333;
}
h2 {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.5pt;
	text-align: left;
	color: #666;
}
h4 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

#promo {overflow:auto;height: 136px;}
#promo ul {margin:0; padding: 0;  }
#promo ul li {display:inline; margin:0; padding:0;}

.prod_nav_outer {
	border: 1px solid #C6D9C6;
}
.prod_nav_outer2_right {
	padding: 0px;
	background-color: #C6D9C6;
	width: 80px;
	font-size: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
.prod_img {
	padding: 5px;
}
.prod_nav_outer2 {

	padding: 0px;
	background-color: #E0EBE0;
	width: 80px;
	font-size: 10px;
	border: 1px solid #fff;
}
.displaystand_cell {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 152px;
}

.prod_summary_td {
	width: 164px;
}
.prod_header_td {
	padding-top: 5px;
}
.order_row1 {
	background-color: #D9E8DB;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	font-size: 9px;
}
.order_row2 {

	background-color: #E4EFE7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding: 2px;
	font-size: 9px;
}
.order_row3 {

	background-color: #E4EFE7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding: 2px;
	font-size: 9px;
}
.order_hdr {
	font-size: 10px;
	font-weight: bold;
	background-color: #CCD1C9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding: 2px;
}
.order_qty_input {
	font-size: 9px;
	color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 13px;
	width: 35px;
}
.order_heading1 {
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}
.order_heading2 {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}
.qty {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.order_price {
	font-size: 10px;
	color: #202020;
	line-height: 11px;
	font-weight: bold;
}

.contact_error {
	width: 350px;
	border: 1px dotted #FF0000;
	padding: 10px;
	background-color: #E5E5E5;
	vertical-align: top;
	margin: 10px auto;
	font-size: 12px;
	color: #666;
}
			
td.order_row1 input {
	height: 20px;
	width: 35px;
}
td.order_row2 input {
	height: 20px;
	width: 35px;
}
		
/*			
b {
	font-size: 10px;
}*/
.float_rh {
	float: right;
	margin-left: 5px;
}
.float_lh {
	float: left;
	margin-left: 5px;
}



/* New Styles */
#sidebar {width: 170px; float:right;margin-left: 4px;}
#sidebar ul {list-style: none;}

#sidebar ul li {display: block;margin: 0 0 0 0;margin: 0px 0;height:30px;padding:10px 0 0;}
#sidebar ul li h2 a, #sidebar ul  li h2 a:visited, #sidebar ul li h3 a, #sidebar ul  li h3 a:visited {text-decoration: none;color: #666;}
#sidebar ul li.business:hover {background:url(/img/menus/business-sock-swatch.gif) no-repeat right;}
#sidebar ul li.outback:hover {background:url(/img/menus/bootsock-outback-swatch.gif) no-repeat right;}
#sidebar ul li.spinfx:hover {background:url(/img/menus/bootsock-spinfx-swatch.gif) no-repeat right;}
#sidebar ul li.crew:hover {background:url(/img/menus/crew-anklet-swatch.gif) no-repeat right;}
#sidebar ul li.sports:hover {background:url(/img/menus/sportswear-swatch.gif) no-repeat right;}
#sidebar ul li.junior:hover {background:url(/img/menus/junior-swatch.gif) no-repeat right;}

#sidebar h1  {

font-size: 14px;
font-weight: 700;
color: #61c100;
letter-spacing: 0.04em;

}
#sidebar h2  {
font-family: Helvetica;
font-size:14px;
font-weight: 700;
margin: 0 0 0 0;
text-transform: uppercase;
letter-spacing: 0.07em;

}
#sidebar h3  {
font-family: Helvetica;
font-size: 11px;
font-weight:400;
margin: 0 0 0 0;
letter-spacing: 0.07em;
text-align:left;

}


/* New Nav */
div#nav {
  background: #61C100;
  margin-bottom: 3px;
}


#nav ul {list-style:none;height: 24px;margin:0;padding:0;}
#nav ul li {display:block;float:left;background: #61c100;text-indent: -9000px;margin:0;}
#nav ul li a, #nav ul li a:visited{height: 24px;text-decoration: none;}


#nav ul li.first {padding-left:10px;}
#nav ul li a {display:block;border:0;overflow: hidden;}
#nav ul li a.about {width: 113px;background: url(/img/buttons/nav-about.gif) no-repeat;}
#nav ul li a.about:hover{background: url(/img/buttons/nav-about-over.gif) no-repeat;}
#nav ul li a.contact {width: 92px;background: url(/img/buttons/nav-contact.gif) no-repeat;}
#nav ul li a.contact:hover{background: url(/img/buttons/nav-contact-over.gif) no-repeat;}
#nav ul li a.products {width: 88px;background: url(/img/buttons/nav-products.gif) no-repeat;}
#nav ul li a.products:hover{background: url(/img/buttons/nav-products-over.gif) no-repeat;}
#nav ul li a.whatsnew {width: 92px;background: url(/img/buttons/nav-whatsnew.gif) no-repeat;}
#nav ul li a.whatsnew:hover{background: url(/img/buttons/nav-whatsnew-over.gif) no-repeat;}
#nav ul li a.ordering {width: 100px;background: url(/img/buttons/nav-ordering.gif) no-repeat;}
#nav ul li a.ordering:hover{background: url(/img/buttons/nav-ordering-over.gif) no-repeat;}


/* Product */
#products .product-row {clear:both;overflow:auto;}

#products .product_c {
  width:120px;
  text-align: center;
  float:left;
  margin:18px;
  background: url(/img/design/prod-bg-middle.png) repeat-y;}
#products .product_c h1  {
  font-size: 1.1em;
  text-align: center;
  padding: 4px 2px 0 2px;
  margin: 0;
  color:#fff;
  text-transform:uppercase;
  font-weight:400;
  letter-spacing: 0.07em;}
#products .product_c h2   {font-size: 1em;color:#fff;margin:0;font-weight: 400;text-align:center;text-transform:uppercase;letter-spacing: 0.04em;}
#products .product_c h1 a, #products .product_c h2 a, #products .product_c h1 a:visited,  #products .product_c h2 a:visited
 {
   color: #fff !important;
    text-decoration: none;
    }
#products .product_c h1 a:visited, #products .product_c h2 a:visited, #products .product_c h1 a, #products .product_c h2 a {color: #fff !important;text-decoration:none;}
#products .product_c.junior h1 a:visited, #products .product_c.junior h2 a:visited, #products .product_c.junior h1 a, #products .product_c.junior h2 a {color: #000 !important;}
#products .product_c div.header {height: 36px;color: #fff;}
#products .product_c.outback div.header {background: #ecb100 url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.spinfx div.header {background: #009999 url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.business div.header {background: #36c url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.crew div.header {background: #90c url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.sports div.header {background: #09c url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.accessories div.header {background: #f93 url(/img/design/prod-bg-top.png) no-repeat top left;}
#products .product_c.junior div.header {background: #ff0 url(/img/design/prod-bg-top.png) no-repeat top left;}
.clearfix {clear:both;}
#products .product_c .product-foot {background:url(/img/design/prod-bg-bottom.png) no-repeat bottom left;width: 120px;border-top:1px solid #ccc;padding:4px 0;}
#products .product-foot a, #products .product-foot a:visited {color: #6e6e6e;text-decoration:none;}
#products .product-foot a:hover, #products .product-foot a:active {color: #61c000; border-bottom: 1px dotted #61c000;}

#swatches {overflow:auto;clear:both;}
#swatches div {width:69px;float:left;text-align: center;font-size: 0.9em;height: 60px;margin:3px;}
#swatches p {margin: 15px 0;}
#swatches div p { color: #222;margin: 0px;}

#swatches img {border: 1px solid #ccc;}
.right {float:right;}
.left {float:left;}



/*Footer Nav */

.btm_nav ul {list-style:none;
	font-size: 10px;
	color: #fff;
    }
.btm_nav ul li {display:inline;}


.btm_nav ul li a, .btm_nav ul li a:visited {
	text-decoration: none;
    color: #fff;
}
.btm_nav  ul li a:hover, .btm_nav ul li a:active {
text-decoration: underline;
}




#footer {margin-top:3px;}
#footer div ul {list-style:none;
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding:0;
    }
#footer div ul li {display:inline;}


#footer div ul li a, #footer div ul li a:visited, #footer a.top, #footer a.top:visited {
	text-decoration: none;
    color: #fff;
}
#footer div  ul li a:hover, #footer div ul li a:active, #footer a.top:hover, #footer a.top:active {
text-decoration: underline;
}

#footer .row1 {padding: 5px 20px;background: url(/img/design/footer1_left.png) no-repeat left top;margin:0;} 
#footer .row2 {padding: 5px 20px;background: url(/img/design/footer2_right.png) no-repeat right bottom;margin:0;}

#footer .top {float:right;}
.copyright {
	font-size: 10px;
	color: #fff;

	}
