/*
CSS for http://www.cupcakecollars.com
Copyright 2009 CupcakeCollars.com
*/
body {
  background: #c2eaea;
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
#container {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
}

a {
  color: #000000;
}

#header {
  margin: 0px 0 0px 0;
  text-align: center;
}
#header img {
  border: 0px;
  padding: 0px;
}
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }

#intro img {
  border: 0px;
  margin: 0px 0px 20px 0px;
}

img.design_thumb {
  width: 150px;
  height: 150px;
}
img.sample_thumb {
  border: 1px solid #aaaaaa;
  padding: 0px;
  margin: 5px 0px 0px 3px;
  float: right;
  width: 100px;
  height: 76px;
}
img.price_XX {
  border: 0px;
  width: 33px;
  height: 22px;
}
img.price_XXX {
  border: 0px;
  width: 50px;
  height: 22px;
}
input.button_addtocart {
  border: 0px;
  width: 90px;
  margin: 0px;
  padding: 0px;
}
img.button_viewcart {
  border: 0px;
  width: 76px;
  height: 22px;
}
img.ad_120x90 {
  border: 0px;
  width: 120px;
  height: 90px;
}
img.ad_120x240 {
  border: 0px;
  width: 120px;
  height: 240px;
}
img.ad_180x150 {
  border: 0px;
  width: 180px;
  height: 150px;
}
img.ad_160x600 {
  border: 0px;
  width: 160px;
  height: 600px;
}
img.ad_728x90 {
  border: 0px;
  width: 728px;
  height: 90px;
}

#left_sidebar { 
  width: 260px;
  float: left; 
  padding: 0px; 
  border: 0px;
  font-family: Trebuchet MS, Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 12px; 
  margin: 0 0 30px 0; 
}
#right_sidebar { 
  width: 260px;
  float: right; 
  padding: 0px;  
  border: 0px;
  font-family: Trebuchet MS, Verdana, Helvetica, Arial, Sans-Serif; 
  font-size: 12px; 
  margin: 0 0 30px 0; 
}
.sidebar_section {
  border: 0px; 
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
.sidebar_title {
  border: 0px; 
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.sidebar_content ol {
  margin-left: -1em;
  margin-top: 0px;
}
.content {
  background: #ffffff;
  width: 470px;
  font-family: Trebuchet MS, Verdana, Sans-Serif; 
  font-size: 13px;
  margin: 0px 0px 10px 265px;
  position: relative;
}
.content_wide {
  background: #ffffff;
  width: 900px;
  font-family: Trebuchet MS, Verdana, Sans-Serif; 
  font-size: 13px;
  margin: 0px 0px 10px 50px;
  position: relative;
}

/* Give the content section rounded corners */
.content span, .content_wide span {
  background: url(images/white_rounded_top_left.png) left top no-repeat;
  display: block;
}
.content span span, .content_wide span span {
  background: url(images/white_rounded_top_right.png) right top no-repeat;
}
.content span span span, .content_wide span span span {
  background: url(images/white_rounded_bottom_left.png) left bottom no-repeat;
}
.content span span span span {
  background: url(images/white_rounded_bottom_right.png) right bottom no-repeat;
  padding: 2px 0px 2px 0px;
  margin: 0px;
}
.content_wide span span span span {
  background: url(images/white_rounded_bottom_right.png) right bottom no-repeat;
  padding: 2px 10px 2px 10px;
  margin: 0px;
}
.content h3, .content_wide h3 {
  font-size: 15px;
  text-align: center;
  margin: 0px;
  padding: 15px 0px 15px 0px; 
}

.disclaimer {
  text-align: center;
  font-style: italic;
  padding: 5px;
}
.keywords {
  color: #c2eaea;
}
.tiny {
  font-size: 10px;
}

#footer {
  clear: both;
  text-align: center;
}

/* ad stuff for sidebars */
iframe.amazon_ad {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 120px;
  height: 240px;
}
li.ad_section {
  list-style: none;
  margin: 10px 0px 10px 0px;
}

/* Groovy shape stuff for sidebars */
ul.groovy_list {
  margin: 0px;
  padding: 0px;
  width: 259px;
}
li.groovy_section {
  background: #ffffff;
  list-style: none;
}
li.groovy_section img.title {
  margin: 0px;
  padding: 0px;
}
li.groovy_section p {
  padding: 5px 0px 5px 0px;
  margin: 0px;
}
li.groovy_section span {
  background: url(images/groovy_left_filler.png) left center repeat-y;
  display: block;
}
li.groovy_section span span {
  background: url(images/groovy_right_filler.png) right center repeat-y;
}
li.groovy_section span span span {
  background: url(images/groovy_middle_top.png) top center no-repeat;
}
li.groovy_section span span span span {
  background: url(images/groovy_left_bottom.png) bottom left no-repeat;
}
li.groovy_section span span span span span {
  background: url(images/groovy_right_bottom.png) bottom right no-repeat;
}
li.groovy_section span span span span span span {
  background: url(images/groovy_middle_bottom.png) bottom center no-repeat;
}
li.groovy_section span span span span span span span {
  background: url(images/groovy_left_top.png) top left no-repeat;
}
li.groovy_section span span span span span span span span {
  background: url(images/groovy_right_top.png) top right no-repeat;
  padding: 29px 25px 19px 25px;
}

/* collar designs for main content of page */
.design_category {
  border: 0px;
  padding: 0px;
  margin: 0px;
  overflow: auto;
}
.design_category h1 {
  color: #000000;
  margin: 15px 10px 0px 10px;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
  height: 22px;
  background: #f9eb8d url(images/yellow_rounded_title_450.png) top right no-repeat;
}
ul.category_row {
  border: 0px;
  margin: 10px 10px 0px 10px;
  padding: 0px;
  width: 450px;
}
ul.category_row li {
  list-style: none;
  display: inline;
  border: 0px;
  float: left;
  text-align: center;
}
form.paypal {
  margin: 0px;
  padding: 0px;
/* overflow: hidden;  I needed this at one point, but don't any more */
}
ul.category_row li p {
  font-size: 14px;
  text-align: center;
  padding: 3px 0px 5px 0px;
  margin: 0px;
}

.combo_row {
  text-align: center;
  clear: both;
  width: 460px;
  padding: 0px 0px 15px 0px;
}
table.combo {
  padding: 0px;
  margin-left: auto; 
  margin-right: auto; 
  margin-top: 10px;
  border-collapse: collapse;
}

table.simple {
  border-collapse: collapse;
}
table.simple td {
  padding: 5px;
  border: 1px solid #cccccc;
}

ul.nav {
  border: 0px;
  width: 455px;
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 10px 0px;
  overflow: auto;
}
ul.nav li.nav_col {
  width: 108px;
  list-style: none;
  display: inline;
  border: 0px;
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
ul.nav li h1 {
  color: #000000;
  font-size: 16px;
  background: #f9eb8d url(images/yellow_rounded_title_108.png) top left no-repeat;
  text-align: center;
  margin: 0px;
}
ul.nav_col_list {
  margin: 0px;
  padding: 0px;
}
ul.nav_col_list li {
  width: 108px;
  list-style: none;
  margin: 0px;
  text-align: center;
}

/* gallery images */

.scroll_gallery {
  width: 208px;
  height: 90px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0px;
  text-align: left;
}
.scroll_gallery a img {
  height: 67px;
  border: 0px;
}