@charset "utf-8";
/* CSS Document */

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/*This is just some random data to fuck over that goddamn 8192 bug balls balls*/

/* =universals*/
* {
margin : 0;
padding : 0;
}

.clearing {
clear:both;
}

/* =html*/
html { 
}

/* =body*/
body {
font-family: "Trebuchet MS", Verdana, Tahoma,  Arial, sans-serif;  
color: #000000;
font-size: 90%;
font-weight: normal;
line-height: 1.125em; /* 16x1.125=18px */
background: #cc9933 url(/images/bg_gold.png) repeat;
}

/* =div*/
#container {
position : relative; 
width : 920px; 
margin : 0 auto;
text-align : left;
}

#header {
z-index: 6;
width:100%;
height: 90px;
margin:0;
color:#FFF;
width: 100%;
}

#subheader {
display: block;
width: 100%;
height: 20px;
background: #000000;
padding-top: 6px;
padding-bottom: 4px;
}

#maincol{
padding-right: 185px;
padding-left: 165px;
}

#wrapper1 {
position:relative;
text-align:left;
width: 570px;
background: rgba(0, 0, 0, 0.5);
border-left: 165px solid transparent;
margin-left: -165px;
}

#wrapper2 {
position:relative;
text-align:left;
width: 570px;
background: rgba(255, 255, 255, 0.2);
border-right: 185px solid transparent;
margin-right: -185px;
}

#wrapper3 {
position:relative;
text-align:left;
width: 0px;
background: rgba(0, 0, 0, 0.5);
border-left: 165px solid transparent;
margin-left: -165px;
}

#wrapper4 {
position:relative;
text-align:left;
width: 755px;
}

#leftcol {
position:absolute;
left:-165px;
height: 100%;
width:145px;
padding:25px 5px 20px 15px;
z-index:100;
color:#FFFFFF;
list-style-type: none;
}

#rightcol {
position: absolute;
right:-195px;
width:185px;
padding:10px 5px 20px 5px;
z-index:99;
}

#rightcolwide {
position:relative;
min-height: 140px;
margin:0 0 0 0;
padding: 15px;
background: #FFFFFF url(/images/topgrad.png) top repeat-x;
}

#rightcolbottom {
position:relative;
display: block;
margin:0 0 0 0;
padding: 10px;
background: rgba(255, 255, 255, 0.2);
}

#centercol {
position:relative;
min-height: 500px;
padding: 15px;
background: #FFFFFF url(/images/topgrad.png) top repeat-x;
}

#orderbuilder #centercol {
position:relative;
display: block;
min-height: 500px;
margin:0 235px 0 165px;
padding: 15px;
}

#orderbuilder #rightcol {
position:relative;
float:right;
width:220px;  /* for IE5/WIN */
width:220px; /* actual value */
padding:10px 5px 20px 10px;
background: rgba(0, 0, 0, 0.5);
z-index:99;
}

#contactinfo {
float: right;
width: 180px;
}

#footer {
position:relative;
background:#000000;
width:100%;
clear:both;
padding: 20px 0 20px 0;
text-align:center;
color:#CCC;
}

#dontsee {
margin-top: 20px;
}

.outline {
border: 1px dashed #333333;
padding: 10px;
margin-top: 10px;
}

/* div.righboxes*/
.rightbox {
display: block;
width: 170px;
margin: 0px 0px 10px 3px;
}

#turnaround {
height: 121px;
background: url(/images/rb_turnaround.png) no-repeat;
}

#ordering {
height: 101px;
background: url(/images/rb_ordering.png) no-repeat;
}

#switch {
height: 144px;
background: url(/images/rb_switch.png) no-repeat;
}

/* =img*/
.stackheader {
width: 100%;
height: 90px;
}

#onecolor {
height: 100%;
}

#promoblock {
position: relative;
float: left;
margin: 0 5px 0 0px;
display: block;
height: 175px;
}

.thumb {
width: 110px;
border: 1px #000000;
}

.title {
height: 30px;
width: 400px;
position: relative;
margin: -17px 0 0 -15px;
}

/* =h*/
#header {
height: 90px;
text-align:center;
color:#FFF;
width: 100%;
}

#header h1 {
font-size:200%;
}

#headerlogo {
text-indent: -9999px;
display: block;
height: 150px;
width: 520px;
position: absolute;
left: -20px;
background: url(/images/SFheaderlogo.png) no-repeat;
z-index: 150;
}

#helpcentertitle {
text-indent: -9999px;
display: block;
height: 30px;
width: 180px;
position: relative;
margin: -17px 0 0 -15px;
background: url(/images/helpcenter_title.png) no-repeat;
z-index: 160;
}

#contactustitle {
text-indent: -9999px;
display: block;
height: 30px;
width: 175px;
position: relative;
margin: -30px 0 0 -15px;
padding-bottom: 5px;
background: url(/images/contactus_title.png) no-repeat;
z-index: 160;
}

#brandstitle {
text-indent: -9999px;
display: block;
height: 30px;
width: 250px;
margin: 0 auto;
padding: 0 0 5px 0;
background: url(/images/styles_title.png) no-repeat;
z-index: 160;
}

#promotitle {
position: relative;
right: 15px;
top: 5px;
float: right;
text-indent: -9999px;
display: block;
height: 30px;
width: 356px;
background: url(/images/promo_title.png) no-repeat;
z-index: 160;
}

#designtitle {
text-indent: -9999px;
display: block;
height: 90px;
width: 160px;
padding-bottom: 5px;
background: url(/images/design_title.png) no-repeat;
z-index: 160;
}

#customtitle {
display: block;
position: relative;
left: -5px;
top: -19px;
height: 60px;
width: 475px;
text-indent: -9999px;
background: url(/images/custom_title.png) no-repeat;
z-index: 125;
}

#turnaroundtext {
display: block;
width: 100%;
text-align: center;
position: relative;
top: 45px; 
color: #000099;
font-size: 1.75em;
}

h2.cattitle {
margin-top: -26px;
font-size: 240%;
z-index: 800;
display: block;
width: 400px;
}

#shoplocaltitle {
text-indent: -9999px;
display: block;
height: 50px;
width: 562px;
position: relative;
margin: -17px 0 0 -15px;
background: url(/images/shoplocal_title.png) no-repeat;
z-index: 160;
}

#browse {
text-indent: -9999px;
margin: 10px 0 10px 20px;
display: block;
height: 117px;
width: 300px;
position: relative;
background: url(/images/browse.png) no-repeat;
z-index: 160;
}


/*h2.cattitle {
text-indent: -9999px;
display: block;
height: 40px;
position: relative;
margin: -18px 0 0 -10px;
background: no-repeat;
z-index: 200;
}*/

h3 {
padding: 8px 0 2px 0;
}

/* =p*/
#intro {
text-align: center;
margin-top: -20px;
}

#subheader {
color: #FFF;
text-align: right;
}

#helpintro {
display: block;
height: 110px;
width: 500px;
float: left;
padding: 15px 10px 0 0;
border-right: dotted #333333;
}

#brandsdesc {
margin: 10px 0 10px 0;
}

#designdesc {
margin: 10px;
}

#promodesc {
padding: 45px 10px 0 0;
}

/* =a*/
a {
outline: none;
}

a.stealth {
color:#FFF;
outline: none;
text-decoration: none;
}

a.stealth:hover {
color: #CCFF66;
}

a.catalog{
outline: none;
text-decoration: none;
}

a.catalog:hover {
outline: none;
text-decoration: none;
color: #666666;
}

a.list {
outline: none;
text-decoration: none;
color: #000000;
}

a.list:hover {
outline: none;
text-decoration: underline;
color: #666666;
}

a[href$='.pdf'] {
display:inline-block;
padding-right:20px;
line-height:18px;
background:transparent url(/images/pdficon_small.gif) center right no-repeat;
}

/* =ul*/
.navitemslg {
line-height: 1.6em;
padding: 0px 0 5px 5px;
font-size: 1.3em;
list-style-type: none;
}

.navitemssm {
line-height: 1.6em;
padding: 0px 0 5px 15px;
font-size: .7em;
list-style-type: none;
}

li.selected {
display: block;
width: 100%;
background: rgba(256,256,256, 1);
color: #000000;
padding: 0 5px 0 5px;
margin-left: -5px;
}

.address {
list-style-type: none;
padding: 5px 0 0 0;
}

#brandlist {
height: 120px;
width: 350px;
background: url(/images/brands.png) no-repeat;
text-indent: -9999px;
list-style-type: none;
}

li.call {
text-decoration: underline;
font-size: 1.1em;
}

li.response {
color:#333333;
list-style-type: none;
font-size: .9em;
}

.points {
margin: 10px 0 10px 15px;
font-size: 1.1em;
color: #333333;
}

/* =hr*/
.leftcol {
height: 1px;
width: 80%;
border: 0;
color: #111111;
background-color: #111111;
margin: 5px 0 0 5px;
}

/* =table*/
table#indexlayout {
margin: 0 0 0 -15px;
text-align: center;
}

#indexlayout td {
}

td#brands {
width: 360px;
background: url(/images/gradblue.png) repeat-x top;
}

td#onecolor {
}

td#design {
background: url(/images/gradgreen.png) repeat-x top;
}

td#promos {
background: url(/images/gradred.png) repeat-x top;
height: 175px;
}

#results {
width: 95%;
text-align: center;
border: none;
margin-top: 10px;
}

#results td {
padding: 0 0 15px 0;
}

#contactform {
align: right;
}

#inks {
margin: 10px auto;
border: 0px;
padding: 5px;
}

.formentry {
margin: 0 0 5px 10px;
}

td.b {
width: 75px;
height: 40px;
padding: 0;
margin: 0;
}

td.c {
font-family: helvetica, arial, verdana, tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 14px;
height: 32px;
width: 75px;
vertical-align: middle;
text-align: center;
margin: 0;
padding: 0;
background-color: #fff;
}

table.b {
border: 1px #999 solid;
margin: 0;
padding: 0;
}

table.a {
border: 0px;
}


/* =form*/
#search {
display: inline;
margin-right: 10px;
}

/*input, textarea {
border: 1px solid #333333;
background-color: ;
}*/

.formheader {
position: relative;
color: #FFFFFF;
background: #333333;
}

/*** IE6 Fix ***/
* html #left {
left: 150px;           /* RC width */
}