/* ---------------------------- 
[Master Stylesheet]
Project:DoubleTree Pecans
Version:1.0
Last change:7.22.08
Assigned to:M.Ellan, Lonnie Griffin
Primary use:Layout
------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */

html, body{background-image:url(../images/primary-bg.gif); text-align:center; margin:0px auto; font-size: 12px; padding:0px 0px 10px 0px; font-family:Arial,Helvetica,sans-serif}
h1{display:none}
h2{vertical-align:top; width:616px; height:54px; color: #4c1d04; font-size: 20px; font-weight: normal; background-image:url(../images/pecan-headline-bg.gif); background-repeat:no-repeat; background-position:bottom; margin:0px 0px -10px 0px}

/* ---------------------------- */
/* Containers
/* ---------------------------- */

.wrapper{width:100%; background-image:url(../images/page-top-tile.gif); background-repeat:repeat-x}
.primary-container{width:962px; margin:0px auto 20px auto; text-align:left}
.body-top-bar{text-align:left; height:123px; background-image:url(../images/body-top-bar.jpg); background-repeat:repeat-x; display:block}
.body-top-bar img{border:none}
.content-container{width:962px; background-image:url(../images/content-container-bg.jpg); background-repeat:repeat-y; border-bottom:1px solid #361f01; display:block; float:left; margin-bottom:15px}
.interior-page{height:3px}

#cart-container{color:#FFF; font-size:12px; width:153px; height:37px; background-image:url(../images/cart-bg.gif); background-repeat:no-repeat; text-align:left; float:right; padding:7px 0px 0px 32px}
#cart-container .comm-img{margin:0px 5px 0px 0px; padding:0px}
#cart-container a, #cart-container a:link, #cart-container a:visited{color:#fff; text-decoration:underline; margin:0px; padding:0px}
#cart-container a:hover, #cart-container a:active{text-decoration:none}
#cart-container .wedge{margin:0px 22px 0px 7px; padding:0px}

.utilities{float:right; clear:both; width:650px; display:block}

#utility-navigation{color:#809c92; float:right; width:270px; text-align:right; font-size:11px; margin:10px 10px 0px 0px}
#utility-navigation a, #utility-navigation a:link, #utility-navigation a:visited{color:#809c92}
#utility-navigation a:hover, #utility-navigation a:active{text-decoration:none}
#utility-navigation .wedge{padding:0px; margin:0px 7px 0px 7px}

#primary-navigation-container{float:right; clear:both; background-image:url(../images/primary-nav-bg.gif); background-repeat:no-repeat; width:612px; height:58px; margin:8px 38px 0px 0px; text-align:center; padding-left:10px}
#primary-navigation-container img{border:none; float: left;}

#left-column{width:268px; text-align:left; vertical-align:top; padding:0px 0px 15px 0px; margin:0px; float:left; clear:both}
#left-column img{border:none}
#left-column p{font-size:12px; color:#f2e9cb; margin:0px 0px 9px 25px; padding:0px; line-height:17px}
#left-column .contact-item{font-size:12px; color:#f2e9cb; margin:0px 0px 5px 25px; padding:0px; display:block; clear:both}
#left-column .header{width:220px; height:37px; background-image:url(../images/left-header-bg.gif); background-position:bottom; background-repeat:repeat-x; margin:0px 0px 9px 25px; padding-top:10px}
#left-column ul{font-size:12px; color:#f2e9cb; list-style-type:square; list-style-position:inside; margin:0px 0px 0px 25px; padding:0px}
#left-column li{vertical-align:middle; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; line-height:15px}
#left-column a, #left-column a:link, #left-column a:visited{color:#f2e9cb}
#left-column a:hover, #left-column a:active{text-decoration:none}
#left-column .btn-checkout { margin:5px 0px 0px 20px; }
#left-column .list { list-style: none; list-style-position:outside;  }
#left-column .list li img { margin:0px 0px -4px 0px;}

#main-img-container{display:block; float:right; width:678px; height:230px; margin:3px 15px 0px 0px; padding:0px; border-bottom:1px #e3dabe solid; vertical-align:top}
#main-img-container .start-shopping{border-top:none; border-right:none; border-bottom:2px #c4bda5 solid; border-left:none; width:424px}
#main-img-container .featured-product{border-top:none; border-right:none; border-bottom:2px #c4bda5 solid; border-left:none; background-image:url(../images/featured-product.jpg); background-repeat:no-repeat; width:254px; height:229px; float:right; text-align:left; font-size:14px}
#main-img-container .selected-featured-product{padding:0px; border:none; margin:63px 0px 0px 71px; width:165px; height:108px; display:block}
#main-img-container .featured-link{width:165px; text-align:center; padding:2px 0px 0px 0px; margin:0px 0px 0px 71px; font-weight:bold; font-size: 12px;}
#main-img-container a, #main-img-container a:link, #main-img-container a:visited{color:#7c0b0c}
#main-img-container a:hover, #main-img-container a:active{text-decoration:none}

#stage{width:638px; margin:0px 14px 12px 0px; padding:20px; background-color:#f2e9cb; border-right:1px #4e2b00 solid; border-bottom:1px #4e2b00 solid; border-left:1px #4e2b00 solid; display:block; float:right; min-height:540px}
#stage p{font-size:14px; color:#000; padding:0px; margin:10px 0px 10px 0px; line-height:20px; display:block}
#stage h3, #stage h4, #stage h5, #stage h6{color:#4e2b00; padding:0px; margin:10px 0px 10px 0px}
#stage h3{font-size:17px; font-weight:bold}
#stage h4 { font-size: 15px; font-weight: bold; }
#stage ul{font-size:12px; color:#4e2b00; margin-left:20px}
#stage ol{font-size:12px; color:#4e2b00; margin-left:20px}
#stage a, #stage a:link, #stage a:visited{color:#00704A}
#stage a:hover, #stage a:active{text-decoration:none}

#cta-container{margin:20px 0px 0px 0px; clear:both}
#cta-container .cta-box{width:148px; height:114px; background-color:#e4d8b1; border:1px solid #bfb389; text-align:center; font-weight:bold; font-size:12px; padding:0px; margin:0px 8px 8px 0px; float:left}
#cta-container .cta-thumbnail{margin:10px auto 5px auto; border:3px solid #f2e9cb; width:130px; height:71px}

#footer{width:100%; text-align:center; font-size:14px; color:#4e2b00; display:block}
#footer p{padding:0px; margin:10px 0px 0px 0px}
#footer p .wedge{margin:0px 3px 0px 3px}
#footer .wedge{margin:0px 10px 0px 10px}
#footer a, #footer a:link, #footer a:visited{color:#4e2b00}
#footer a:hover, #footer a:active{text-decoration:none}

/* ---------------------------- */
/* Cart Stuff
/* ---------------------------- */

#stage #product-masterview{}
#stage #product-masterview:after{content:"."; display:block;  height:0; clear:both; visibility:hidden}
#stage #product-masterview .product{text-align:center; vertical-align:top; width:174px; background: #fff9e4; border: 3px solid #e2d7b3; float:left; margin:5px 5px 10px 5px; padding:10px; height:240px}
#stage #product-masterview .product a img{border:1px solid #bfb389; margin:0px auto 3px auto; width:114px; height:114px; display:block; background:#e4d8b1}
#stage #product-masterview .product a img:hover{border:1px solid #830a0a}
#stage #product-masterview .product .name{font-size:12px; color:#000}
#stage #product-masterview .product .author{font-size:11px; color:#333}
#stage #product-masterview .product .price{color:#f00; font-weight:bold; margin:0px 0px 5px 0px}
#stage #product-masterview .btn-cart{width:80px}

#stage #product-detailview{}
#stage #product-detailview h5{margin:0px 0px -10px 0px; padding:0px; color:red}
#stage #product-detailview .picture{text-align:center; font-size:11px; width:250px; font-size:11px; color:#666; float:left; margin:0px 10px 24px 0px; height:250px}
#stage #product-detailview .picture img{border:3px solid #e2d7b3; margin:0px 0px 3px 0px; width:250px; height:250px; display:block; background:#eef3f1}
#stage #product-detailview .picture img:hover{border:3px solid #830a0a}
#stage #product-detailview .details{background: #fff9e4; border: 3px solid #e2d7b3;border-collapse:collapse; border-spacing:0; width:375px; font-size:12px; margin: 2px 0px 0px 0px;}
#stage #product-detailview .details td{padding:5px; vertical-align:top; border-top:1px solid #bfb389; border-left:1px solid #bfb389}
#stage #product-detailview .details .left-column{width:110px;  font-weight:bold}
#stage #product-detailview .details .altrow{}
#stage #product-detailview .details .price{font-weight:bold; color:red; font-size:15px}
#stage #product-detailview .details .btn-cart{margin:5px 0px 5px 0px; padding:3px 0px 3px 5px; width:80px}
#stage #product-detailview .details .btn-download{margin:5px 0px 5px 0px; padding:3px 0px 3px 5px; width:67px}
#stage #product-detailview blockquote{background:url(../images/quote-left.gif) no-repeat 0px 0px; margin:10px 50px 0px 30px; padding:0px 0px 0px 30px}
#stage #product-detailview blockquote img{margin:3px 0px -3px 5px; position:absolute}
#stage #product-detailview blockquote div{display:block; padding:5px 0px 0px 20px; font-weight:bold}
#stage #product-detailview #warnings{font-size:12px; line-height:14px; color:red}

#stage #shop-homepage .product{width:157px; height:193px; border:1px solid #bfb389; background-color:#e4d8b1; position:relative; text-align:center; float:left; margin:0px 10px 0px 0px; padding:20px 0px 0px 0px}
#stage #shop-homepage .product h3{padding:0px; margin:3px 0px 0px 0px; font-size:11px; line-height:14px; text-align:center; color:#000; font-weight:normal}
#stage #shop-homepage .product img{border:3px solid #f2e9cb}
#stage #shop-homepage .product a .img-over{border:none; position:absolute; bottom:0px; left:22px}

#stage #shop-masterpage .product{width:157px; height:153px; border:1px solid #bfb389; background-color:#e4d8b1; text-align:center; float:left; margin:0px 10px 10px 0px; padding:20px 0px 0px 0px}
#stage #shop-masterpage .product h3{padding:0px; margin:7px 0px 0px 0px; font-size:14px; line-height:14px; text-align:center; color:#000; font-weight:normal}
#stage #shop-masterpage .product a img{border:3px solid #e4d8b1}
#stage #shop-masterpage .product a img:hover{border: 3px solid #f8afa8}

#stage #shop-categorypage .product{border:1px solid #bfb389; background-color:#e4d8b1; width:140px; height:140px; margin:0px 10px 10px 0px; float:left}
#stage #shop-categorypage .product a img{border:3px solid #f2e9cb; margin:10px 0px 0px 10px}
#stage #shop-categorypage .product a img:hover{border: 3px solid #830a0a}

#stage #shop-productpage .line{clear:none}
#stage #shop-productpage .product-image{float:left; margin:0px 15px 15px 0px; width:250px; height:250px; border:1px solid #ccc}
#stage #shop-productpage .product-details{}

#stage #shop-checkoutpage .product{}
#stage #shop-checkoutpage .product a img{border:3px solid #e4d8b1; margin:0px 10px 10px 0px; float:left}
#stage #shop-checkoutpage .product a img:hover{border: 3px solid #830a0a}

#stage #breadcrumbs{margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:11px; font-size:11px}
#stage #breadcrumbs li{background:none; padding:0px 0px 0px 0px; display:inline; color:#666}
#stage #breadcrumbs li a{color:#df3649}
#stage #breadcrumbs li a:hover{text-decoration:none}

/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

label.alert{background:url(../images/alert-small.gif) no-repeat 0px -3px; padding:0px 0px 2px 18px; display:block; margin:5px 0px 5px 0px; font-size:11px; position:relative; clear:both; color:red; asdf}
#success, #error{padding:10px; margin:10px 0px 10px 0px; font-weight:normal; clear:both; display:block; text-align:left; position:relative}
#success p, #error p{margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; text-align:left; line-height:18px; color:#000}
#success{background-color:#c3fbbb;  border:1px solid #abe9a2}
#success h4{font-size:15px; font-family:Arial,Helvetica,sans-serif; padding:5px 0px 6px 33px; background:url(../images/success.gif) no-repeat 0px 0px; margin:0px 0px 0px 0px; color:#000}
#error{display:none}
#error h4{font-size:15px; font-family:Arial,Helvetica,sans-serif; padding:9px 0px 10px 35px; margin:0px; background:url(../images/alert.gif) no-repeat 0px 0px; color:Red;  font-size:14px; position:relative}
#progress{padding:15px 0px 13px 10px; display:none; width:150px; height:30px}
 #progress img{float:left; padding:0px 8px 0px 0px}
 #progress h4{font-size:15px; margin:0px; padding:7px 0px 10px 0px; color:Red; font-weight:bold}

/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

#form{font-family:Arial,Helvetica,sans-serif}
#form input[type=image]{display:block; margin:5px 0px 0px -7px; clear:both; font-weight:bold; font-size:16px; padding:4px}
#form input[type=text]{font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; font-size:15px; padding:2px}
#form select{font-size:13px; margin:0px 0px 0px 0px}
#form table{border-collapse:collapse; vertical-align:top}
#form h5{position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background:#fff9e7; border-bottom:1px solid #fff; display:block; clear:both}
#form textarea{font-family:Arial,Helvetica,sans-serif}
#form .lbl{position:relative; font-weight:bold; margin:5px 0px 3px 0px; clear:both; display:block; color:#000; font-size:12px; font-weight:bold}
#form .field{font-size:11px; line-height:14px; font-family:Arial,Helvetica,sans-serif; clear:both; display:block; margin:3px 0px 5px 0px}
#form .small{font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color:#666}
#form .left{float:left; padding:0px 5px 0px 0px}
#form .left-phone{float:left}
#form .right-phone{float:left; padding:0px 0px 0px 3px}
#form .clear{float:none}
#form .highlight{border:1px solid red}

/* ---------------------------- */
/* Misc
/* ---------------------------- */

.float-left{float:left}
.float-right{float:right}
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.img-left{float:left; margin:0px 10px 0px 0px}
.img-right{float:right; margin:0px 0px 0px 10px}
.margin-left{margin-left:10px}
.margin-right{margin-right:10px}
.margin-top{margin-top:10px}
.margin-bottom{margin-bottom:10px}
.small{font-size:11px; line-height:14px}
.large{font-size:16px}
.nodis{display:none}
.clear{clear:both}
.highlight{padding:2px; background-color:#FF6}
.highlight-white { padding:2px; background-color:white; margin-top:10px;}
.grey{color:#666}
.border{border:1px solid #ccc}
.red{color:#c41b00}
.line{height:1px; background-color:#bfb389; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}