/*--------------------------------------------------*/
/*-- browser reset --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td,iframe { 
margin:0;
padding:0
}
table {
border-collapse:collapse;
border-spacing:0
}
fieldset,button,img,iframe { 
border:0
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal
}
ol,ul {
list-style:none
}
caption,th {
text-align:left
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal
}

p {
margin:.5em 0
}
p.first {
margin-top:0
}

sub, sup {vertical-align:baseline; position:relative; font-size:80%}
sub {bottom:-.6em}
sup {top:-.6em}

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:underline; color:#7f192f}
a:active {text-decoration:underline; color:#7f192f}

/*--------------------------------------------------*/
/*-- page positioning --*/
body {
text-align:center;
font:small/1.3 Arial, Helvetica, sans-serif;
color:#333
}
#page-wrap {
width:560px;
margin:0 auto;
text-align:left;
}
#page-wrap760 {
position:relative;
width:760px;
margin:1em auto 0;
text-align:left
}
#content {
padding-left:1em;
margin-bottom:1em
}

/*--------------------------------------------------*/
/*-- header --*/
#header {
background:#67060a url(../art/bg/header.png) repeat-x;
height:113px;
position:relative;
bottom:.7em
}
#header ul {
background:#3f60a7;
display:table;
position:absolute;
right:0;
bottom:-.7em;
padding:0.1em 0.6em;
border:1px #333 solid
}
#header ul li {
float:left;
display:inline
}
#header ul li.dot {
background:url(../art/bullets/nav_header.png) no-repeat center;
padding:0 0.45em;
height:17px;
width:3px
}
#header ul li a {
color:#fff;
font-weight:700;
font-size:0.9em;
letter-spacing:0.01em
}
#header ul li a:hover {
text-decoration:none
}
#header .text {
position:absolute;
left:5.7em;
top:1.48em
}
#header .logo {
position:absolute;
right:7.5em;
top:1.1em
}


/*--------------------------------------------------*/
/*-- titles --*/

/*page title*/
h1 {
font-size:180%;
font-weight:700;
color:#00f;
letter-spacing:1px;
padding:.5em 0
}
/*catalog headers*/
h2 {
font-size:140%;
font-weight:700;
letter-spacing:1px;
padding:0 0 .5em
}
/*intro text sub-headers*/
h3 {
font-size:1.3em;
font-weight:700;
display:table
}
/*pdf product links*/
h4 {
font-size:1.3em;
font-weight:700
}

/*--------------------------------------------------*/
.image-right {
float:right;
margin:5px
}
.left {float:left}
.right {float:right}
.clear {clear:both}

/*--------------------------------------------------*/
/*-- separating lines --*/
.line {
background:#666;
height:1px;
width:100%;
margin:20px auto
}
.line-hidden {
background:#fff;
height:1px;
width:80%;
margin:20px auto
}
.line-red {
background:#7f192f;
height:1px;
width:80%;
margin:20px auto
}

/*--------------------------------------------------*/
/*-- intro section --*/
.cover {
float:right;
margin:0 0 1em 1em
}

.red-bullet {
margin-left:3em
}
.red-bullet li {
background:url(../art/bullets/bullet-red.png) no-repeat 0 50%;
padding:.2em 1.5em
}

.red-square {
margin-left:3em
}
.red-square li {
background:url(../art/bullets/red_square.gif) no-repeat 0 50%;
padding:.2em 1.5em
}

.arrow-right {
margin-left:3em
}
.arrow-right li {
background:url(../art/arrows/arrow-right.png) no-repeat 0 50%;
padding:.2em 1.5em
}

.product_selection_guide {
display:block;
background:url(../art/buttons/product_selection_guide.png) no-repeat 0 0;
width:134px;
height:28px;
cursor:pointer;
float:right
}
.product_selection_guide:hover {
background:url(../art/buttons/product_selection_guide.png) 0 -28px
}

.return {
background:url(../art/arrows/product_selection_guide.png) no-repeat 0 0;
width:134px;
height:28px;
cursor:pointer;
float:right;
outline:none;
text-indent:-9999px
}
.return:hover {
background:url(../art/arrows/product_selection_guide.png) 0 -28px
}

/*--------------------------------------------------*/
/*-- search box --*/
.search {
width:500px;
margin:0 auto;
padding:10px;
font-weight:700;
background:#ebebeb;
border-bottom:1px #666 solid;
border-top:1px #666 solid;
}
.search form {
margin:0 auto;
width:260px;
}
.search input {
width:150px;
border:1px #666 solid;
padding:3px;
border-radius:5px;
-webkit-border-radius:5px
}

.search .button {
display:inline;
border:1px solid;
border-color:#aaa #000 #000 #aaa;
width:70px;
padding:2px;
background:#ccc;
border-radius:5px;
-webkit-border-radius:5px
}
.search .button:hover {
position:relative;
top:1px;
left:1px;
border-color:#000 #aaa #aaa #000
}

/*--------------------------------------------------*/
/*-- download entire_catalog link --*/
.entire-catalog {
margin:1.5em auto;
border:1px solid #7f192f;
border-radius:15px;
-webkit-border-radius:15px;
padding:.8em 2em;
text-align:center;
font-size:1.1em;
font-weight:700;
letter-spacing:1px;
display:table
}
.entire-catalog a {
text-decoration:none;
padding:.2em 0;
display:block
}
.entire-catalog a:hover {
text-decoration:underline
}
.entire-catalog span {
font-size:.8em;
font-weight:normal
}

/*-- old class, can be removed once moved to h4 --*/
#content .border td h3 {
border-spacing:0 .2em
}
/*--*/

/*--------------------------------------------------*/
/*-- product tables --*/
table {
margin:0 auto
}
td {
padding:.5em
}
td img {
display:block;
margin:0 auto
}
td ul {
list-style-type:square;
padding-left:2.5em
}
td .first {
padding-top:0
}

.border {
clear:both;
border-collapse:separate;
border-spacing:.4em;
empty-cells:hide
}
.border td {
border:1px #eee solid
}


/*--------------------------------------------------*/
/*-- box blue bg --*/
.blue-box {
background:#ebebeb;
padding:10px;
width:85%;
margin:0 auto;
border-bottom:1px #666 solid;
border-top:1px #666 solid;
}

/*--------------------------------------------------*/
/*-- footer --*/
.send-catalog-link {
text-align:center;
font-weight:700;
background:#ebebeb;
border-bottom:1px #666 solid;
border-top:1px #666 solid;
padding:.5em;
margin:3em 0 .7em
}
.send-catalog-link a:link {color:#3f60a7}
.send-catalog-link a:visited {color:#3f60a7}

.footer div {
float:left
}

.adobe {
width:49%
}
.adobe-inner {
padding:1em 1em 1em 0
}
.adobe-img  {
display:block;
margin:1em auto;
width:158px;
height:39px
}

.special-notice {
width:49%;
border-left:1px #666 solid
}
.special-notice-inner {
padding:1em 0 1em 1em
}

.special-notice p {
margin:0
}
.special-notice h3 {
display:block;
margin:0;
padding:0 0 .3em 0;
font-size:1.2em;
text-align:center
}



.address {
font-size:80%;
color:#666;
border-top:1px solid #666;
text-align:center;
padding:.6em
}
.address a:link {color:#3f60a7}
.address a:visited {color:#3f60a7}











/*--------------------------------------------------*/
/*-- brochure --*/
#brochure-content {
padding-left:10px
}
#brochure-content p {
padding:5px 0
}

#brochure-content p.first:first-letter {font-size: 200%;}
#brochure-content p.first:first-line {line-height: 100%;}
#brochure-content p.first {padding:0}

#brochure-content h2 {
color:#262626;
padding:10px 0 0 0;
font-size:1.3em;
font-weight:700
}
#brochure-content p.caption {
font-size:0.8em;
padding:0;
font-style:italic
}
#brochure-content td.middle-margin {
padding-left:10px
}
.page-numbers {
text-align:right;
padding-top:15px;
font-size:0.9em;
float:right;
padding-right:8px
}
.blue-previous {
float:left
}
a.blue-previous {
display:block;
width:30px;
height:30px;
background:url(../art/arrows/blueprev.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-10000px;
font-size:0px;
line-height:0px;
}
a:hover.blue-previous {
background-position: 0 -30px;
}

.blue-next {
float:right;
}
a.blue-next {
display:block;
width:30px;
height:30px;
background:url(../art/arrows/bluenext.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-10000px;
font-size:0px;
line-height:0px;
}
a:hover.blue-next {
background-position: 0 -30px;
}

.blue-up {
float:left
}
a.blue-up {
display:block;
width:30px;
height:30px;
background:url(../art/arrows/blueup.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-10000px;
font-size:0px;
line-height:0px;
}
a:hover.blue-up {
background-position: 0 -30px;
}

#bottom-navbar {
background:#a10e2a url(../art/bg/bottom_navbar.gif) repeat-x;
width:100%;
height:20px;
margin-top:5px
}

#bottom-navbar li {
display:inline;
list-style-type:none;
font-size:0.7em;
text-align:center;
padding-left:40px;
position:relative;
top:1px
}
#bottom-navbar a:focus, a:hover, a:active {outline:none }
#bottom-navbar a:link {text-decoration:none; color:#fff; font-weight:700}
#bottom-navbar a:visited {text-decoration:none; color:#fff; font-weight:700}
#bottom-navbar a:hover {text-decoration:underline; color:#fff; font-weight:700}
#bottom-navbar a:active {text-decoration:none; color:#fff; font-weight:700}

/*--------------------------------------------------*/
/*-- qwikcreate --*/
.qwikcreate {
background:url(../art/qwikcreate/qc6.gif) no-repeat;
width:58px;
height:13px;
float:right;
text-indent:-9999px;
overflow:hidden
}