body {
    background: #7a9fa4 url(/images/body-background.png) repeat-y center;
    color: #4a3d33;
    font-family: Tahoma, Geneva, sans-serif;
}

#background {
    width: 100%;
    background: transparent url(/images/test.png) no-repeat bottom center;
}

#wrapper {
    width: 960px;
    margin: auto;
    background-color: #f7f2df;
    position: relative;
}


























p {
   padding: 5px 0;
}

strong {
    font-weight: bold;
}


/********** Header **********/
#header {
    height: 124px;
    background-image: url(/images/leather-background.jpg);
}

#logo {
    position: absolute;
    top: 25px;
    left: 67px;
}

#call-us {
    position: absolute;
    top: 20px;
    right: 67px;
}

#banner {
    margin: 8px 10px 0 10px;
    width: 940px;
}




/********** Columns **********/

#columns {
    background: transparent url(/images/textured-background.jpg);
    padding-bottom: 20px;
}



.home #column-1 {
    float:left;
    width:572px;
    margin:6px 0 0 6px;

}

.home #column-2 {
    float:left;
    width:376px;
    padding:34px 6px 0 0;

}


.category #column-1 {
    float:left;
    width:184px;
    margin-left:10px;
    padding:33px 4px 0 0;

}

.category #column-2 {
    float:left;
    width:550px;
    padding:6px 0 0 0;
}

.category #column-3, .information #column-2 {
    float:left;
    width:206px;
    margin:0 6px 0 0;
    padding:33px 0 0 0;
}

.information #column-1 {
    float: left;
    width: 742px;
    margin:6px 0 0 6px;

}




/********** Index tabs **********/


.top {
text-indent: 30px;
}

.index-tab-4 .top {
text-indent: 15px;
}



.home .index-tab-1 {
    width:572px;
}

.home .index-tab-1 .top {
    background: transparent url(/images/index-tab-1-top.png);
    width:572px;
}

.home .index-tab-1 .middle {
    background: url(/images/index-tab-1-middle.png);
    width:536px;
    padding: 0 18px 20px 18px;
    font-family:Georgia, serif;
    min-height:580px;
}

.home .index-tab-1 .bottom {
    background: transparent url(/images/index-tab-1-bottom.png);
    height:4px;
    width:572px;
}

.home .index-tab-2 {
    width:376px;

}

.home .index-tab-2 .top {
    background: transparent url(/images/index-tab-2-top.png);
    width:376px;
}

.home .index-tab-2 .middle {
    background: transparent url(/images/index-tab-2-middle.png);
    width:368px;
    padding:0 4px 10px 4px;
    min-height:427px;
    /*min-height:435px;*/
}

.home .index-tab-2 .bottom {
    background: transparent url(/images/index-tab-2-bottom.png) no-repeat;
    height:4px;
    width:376px;
}



.index-tab-4 {
    width:206px;
}

.index-tab-4 .top {
    background: transparent url(/images/index-tab-4-top.png);
    width:206px;
}

.index-tab-4 .middle {
    background: transparent url(/images/index-tab-4-middle.png);
    width: 198px;
    padding: 0 4px 0 4px;
}

.index-tab-4 .bottom {
    background: transparent url(/images/index-tab-4-bottom.png);
    height:4px;
    width:206px;
}




.index-tab-6 {
    width:742px;

}

.index-tab-6 .top {
    padding: 0;
    height: 28px;
    width: 742px;
}

.index-tab-6 .top-a {
    background: transparent url(/images/index-tab-top-a.png);
    width: 182px;
    float: left;
}

.index-tab-6 .top-b {
    background: transparent url(/images/index-tab-top-b.png);
    width: 550px;
    float: left;
}

.index-tab-6 .top-c {
    background: transparent url(/images/index-tab-top-c.png);
    width:10px;
    float: left;
}





.index-tab-6 .middle {
    background: transparent url(/images/index-tab-6-middle.png);
    width: 706px;
overflow: auto;
    padding: 0 18px 20px 18px;
    min-height: 300px;
    font-size: 12px;
}

.index-tab-6 .bottom {
    background: transparent url(/images/index-tab-6-bottom.png);
    height:4px;
    width:742px;
}

.index-tab-6 .content {
    padding: 10px 16px 20px 16px;
    border-bottom: dashed 1px #c0ad97;
}


.index-tab-6 div.column-a {
    float: left;
    width: 416px;

}

.index-tab-6 div.column-b {
    text-align: center;
    float: left;
    width: 258px;
}





.top, .top div {
    padding: 4px 0 0 0;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
}


.category .index-tab-3 {
    width:550px;
}

.category .index-tab-3 .top {
   /* background: transparent url(/images/index-tab-3-top.png);*/
    padding: 0;
    height: 28px;
    width: 550px;
}

.category .index-tab-3 .top-a {
    background: transparent url(/images/index-tab-top-a.png);
    width: 142px;
    float: left;

}

.category .index-tab-3 .top-b {
    background: transparent url(/images/index-tab-top-b.png);
    width: 398px;
    float: left;

}

.category .index-tab-3 .top-c {
    background: transparent url(/images/index-tab-top-c.png);
    width:10px;
    float: left;

}

.category.custom-packaging .index-tab-3 .top-a, .category.portfolio-covers .index-tab-3 .top-a, .category.index-dividers .index-tab-3 .top-a {
    width: 182px;
}

.category.custom-packaging .index-tab-3 .top-b, .category.portfolio-covers .index-tab-3 .top-b, .category.index-dividers .index-tab-3 .top-b {
    width: 358px;
}



.category .index-tab-3 .middle {
    background: transparent url(/images/index-tab-3-middle.png);
    width:526px;
    padding:12px;
}

.category .index-tab-3 .bottom {
    background: transparent url(/images/index-tab-3-bottom.png);
    height:4px;
    width:550px;
}










/********** Ring Binders and Menu Covers Shared **********/

.home #column-1 .row {
    clear: both;
    border-bottom: dashed 1px #c0ad97;
    padding: 15px 0 15px 0;
}






.home #column-1 h2 {
    clear: both;
}


.home #column-1 .examples {
    border-bottom: dashed 1px #c0ad97;
    padding: 15px 0 15px 0;
    float: left;
    height:159px;
    width:266px;
}


.home #column-1 .example {
    width: 133px;
    float: left;

}

.home #column-1 .index-tab-content {
    padding: 0 15px 0 15px;
    overflow: auto;
}



.home #column-2 .index-tab-content {
    width:328px;
    padding: 320px 20px 0 20px;
}



#column-2 p, #column-3 .index-tab-content p {
    font-size: 11px;
}

#column-2 a, #column-3 .index-tab-content a {
    font-size: 13px;
    font-family: georgia;
    text-decoration: none;
}

.index-tab-4 .index-tab-content {
    padding: 280px 20px 0 13px;

}




/********** Ring Binders Index **********/

.home.ring-binders #column-2 .index-tab-content {
    background:transparent url(/images/index-menus-that-move-you.jpg) no-repeat right top;
}

.ring-binders #column-2 .index-tab-content a, .ring-binders #column-3 .index-tab-content a {
    color: #8e2800;
}

.category.ring-binders .index-tab-4 .index-tab-content {
    background:transparent url(/images/products-menus-that-move-you.jpg) no-repeat right top;
}

/********** Menu Covers **********/

.home.menu-covers #column-2 .index-tab-content {
    background:transparent url(/images/index-binders-beyond-ordinary.jpg) no-repeat right top;

}

.menu-covers #column-2 .index-tab-content a, .menu-covers #column-3 .index-tab-content a {
    color: #2076e6;
}


.index-tab-4 .index-tab-content.ring-binders {
    background:transparent url(/images/products-binders-beyond-ordinary.jpg) no-repeat right top;
}

/********** FOOTER **********/
#footer {
    height: 315px;
    background: transparent url(/images/leather-background.jpg) no-repeat left top;
    font-family:Tahoma, Geneva, sans-serif;
    color:#ffffff;
    font-size:11px;
}

#footer .columns {
    height: 127px;
    background:url(/images/guarantee-background.jpg) no-repeat;
    padding:14px 0;
}

#footer .columns a {
    color: #ffffff;
    text-decoration: none;
}

#footer h2 {
    font-family:Georgia, serif;
    color:#bc3501;
    font-size:18px;

}


#footer .column-1 {
    height:128px;
    width:195px;
    padding:0 14px 0 110px;
    float:left;
    border-right: 1px #ffffff dashed;
}

#footer .column-1 #signature {
    padding:30px 0 0 90px;
}

#footer .column-2 {
    width:300px;
    padding:0 14px 0 15px;
    float:left;

}

#footer .column-3 {
    width:280px;
    height:128px;
    padding:0 15px 0 14px;
    float:left;
    border-left: 1px #ffffff dashed;
}



#footer .column-3 .how-to-order a {
    float: left;
    width: 90px;
    font-size: 10px;
    margin: 5px 0;
    display: block;
}

#footer .column-3 li a {

}

#footer .column-3 form {
    clear: both;
}

#footer #links {
    /*border-top:2px solid #d99472;
    margin-top:2px;*/
    padding:15px 12px;
    height: 85px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
}

#footer #links div {
    width: 20%;
    float:left;
}

#footer #links ul {
    list-style-type:disc;
    margin: 10px 0;
    padding-left: 20px;
    color:#d99472;


}


#footer #links a {
    color:#d99472;
    text-decoration:none;
}

#footer #small-print  {
    clear:both;
    font-size:10px;
    text-align:right;
    color:#ffffff;
    width:100%;
    border-top: solid 8px #689195;
    background-color: #7aa1a6;
    height: 37px;
}

#footer #small-print a {
    color:#ffffff;
    text-decoration:none;
}



#footer input {
    height:24px;
    float:left;
    border:none;
    margin:10px 8px 0 0;
}

#footer label {
    color:#bc3501;
    font-family:Georgia, serif;
}



/********** NAVIGATION **********/
#navigation {
    position:absolute;
    top:88px;
    left:67px;
}

#navigation li {
    display: inline;
    float: left;
}

#navigation a {
    display: block;
    height: 36px;
    margin-right:4px;
    background:url("/images/navigation-background.png") 0 0 no-repeat;
}

#navigation span {
    display:none;
}

#navigation a.tab-1 {
    width: 140px;
}

#navigation a.tab-1:hover, #navigation a.tab-1.active {
    background-position: 0 -36px;
}

#navigation a.tab-2 {
    width: 141px;
    background-position: -145px 0;
}

#navigation a.tab-2:hover, #navigation a.tab-2.active {
    background-position: -145px -36px;
}

#navigation a.tab-3 {
    width: 174px;
    background-position: -290px 0;
}

#navigation a.tab-3:hover, #navigation a.tab-3.active {
    background-position: -290px -36px;
}

#navigation a.tab-4 {
    width: 160px;
    background-position: -468px 0;
}

#navigation a.tab-4:hover, #navigation a.tab-4.active {
    background-position: -468px -36px;
}

#navigation a.tab-5 {
    width: 194px;
    background-position: -632px 0;
}

#navigation a.tab-5:hover, #navigation a.tab-5.active {
    background-position: -632px -36px;
}





#column-1 .panel {
    font-family:Georgia, serif;
    background-color:#f5f1df;
    width:160px;
    padding:20px 12px;
    font-size:12px;
}

#column-1 .panel h3 {
    font-family:Georgia, serif;
    color:#bc3501;
    text-transform:uppercase;



}

#column-1 .panel ul {
    padding-bottom:10px;
    border-bottom:1px #cdbea9 dashed;
    border-top:1px #cdbea9 dashed;
}

#column-1 .panel ul li {
    margin-top:10px;

}

#column-1 .panel  a {
    /*padding-left:20px;*/
    color:#4a3d33;
    text-decoration:none;

}

#column-1 .panel ul li a:hover {
    /*background:url("/images/arrow-bullet.gif") no-repeat left;*/
    color:#bc3501;
}


.thumbnails {
    background-color:#ffffff;

}

div.thumbnail {
    float:left;
    width:181px;
    height:150px;
    background-color:#ffffff;
    text-align:center;
    margin-bottom:20px;
}






/********** Question Boxes **********/

.question-box {
    color: #4a3d33;
    font-size: 11px;
    font-family: georgia;
}

#column-2 .question-box a, #column-2 .question-box a:visited {
  color: #4a3d33;
  font-size: 11px;
  text-decoration: underline;
}

.question-box span {
    font-weight: bold;
    }

.home .question-box {
    width:181px;
    height:94px;
    background: url(/images/index-question-box.png) no-repeat;
    padding:10px 15px 15px 48px;
    margin: 20px auto;
}

.category .question-box {
    width:193px;
    height:42px;
    background:url(/images/products-question-box.png) no-repeat;
    padding:10px 15px 10px 48px;
    margin: 20px 0 20px 250px;
}

.information .question-box {
    width: 193px;
    height: 52px;
    background: url(/images/products-question-box.png) no-repeat;
    padding: 10px 15px 0 48px;
    margin: 20px 0;
    float: right;
}










/********* Category Accordions **********/

#products {
    width: 526px;
    margin: auto;
    border-bottom: dashed 1px #c0ad97;
}

.product {
    clear:both;
    position: relative;

}

.product .header {
    min-height: 140px;

}

.product h2 {
    height:29px;
    line-height: 29px;
    background-color: #4a3d33;
    font-family: georgia;
    font-size: 15px;
    color: #f5f1df;
    padding-left: 10px;

}

.description {
    width:392px;
        margin-left:134px;
}

.description div {
    padding: 20px 0 0 10px;
}

.custom-options {
    width:382px;
    padding:0 0 20px 144px;
}

/*
img.product-image {
position:absolute;
left:0;
top:0;
}

#products .column-a {
float:left;
width:134px;
}
*/

.ui-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

p .ui-icon {
    position: static;
    float: left;
    margin: 2px 3px 0 0;
}

.ui-icon {
    display: block;
    width: 10px;
    height: 8px;
    background: url(/images/ui-icon-plus.png) no-repeat;
}

.ui-icon-plus {
    background: url(/images/ui-icon-plus.png) no-repeat;
}

p .ui-icon-plus {
    background: url(/images/ui-icon-plus-2.png) no-repeat;
}

.ui-icon-minus {
    background: url(/images/ui-icon-minus.png) no-repeat;
}

p .ui-icon-minus {
    background: url(/images/ui-icon-minus-2.png) no-repeat;
}






.options {
    display:none;
}

#dialog {
    background-color:blue;
    display:none;
}









#top-products {
    margin: 0 4px 6px 4px;
}

ul.ul {
    list-style: inside disc;
}

blockquote {
    padding-left: 30px;
}