/*UNIVERSAL SELECTION*/
* {
 margin:0;
 padding:0;
}

/*Page Wrapper for main site*/
div#pageWrapper{width:800px;margin:0 auto;position:relative;}

/*TAG LEVEL SELECTION*/
h1 {font-weight:normal;font-size:2.2em; margin:0.3em auto;text-align:left;}
h2 {font-weight:normal;font-size:1.6em; margin:0.3em auto;text-align:left;}

body {
  background-color:#000000;
  font-size:62.5%;
  font-family: Trebuchet,Verdana, Helvetica, Arial, sans-serif;
  width:800px; /*FIXED WIDTH*/
  margin:0 auto; /*CENTERED*/
  text-align:center;
}

/*PAGE STRUCTURE*/
#header {
  height:64px;
 	background: #283b1a url('./images/header.gif') left no-repeat;
 	margin:1.5em 0 0.5em 0;
  position: relative;
}

a img{ border: none; }
.titletext {
 float: left;
 position: absolute;
 left: 0;
 bottom: 0px;
 font-size: 26pt;
 font-size: 26pt;
 color: #fff;
 font-weight: 200;
 font-family: arial;
}

#breadCrumbs {
  background-color: #607155;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 5px;
  text-align:right;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;

}
#breadCrumbs a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
#content {
  margin-top:0.2em;
  background:#FFFFFF;
  width: auto;
  padding:15px; /*Width + (2*padding) = 800px*/
  min-height:350px;
  height: 100%;/*IE6 Bugfix*/
  position: relative;
}

#content #leftContent {
   width:550px;
   float:left;
}
#content #rightContent {
 width:210px;
 float:right;
}
#content #rightContent #lessonsAd {
  position: relative;
  width:191px;
  height:120px; /*Fixed Width And Height For Background Image*/
  /*background:url('./images/lessonsBg.gif') top;*/
  background-color: #283B1A;
  float:right;
  margin-top:2.5em;
  color:#FFFFFF;
}
#lessonsAd a {
  text-size: 12pt;
  color: #fff;
}

/*
#lessonsAd a {
 display: block;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
*/
#lessonsAd h1 , #lessonsAd h2 {text-align:center;}

#content #rightContent #offerAd {
  position: relative;
  width:191px;
  height:120px;
  background-color: #607155;
  float:right;
  color:#FFFFFF;
  margin-top: 10px;
}
#content #rightContent #offerAd span {
  font-size: 1.3em;
}
#offerAd h1 , #offerAd h2 {text-align:center;}

#offerAd a {
  text-size: 12pt;
  color: #fff;
}

#content #rightContent form {float:right;margin-top:1em;}
#content #rightContent form p {text-align:right;}

#content #mainText {
  width:45em;
  text-align:justify;
  font-size:1.2em;

  line-height:1.4em;
  margin-bottom:1.0em;
  letter-spacing:0.04em;
}

#searchTextBox {
  background:url(./images/searchTextBoxSlice.gif) repeat-x;
  border:1px solid #333333;
  display:block;
  width:13.5em;
  height:1.5em;
  outline: none;
  padding:5px 5px 0px 5px;
}

#submitButton {
  font-size:1.2em;
  color:#253D16;
  float:right;
  width:6.0em;
  border:none;
  background:transparent;
}
.research p {
  width: 600px;
  text-align: left;
  margin: 0 ;
}
.research #searchTextBox {
  background:url(./images/searchTextBoxSlice.gif) repeat-x;
  border:1px solid #333333;
  width:300px;
  height:1.5em;
  outline: none;
  padding:5px 5px 0px 5px;
  display: inline-block;
}
.research #submitButton {
  font-size:1.2em;
  color:#253D16;
  width:6.5em;
  border:none;
  background:transparent;
  float: none;
}

#submitButton:hover{ cursor:pointer;text-decoration:underline;}

#content #shoeLinks {
  width:55em;
  margin-top:0.5em;
  text-align:left;
}

#footer a { text-decoration:none; color:#000000;}
#footer a:hover { text-decoration:underline;}
#footer #copy { display:block; float:left;}
#footer #siteDesign { display:block; float:right;}
#dima, #soft  {font-weight:bold;}

#footer {
  clear:both;
 height:27px;
 background:url('./images/footerSlice27_1.gif') repeat-x center;
 color:#FFFFFF;
 padding-top:1.0em;
 text-align:left;
 position: relative;
}
#footer span {padding-left:5px;}
#footer span.tnc {
  position: absolute;
  right: 5px;;
}
#footer a {color:#FFFFFF;}


/* Viewproducts.php */
.leftcol {
 float: left;
 width: 470px;
 margin: 0;
 padding: 20px;
 position: relative;
}
.leftcol .prodpagefloattext {
  /*
  position: absolute;
  left: 0;
  */
  margin-bottom: 5px;
  text-align: left;
  font-size: 12pt;
}
.leftcol .prodpagefloattext strong {
 font-size: 18pt;
}

.rightcol {
  width:250px;
  float:right;
  color:#fff;
  font-size:10pt;
}
.rightcol .info {
 background-color: #6d7d63;
 text-align: left;
 padding: 5px;
 min-height: 192px;
}
.rightcol form {
 text-align: left;
}
.rightcol .purchase {
 background-color: #253d16;
 color: #fff;
 font-size: 10pt;
 padding: 10px 10px 5px 10px;
}
.rightcol .purchase label {
 float:left;
 text-align: right;
 width:90px;
 padding-right: 5px;
}
.rightcol .purchase select {
  width: 120px;
  margin-top: 2px;
}
.rightcol .purchase input.qty {
  width: 20px;
  margin-top: 2px;
}
.rightcol .purchase input.submit {
 position: relative;
 left: 90px;
 bottom: 10px;
}
.rightcol .purchase a {
 color: #fff;
}

.rightcol .purchase .error {
 font-size: 10px;
 color: #ff0000;
}

/* Shoe Size Table */
div.chartback {
 position: relative;
 margin-bottom: 5px;
 text-align: left;
}
table#shoesizes {
 border-collapse: collapse;
 border: 1px solid black;
}
table#shoesizes th,
table#shoesizes td {
 border: 1px solid black;
 padding: 3px;
}
table#shoesizes th {
 /*background-color: #b4b4f7;*/
 background-color: #889381;
}
table#shoesizes tr.hover:hover {
 background-color: #8888FF ;
}
#prodFilter {
  float: right;
  background-color: #253d16;
  width: 160px;
  min-height: 350px;
  text-align:right;
  padding: 5px;
}

#prodFilter a {z-index:-999;}

#prodFilter .title {
  background-color: #607155;
  padding: 3px 0 3px 0;
  margin: -5px; /* override above padding */
  margin-bottom: 5px;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
#prodFilter span.cat {
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  clear:both;
}

#prodFilter p {
  color: #fff;
  font-size: 120%;
}
#prodFilter input {
  width: 1;overflow: visible;/* IE is stupid and applies over the top padding, this fixes it */
  border: none;
  background:transparent;
  color: #fff;
  display: inline-block;
  text-align:right;
}
#prodFilter input.remove {
  font-size: 90%;
}

#prodFilter input:hover{ cursor:pointer; text-decoration:underline;}

/*******************************************
  Pagination
*******************************************/
span.pagination a {color:blue;}

span.pagination .curpage {
    font-size:150%;
    font-weight: bold;
}
span.pagination .prevpage {
    font-size:120%;
    font-weight: bold;
}
span.pagination .nextpage {
    font-size:120%;
    font-weight: bold;
}
span.pagination .otherpage {
    font-size:90%;
}
/*
span.pagination .otherpage:hover,
span.pagination .nextpage:hover,
span.pagination .prevpage:hover {
  font-size:180%;
  font-weight: bold;

}
*/
/* Dance Lessons Page */
#DanceContent {
  text-align: left;

}
/* Search results */
table#searchres {
  border-collapse: collapse;
  text-align: left;
}
table#searchres .resultset {
  padding: 3px;
  border: none;
}

/*******************************************
  Shopping Basket CSS
*******************************************/
div#basketHeader {background: #253d16 url('./images/cartsmall.png') 97% 50% no-repeat;height:45px;line-height:45px;color:#fff;text-align:left;font-size:20px;padding-left:5px}
table#basketTable thead {background-color:#6D7D63;height:25px;color:#fff;font-weight:normal;font-size:12px;border-collapse:collapse;}
table#basketTable tbody{background-color:#fff;height:35px;font-size:12px;}
table#basketTable tbody a {color:#000;text-decoration:none;}
table#basketTable tbody a:hover {text-decoration:underline;}
table#basketTable tbody td {border-bottom:1px solid #ccc;padding-left:5px;padding-right:5px;}

div#shoppingCartError {background-color:#6D7D63;height:35px;color:#fff;font-size:14px;line-height:35px;}

form.cart input.submitButtonAsText {overflow:visible;background:transparent;text-align:left;border:0;color:#fff;}
form.cart input.submitButtonAsText:hover {text-decoration:underline;cursor:pointer;}

table.totalCostTable {clear:both;float:right;margin-right:10px;font-size:16px;}
table.totalCostTable tr {height:22px;}
table.totalCostTable tr.totalRow {background-color:#253D16;}
table.totalCostTable tr.totalRow td{color:#fff;font-weight:bold;}
table.totalCostTable tr.totalRow th{color:#fff;}
table.totalCostTable th {text-align:left;width:130px;padding:5px;}
table.totalCostTable td {text-align:right;padding:5px;}

p.cartWarning {color:#ff0000;font-size:12px;margin-top:10px;margin-bottom:10px;}

table.totalCostTable tr.checkem {
  background-color: #000;
  color: #fff;
}
table.totalCostTable tr.checkem td {
  text-align: left;
  padding: 6px 8px;
}
table.totalCostTable tr.checkem td label {
  font-size: 1em;
}
/* Shopping cart module stuff */
.shoppingCart {
  float: right;
  position: relative;
  background: #fff;
  width: 170px;
  height: 59px;
  padding: 0;
  margin: 2px;
}
.shoppingCart .baskText {
  font-size: 10pt;
  font-family: verdana;
  color: #fff;
  background-color: #000;
  text-align: center;
}
.shoppingCart .inBask {
  font-size: 9pt;
  font-family: verdana;
  padding-top: 5px;
  color: #000;
}
.shoppingCart .viewBask {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  font-family: verdana;
  color: #000;
}

.shoppingCart a {
  text-decoration: none;
  color:#000;
}
.shoppingCart a:hover {
  background-color: #607155;
}

/* front page fix */
ul.frontlist {
  text-align:center;
  font-weight: bold;
  list-style-type: none;
  display: block;
}
ul.frontlist li {
  display: inline;
  padding: 0 18px;
}

/* DHTML/FLOATING cart update */
div#cartupdate {
  display: none;
  position: absolute;
  font-size: 1.2em;
  color: #fff;
  top: 50px;
  right: 100px;
  background: url(images/cartupdate.png) no-repeat;
  height: 114px;
  width: 305px;
  padding-top: 40px;
  z-index: 100;
  opacity: 0.85;
  filter:alpha(opacity=85)
}
div#cartupdate span {
  position: relative;
  top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
div#cartupdate .buttons {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 270px;
}
div#cartupdate a.close {
  position:absolute;
  right: 20px;
  top: 25px;
  text-decoration: none;
  color: #fff;
}

/* hack to fix image overlay in IE */
/*
#bannerImage {
  z-index: 0;
}


/* SPECIAL OFFERS */
table.offers {
  width: 700px;
  margin: 0 auto;
}
table.offers td {
  border: 2px solid #607155;
  padding: 5px;
  vertical-align: top;
}
table.offers td.image {
  border-right: none;
  width: 100px;
}
table.offers td.desc {
  text-align: left;
  border-left: none;
  border-right: none;
}
table.offers td.desc div.title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}
table.offers td.price {
  width: 100px;
  vertical-align: middle;
  border-left: none;
}
table.offers td.price span.old {
  font-size: 1.2em;
  font-weight: bold;
  color: #ff0000;
  text-decoration: line-through;
}
table.offers td.price span.new {
  font-size: 1.5em;
  font-weight: bold;
  color: #607155;
}
table.offers td.price hr {
  margin-top: 2px;
  margin-bottom: -2px;
}
table.offers td.buy {
  width: 80px;
  border-left: none;
}
table.offers tr.spacer td{
  border: none;
  line-height: 10px;
}

/*CMAR GOOGLE INTEGRATION 13032009*/
table.paymentOptions{clear:both;float:right;text-align:left;margin:20px 0 10px 0px;vertical-align:top;border-collapse:collapse;margin-right:10px;}
table.paymentOptions td {text-align:center;padding:10px;border:1px dotted #9CAD8D;}