﻿html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset,em{
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
color:#ededed;
}
h1,h2,h3,h4,h5,h6,span{
color:#ededed;
cursor:default;
}
input,select{
margin: 0;
padding: 0;
}
body{
font-family:Arial, Sans-Serif, serif;
font-size:100.1%;
text-align:center;
min-width: 900px;
background: #050505 url(../images/pagebg.png) top left repeat-x;
}
strong,b{
font-weight:bold;
}
p{
line-height:1.5em;
margin:10px 0;
}
p, ul, dl{
cursor:default;
font-size:90%;
}
p.caption{font-size:80%;margin:0;}
p.caption-center{font-size:80%;margin:0;text-align:center;}

a{color:#d1921e;}
a:active, a:focus{
outline:0;
}
h1,h2,h3{
margin:10px 0;
}
h1{
font-size:150%;
}
h2{
font-size:150%;
}
h3{
font-size:100%;
}
em{color:#DF7511;font-style:normal;}
/* Clear floating Divs */
.floatcontainer:after{content:".";display:block;height:0px;clear:both;visibility:hidden;font-size:0px}
.floatcontainer{display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%}
.floatcontainer{display:block}
/* End clear */

#topnav, #header, #content{
margin:0 auto;
text-align:left;
width:855px;
padding:0 22px 0 23px;
}
#content{
padding-bottom:15px;
}
#contentSP{
padding: 0 22px 0 0;
width:878px;
text-align:left;
margin:0 auto;
}

/* Top navigation */
#topnav{
height:29px;
}
#topnav ul{
list-style-type:none;
font-weight:bold;
}
#topnav ul li{
float:left;
height:27px;
line-height:27px;
}
#topnav li a{
display:block;
float:left;
color:#ededed;
text-decoration:none;
height:27px;
padding:0 10px;
}
#topnav li a:hover{
background:url(../images/topnavbghover.jpg) 0 0 repeat-x;
}

/* header section - Core logo and buttons */
#header, #content, #contentSP{
background:#1a1a1a;
}
#header{
height:100px;
padding-bottom:0px;
}
#logo{
float:left;
}
#header ul{
list-style-type:none;
float:right;
}
#header ul li{
float:left;
color:#ededed;
width:174px;
height:37px;
}
#header li a{
display:block;
width:174px;
height:37px;
color:White;
text-decoration:none;
font-weight:bold;
font-size:90%;
text-align:center;
line-height:37px;
}
#header li.btnWeb{background: url(../images/btnwebdesign.jpg) 0 -39px no-repeat;}
#header li.btnPrint{background: url(../images/btnprinting.jpg) 0 -39px no-repeat;}
#header li.btnGraphic{background: url(../images/btngraphicdesign.jpg) 0 -39px no-repeat;}
#header li.btnWeb a:hover{background: url(../images/btnwebdesign.jpg) 0 0px no-repeat;}
#header li.btnPrint a:hover{background: url(../images/btnprinting.jpg) 0 0px no-repeat;}
#header li.btnGraphic a:hover{background: url(../images/btngraphicdesign.jpg) 0 0px no-repeat;}


/* Content section */
#content{
padding-top:1px;
}
#content, #footer, #contentSP{
color:#ededed;
}
div#contentUpper{
margin-left:23px;
}
div#contentLower{
background: url(../images/leftcolbg.jpg) 0 0 repeat-y;
margin-top:15px;
padding-bottom:15px;
}

div.contentInfoBoxCont{
margin-bottom:10px;
overflow: auto;
width: 100%
}
div.contentInfoBox{
margin-right:17px;
float:left;
display:inline;
padding:15px 15px 5px 15px;
width:180px;
background:#1a1a1a url(../images/grayblackvertfade2.jpg) 0 0 repeat-x;
border:solid 2px #212121;
}
*html div.contentInfoBox{
width:180px;
padding:15px 15px 5px 15px;
}
div.contentInfoBox.last{
margin-right:0;
}
div.contentInfoBox ul{
margin:0px 0 0 10px;
}
div.contentInfoBox ul li{
font-size:80%;
margin:1px 0;
}
div.contentInfoBox ul li.empty{
list-style-type:none;
}
div.contentInfoBox div{ /* footer */
padding-top:15px;
height:27px;
line-height:27px;
}
div.contentInfoBox a.ordernow{
float:left;
}
div.contentInfoBox div span{
float:right;
font-size:140%;
}
div.contentInfoBox h5{
padding:0;margin:0 0 10px 0;
}
div.contentInfoBox span{
float:right;
display:block;
font-size:140%;
font-weight:bold;
padding-top:10px;
}
div.contentInfoBox span.title{
float:none;
font-size:80%;
padding:0;
margin:0 0 10px 0;
}
div.contentInfoBox li.savings{
color:Red;
list-style-type:none;
}

div.exploreBox{
margin-top:4px;
float:right;
padding:20px 15px 20px 20px;
height:40px;
width:422px;
background:url(../images/explorebox.jpg) 0 0 no-repeat;
}
*html div.exploreBox{margin-top:0;}
div.exploreBox a{
float:right;
display:inline;
}
a.exploreBtn{
display:block;
padding:6px 15px 7px 15px;
background-color:#1a1a1a;
color:White;
text-decoration:none;
font-size:80%;
}
a.exploreBtn:hover{
background-color:#ededed;
color:#1a1a1a;
}
div.exploreBox span{
display:block;
font-size:100%;
font-weight:bold;
margin:0;
width:417px;
}
div.exploreBox span,div.exploreBox p{
float:left;
display:inline;
}

div.categoryInfoBox{
float:left;
width:359px;
height:141px;
padding:15px 15px;
}
div.categoryInfoBox span{
display:block;
font-size:140%;
font-weight:bold;
}
div.webDesignInfoBox{background:url(../images/webdesigninfobg.jpg) 0 0 no-repeat;}
div.printingInfoBox{background:url(../images/printinginfobg.jpg) 0 0 no-repeat;}
div.graphicDesignInfoBox{background:url(../images/graphicdesigninfobg.jpg) 0 0 no-repeat;}

div#contentLeftCol{
background:#141414 url(../images/grayblackvertfade.jpg) 0 0 repeat-x;
width:166px;
padding-left:12px;
float:left;
display:inline;
}
div#contentRightCol{
width:680px;
margin-left:195px;
}
div#contentLeftCol span{
display:block;
font-weight:bold;
margin:0;
padding-left:14px;
}
div#contentLeftCol ul{
list-style-type:none;
}
div#contentLeftCol ul.categories{
padding-left:14px;
list-style-type:disc;
margin-bottom:20px;
}
div#contentLeftCol ul li{
margin:5px 0;
}
div#contentLeftCol ul li a{
color:#ededed;
text-decoration:none;
}
div#contentLeftCol ul li a:hover{
text-decoration:underline;
}

div#printRightCol{
width:400px;
margin-left:277px;
text-align:center;
}
div#printRightCol p{
text-align:left;
}


div#printLeftCol{
float:left;
width:248px;
display:inline;
background:#1a1a1a;
}
#productPriceCalc div.title{
background:#043203;
padding:5px;
}
#productPriceCalc p{
margin:10px 0 5px 6px;
}
#productPriceCalc select{
width:220px;
margin-left:6px;
}
#productPriceCalc input{
margin-left:6px;
}
#productPriceCalc #printPrice, #productPriceCalc #printDesignPrice{
float:right;
font-size:130%;
font-weight:bold;
margin-right:15px;
}


#productPriceCalc{
border: solid 4px gray;
padding:3px 3px 6px 3px;
}
#productSummary{
padding-top:15px;
}
#productSummary a.ordernow{
float:left;
padding-left:5px;
}
#productSummary span{
float:right;
font-size:140%;
}

/* Home Page Specific */
#flashbanner{
margin-bottom:15px;
}

#HomeProductBoxes{
height:293px;
margin-bottom:20px;
}
#HomeProductBoxes div{
width:261px;
height:293px;
float:left;
text-align:center;
}
#HomeProductBoxes dl{
margin-top:110px;
margin-bottom:20px;
}
#HomeProductBoxes dl a{
color:White;
text-decoration:none;
}
#HomeProductBoxes dl a:hover{
text-decoration:underline;
}
#HomeProductBoxes dt{
font-size:140%;
font-weight:bold;
padding-bottom:5px;
}
#HomeProductBoxes div.productWebDesign{background:url(../images/home/splashwebdesign.jpg) 0 0 no-repeat;}
#HomeProductBoxes div.productPrinting{margin:0 36px;background:url(../images/home/splashprinting.jpg) 0 0 no-repeat;}
#HomeProductBoxes div.productGraphicDesign{background:url(../images/home/splashgraphicdesign.jpg) 0 0 no-repeat;}
#HomeProductBoxes a.exploreBtn{
display:block;
margin:0 90px;
}

#contactLeft{
margin-top:15px;
width:513px;
padding-right:37px;
margin-right:300px;
}
#contactLeft table{
font-size:90%;
}
#contactLeft table tr td{
padding:0 0 6px 0;
}
#contactLeft table td.label{
text-align:left;
width:280px;
}
#contactLeft table td.input input, #contactLeft table td.input textarea{
width:358px;
}
#contactLeft table td.subrow{
padding-left:40px;
}
#contactLeft table td.subrow label{
padding:0 30px 0 10px;
}
#contactRight{
margin-top:7px;
float:right;
display:inline;
width:265px;
padding-left:35px;
border-left:solid 2px white;
}
#contactRight ul{
margin:0 0 25px 0;
list-style-type:none;
}

#portfolio{
list-style-type:none;
}
#portfolio li{
float:left;
width:195px;
margin:15px 15px;
}
*html #portfolio li{
margin:15px 11px;
}
#portfolio li a{
text-decoration:none;
}
#portfolio li span{
display:block;
text-align:center;
}
#portfolio li:hover span, #portfolio li a:hover{
cursor:pointer;
color:White;
text-decoration:underline;
}

ul.tricol{
margin:0;
padding:0;
list-style:disc;
margin:15px 40px;
}
ul.tricol li{
width:240px;
margin-left:15px;
float:left;
margin:2px 0 2px 15px;
}

/* Footer section */
#footer{
margin:0 auto;
text-align:left;
width:900px;
}
#footer div{
background:#181818 url(../images/footerbg.png) 0 0 repeat-x;
min-height:63px;
width:855px;
padding:0 22px 0 23px;
}
#footer img{
float:left;
}
#footer img.btn{
float:right;
display:inline;
}
#footer p{
float:right;
line-height:1em;
margin:10px 10px 25px 0;
font-size:70%;
}

.simpleList{
float:left;
margin-left:25px;
list-style-type:none;
}

.simpleList-col2{
float:left;
margin-left:45px;
list-style-type:none;
}

.simpleList1{
margin-left:50px;
}

#topnav-products{
display:none;
}

#DD-Product-List{
display:none;
position:absolute;
top:0;left:0;
background:#ededed;
width:150px;
text-align:left;
font-size:80%;
padding:10px 5px;
}
#DD-Product-List ul{
list-style-type:none;
padding:0 10px;

}
#DD-Product-List ul li{
color:Black;
margin:3px 0
}
#DD-Product-List ul li a{
color:Black;
text-decoration:none;
}
#DD-Product-List ul li a:hover{
text-decoration:underline;
}
#DD-Product-List ul li.title{
color:Black;
font-weight:bold;
padding:5px 0;
}



p.high-demand{
color:#E9AB17;
}
