/*
''<summary>
''	<page>01content.css</page>
''	<description>Generic styles for default elements and some useful styles</description>
''	<notes/>
''	<version>
''		2006/07/05	Gregory Brine	Initial creation of file
''		2006/07/06	Gregory Brine	Test Edit
''	</version>
''</summary>

Bloch red: #D81414

*/
html, body { font-size: 86%; font-family: arial,verdana,sans; margin: 0; padding: 0; color: #333; background-color:#fff; }

/* tag styles */
a {text-decoration:none;color: #000;}
a:hover, a:focus {text-decoration:underline;}
input.text, select, textarea { font-size: 12px; background-color: #fff; padding: 3px; color: #666;border: 1px solid #999;}
img { border: 0; }
h1,h2,h3,h4,ul,form {margin:0; padding:0;}
h1 {font-weight:normal; margin: 20px 0;font-size:200%;line-height:30px;}
h2 small {font-size: 70%;}
table {border-collapse:collapse;}
p { margin: 0 0 16px 0;}
td {vertical-align:top;}
th {text-align:left; font-weight:normal; vertical-align:top;}

/* useful styles */
.floatleft {float: left; }
.floatright {float: right; }
.hidden { display: none; visibility: hidden; }
.nobg { background: none; }
.printonly { display: none; visibility: hidden; }
.clear {clear:both;}
.selected {color:#D81414;}
.required {color: #D81414;}
.separator {border-top: 2px solid #666;width:100%; float:left; margin-top: 15px; clear:both;}
.message {color:#D81414; display:block; padding: 10px 0; width:100%; clear:both;}

body {text-align:center;}
#outer {width:994px; margin: 0 auto; text-align:left}
#main {float:left; width:100%; background: transparent url(../images/bg-body.gif) repeat-y top left;}
#header {padding: 0 0 10px 0; width:979px; border-top: 1px solid #676767;margin:0 0 0 7px;clear:both;float:none;position:absolute; top:0;}
a#logo {padding:29px 36px 0 34px; float:left;}

ul#topnav {float:left; list-style:none; width:789px;border-bottom: 2px solid #000;  border-top: 1px solid #EBEBEB; padding: 0 0 0 0; background: #fff url(../images/bg-topnav.gif) repeat-x bottom left;}
#topnav li {float:left;}
#topnav li a {padding: 12px 20px 13px 20px; background: transparent url(../images/separator-menu-top.gif) no-repeat 0 14px;float:left;}
#topnav li.first a {background:none !important;}
#topnav li.first {border-left:1px solid #EBEBEB;}

#footwear, #apparel {height:27px;width: 628px;font-size:12px !important;}
#footwear {float:left; background:#D81414; border-bottom: 1px solid #919191;}
#apparel {float:left; background:#790B0B;}
*html .iesux #footwear, *html .iesux #apparel{width:634px;}
#footwear .nav {float:left; padding:0 !important; margin:4px 0 0 14px}
#footwear .nav td {padding:0 !important;}
#footwear .submenu {border: 1px solid #444;}
#footwear a,#footwear a:hover,#footwear a:focus {text-decoration:none !important; font-size:12px;}
#footwear .menu1 {color: #fff; padding: 0 2px 0 5px; }
#footwear a.menu1:hover, #footwear a.menu1:focus {}
#footwear a.menu3 {color: #000; background: #fff; padding: 4px; display:block;}
#footwear a.menu3:hover, #footwear a.menu3:focus {background-color:#D81414; color: #fff;}
#footwear a.menu2,#apparel a.menu2 {color: #000; background: #fff; padding: 4px 50px 4px 4px; display:block; background:#fff url(../images/arrow-menu.gif) no-repeat top right;}
#footwear a.menu2:hover, #footwear a.menu2:focus,#apparel a.menu2:hover, #apparel a.menu2:focus {background:#000 url(../images/arrow-menu-hover.gif) no-repeat top right; color: #fff;}

#apparel .nav {float:left; padding:0 !important; margin:4px 0 0 14px}
#apparel .nav td {padding:0 !important;}
#apparel .submenu {border: 1px solid #444;}
#apparel a,#apparel a:hover,#apparel a:focus {text-decoration:none !important; font-size:12px;}
#apparel .menu1 {color: #fff; padding: 0 6px; }
#apparel a.menu1:hover, #apparel a.menu1:focus {}
#apparel a.menu3 {color: #000; background: #fff; padding: 4px 15px 4px 4px; display:block; position:relative; z-index:4;}
#apparel a.menu3:hover, #apparel a.menu3:focus {background-color:#D81414; color: #fff;}

#body {float:left; padding: 15px 15px 15px 10px; width:969px;line-height:18px;margin-top: 98px;}

#prodsearch {float:left; background-color:#000;padding:0 0 0 6px; height:55px !important; width:155px !important;}
#keysearch {float:left; background-color:#EBEBEB;}
#prodsearch h3,#keysearch h3 {font-size: 100%; font-weight:bold; padding: 0 0 3px 0;}
#keysearch h3 {color: #000;}
#prodsearch h3 {color:#fff; padding-top:8px;}
#prodsearch input.text,#keysearch input.text {float:left; width:120px;}
#prodsearch input.btnimage,#keysearch input.btnimage {float:left;}

#keysearch {border-top:2px solid #000;width:147px; padding:8px 10px 17px 10px}

#header .cathead {float:left; background:#000; padding: 4px 6px 4px 21px;}
.home #col_l {width:388px !important; padding: 10px !important; background:none !important;}
.home #col_r {width:541px !important; padding: 0 10px 20px 10px !important;}
.home .welcomeblurb {font-size:90%;line-height:17px;padding: 23px 0;}

#feature {background-color: #EBEBEB; border-top: 2px solid #000; padding:29px 23px; float:left; width:497px;margin-top:10px;border-bottom: 1px solid #999;}
#feature .hilight {float:left;border-right:1px solid #EBEBEB;width:284px;}
#feature .prod {float:left; background-color:#fff; width:212px; height:214px; text-align:center; margin:0 auto;}
#feature .prodinner { float:left; padding: 12px; width: 188px; margin: 0 auto; }
#feature .prodinner img { margin-bottom: 5px; }
#feature .prodinner p { text-align:left; margin-bottom:0px; line-height:15px; }
#feature .prodinner p.title a { font-weight:bold; color:#d81414; }
#feature .prod img {padding: 0 0 0 0; margin:0px;}
#feature a.gallery, #feature a.newarrivals {color: #fff; float:left;background-color:#000; display:block; text-align:center;padding: 6px 0;}
#feature a.gallery {width:285px;}
#feature a.newarrivals {width:212px;}
.featboxes {background:#ddd; float:left; background: #fff url(../images/bg-white-grey.gif) repeat-x bottom left; border-width: 0 1px 1px 1px; border-style:solid; border-color: #EBEBEB;padding:15px 18px 10px 15px;width:508px;}

.featbox {float:left;width:245px;}
.featboxleft {border-right: 1px solid #ccc; margin-right: 17px; width:230px;padding-right:15px;}
.featbox h2, #leftnav h2 {display:inline; color: #DA2222; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size: 180% !important;font-weight:normal;}
.featbox h3 {font-size:100%; color: #000;}

.home .featboxes {padding: 15px 5px 10px 5px;width:531px;}
.home .featboxleft {width:275px !important;}
.home .featboxright {width:215px !important;}

#col_l {width:153px; float:left; min-height:505px;padding: 21px 0 0 15px;}
* html #col_l {height: 505px;}

#leftnav {float:left;background:#fff; border-top: 2px solid #000; border-left: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8; width:151px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;padding: 0 0 10px 0;}
#leftnav ul {list-style:none;}
#leftnav h2 {float:left;padding:15px 0 5px 15px;width:136px;}
#leftnav li a {color: #333; display:block; width:151px; text-indent:15px; padding: 1px 0;} /*width:151px; padding: 1px 15px;*/
#leftnav li a:hover, #leftnav li a:focus, #leftnav li li a:hover, #leftnav li li a:focus {text-decoration:none;background-color:#790B0B !important; color:#fff;}
#leftnav li li.on a {background:#000 url(../images/arrow-down.gif) no-repeat top right; color: #fff;}
#leftnav li li.on li a {background: #D81414}

#emptyleftnav {float:left; width:151px;padding: 0 0 10px 0;}

#col_m {width:566px; float:left; padding: 0 38px 0 19px; overflow:hidden;}
.store #col_m, {width:624px;}
#col_m ul {padding: 0 0 0 30px;}
#col_r {float:left;width:167px;}

#col_r .newarrival p { text-align:left; margin-bottom:0px; padding-top:0px; padding-bottom:5px; }
#col_r .newarrival p.title a { font-weight:bold; color:#d81414; margin-bottom:0px; }


.page .post {float:left;width:100%;padding: 0 0 20px 0;}

.page h2 {font-size:100%;}
.page .nav h2 {font-size: 180%;}
.page h2,.page h2 a {color: #D81414;}
.page .feature {width:104px; float:left;padding: 0 0 16px 0;}
.page .feature img, .page .thumbs, #prodlist .prodthumbs img, .proddet .goeswiththumbs img, .proddet .goeswiththumbs img {float:left; /*background: #fff url(../images/bg-box-gradient.gif) repeat-x bottom left;*/ /*padding: 4px;*/ border: 1px solid #EBEBEB;}
.page .content {float:left; width:450px; padding: 0 0 0 12px;}
.page .blogdetail { width: 568px; padding:0px;  }
.page .note {color: #666; font-style:italic;}
a.more {font-size:95%; font-weight:bold;}
.page .comments {border-top: 1px solid #000; margin: 15px 0 0 0;}
.page .comments h2 {padding: 25px 0 15px 0;}
.page .commentform h3 {font-size:100%; font-weight:bold; padding: 15px 0 5px 0;}
.page .commentform input.text,.page .commentform textarea {width:300px;}
.page .commentform .btnimage {margin: 15px 0 0 0; display:block;}
.page .archives, .page .newarrival  {width:167px; float:left; background-color:#EBEBEB;}
.page .archives ul {list-style:none; padding: 12px 0;}
.page .archives li a {padding:1px 12px; display:block; width:143px;}
.page .archives li a:hover, .page .archives li a:focus, .page .archives li.selected a {background-color: #D3D3D3; text-decoration:none;}
.page .archives h2, .page .newarrival h2 {color: #fff; background-color: #000; padding: 7px 7px 7px 12px; font-size:100%; font-weight:normal;}
.page .newarrival img {border: 1px solid #ebebeb;}
.page .newarrival p {padding: 10px 12px;}
.page .rss {border-top: 1px solid #999;  float:left; background-color:#EBEBEB;width:167px;}
.page .rss a {text-decoration:underline; font-size:90%;width:167px;padding:8px 0;text-indent:12px;display:block; background: transparent url(../images/rss.gif) no-repeat 112px 9px;}
.page .rss a:hover,.blog .rss a:focus {color:#D81414; text-decoration:underline;}
.page .pages {float:left;width:100%;text-align:center;}
.page .pages div { text-decoration: underline; display:inline; padding: 0 3px;}
.page .pages a {padding: 0 3px;}
.page .star .feature {width:244px;}
.page .star .content {width:310px;}
.page .thumbs {margin: 0 0 10px 0;}
.page .thumbs img {float:left;padding: 0 4px 0 0;cursor:pointer;}
.page .thumbs img.last {padding:0;}
.credit {color: #999; padding: 5px 0 0 0; font-size:90%;float:left; width:100%; display:block;}
.page span.res {font-weight:bold;font-size:95%;}
.page .res a {padding: 0 5px;}

.page #video .feature {width:104px; }
.page #video .content {width:450px; }

.prodbreadcrumb {padding:0 0 0 187px}


#prodlist {padding-right:15px;}
#prodlist .filter {background: #fff url(../images/bg-product-filter.gif) repeat-x bottom left;border:1px solid #EBEBEB; float:left; padding: 3px 10px; width:567px !important;margin: 5px 0;}
#prodlist h2.something {margin-top:10px;}
#prodlist h2 {color: #D81414; font-size:140%; font-weight:bold; margin-right:5px; display:inline; float:left; }
#prodlist h2 a { color:#000; font-size:80%; font-weight:normal; }
#prodlist .prodthumbs {padding: 10px 0; width:587px; float:left;}
#prodlist .prodthumbs ul {list-style:none;padding:0;margin:0;}
#prodlist .prodthumbs li {float:left;display:inline;padding: 8px 32px 0 0;width:174px; height:180px;}
#prodlist .prodthumbs li.last {padding-right:0;}
#prodlist .prodthumbs .desc {clear:both;text-align:center;padding: 4px 0 0 0;}
/*#prodlist .prodthumbs img {background-image:url(../images/bg-prodimgbox.gif) !important}*/


.proddet {width:767px !important; padding-right: 15px !important; }
.proddet .options {padding: 20px 0 16px 0; border-top: 2px solid #000; float:left;width:100%;}
.proddet .options .variant { border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.proddet h1 {margin-bottom: 3px;}
.proddet h2 {color: #D81414; font-size:140%; margin-bottom: 12px;}
.proddet .swatchcolors { padding:1px; border:1px solid #ccc; height:16px; float:left; }
.proddet .swatch {width:14px; height:16px; float:left; margin-right:2px; line-height:0px;font-size:0px !important;}
.proddet .swatchinner {width:14px; float:left; line-height:0px;font-size:0px !important;}
.proddet .swatchlast {width:14px; margin-right:0px; float:left; font-size:0px !important;}
.proddet .content_l {float:left; width:246px; padding: 0 23px 25px 0;}
.proddet .content_l h3 {font-size:100%;padding:0 0 0px 0;color:#000;}
.proddet .content_r {float:left; width:498px;padding-top:20px;}
.proddet .content_r h3,.proddet .content_r h3 a {font-size:100%;padding:0 0 3px 0;color:#D81414;}
.proddet .content_r .largeimg {margin-bottom: 10px;}
.proddet .content_r .largeimg img {border:1px solid #ccc;}
.proddet .views {float:left;width:100%;margin-bottom: 5px;}
.proddet .views img {border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding: 0 2px; cursor:pointer;}
.proddet .arrow {border:none !important;}
.proddet .goeswiththumbs img {width:156px;}
.proddet .upsell td {padding-right:0;text-align:center;}
.proddet a.prodlink {font-size:75%;margin-top:5px;float:left;}

.whyregbox {background-color: #EBEBEB;border-top:2px solid #000;border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;float:left;width:559px;}
.whyregbox h3 {font-size:100%;}
.whyregbox td,.whyregbox th {padding: 8px 15px 15px 15px;}
.whyregbox ul {list-style: square;}
.whyregbox img {float:left;}
.whyregbox .info {padding: 18px; float:left;width:247px}

#free .featboxes,#talk .featboxes {width:536px;padding: 15px 8px 10px 15px}
#free .featboxes .intro,#talk .featboxes .intro {color:#666; font-size:90%;}
#free .featboxes h2, #talk .featboxes h2 {display:block; padding: 0 0 12px 0;}
#free .text,#talk .text {float:left; width:170px; margin: 3px 0 0 0;}
#free .btnimage,#talk .btnimage {float:right;padding:0 0 0 15px}
#free .featboxes .leftbox, #talk .featboxes .leftbox {border-right: 1px solid #ccc; margin-right: 17px; padding-right:10px;}
#free .featbox, #talk .featbox {width:254px}
#talk .intro {width:174px; float:left;}
#talk .whyregbox .info {width:243px;}
#free .intro {width:100px;float:left;}

#retail .locbox {width:236px; margin-bottom:15px; padding:12px; float:left;background:#EFF1F1 url(../images/bg-retailer-gradient.gif) repeat-x top left;border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;border-top:2px solid #000;margin-right:15px; overflow:hidden;}
#retail img.flag {float:right;}
#retail h2 {font-size:140%; float:left;line-height:35px;}
#retail table {clear:both; font-size:90%;width:100%; margin: 10px 0 20px 0;height:115px}

#retail th {font-weight:bold; color: #000;}
#retail td {color: #666;}
#retail select {border: 1px solid #999; padding:3px; width:100%;color: #666;}

#branches {padding-right:7px; float:left;}
#branches h1 {margin-bottom: 5px; float:left;}
#branches .selectbranch {float:right;width:559px; margin-top:-45px; position:relative; z-index:2; }
#branches .selectbranch select { margin:0px; float:right; position:relative; z-index:2; }
#branches .retailerlist {float:left; width:559px; border-top: 2px solid #666; padding-top:15px;}
#branches ul {list-style:none; float:left;width:268px;padding:0;}
#branches ul.left {border-right:1px solid #E0E0E0; margin-right:22px;}
#branches li {font-size:95%;color: #666;padding-bottom: 20px;}
#branches li h2 {font-size:110%;color: #D81414; margin:0 !important; padding:0 !important;}
#branches li h3 {color: #000;font-size:100%; margin:0 !important; padding:0 !important;}

#reg .errors {padding: 0 0 0 20px}
#reg table {width:250px; background-color: #DFDFDF;}
#reg th {font-weight:bold;border-right:1px solid #ccc;}
#reg th, #reg td {padding: 4px 15px;}
#reg th.sub {font-weight:normal;}
#reg tr.alt td, #reg tr.alt th {background-color: #EBEBEB;}
#reg .required {padding-right:6px;}
#reg input.text, #reg select, #reg textarea {width:250px;}
#reg .interests {border: 1px solid #999; padding: 10px; margin: 10px; font-size:90%;}
#reg .interests td {padding:0;}
#reg .signup {border: 1px solid #EBEBEB; background: #fff url(../images/bg-box-gradient.gif) repeat-x bottom left;width:541px; text-align:center; padding: 15px 0 10px 0;}
#reg .signup .checkbox {display:block; padding: 0 0 10px 0;}
#reg .maintable {border-top:2px solid #000;width:543px;}
.maintable blockquote {margin:0;padding: 0 0 0 11px;}

#footer {width:987px; background: #fff url(../images/bg-footer.gif) no-repeat top left; padding: 17px 10px; font-size:90%; float:left;}
*:first-child+html #footer {float:none;}
#footer a {padding: 7px 20px 0 0; float:left; display:block;}
#footer a.willogo {float:right; display:block; width:187px; background: transparent url(../images/logo-wiliam.gif) no-repeat top right; padding: 7px 0 10px 0;}