/*
 960 Grid System ~ Text CSS.
 Learn more ~ http://960.gs/

 Licensed under GPL and MIT.
*/


.left-col-box div {margin: 0px; padding 0px;}
.opSelect, .configSelect, .noEdit {width: 220px; padding: 3px;}
legend {font-size: 14px; font-weight: bold;}

/* `Custom
----------------------------------------------------------------------------------------------------*/
#container {
 margin-top:0px;

 }

#headwrap {

 background: #f6f7f9; /* Old browsers */

 -moz-box-shadow: 0px 2px 2px #252525; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 2px 2px #252525; /* Safari */
 box-shadow: 0px 2px 2px #252525;
}

#logobox img{margin: 5px 15px 25px 15px;}

#logobox{
 height: 100px;

 }
 
#tagline {
 padding-top: 20px;
 margin: 0px;
 font-size: 26px;
 font-style: italic;
 float: left; 
 color: #00FFFF;
 text-shadow:#000 0 -1px 0;
 text-transform: capitalize;
 
}

#top-tel {float:right; font-style:normal;}
 
#head{
 }
 
ul#pages {
 list-style-type: none;
 margin-top:5px;
 margin-bottom: 5px;
 margin-right: 2px;
 float: right;
 }
ul#pages li {
 display: inline;
 padding-bottom: 5px;
margin-right: 5px;
 
 }
ul#pages li a{ text-decoration: none; text-transform: uppercase; color: #252525; padding-left: 10px; border-left: solid 1px #3d0a41;}
ul#pages li a:hover{ color: #ff00ff; border-left: #ff00ff 1px solid;}
ul#pages li.on a{color: #ff00ff;}
ul#pages li.on a:hover{color: #ff00ff;}


#userlinks{
background: #f6f7f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f7f9 74%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(74%,#f6f7f9), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f9', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */


 -moz-box-shadow: 0px 2px 2px #252525; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 2px 2px #252525; /* Safari */
 box-shadow: 0px 2px 2px #252525;
 height: 40px;
 margin: 0px;
 padding: 0px;
 overflow: none;
 }

#accountMenu {
 
 float: left;
 clear: left;
 height: 35px;
 padding: 0px;
 display: inline;
}

.userFullName { 
 color: #6d1f7e;
 font-weight: bold;
 padding-left: 20px;
 padding-right-10px;
 text-transform: capitalize; 
 display: inline;
}

.ifNotSignedIn { margin-top: 10px; }
a.signInRegister {line-height:2.75;
 margin-left:625px}

ul.userAccountMenu { 
 
 list-style-type: none;
 margin:0;
 padding: 5px 0 0 0;
 line-height: 2.25em;
}

ul.userAccountMenu li {display: inline; margin-left: 5px;}

ul.accountLinks { display: inline;}
ul.accountLinks li a {text-decoration: none; font-weight: ; color: #999;}
ul.accountLinks li a:hover, a.signInRegister:hover { color: #ff00ff; border-bottom: solid 2px #ff00ff; }

a.signInRegister {text-decoration: none; font-weight: ; color: #6d1f7e;}

.accountLinks, .ifNotSignedIn {
 
 display:inline;
 }

#cartContents {
 color: #999;
margin-top:8px; 
margin-right: 5px;
 height: 35px;
 float: right; 
clear: right;
display: inline;
}
.cartSummary {
 float:right;
 clear: right;
 
} 



ul#order-info {list-style-type:none;}
ul#order-info li {padding: 0px 5px 0px 10px; margin: 0px;}
ul#order-info li.off a {text-decoration: none; color: #252525;}
ul#order-info li.off a:hover {text-decoration: none; color: #ff00ff;}

/*end head - begin main page*/ 


#leftcol{
 min-height: 400px;
 margin-top: 20px;
 }

#hero{
 margin-top: 20px;}

.home-promo-text {
 color: #6d1f7e;
 margin-top: 10px;
 margin-left: 0px;
 margin-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 text-align: center;
 
}

h2.home-promo {padding: 0px; margin-top 0px; margin-bottom 0px; border-top: dotted #999 2px;
 border-bottom: dotted #999 2px;}


#product-grid{
 margin-top: 20px;
 padding:0px;
overflow:none;
}

.pgtitle {margin-top:20px; background-color: #f6f7f9;}
.genericContainer {padding-left: 10px;}


#promo {
 height: 40px;
background: #f6f7f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f7f9 74%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(74%,#f6f7f9), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f9', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */


 -moz-box-shadow: 0px 1px 1px #252525; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 1px 1px #252525; /* Safari */
 box-shadow: 0px 1px 1px #252525;

 color: #252525;
 text-shadow:#fff 0 -1px 0;
 margin-top: 20px;
 margin-left:0px;
 margin-righr:0px;
}

#promo h2 {
 padding-left: 10px;
 padding-top: 3px; 
 width: 600px;}

.grid-cont {}

ul#prodgrid {
 list-style-image:initial;
 list-style-position:initial;
 list-style-type:none;
 margin-bottom:0;
 margin-left:0;
 margin-right:0;
 margin-top:0px;
 padding-bottom:0;
 padding-left:0;
 padding-right:0;
 padding-top:0;
}

ul#prodgrid li {
 float:left;
 margin-bottom:25px;
 margin-top: 0px;
 margin-right: 40px;
 margin-left: 40px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;

 -moz-box-shadow: 0px 1px 1px #252525; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 1px 1px #252525; /* Safari */
 box-shadow: 0px 1px 1px #252525;
}

 
ul#products{list-style-type:none; margin-bottom: 20px; padding:0px; }
ul#products li {
 margin-left:0px;
 border-top: 1px dotted #ccc;
 font-size: 14px;
 padding-top: 2px;
 padding-bottom: 2px;

}
ul#products li a {padding-left: 10px; text-decoration: none; text-transform: capitalize; color: #333 ;}
ul#products li a:hover{color: #ff00ff;}

.productPhoto {overflow: hidden;}

.productConfiguration {}

.left-col-box {
 background-color: #f6f7f9;
 margin-bottom:20px;
 padding-top: 10px;
 padding-bottom: 10px;
 -moz-box-shadow: 0px 1px 1px #ccc; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 2px 1px #ccc; /* Safari */
 box-shadow: 0px 2px 1px #ccc;

}

.left-col-box p {padding:5px 5px 10px 10px;}

.left-col-box h3, .left-col-box h2 {
 color: #510C56;
 text-shadow:#fff 0 -1px 0;
 margin-top: 5px;
 margin-left: 10px;
 font-size: 18px;
}


/**** artwork guidelines *****/
.artworkGuidelines {
background: #F6F7F9;
padding: 10px;
margin: 40px 0;
}

.artworkGuidelines ul {list-style: none;}

/* footer stuff*/

#footer{
 background: #252525; /* Old browsers */
background: -moz-linear-gradient(top, #252525 72%, #161616 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#252525), color-stop(100%,#161616)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #252525 72%,#161616 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #252525 72%,#161616 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #252525 72%,#161616 100%); /* IE10+ */
background: linear-gradient(top, #252525 72%,#161616 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#161616',GradientType=0 ); /* IE6-9 */

 margin-top: 20px;
 color: #666666;
 -moz-box-shadow: 0px 2px 2px #252525; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 0px 2px 2px #252525; /* Safari */
 box-shadow: 0px 2px 2px #252525;
 }

.footerdiv p{ padding: 0px 10px 10px 10px;}
.footerdiv a {text-decoration:none; color: #FFF200;}
.footerdiv a:hover {color: #ff00ff;}

.footerdiv h3{
 font-size: 20px;
 padding-top: 10px;
 padding-left: 10px;
 color: #00ffff;
 margin-bottom:5px;
}

.footerdiv ul {list-style-type: none; margin 0px; padding 0px;}
.footerdiv li {padding-left: 10px; margin:0px; font-size: 13px/105%;}
.footerdiv li a {color: #999; text-decoration: none;}
.footerdiv li a:hover, {color #ff00ff;}


#cred {color: #999;}
#cred a {color: #999;}
#cred a:hover {color: #ff00ff;}


/* --- order entry --*/

.required, 
.complete a,
table.formFields tr.required th,
#pad a,
.orderNumber, input.required, textarea.required, select.required {color: #000; border-color:#252525;} 


table.formFields tr.required td input, table.formFields tr.required td select {
 border-bottom-color:#252525;
 border-left-color:#252525; 
 border-right-color:#252525; 
 border-top-color:#252525; 
}

.lostpw {font-weight: bold; color: #252525;}
a:hover.lostpw {color: #00ffff;}


.orderHeader {width: 940px;}
.orderStatus, .orderDate {font-size: 12px; display: inline; padding 0px;} 
.theOrderActivities {width: 440px; overflow: none;}
.theOrderDetails {width: 440px; overflow: none; background: #f6f7f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f7f9 74%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(74%,#f6f7f9), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top, #f6f7f9 74%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f9', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */}

.jobDetailInfo h3 {margin-top: 10px;}

.shippingCalcWidget, .shippingCalcInputs {padding-left: 5px;}

.getQuotesButton {margin-left: 5px;}

.countryText, .zipText {margin-left: 5px;}
.countryDD, .zipEF {margin-left: 3px;}

#paper, #inks, #variousPrintSettings, #finishingOptions, #productionSettings {border-bottom: dotted 2px #ccc; margin-bottom: 5px;}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
 background-image: url(/resources/sites/7_site/images/top-bar.png); 
 font: 13px/1.5 'PT Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
 background-repeat: repeat-x;
 background-position: top;
}

pre,
code {
 font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
 border: 0 #ccc solid;
 border-top-width: 1px;
 clear: both;
 height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
 font-size: 25px;
}

h2 {
 font-size: 23px;
}

h3 {
 font-size: 21px;
}

h4 {
 font-size: 19px;
}

h5 {
 font-size: 17px;
}

h6 {
 font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
 list-style: decimal;
}

ul {
 list-style: disc;
}

li {
 margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
 margin-bottom: 20px;
}