body {
    background: #000e2a url(http://assets.zooluserver.com/torch/img/damask-6--2.jpg);
}

a, a:active, a:link, a:visited {
    color: #fff;
    text-decoration: underline;
}

#tinymce a, #tinymce a:active, #tinymce a:link, #tinymce a:visited {
    color: #fff !important;
}

a:hover {
    color: #000;
    text-decoration: underline;
    background: #fff;
}

#tinymce a:hover {
    color: #000 !important;
    background: #eee !important;
}

span.ico {
    width: 24px;
    height: 24px;
}

#lightbox { z-index: 999 }

#canvas-container {
    background: url(http://assets.zooluserver.com/torch/img/nav-bg.gif) repeat-x;
}

#wgt-breadcrumbs {
    font-size:10px;
    left:195px;
    position:absolute;
    top:48px;
    z-index: 80;
}
#wgt-breadcrumbs li {
    margin-right: 5px;
}

#page-product-view #wgt-breadcrumbs {
    left:467px;
    top:16px;    
}

#canvas {
    color: #fff;
    width: 1024px;
    background: transparent;
    overflow: hidden;
}

#tinymce {
    background: #000E2A;
    color: #fff;
}

/* form styles */
legend {
    color: #fff;
    margin-left: 5px;
}

fieldset {
    border: 1px #666 solid;
    padding: 0;
}

fieldset ul.formfields {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

label {
    width: 80px;
}

.submit {
    margin-left: 80px;
}

.form-err {
   border: 1px red solid;
   color: #000;
   font-size: 10px;
   margin-bottom: 10px;
   padding: 15px;
   background: #FFEB58;
}

/* layout css */
.ico {
    background: url(http://assets.zooluserver.com/torch/img/icons.gif);
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 5px;
}

.html {
    background: url(http://assets.zooluserver.com/torch/img/icons.gif) -24px;    
}

.email {
    background: url(http://assets.zooluserver.com/torch/img/icons.gif) -48px;    
    margin-right: 2px;
}

/* ### header css ### */
.header {
    height: 150px;
    background: url(http://assets.zooluserver.com/torch/img/nav-bg.gif) repeat-x;
}

.header h1 {
    position: absolute;
    background: url(http://assets.zooluserver.com/torch/img/logo.gif) no-repeat;
    width: 827px;
    height: 41px;
    cursor: pointer;
    text-indent: -9999px;
    z-index: 80;
    top: 20px;
    left: 155px;
}

.header #primary-nav {
    position: absolute;
    top: 87px;
    left: 190px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
}

.header #primary-nav li {
    display: inline;
    font-family: georgia, 'time new roman', serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: 32px;
    font-size: 20px;
}

#primary-nav li a, #primary-nav li a:active,
#primary-nav li a:visited, #primary-nav li a:link {
    color: #000;
    text-decoration: none;
}
#primary-nav li a:hover {
    text-decoration: underline;
    background: none;
}

#logo-image {
    position: absolute;
    top: 0;
    left: 0;
}

h1 span {
    padding-bottom: 3px;
    letter-spacing: 1px;
    height: 24px;
}

h2 {
    font-size: 16px;
}


h3 {
    font-size: 12px;
}

/* ### content css ### */

#canvas .content {
    font-size:12px;
    line-height:20px;
    padding-left:30px;
    padding-right:28px;
    padding-top:16px;
}

#canvas .content p {
    margin-bottom: 15px;
}

#canvas .content h1  {
    text-transform: none;
    font-size: 22px;
    line-height: 22px;
    font-family: 'Times New Roman', georgia, serif;
    /* border-bottom: 1px #ffbd09 solid; */
    margin-bottom: 10px;
    padding-left: 22px;
    padding-bottom: 2px;
    background: url(http://assets.zooluserver.com/torch/img/title-bar.gif) bottom left no-repeat;
}

#canvas .content h2, #canvas .content h3 {
    margin-bottom: 10px;
}

#canvas .main-text {
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 140px;
}
/* example of this is the sword on the home page */
#content-img {
    position: absolute;
    right: 0px;
    top: 270px;
    z-index: 100;
    top: 297px;
    right: 4px;    
}

/* ### footer css ### */
#canvas .footer {
    color: #999;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}
#canvas .footer .nav {
    margin-bottom: 10px;
}
#canvas .footer .nav li {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px #999 solid;
}
#canvas .footer .nav li.last, #canvas .footer .nav li.diamond {
    border: 0;
    padding-right: 0;
}

#canvas .footer .nav li.diamond img {
    position: relative;
    top: 5px;
}

#canvas .footer .nav li a, #canvas .footer .nav li a:active,
#canvas .footer .nav li a:visited, #canvas .footer .nav li a:link {
    color: #999;
    text-decoration: none;
}
#canvas .footer .nav li a:hover {
    background: #eee;
    color: #000;
}

/* #### title css #### */
#welcome-title {
    position: relative;
    text-indent: -9999px;
}
#welcome-title span {
    display: block;
    background: url(http://assets.zooluserver.com/torch/img/welcome.gif) no-repeat;
}
#page-jewelry #canvas .content h1 {
    position: relative;
    text-indent: -9999px;    
}
#page-jewelry #canvas .content h1 span {
    display: block;
    padding-bottom: 3px;
    background: url(http://assets.zooluserver.com/torch/img/jewelry-title.gif) no-repeat;    
}

/* #### home page css #### */
#featured-items {
    margin-bottom: 30px;
    position: relative;
    height: 240px;
}

#featured-items .scroll {
    position: absolute;
}
#featured-items .scroll.left {
    bottom: -20px;
    left: -30px;
}
#featured-items .scroll.right {
    right: -30px;
    top:  -20px;
}

#featured-items ul { padding: 0 }
#featured-items ul li { display: inline; margin-right: 7px; }


/* #### jewlery page css #### */
#jewelry-collections {
   text-align: center;
}

#jewelry-collections li {
    list-style: none;
    display: inline;
    margin-right: 40px;
}

#jewelry-collections li a:hover {
    color: #000;
    text-decoration: none;
    background: transparent;
}

/* #### gallery page #### */
#guest-article-collections {
    margin-top: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#guest-article-collections a {
    padding: 4px;
}

#canvas #emily-collection-title span {
    display: block;
    text-indent: -9999px;
    padding-bottom: 3px;
    background: url(http://assets.zooluserver.com/torch/img/emily-jewelry-title.gif) no-repeat -79px 0;    
}
#canvas #ashley-collection-title span {
    display: block;
    text-indent: -9999px;
    padding-bottom: 3px;
    background: url(http://assets.zooluserver.com/torch/img/ashley-jewelry-title.gif) no-repeat;    
}
#page-gallery #canvas .content {
    padding-left: 0px;
    padding-right: 28px;
    padding-top: 16px;
    position: relative;
    clear: both;
    float: left;
}

#left-sidebar {
    float: left;
    width: 185px;
    position: relative;
}

#left-sidebar h1.top {
    text-indent: -9999px;
    background: url(/include/yellow-shield/repeat.gif) top center repeat-y;
    left: 0;
    margin: 0;
    padding: 0;
    position:absolute;
    text-indent: -9999px;
    top: 100px;
    bottom: 0px;
    width:185px;
}

#left-sidebar h4.bottom {
    text-indent: -9999px;
    background: url(/include/yellow-shield/bottom.gif) bottom center no-repeat;
    height: 125px;
    left: 0;
    margin: 0;
    padding: 0;
    position:absolute;
    text-indent: -9999px;
    bottom: -125px;
    width:185px;
}

#left-sidebar ul {
    position: relative;
    background: url(/include/yellow-shield/top.gif) top center no-repeat;
    margin-left: 0px;
    padding-top: 110px;
    padding-right: 35px;
    list-style: none;
    color: #000;
    text-transform: none;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    font-family: 'Times New Roman', georgia, serif;
    padding-left:30px;
    width:122px;   
}

#left-sidebar .nav a, #left-sidebar .nav a:active,
#left-sidebar .nav a:link, #left-sidebar .nav a:visited {
    color: #000;
    text-decoration: none;
}

#left-sidebar .nav a:hover {
    background: none;
    text-decoration: underline;
}


#left-sidebar .nav li {
    overflow: visible;
    padding-left: 10px;
    padding-right: 10px;
}

#left-sidebar .nav li.selected, #left-sidebar .nav li.hover {
    background: url(http://assets.zooluserver.com/torch/img/left-nav-bullet-diamond.gif) no-repeat 0px !important;
    overflow: visible;
}
/*
#left-sidebar .nav li.selected a {
    background: url(/include/gif/left-nav-diamond) no-repeat -10px;
    overflow: visible;
}
*/



#gallery-content {
    position: relative;
    float: left;
    width: 790px;
    padding: 10px;
    padding-top: 0;
}
#gallery-content.guestartists {
    width: 945px;
}

#gallery-content #artist-link {
    line-height: 21px;
    position: absolute;
    display: block;
    top: 6px;
    right: 30px;
}

#gallery-content #artist-link span {
    text-indent: 0px;
}

#gallery-content ul {
    float: left;
    list-style: none;
}
#gallery-content li {
    position: relative;
    float: left;
    margin: 20px;
    width: 200px;
    height: 200px;
}


#gallery-content .small li {
    text-align: center;
    vertical-align: middle;
    position: relative;
    float: left;
    display: inline;
    margin: 20px;
    width: 152px;
    height: 186px;
}
#gallery-content .small li div.img-tn {
    position: relative;
    width: 152px;
    height: 152px;
}
#gallery-content .small li div.img-name {
    position: relative;
    line-height: 16px;
    height: 20px;
}
#gallery-content .small li img {
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-list.small {
    padding: 0;
}

.products-coming-soon {
    font-size: 18px;
    margin: 40px;
}

#gallery-content li .info {
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/* press text styles */
#article-info span {
    margin-right: 20px;
}
#article-body {
    line-height: 18px;
    font-size: 12px;
    text-transform: none;
}

/* contact page styles */
#page-contact #canvas .contact-us.wgt {
    font-size: 12px;
}
#page-contact #canvas .content {
    line-height: 16px;
    font-size: 14px;
    text-transform: none;
}

.contact-intro {
    line-height: 18px;
    margin-bottom: 10px;
}

#page-contact #canvas #inp-message {
    width: 440px;
}

#page-contact #canvas .content .form-err {
    width: 550px;
}

#page-contact #canvas .content h2 {
    font-size: 16px;
}

#page-contact #canvas .detail, #tinymce .detail {
    font-size: 16px;
    line-height: 20px;
    float: left;
    width: 260px;
}

#page-contact #canvas .detail .directions, #tinymce .detail .directions {
    line-height: 24px;
    vertical-align: middle;
}

#page-contact #canvas .detail .directions img, #tinymce .detail .directions img{
    margin-right: 5px;
}

#page-contact #canvas .detail.hours, #tinymce .detail.hours {
    width: 340px;
}

#page-contact #canvas .detail p, #tinymce .detail p {
    margin-left: 20px;
}

#page-contact .contact-us {
    clear: left;
}

.article-author-title {
    font-style: italic;
    font-weight: normal;
}
.left {
    float: left;
}
.right {
    float: right;
}
img.border.right {
    border: 1px #666 solid;
    margin: 10px;
}

/* list styles */
ul.zoo.thumbnail {
    padding: 0;
}


/* product mgr styles */
#product-containr {
    overflow: hidden;
}

#product-container .default-img {
   float: left;
   width: 450px;
   margin-right: 20px;
   text-align: center;
}
#product-container .data {
   width: 450px;
   float: left;
   padding-top: 5px;
}

#product-container .price {
   font-size: 24px;
}
#product-container .price-container .price {
   margin-right: 5px;
}
#product-container .stock.outofstock {
   color: red;
}
#product-container h2 {
   margin-top: 10px;
}
#canvas .content #product-container h3 {
   margin-top: 10px;
   margin-bottom: 4px;
   line-height: 16px;
   font-size: 14px;
}
#product-container .img-list {
    padding: 0;
    margin: 0;
}
#product-container .img-list li {
    list-style: none;
    display: inline;    
}
#customize-container {
    margin-bottom: 20px;
}
.add-to-cart-container {
    margin-top: 20px;
    margin-bottom: 20px;
}
#view-cart-container {
    position: absolute;
    right: 90px;
    top: -14px;
    z-index: 80;
}
/*
.product-img-preview {
    overflow: hidden;
    width: 400px;
    padding: none;
    padding: 0;
}

.product-img-preview li {
    list-style: none;
    display: inline;
    width: 100px;
    height: 100px;
}
*/

/* home page announcments */
#canvas h1#announcement-title {
    background: none;
    margin: 0;
    padding: 0;
    padding: 4px;
    text-indent: -9999px;
    weight: 314px;
    height: 67px;
    background: url(http://assets.zooluserver.com/torch/img/torch-announcements-title.gif) no-repeat;   
}

#canvas .content #announcement-list li h2 {
    margin-bottom: 4px;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: normal;
}

#canvas .content  #announcement-list li h3 {
    margin: 0;
    margin-bottom: 10px;
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
}
#announcement-list .read-more {
    cursor: pointer;
}
#announcement-list .read-more a {
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    color: #ffcc00;
    text-decoration: none;
}
#announcement-list .read-more a:hover {
    text-decoration: underline;
    background: none;
}

#announcement-list {
    list-style: none;
    width: 830px;
}
#announcement-list li {
    padding-top: 10px;
    border-bottom: 1px #666 solid;
    padding-bottom: 10px;
}
/*======custom press page styles=====*/
#page-torchsongpress .press-item  {
    min-height: 220px;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #35445F;
}
#page-torchsongpress .press-item .tn {
    float: left;
    margin: 10px;
    width: 200px;
    margin-right: 40px;
}

#page-torchsongpress .press-item .tn img {
    border: 1px #fff solid;
}
#page-torchsongpress .press-item .info {
    float: left;
    margin: 10px;
    width: 650px;
}
#page-torchsongpress .press-item .info span {
    margin-right: 20px;
}
#page-torchsongpress .press-item .info .page-nav {
    margin: 30px;
    
}
#page-torchsongpress .press-item .info .page-nav a {
    margin-right: 20px;
    font-size: 14px;
    display: block;
    margin-bottom: 3px;
}
#page-torchsongpress .press-item .info .page-nav a:hover {
    background: none;
    color: #fff;
}
#page-torchsongpress .press-item .info .page-nav div {
    clear: both;
    vertical-align: middle;
    line-height: 24px;
}
#page-torchsongpress h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
#page-torchsongpress h2.press-title span {
    display: block;
    height: 24px;
}
#page-torchsongpress .quote {
    font-size: 24px;
    font-family: 'Times New Roman', serif;
    margin: 3px !important;
    padding: 0;
}
#page-torchsongpress .press-item-youtube .info-youtube {
    width: 480px;
    float: right;
    margin-top: 30px;
}
#page-torchsongpress .press-item-youtube {
    height: 380px;
    padding:20px
}
#page-torchsongpress .press-item-youtube .tn-youtube {
    height: 345px;
    width: 435px;
    float: left;
}
#page-torchsongpress .press-item .tn-youtube-only {
    text-align: center;
    height: 345px;
}

/*===lightbox anchor tag====*/
#imageDetails #caption a {
    color: #00256A;
}
/*===clearfix===*/
.clearfix {
    content:".";
    display:inline-block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*===sitemap===*/
#page-torchsongmetals-sitemap .content{
	line-height: 25px;
}
#page-torchsongmetals-sitemap #sitemap-col {
	float: left;
    width: 400px;
}
/*===links page ===*/
#page-links .content p img{
	border: 1px solid #FFF;
}
#page-links .content ul {
	margin: 17px 0 10px 0;
    list-style: none;
}
#page-links .content li {
	display: inline;
    width: 64px;
    height: 64px;
    margin-right: 5px;
}
#page-links .content li a:hover {
    background: none;
}
#page-links #links-embed {
	padding: 5px; 
	margin-bottom: 20px; 
	border: 1px solid #000000; 
	width: 393px; 
	height: 88px; 
	background-color: #ffffff;
}
#page-links #links-embed textarea {
	height: 75px; 
	width: 380px; 
	padding: 5px; 
	display: block; 
	color: #000000; 
	font-size: 1em; 
	border: 1px solid #cccccc; 
	background: none repeat scroll 0% 0% #eeffee;	
}

#page-links #canvas .content h2 {
    margin-top: 30px;
}

/*===coupon-styles===*/
#coupon-input {
    margin-bottom: 15px;
    margin-right: 10px;
}
.coupon-code-container {
    position: relative;
    vertical-align: top;
}
#coupon-invalid {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
      
    position: absolute;
    font-weight: bold;
    background: #fff;
    border: 2px red solid;
    color: red;
    padding: 10px;
    left: 152px;
    top: 25px;
    width: 300px;
}