/************************************************************
	GENERIC
************************************************************/
body {
	padding: 0;
	margin: 0;
	font-size: 65%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff url(../graphics/body-bg.png) repeat-x 0 162px;
	line-height: 1.6;
}
img, table { border: none; }
a {
	color: #006666;
}
h1 {
	color: #006633;
	font-size: 210%;
	margin: 0 0 15px 0;
	font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
	font-weight: lighter;
	line-height: 100%;
}
h2 {
  color: #0c7158;
  font-size: 30px;
  margin: 0 0 30px;
  font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
  font-weight: normal;
  line-height: 1.2;
}
h3 {
	color: #28aa6c;
	font-size: 18px;
	line-height: 18px;
	margin: 8px 0 8px;
	font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
	font-weight: normal;
}
h3 a { text-decoration: none; color: #006633; }
h3 a:hover { text-decoration: underline; }
h4 {
	color: #006633;
	font-size: 120%;
	margin: 0 0 15px 0;
	font-weight: lighter;
	line-height: 100%;
	font-weight: bold;
}
.hr {
	border-bottom: dotted 1px #999;
}
.hr hr {
	display: none;
}
p { margin: 0 0 18px; }
ul {
	margin: 0;
	padding: 0 0 18px 25px;
	list-style-type: square;
}
ol {
	margin: 0;
	padding: 8px 0 8px 25px;
}
form {
	padding: 0;
	margin: 0;
}
.image {
	border: solid 1px #CCC;
}
input, select, textarea {
	font-size: 100%;
	font-family: Verdana, sans-serif;
}
.textLarger {
	font-size: 120%;
}
.textSmaller {

}
.discounted {
	background: url(../images/strikethrough.gif) repeat-x left center;
}
.colorRegular {
	color: #333;
}
.colorDarker {
	color: #006633;
}
.colorLighter {
	color: #CC3300;
}
.colorGray {
	color: #999;
}
.right { float: right; margin: 0 0 18px 18px; }
.left { float: left; margin: 0 18px 18px 0; }
#container, .container {
	width: 780px;
	margin: 0 auto;
	position: relative;
}
.button {
  background: #0c7258;
  background: -moz-linear-gradient(
      center bottom,
      rgb(6,77,62) 15%,
      rgb(26,144,101) 58%
  );
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(6,77,62)),
      color-stop(0.58, rgb(26,144,101))
  );
  border-top: 1px solid #549888;
  border-left: 1px solid #549888;
  border-bottom: 1px solid #04362c;
  border-right: 1px solid #064b3d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	display: block;
	width: 212px;
	font-size: 11px;
	line-height: 15px;
	padding: 4px 0;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.inline-button {
  width: auto;
  height: auto;
}
html>body #container {
	
}
#header {
  background: url(../graphics/header-bg.png) repeat-x center 0;
	border-bottom: 1px solid #fff;
}
#logo {
	position: absolute;
	top: 5px;
	left: 1px;
}
#logo a { display: block; margin: 0; padding: 0; }
#valentines {
  background: url(../holiday_templates/valentines/hearts.png) no-repeat;
  width: 311px;
  height: 122px;
  position: absolute;
  top: 68px;
  left: -43px;
}
#date {
	float: left;
	position: absolute;
	top: 4px;
	right: 345px;
	color: #333;
	font-size: 10px;
}
.withBorder {
	border: solid 1px #999;
}
.boxes { margin: 0 0 20px; overflow: hidden; }
.box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cfcfcf;
  background: #e2e2e2;
  background: -moz-linear-gradient(top, #FDFDFD 0%, #CFCFCF 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#CFCFCF)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#CFCFCF',GradientType=0 ); /* ie */
  width: 273px;
  float: left;
  text-align: center;
  margin-right: 20px;
  padding: 20px 0;
}
.last { margin-right: 0; }
.box ul { list-style: none none; margin: 0; padding: 0; overflow: hidden; }

/************************************************************
	PARTNERS
************************************************************/
#partners {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;
	background: url(../images/backgrounds/siblings_left.gif) no-repeat left bottom;
	width: 330px;
	overflow: hidden;
	padding-left: 5px;
}
#partners ul {
	margin: 0;
	padding: 0 5px 0 0;
	height: 21px;
	list-style: none;
	background: url(../images/backgrounds/siblings_right.gif) no-repeat right bottom;
}
#partners li {
	float: left;
}
#bcd {
	color: #0066CC;
	text-decoration: none;
}
#ccd {
	color: #CC0000;
	text-decoration: none;
}
#tcd {
	color: #d57115;
	text-decoration: none;
}
#partners a {
	display: block;
	margin-top: 2px;
	padding: 0 7px;
}
/************************************************************
  Header
************************************************************/
#header .container {
	height: 162px;
}
#menuTop {
  position: absolute;
  top: 5px;
  right: 0;
  padding-top: 5px;
}
#menuTop a,
#menuTop .g-plus-1-wrapper {
  float: left;
	text-decoration: none;
  padding: 5px 10px 5px 0;
}
#menuTop .icon,
#menuTop .g-plus-1-wrapper {
  padding-right: 5px;
}
#menuTop a:hover {
	text-decoration: underline;
}
#menuTop #cart {
	padding-left: 25px;
	background: url(../graphics/shoppingcart.png) no-repeat 5px 50%;
}

#header .livechat {
  position: absolute;
  top: 83px;
  right: 0;
}
#header .livechat img { border: none; }

#header .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 570px;
}
#header .bottom div { float: left; display: inline; }
#header .bottom .phone { width: 220px; text-align: right; color: #8e8e8e; line-height: 1; padding-bottom: 8px; }
#header .bottom .hours,
#header .bottom .spanish { float: right; margin-left: 10px; }
#header .bottom .spanish { display: block; text-indent: -9999em; background: url(../graphics/mexican-flag-icon.png) no-repeat 0 0; }
#header .bottom .phone .number { font-size: 24px; display: block; font-family: AntennaExtraCond,Impact,Verdana,sans-serif;}
#header .bottom .phone small { font-size: 8px; text-transform: uppercase; }
#header .bottom .promo { 
  width: 316px;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  margin-left: 14px; 
  background: url(../graphics/header-promo-bg.png) no-repeat 0 0;
  font-family: AntennaExtraCond,Impact,Verdana,sans-serif;
}
#header .bottom .promo a { color: #fff; text-decoration: none; }
#header .bottom .promo a:hover { text-decoration: underline; }


/************************************************************
	NAVIGATION
************************************************************/
#navigation {
	clear: both;
	float: left;
	width: 186px;
	margin: 0;
	padding: 25px 11px 0 3px;
	position: relative;
	top: -80px;
	background: url(../graphics/sidebar-bg.png) no-repeat 0 0;
}

#navigation ul { padding: 0; list-style: none none; }
#navigation .menu,
#navigation h3,
#brand-switcher { padding: 0 20px; }
#navigation .menu { margin-bottom: 16px; }
#navigation .menu li { line-height: 18px; }
#navigation .menu li a { color: #303030; text-decoration: none; }
#navigation .menu li a:hover { text-decoration:underline; }
#navigation h3 { margin: 15px 0; color: #063; font-size: 18px; }
#navigation .tree { margin: 0 0 5px; }
#navigation .myPromo { text-align: center; }

#brand-switcher { margin: 20px 0; }
#brand-switcher h4 { margin-bottom: 5px; }

.custom-fit-button {
  display: block;
  margin: 30px auto;
  width: 170px;
  height: 40px;
  padding: 12px 8px;
  background: url(../graphics/custom-button-bg.png) no-repeat scroll 0 0;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  word-spacing: -1px;
}
.custom-fit-button span {
  font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
  font-size: 23px;
  font-weight: normal;
  word-spacing: 0px;
}

/* security features */
#navigation .accreds { position: relative; margin: 30px 12px; }
#mcafee, #bbb { display: block; }
#bbb {
	display: block;
	position: absolute;
	right: 0;
	_right: 20px;
	top: 0;
}

/************************************************************
	BREADCRUMBS
************************************************************/
#breadcrumbs {
	clear: both;
	padding: 7px 10px;
}
#pageOptions {
	text-align: right;
	vertical-align: top;
}
#pageOptions img {
	margin-right: -1px;
}
/************************************************************
	PROGRESS BAR
************************************************************/
.progressBar {
	clear: both;
	padding: 0;
	overflow: hidden;
	list-style: none;
	font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
	font-size: 14px;
	color: #b2b2b2;
	position: absolute;
	top: 10px;
	left: 0;
}
.progressBar li {
	float: left;
	background: url(../graphics/arrow-right.png) no-repeat 100% 50%;
	padding: 0 20px 0 0;
	margin: 0 15px 0 0;
	height: 36px;
}
.progressBarEmpty li { height: auto; }
.progressBar li.last {
  background: none;
  padding: 0;
}
.progressBar li.active { color: #28aa6c; }
.progressBar li span { display: block; color: #939292; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.progressBar li a {
	text-decoration: none;
	color: #b2b2b2;
}

/************************************************************
	CONTENT
************************************************************/
#content {
	width: 570px;
	float: right;
	padding: 60px 0 15px;
	overflow: hidden;
	position: relative;
}
#content .capsule {
	clear: both;
}

.rv-style-chooser { overflow: hidden; border-bottom: dotted 1px #999; padding-bottom: 10px; margin-bottom: 30px; }
.rv-style { width: 190px; float: left; display: inline; text-align: center; margin-bottom: 15px; line-height: 1.2; }
.rv-style a { position: relative; display: block; height: 140px; padding: 10px 0; text-decoration: none; color: #4c4c4c; font-weight: normal; }
.rv-style b { color: #28aa6c; font-weight: bold; }
.rv-style a:hover {
  background: #e4e3e3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.rv-style img { border: 0; display: block; margin: 0 auto 15px; }
.rv-style span { display: block; padding: 0 10px; width: 170px; position: absolute; top: 115px; left: 0; }

.info-blocks { overflow: hidden; width: 585px; margin-left: -15px; padding-bottom: 20px; line-height: 1.6; }
.info-blocks .col { display: inline; float: left; width: 180px; margin-left: 15px; }
.info-blocks .col img { display: block; width: 100%; }

.rv-style-chooser, .info-blocks { margin-bottom: 30px; border-bottom: dotted 1px #999; }

.companies h3 { margin-bottom: 18px; }
.companies .company h4 { float: left; width: 170px; height: 44px; margin-right: 20px; }
.companies .company .content { overflow: hidden; }
.adco .ir { text-indent: -9999em; background: url(../graphics/logo-adco.png) no-repeat 0 0; }
.carver .ir { text-indent: -9999em; background: url(../graphics/logo-carver.png) no-repeat 0 0; }
.covercraft .ir { text-indent: -9999em; background: url(../graphics/logo-covercraft.png) no-repeat 0 0; }

.title h2,
#myPromo2,
#myPromo4,
#myPromo6 { display: inline-block; *display: inline; vertical-align: middle; }
#myPromo2,
#myPromo4,
#myPromo6 { margin-top: -25px; }
.title h2 { margin-right: 10px; }
.subtitle { margin-top: -20px; *margin-top: 0; }

#ship-free-banner { margin-top:-60px; }

/************************************************************
	TABLE
************************************************************/
.table {
	
}
.table .cellLeft {
	padding-left: 0;
	border: 0;
}
.table td {
	border-left: dotted 1px #999;
	padding: 10px 20px;
	vertical-align: top;
}
.table td td {
	border: 0;
	padding: 0;
}

#detail-left { width: 390px; }
#detail-right { border: none; width: 180px; }

.detail-list { text-align: right; margin-bottom: 40px; }
.detail-list dt { color: #767676; font-size: 8px; text-transform: uppercase; }
.detail-list dd { color: #28aa6c; font-size: 12px; font-style: italic; margin-bottom: 10px; }
/************************************************************
	DATA TABLE
************************************************************/
.dataTable {
	background: #FFF;
}
.dataTable th {
	background: #E6E6E6;
	padding: 5px;
	vertical-align: top;
	border-top: solid 1px #DDD;
}
.dataTable td {
	border-bottom: dotted 1px #999;
	padding: 5px;
	vertical-align: top;
}
.dataTable .interlaced td {
	background: #F3F3F3;
}

/************************************************************
	DATA TABLE
************************************************************/
.dataForm {
	
}
.dataForm td {
	padding: 3px 5px;
}
.dataForm .caption {
	width: 30%;
	vertical-align: top;
	padding-top: 8px;
}
.dataForm input, .dataForm select, .dataForm textarea {
	width: 80%;
}

/************************************************************
	COLOR SWATCH
************************************************************/
#navigation #accessories .myPromo {
	padding: 10px 5px 5px 5px;
	margin: -1px 0 0 0;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
	height: auto;
	background: none;
}

/************************************************************
	COLOR SWATCH
************************************************************/

#myPromo1 { margin-top: -40px; margin-bottom: 30px; }



.infoButton {
	width: 210px;
	background: url(../images/backgrounds/info_button_bottom.gif) right bottom;
	padding-bottom: 1px;
}
.infoButton a {
	background: url(../images/backgrounds/info_button_top.gif) left top;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 1px 1px 0 1px;
	text-align: center;
}
.infoButton a strong {
	display: block;
	background: url(../images/backgrounds/info_button.gif) left center;
	padding: 3px 10px;
}

/************************************************************
	FOOTER
************************************************************/
#footer {
	clear: both;
	width: 740px;
	margin-top: 15px;
	padding: 20px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../graphics/ft-bg.png) no-repeat 50% 0;
}
#footer img {
	float: left;
}
#footer ul {
  padding: 0;
  list-style: none none;
  float: left;
  width: 25%;
}
#footer ul li { line-height: 18px; }
#footer a {
	text-decoration: none;
	color: #333;
}
#footer a:hover { text-decoration: underline; }
#footnote {
  clear: both;
	color: #333;
	font-size: 90%;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}
#footnote a, #footnote span {
	color: #333;
	text-decoration: none;
  padding: 0 5px;
}
#footnote a:hover { text-decoration: underline; }
#footnote img { vertical-align: bottom; padding-right: 5px; }

#sister-links {	
	clear: both;
	width: 740px;
	margin-top: 15px;
	padding: 20px;
	overflow: hidden;
	margin: 0 auto;
}
#sister-links ul, #sister-links ul li { display: inline; list-style-type: none; padding: 0; margin: 0;}
#sister-links p { display: inline; }
#sister-links ul li {  margin: 0;}
#sister-links ul li:after {  content: ", ";}

/************************************************************
	New Dimensions Page
************************************************************/
.products-by-dimension { float: left; display: inline; width: 258px; padding-bottom: 25px; margin-bottom: 15px; }
.products-by-dimension-carver { border-right: 2px solid #f6f6f6; padding-right: 20px; margin-right: 20px; }
.products-by-dimension .dimensions { margin-bottom: 30px; overflow: hidden; }
.products-by-dimension .dimensions h4 { margin-top: 15px; clear: both; }
.products-by-dimension-adco .description { padding-bottom: 50px; background: url(../graphics/logo-adco.png) no-repeat scroll 0 100%; }
.products-by-dimension-carver .description { padding-bottom: 50px; background: url(../graphics/logo-carver.png) no-repeat scroll 0 100%; }
.products-by-dimension-carver .dimensions .dimensions-list { list-style: none none; margin: 0 0 18px; padding: 0; overflow: hidden; width: 49%; float: left; }
.products-by-dimension-carver .dimensions h5 { clear: both; }

/************************************************************
	New Materials Page
************************************************************/
.material { overflow: hidden; clear: both; }
.material .col-1,
.material .col-2 {
  display: inline;
  float: left;
}
.material .col-1 {
  width: 400px;
  margin-right: 20px;
}
.material .col-2 {
  width: 150px;
}
.material .col-2 img { display: block; margin: 0 auto; }
.material .button { width: auto; }
.material .price,
.product-detail .price {
  font-size: 18px;
	font-family: AntennaExtraCond, Impact, Verdana, sans-serif;
	color: #0c7158;
	display: block;
	text-align: right;
	margin-bottom: 8px;
}
.material .discounted,
.product-detail .discounted {
  display: block;
  background: none;
  text-align: right;
  margin-top: 8px;
  color: #f3262d;
}

.product-detail { overflow: hidden; padding-top: 18px;; }
.product-detail .col-1,
.product-detail .col-2 { float: left; display: inline; }
.product-detail .col-1 { width: 350px; _width: 340px; margin-right: 20px; }
.product-detail .col-2 { width: 200px; }
.product-detail .col-2 img { max-width: 200px;}
.colorSwatch {
	width: 106px;
	background: url(../graphics/swatch-top.png) no-repeat left top;
	margin-bottom: 8px;
}
.colorSwatch a {
  display: block;
	margin: 0 8px;
	overflow: hidden;
	width: 90px;
}
.colorSwatch img { margin-top: 8px; }
.colorSwatch strong {
	display: block;
	padding: 5px;
	text-align: center;
	background: url(../graphics/swatch-bottom.png) no-repeat left bottom;
}

.product-detail .color { width: 100%; }
.product-detail .color-chooser { display: inline; float: right; width: 106px; }
.product-detail .button { width: auto; }
.product-detail input { vertical-align: middle; }
.product-detail .extra { position: absolute; left: 0; bottom: 0; width: 72px; text-align: right; }
.product-detail .extra img { display: block; }
.product-detail .discounted { color: #4c4c4c; font-size: 14px; }
.product-detail .price { margin-bottom: 0; line-height: 1; }
.product-detail .color { overflow: hidden; position: relative; margin-bottom: 18px; }

.shipping { clear: both; }

/************************************************************
	ERRORS AND WARNINGS
************************************************************/
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 10px;
}
.error img {
	margin-right: 10px;
	vertical-align: middle;
}
.error .title {
	font-weight: bold;
	color: #CC0000;
}
.error .message {
	color: #CC0000;
	padding: 0;
	margin: 5px;
	line-height: 150%;
}
.error li {
	list-style-type: square;
	margin-left: 50px;
}
.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.warning img {
	margin-right: 10px;
	vertical-align: middle;
}
.warning .title {
	font-weight: bold;
	color: #000;
}
.warning .message {
	color: #000;
	padding: 0;
	margin: 5px;
	line-height: 150%;
}
.warning li {
	list-style-type: square;
	margin-left: 50px;
}
.backlink {
	padding: 10px 0 0 0;
}