/* CSS */

/* Reset default positioning values */
@import "reset.css";
@import "detail.css";

html, body {
  background:url('/design/images/custom/gradient.png') #726d58 repeat-x;
  font-family:arial, helvetica, sans-serif;
  color:#646565;
  font-size:12px;
}

#wrapper {
  margin:0px auto;
  width: 982px;
}

#tile {
  float:left;
  display:inline;
  width:100%;
  height:100%;
  background:url('/design/images/custom/tile.png') transparent;
}

em {
  font-style:italic;
  float:left;
}

/***** Header *****/

#header {
  float:left;
  display:inline;
}

#header #logo {
  float:left;
  display:inline;
  height:79px;
  margin:18px 0px 25px 34px;
  clear:right;
}

#header #logo h1 a {
  height:79px;
  width:451px;
  float:left;
  background:url('/design/images/custom/logo.png');
  text-indent:-999px;
}

#header #login {
  float:right;
  height:79px;
  width:200px;
  margin:34px 11px 0px 0px;
}

#header #login a {
  float:left;
  display:inline;
}

#header #login h3 a {
  color:#ffffff;
}

#header #login a img {
  margin:0px 10px 0px 0px;
}

#header #login h3 {
  float:left;
  display:inline;
  width:150px;
  font-weight:900;
  color:#ffffff;
  margin:0px 0px 5px 0px;
  font-size:12px;
}

#header #login p {
  float:left;
  display:inline;
  color:#ffffff;
  font-size:10px;
}

#header #login p a {
  float:none;
}

/***** Nav *****/

#nav {
  float:left;
  display:inline;
  height:37px;
  background:url('/design/images/custom/navBack.png');
  width:960px;
}

#navLeft {
  float:left;
  display:inline;
  width:11px;
  height:37px;
  background:url('/design/images/custom/navLeft.png');
  clear:left;
}

#navRight {
  float:left;
  display:inline;
  width:11px;
  height:37px;
  background:url('/design/images/custom/navRight.png');
}

#nav ul li {
  float:left;
  display:inline;
  height:35px;
  border-style:groove;
  border-width:0px 2px 0px 0px;
  margin:2px 0px 0px 0px;
}

#nav ul li:first-child {
  border-style:groove;
  border-width:0px 2px 0px 0px;
}

#nav ul li a {
  float:left;
  display:inline;
  color:#ffffff;
  padding:14px 30px 0px 30px;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}

#nav ul li a:hover {
  color:#ce992b;
}

/***** Account *****/

#topBar {
  float:left;
  display:inline;
  width:100%;
  margin:0px 0px 5px 0px;
}

#topBar input {
  float:left;
  display:inline;
  width:185px;
  color:#999999;
}

#topBar #account {
  float:right;
  display:inline;
  margin:0px 5px 0px 0px;
  font-size:11px;
}

#topBar #account a {
  color:#444444;
  font-size:10px;
}

/***** Sidebar *****/

#sidebar {
  float:left;
  display:inline;
  width:189px;
}

.box {
  float:left;
  display:inline;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:#AEACAC;
  width:165px;
  padding:9px 13px 10px 10px;
  margin:0px 0px 9px 0px;
}

#sidebar h3 {
  font-weight:bold;
  text-transform:uppercase;
  margin:0px 0px 6px 0px;
  font-size:16px;
}

#widgetCategories .top {
  font-weight:bold;
  text-transform:uppercase;
  margin:0px 0px 6px 0px;
  font-size:16px;
}

#sidebar ul {
  margin:0px 0px 0px 4px;
  padding:0px 0px 0px 10px;
  list-style-type:disc;
}

#sidebar li {
  border-style:dotted;
  border-width:0px 0px 1px 0px;
  border-color:#dddddd;
  margin:0px 0px 4px 0px;
  padding:0px 0px 1px 0px;
}

#sidebar ul li a{
  color:#646565;
  font-size:13px;
}

#sidebar ul li a:hover{
  color:#bbbbbb;
}

/***** Sale *****/

.box.featured {
  padding:0px 0px 0px 0px;
  width:189px;
}

#sidebar .box.featured h3 {
  background:#ce992b;
  color:#ffffff;
  padding:3px 0px 3px 6px;
  font-size:18px;
  margin:0px;
}

.box.featured a {
  float:left;
  display:inline;
  color:#444444;
  margin:11px 4px;
  text-decoration:underline;
}

.box.featured .photo a {
  margin:0px;
}

.box.featured .photo img {
  width:189px;
}

.box.featured .sprice {
  float:left;
  clear:left;
  margin:0px 5px 0px 4px;
}

.box.featured span {
  color:#0cac4b;
  margin:0px 0px 0px 4px;
}

.box.featured strike {
  color:#c52026;
}

.box.featured .sdetails {
  float:right;
}

.box.featured .all-link {
  display:none;
}

.box.featured .noItems {
  padding:10px 0px 20px 4px;
}

/***** Main Body *****/

#main {
  float:left;
  display:inline;
  border-style:solid;
  border-width:1px 2px 0px 2px;
  border-color:#6f6f6e;
  width:963px;
  padding:10px 5px 10px 10px;
  margin:0px;
  background:#ffffff;
}

#main .copy {
  float:left;
  display:inline;
  width:758px;
  margin:0px 0px 0px 15px;
}

#main #categoryGrid .homepagecontent {
  float:left;
  width:279px;
}

#main .copy h2 {
  float:left;
  width:90%;
  color:#ce992b;
  font-size:21px;
  margin:0px 0px 4px 0px;
}

#main .copy #categoryGrid p {
  float:left;
  display:inline;
  width:270px;
  line-height:25px;
  font-size:16px;
  color:#444444;
}

#main .copy p {
  float:left;
  width:100%;
  line-height:20px;
  font-size:14px;
  color:#444444;
}

#main .copy h3 {
  float:left;
  display:inline;
  width:752px;
  font-weight:bold;
  font-size:18px;
  line-height:14px;
  text-transform:uppercase;
  background:#CE992B;
  color:#ffffff;
  padding:5px 0px 5px 7px;
  margin:5px 0px 0px 0px;
}

#categoryGrid img {
  margin:3px 0px 0px 0px;
  border-style:solid;
  border-width:1px;
  border-color:#aeacac;
}

#categoryGrid .first {
  float:left;
}

#categoryGrid .second {
  float:right;
}

#main .copy #productDetail img {
  border:none;
}

/***** Page Note *****/

#main .pageNote h3 {
  background:transparent;
  width:auto;
  color:#444444;
  padding-left:0px;
  font-size:14px;
}

#main .pageNote h4 {
  color:#444444;
  font-size:12px;
  font-weight:bold;
  float:left;
  margin:0px 0px 10px 0px;
  clear:left;
}

#main .pageNote h5 {
  color:#444444;
  font-size:15px;
  float:left;
  clear:left;
  margin:0px 0px 10px 0px;
}

#main .pageNote p {
  clear:left;
  margin:0px 0px 20px 0px;
}

#main .pageNote em {
  margin:0px 0px 10px 0px;
}

/***** Slideshow *****/

#slideshow {
  float:right;
  display:inline;
  background:#eeeeee;
}

#main #slideshow img {
  margin:0px 0px 0px 0px;
  border-width:0px;
}

/***** Featured *****/

#widgetFeatured {
  float:left;
  clear:left;
}

#widgetFeatured .top {
  display:none;
}

#widgetFeatured table tr.top td.filler,
#widgetFeatured table tr.bottom td.filler {
  width:8px;
  border:none;
  padding:0px;
}

#main #categoryGrid #widgetFeatured table .title {
  float:left;
  background-color:transparent;
  width:100%;
  padding:0px;
  height:42px;
}

#main #categoryGrid #widgetFeatured table .title a{
  background-image:none;
  color:#5672B7;
  font-size:13px;
  font-weight:normal;
  text-decoration:underline;
  float:none;
  padding:0px;
}

#widgetFeatured table tr.top td {
  border-style:solid;
  border-color:#e5e4e5;
  border-width:1px 1px 0px 1px;
  text-align:center;
}

#widgetFeatured table td {
  border-style:solid;
  border-color:#e5e4e5;
  border-width:1px;
  padding:5px 8px 10px 5px;
  width:245px;
  text-align:center;
}

#widgetFeatured table td .body {
  float:left;
  width:237px;
}

#main #widgetFeatured table td img {
  float:none;
  border:none;
  margin:0px auto;
}

#main #widgetFeatured table a {
  font-size:13px;
  color:#5672b7;
  text-decoration:underline;
}

#main #widgetFeatured table p {
  float:left;
  margin:5px 0px 0px 0px;
  color:#d09a2a;
  width:100%;
}

#main #widgetFeatured table p span{
  float:left;
  font-size:12px;
}

#main #widgetFeatured table p a {
  float:right;
  display:inline;
  color:#d09a2a;
}

#widgetFeatured .sprice {
  float:left;
  clear:left;
  color:#D09A2A;
}

#widgetFeatured .sdetails {
  float:right;
}

#widgetFeatured .all-link {
  float:right;
  clear:right;
}

#main #widgetFeatured table .sdetails a,
#main #widgetFeatured table .all-link a {
  color:#D09A2A;
  text-transform:lowercase;
}

#widgetFeatured .photo {
  height:200px;
  width:200px;
  padding:0px 19px;
}

/***** Footer *****/

#footer {
  float:left;
  display:inline;
  width:968px;
  background:url('/design/images/custom/footerFoot.gif') bottom no-repeat  #ce992b;
  border-style:solid;
  border-width:0px 2px 2px 2px;
  border-color:#6f6f6e;
  padding:12px 0px 10px 10px;
  margin:0px 0px 10px 0px;
  color:#ffffee;
}

#footer .images {
  float:left;
  display:inline;
  margin:0px 0px 0px 50px;
  width:335px;
}

#footer .images img {
  margin:0px 0px 5px 0px;
}

#footer .copyright {
  float:left;
  display:inline;
  margin:0px 0px 0px 205px;
  width:25%;
}

#footer .copyright p {
  float:left;
  display:inline;
  margin:0px 0px 5px 0px;
  font-size:11px;
  line-height:12px;
}

#footer .nav:first-child {
  margin:0px;
}

#footer .nav {
  float:left;
  display:inline;
  margin:0px 10px 0px 0px;
  width:129px;
}

#footer .nav li {
  margin:0px 0px 4px 5px;
}

#footer .nav a {
  color:#ffffee;
  text-decoration:underline;
  font-size:11px;
}

#footer .nav a:hover {
  text-decoration:none;
}

#footer .nav .title {
  font-weight:bold;
  font-size:11px;
  margin:0px 0px 5px 0px;
}

#widgetFooter {
  float:right;
  display:inline;
  margin:0px 0px 10px 18px;
}


.actionItems a {
  color:#ffffff;
  line-height:30px;
}

.actionItems a:hover {
  text-decoration:underline;
}

/***** Good Work *****/

.good.work {
  float:left;
  display:inline;
  width:100%;
  text-align:center;
  margin:0px 0px 70px 0px;
  font-size:11px;
  font-weight:bold;
}

.good.work a {
  color:#ffffff;
}

/***** Tables *****/

table {
  float:left;
}

.copy table {
  width:100%;
  margin:5px 0px 0px 0px;
}

#main #categoryGrid table img {
  border-style:solid;
  border-color:#aeacac;
  border-width:1px 1px 0px 1px;
  margin:0px;
  float:left;
}

#main #categoryGrid  table td.filler {
  width:8px;
}

#main #categoryGrid  table .title {
  float:left;
  display:inline;
  color:#ffffff;
  background:#991b1e;
  width:241px;
  font-size:18px;
  padding:3px 0px 3px 7px;
  margin:0px 0px 7px 0px;
}

#main #categoryGrid table .title a {
  float:left;
  color:#ffffff;
  background:url('/design/images/custom/arrow.gif') no-repeat right 5px;
  padding:0px 13px 0px 0px;
  font-size:18px;
  line-height:21px;
  text-decoration:none;
}

/***** Tags *****/

a {
  text-decoration:none;
  color:#CE992B;
}

.left {
  float:left;
  display:inline;
}

.right {
  float:right;
  display:inline;
}

a.details {
  background:url('/design/images/custom/link-arrow.gif') no-repeat center right;
  padding:0px 9px 0px 0px;
}