html {
height : 100%;
margin-bottom : 1px;
}
body {
margin : 0;
background-image: url("http://www.sneakdirectory.com/templates/SneakDirectory/images/contentwrapperbg.gif");
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 8pt;
}
img {
border : 0;
}
a:link, a:active, a:visited {
color : #8A4E1C;
text-decoration : underline;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 9pt;
}
.link {
font-size : 11px;
font-weight : bold;
}
a:hover {
color : #B56524;
text-decoration : underline;
}
a {
outline : none;
}
#wrapperall {
width : 990px;
margin : 0 auto;
}
#wrapperBg {
float : left;
width : 990px;
margin-bottom : 20px;
}
#wrapperLeft {
float : left;
width : 990px;
}
#wrapperRight {
float : left;
width : 978px;
padding : 23px 6px 0 6px;
}
#wrapperTop {
float : left;
width : 990px;
}
#wrapperBottom {
float : left;
width : 990px;
}
#slide {
float : left;
background : url('../images/headerTopBg.jpg') repeat-x;
width : 978px;
height : 0;
}
#search {
float : right;
width : 550px;
padding-top : 10px;
color : #000000;
}
#search label {
float : left;
padding : 5px 10px 0 0;
font-weight : bold;
}
#search input {
float : left;
border : 0;
background : url('../images/inputBg.jpg') repeat-x;
height : 21px;
padding-top : 3px;
}
#inputleft {
float : left;
background : url('../images/inputleft.jpg') no-repeat;
width : 3px;
height : 24px;
margin-left : 3px;
}
#inputright {
float : left;
background : url('../images/inputright.jpg') no-repeat;
width : 3px;
height : 24px;
margin-right : 10px;
}
#search button {
float : left;
background : url('../images/go.jpg') no-repeat;
width : 55px;
height : 24px;
border : 0;
margin : 0 5px 0 5px;
cursor : pointer;
}
#search a:link, #search a:active, #search a:visited {
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #514e4e;
text-decoration : none;
font-size : 7pt;
margin : 0 5px 0 5px;
}
#search a:hover {
color : #e00000;
}
.user_meta a {
float : none;
font-family : Arial, Helvetica, sans-serif;
color : #514e4e;
text-decoration : none;
font-size : 7pt;
}
#loginsplit {
width : 2px;
height : 25px;
float : left;
background : url('../images/searchsplit.jpg') no-repeat;
margin : 0 10px 0 10px;
}
#header {
float : left;
width : 978px;
height : 110px;
/*background-color:#FFFFFF; */
background : url('../images/headerbg.png') repeat-x;
}
#menu {
float : left;
width : 978px;
height : 34px;
/*background-color:#B36322;*/
background : url('../images/menubg1.png') repeat-x;
border-top:1px solid #794317;
border-bottom:1px outset #794317;
}
#menu ul {
float : right;
margin : 0 249px 0 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
}
#menu ul li {
float : right;
background : transparent;
}
#menu ul li a {
float : left;
padding : 11px 5px 0 10px;
height : 23px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #794317;
text-decoration : none;
background : url('../images/menuBg.jpg') repeat-x;
}
#menu ul li a:hover {
float : left;
padding : 11px 5px 0 10px;
height : 23px;
background : url('../images/menuBgHover.jpg') repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #794317;
text-decoration : underline;
}
#menu ul li .split {
float : left;
height : 34px;
width : 1px;
background : url('../images/menuSplit.jpg') no-repeat;
}
#menu ul li .dropdown {
padding : 11px 0px 0 10px;
background : url('../images/menuDown.gif') no-repeat right 15px;
}
.splitter {
color : #794317;
padding : 11px 10px 0 10px;
}
#content {
background-color:#F8EBB6;
float : left;
width : 978px;
padding-top : 30px;
z-index : -1;
}
.submit_drop {
position : absolute;
margin-top : 50px;
background : #f2f2f2;
}
#sideleft {
float : left;
width : 180px;
padding-left : 15px;
}
#sideright {
float : right;
width : 180px;
padding-right : 15px;
}
#main {
float : left;
width : 568px;
padding-left : 10px;
padding-right : 10px;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 9pt;
color : #643200;
text-align : justify;
}
.p {
float : left;
padding : 0;
margin : 0;
line-height : 0;
}
br {
line-height : 20px;
}
subcats,subcatss {
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 9pt;
padding : 0 0 0 35px;
}
.subcats a,.subcatss a {
color : #B56524;
text-decoration : none;
}
.subcats a:link,.subcatss a:link {
color : #B56524;
text-decoration : none;
}
.subcats a:visited,.subcatss a:link {
color : #B56524;
text-decoration : none;
}
.subcats a:hover,.subcatss a:hover {
color : #B56524;
text-decoration : underline;
}
#maincats {
width : 550px;
padding : 0 0 0 0;
vertical-align : left;
}
.formPage {
float : left;
width : 550px;
padding : 20px 0 20px 0;
vertical-align : top;
border : 0 solid #cccccc;
}
table#categories tr {
padding : 0;
margin : 0;
list-style-type : none;
list-style-position : outside;
}
.catBox {
width : 185px;
height : 130px;
text-align : left;
/*margin-left : 18px; */
margin-left :2px;
margin-bottom :12px;
}
.catBox br ,catmid br{
line-height : 6px;
}
.catBoxa{
width : 185px;
height : 35px;
text-align : left;
/*margin-left : 18px; */
margin-left :2px;
}
.catBox b ,catmid b{
text-align : left;
/*margin-left : -16px; */
}
table#maincats tr td b {
background : url('../images/folder.png') no-repeat 4px 3px;
height : 20px;
padding : 5px 0 0 36px;
display : block;
}
table#maincats tr td b a {
}
table#maincats tr td b a:hover {
}
#categories ul li a span {
color : #ffffff;
}
#categories ul li a:hover span {
color : #e00000;
font-weight : bold;
}
#row1 {
float : left;
width : 40%;
}
#row2 {
float : left;
width : 60%;
}
#articles {
margin : 20px 5px 0 0;
}
#row1articles {
float : left;
width : 164px;
overflow : hidden;
margin : 0;
}
.articlebox {
float : left;
width : 155px;
overflow : hidden;
margin : 0;
padding : 10px 14px 20px 4px;
}
.articletitle a:link, .articletitle a:active, .articletitle a:visited {
font-family : Verdana;
font-size : 7pt;
color : #5f5f5f;
}
.articletitle a:hover {
color : #003366;
}
.articletitle {
padding-left : 0;
font-weight : bold;
font-family : Verdana;
color : #5f5f5f;
font-size : 11pt;
}
.articletext {
height : 30px;
font-family : Verdana;
color : #5f5f5f;
font-size : 7pt;
}
.articlecontent {
font-family : Verdana;
color : #333333;
font-size : 10pt;
}
.articlefull {
text-align : right;
}
.title {
clear : both;
}
.titleLeft {
float : left;
width : 3px;
height : 24px;
background : url('../images/contentTitleLeft.jpg') no-repeat;
}
.titleRight {
float : left;
width : 3px;
height : 24px;
background : url('../images/contentTitleRight.jpg') no-repeat;
}
.titleBgside {
float : left;
/*width : 173px; */
width : 173px;
height : 21px;
background-color:#D2C394;
font-weight : bold;
color : #FFFFFF;
padding : 3px 0 0 0px;
}
.titleBgmain {
float : left;
width : 533px;
height : 21px;
background : url('../images/contentTitleBg.jpg') repeat-x;
font-weight : bold;
color : #002040;
padding : 3px 0 0 10px;
}
.titleIcon1 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleBg.jpg') repeat-x;
padding : 2px 0 0 35px;
}
.titleIcon2 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleBg.jpg') repeat-x;
padding : 2px 0 0 35px;
}
.titleIcon3 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon3.jpg') no-repeat;
padding : 2px 0 0 35px;
}
.titleIcon4 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon3.jpg') no-repeat;
padding : 2px 0 0 35px;
}
.titleIcon5 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon3.jpg') no-repeat;
padding : 2px 0 0 35px;
}
.latestlinks {
float : left;
padding : 7px 0 7px 25px;
color : #5f5f5f;
text-decoration : none;
}
.latestlinks ul {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
line-height : 1.6;
color : #5f5f5f;
}
.latestlinks ul li {
padding-left : 0;
color : #5f5f5f;
}
.latestlinks ul li a {
color : #8A4E1C;
text-decoration : none;
font-weight : bold;
font-family : Verdana;
font-size : 7pt;
}
.latestlinks ul li a:link, .sidecateg ul li a:active, .sidecateg ul li a:visited {
color : #8A4E1C;
text-decoration : none;
}
.latestlinks ul li a:hover {
color : #B56524;
text-decoration : underline;
}
.sidecateg {
float : left;
padding : 15px 0 15px 10px;
color : #5f5f5f;
text-decoration : none;
}
.sidecateg ul {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
line-height : 1.6;
color : #5f5f5f;
}
.sidecateg ul li {
padding-left : 0;
color : #5f5f5f;
}
.sidecateg ul li a {
color : #5f5f5f;
text-decoration : underline;
}
.sidecateg ul li a:link, .sidecateg ul li a:active, .sidecateg ul li a:visited {
color : #5f5f5f;
text-decoration : none;
}
.sidecateg ul li a:hover {
color : #003366;
text-decoration : underline;
}
.sidemenu {
float : left;
padding : 15px 0 15px 10px;
color : #5f5f5f;
width : 152px;
}
.sidemenu ul {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
line-height : 1.4;
color : #5f5f5f;
}
.sidemenu ul li {
background : url('../images/sidebullet.jpg') no-repeat 0 0px;
padding-left : 19px;
color : #8A4E1C;
border-bottom:1px dotted #8A4E1C;
width:110%;
padding-bottom:4px;
padding-top:3px;
}
.sidemenu ul li a:link {
color : #8A4E1C;
font-weight:bold;
text-decoration : none;
padding-left:10px;
}
.sidemenu ul li a {
color : #8A4E1C;
font-weight:bold;
text-decoration : none;
padding-left:10px;
}
.sidemenu ul li a:hover {
color : #B56524;
font-weight:bold;
text-decoration : underline;
padding-left:10px;
}
.stat {
float : left;
padding : 15px 0 15px 25px;
line-height : 180%;
color : #8A4E1C;
font-size : 8pt;
}
#footer {
float : left;
width : 978px;
height : 30px;
/*background-color:#B36322;*/
background :url('../images/footerbg.png') repeat-x;
border-bottom:1px;
border-bottom-style:outset;
border-bottom-color:#42250E;
border-top:1px solid #42250E;
/*margin-bottom : 8px;
margin-left:6px;*/
}
#footercontent {
float : left;
width : 978px;
text-align : center;
padding-top : 6px;
}
#footercontent a {
color : #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#panel {
background : #ffffff;
display : block;
color : #000000;
position : absolute;
z-index : -1;
top : 23px;
width : 978px;
height : 110px;
margin-left : 6px;
border-bottom : 1px solid #cccccc;
}
#panel_table {
width : 200px;
margin : 0 auto;
}
#panel a {
color : #e00000;
}
.slide {
margin : 0;
padding : 0;
background : #e51d25;
text-align : right;
color : #ffffff;
}
.btn-slide {
text-align : right;
display : inline;
font : normal 110%/100% Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}
.slide a:active, .slide a:link, .slide a:visited {
color : #ffffff;
text-decoration : none;
}
.slide a:hover {
color : #ffffff;
text-decoration : underline;
}
.active {
background-position : right 12px;
}
.header {
background : url("../images/headerBg.gif") repeat-x;
height : 77px;
width : 960px;
margin : 0 auto;
}
.header_panel {
background : #e51d25;
height : auto;
margin : 0 auto;
}
.center_panel {
margin : 0 auto;
width : 960px;
background : #e51d25;
}
#toggleCategTree {
display : block;
cursor : pointer;
color : #6a8ad4;
}
#categtree {
margin : 3px 0;
height : 200px;
width : 300px;
overflow : auto;
border : 1px dotted #9ec2f3;
border-width : 0 1px 1px;
}
#catTitle {
background : #fff;
}
#categtree h2 {
margin : 0 0 5px;
padding : 2px;
text-align : center;
color : #3e81b4;
background : #dde5f3;
vertical-align : middle;
}
#categtree #close_tree {
right : 0;
padding : 1px;
text-align : center;
white-space : nowrap;
cursor : pointer;
}
#categtree .categ-item {
clear : both;
margin : 3px 5px;
padding : 2px 5px;
display : block;
border : 1px dotted #cbe2ec;
border-width : 1px 0;
cursor : pointer;
}
#categtree .categ-item img {
margin-right : 1em;
}
#categtree .odd {
background : #f8f8fc;
}
#categtree .even {
background : #fff;
}
#categtree .categ-item:hover {
background : #eee;
}
span.req {
color : #e00000;
}
.path {
padding-bottom : 11px;
border-bottom : 1px solid #cccccc;
margin-bottom : 20px;
}
.path a, .path span {
background : url('../images/pathArrow.gif') no-repeat 5px 5px;
padding : 0 0 0 8px;
}
#firstPath {
font-weight : bold;
background : none;
padding : 0;
}
div.errForm, span.errForm {
margin : 2px 0 0 0;
padding : 2px 3px 2px 3px;
color : #ffa814;
background : #fffff3;
border : 1px solid #cccccc;
text-align : left;
clear : both;
display : block;
}
div#bar1 {
width : 98px;
background : #F2F2F2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
color : #000;
}
#menu ul li div#bar1 a {
background : #f2f2f2;
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 20px;
height : 15px;
width : 78px;
font-size : 11px;
}
#menu ul li div#bar1 a:hover {
color : #636363;
background-color : #f0eeee;
}
div#bar2 {
width : 138px;
background : #f2f2f2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
color : #000;
}
#menu ul li div#bar2 a {
background : #f2f2f2;
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 20px;
height : 15px;
width : 118px;
font-size : 11px;
}
#menu ul li div#bar2 a:hover {
color : #636363;
background-color : #f0eeee;
}
.navig {
font-size : 12px;
border-top : 1px solid #c5c5c5;
margin : 10px 0 0 0;
padding : 5px 0 0 0;
}
#linkDetail {
line-height : 180%;
}
#linkDetail .label {
width : 80px;
}
.link_rating {
font-weight : bold;
color : #444;
}
.pr {
width : 35px;
padding-top : 3px;
}
.headertext{
float:left;
margin:10px 0 10px 10px;
padding:25px 0 10px 42px;
}
.headertext h1{
padding:0px;
margin:0px;
color:#794317;
font-family : Arial, Helvetica, sans-serif;
font-size : 28px;
font-weight : bold;
}
.headertext div{
color:#000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}
.clip{
float:left;
width:21px;
margin:-7px 0 0 0;
}
.topimage{
float:right;
width:297px;
padding:-2 5px 0 0;
}
.catleft,.catright,.catmid{
float:left;
margin:0px;
padding:0px;
background-color : #EFDB7A;
height:29px;
width : 167px;
}
.catleft{
background : url('../images/contboxleft.png') no-repeat;
width:5px;
}
.catright{
background : url('../images/contboxright.png') no-repeat;
width:5px;
}
.subcats{
padding:30px 0 0 17px;
}
.subcats a{
color:#B36342;
}
.submittextleft,.submittextright,.submittext{
float:left;
margin:0px 0px 15px 0px;
padding:0px;
background-color : #FBF7D2;
height:89px;
}
.submittext{
border-top:1px solid #F4EB97;
border-bottom:1px solid #F4EB97;
height:87px;
width:539px;
}
.submittextleft{
background : url('../images/contleft.png') no-repeat;
width:14px;
}
.submittextright{
background : url('../images/contright.png') no-repeat;
width:14px;
}
#footercontent ul {
float : right;
margin : 0 315px 0 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
}
#footercontent ul li {
float : left;
background : transparent;
}
#footercontent ul li a {
float : left;
/*padding : 5px 5px 0 10px; */
padding : 2px 5px 0 10px;
height : 23px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #794317;
text-decoration : none;
background : url('../images/menuBg.jpg') repeat-x;
}
#footercontent ul li a:hover {
float : left;
padding : 2px 5px 0 10px;
height : 23px;
background : url('../images/menuBgHover.jpg') repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #794317;
text-decoration : underline;
}
#footercontent ul li .split {
float : left;
height : 34px;
width : 1px;
background : url('../images/menuSplit.jpg') no-repeat;
}
#footercontent ul li .dropdown {
padding : 11px 10px 0 10px;
background : url('../images/menuDown.gif') no-repeat right 15px;
}
.inputsearch{
border: 0;
background: url('../images/input.png') top left no-repeat;
width: 149px;
height: 18px;
padding: 1px 5px;
color: #8A4E1C;
margin-left:9px;
margin-top:10px;
margin-bottom:0px;
*margin-top:20px;
*margin-left:12px;
}
.searchform{
float:right;
margin:8px 0 0 0;
padding:0px 38px 0 0 ;
}
.catBoxhref a{
text-decoration : none;
float : left;
padding-bottom : 0;
font-size :10pt;
color : #B36322;
text-decoration : none;
}
.catBoxhref a:hover{
float : left;
color : #B36322;
text-decoration : underline;
padding-bottom : 0;
}
.catBoxaah a{
font-size : 8.5pt;
text-decoration : none;
float : left;
padding-bottom : 0;
font-size :8.5pt;
color : #B36322;
text-decoration : none;
}
.catBoxaah a:hover{
float : left;
color : #B36322;
text-decoration : underline;
padding-bottom : 0;
}
.bl {background: url(../images/contll.png) 0 100% no-repeat}
.br {background: url(../images/contlr.png) 100% 100% no-repeat}
.tl {background: url(../images/contul.png) 0 0 no-repeat}
.tr {background: url(../images/contur.png) 100% 0 no-repeat; padding:10px;
}
.b {background: url(../images/rmain.png) 0 100% repeat-x;
}
.l {background: url(../images/rmain.png) 0 0 repeat-y}
.r {background: url(../images/rmain.png) 100% 0 repeat-y}
.t {background: url(../images/rmain.png) 0 0 repeat-x; width: 568px;background-color:#FBF7D2;}
.redheading{
color:#8A4E1C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
}
.redheading a,.redheading a:hover{
color:#8A4E1C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
}
.ul_under_red{
font-weight:bold;
margin : 5px 0 5px 28px;
list-style-type : none;
list-style-position : outside;
font-size :8.5pt;
height:75px;
}
.pricetagleft,.pricetagright,.pricetagmain{
float:left;
margin:0px 0px 15px 0px;
padding:0px;
background-color : #D2C394;
height:28px;
}
.pricetagmain{
height:28px;
width:102px;
}
.pricetagmain div{
margin:4px;
}
.pricetag{margin:0px 0px 0px 44px;;
}
.pricetagleft{
background : url('../images/leftprice.png') no-repeat;
width:5px;
}
.pricetagright{
background : url('../images/rightprice.png') no-repeat;
width:5px;
}
.chk{
margin:0px 0px 0px 20px;;
}
.pricetagmain{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size :8.5pt;
font-weight:bold;
}
.fakeul{
font-weight:bold;
font-size :8.5pt;
}
.submittext div{
margin-top:6px;
}