﻿body 
{
	background:#3f3d3e url(images/bgimage2.jpg) repeat-x;
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Verdana, Arial;
}

#maindiv 
{
	width:980px;
	margin:0 auto;
	position:relative;
	height:auto;
}

#contentdiv
{
	margin-top:20px;
	margin-bottom:20px;
	width:980px;
	height:auto;
	position:relative;
	display:inline-block;
}

#contentdiv div.about 
{
	color:#c57b24;
	margin-bottom:30px;
}

#contentdiv div.about a
{
	color:#c57b24;
}

#logodiv 
{
	width:980px;
	height:62px;
	margin: 30px 0 30px;
	background:url(images/digiprintlogo.jpg) no-repeat;
	position:relative;
}

#tagline 
{
	color:#c57b24;
	float:left;
	width:600px;
	position:relative;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	margin-left:200px;
}

#headerbar 
{
	height:55px;
	width:980px;	
	position:relative;
	background:#505050 url(images/barimage.jpg) repeat-x;
}

#menubar
{
	display:inline;
	width:100%;
	height:55px;
}

#lblmsg 
{
	color:#c57b24;
	font-family:Trebuchet MS,verdana,arial;
	font-size:10pt;
	font-weight:bold;
}

.menucss
{
	width:120px;
	color:#c57b24;
	font-family:Trebuchet MS,verdana,arial;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-top:12px;
}

 .menucss a 
 {
 	text-decoration:none;
 	color:#c57b24;
	font-family:Trebuchet MS,verdana,arial;
	font-size:14pt;
	font-weight:bold;
 }
 
 .menucss a:hover 
 {
 	text-decoration:none;
 	color:#fff;
 }

.menudivider
{
	background:url(images/bardivider.jpg) no-repeat;
	height:55px;
	width:11px;
	float:left;
}



#bannerdiv
{
	width:980px;
	height:480px;
	position:relative;
	background:url(images/banner_june152010.jpg) no-repeat;

}

#banner_about
{
	width:980px;
	height:480px;
	position:relative;
	background:url(images/banner_aboutus.jpg) no-repeat;

}

.banner_prints
{
	width:980px;
	height:480px;
	position:relative;
	background:url(images/digital_prints.jpg) no-repeat;

}

.banner_events
{
	width:980px;
	height:480px;
	position:relative;
	background:url(images/banner_events.jpg) no-repeat;

}

.banner_storybook
{
	width:980px;
	height:480px;
	position:relative;
	background:url(images/banner_storybook.jpg) no-repeat;

}

table.tbgrids 
{
	background:#222;
	border:solid 1px #222;
	padding:10px;
	margin:0 auto;
}

table.tbgrids td 
{
	text-align:left;
}

#btnclickorder
{
	width:195px;
	height:43px;
	z-index:1000;
	margin-top:400px;
	margin-left:50px;
}

#footercontainer 
{
	position:relative;
	width:100%;
	margin-top:20px;
}

#footerol
{
	background:url(images/footeroverlap.jpg) repeat-x;
	height:130px;
	width:980px;
	z-index:100;
	margin:0 auto;
	line-height:12pt;
	position:relative;
}

#footerol a 
{
	color:#000;
	text-decoration:none;
}

#footerol a:hover
{
	text-decoration:underline;
}

#footerol span 
{
	width:15%;
	font-size:small;
	float:left;
	padding-left:25px;
	position:relative;
	display:block;
	margin-top:0px !important;
}

#footerol span.dividerdiv 
{
	width:auto;
	font-size:small;
	float:left;
	padding-left:15px;
	position:relative;
	display:block;
	margin-top:0px !important;
}

#footerol span h3 
{
	 margin-top:15px;
}

#footerdiv
{
	text-align:center;
	padding-top:40px;
	background:url(images/dottedbar.jpg) repeat-x;
	height:96px;
	width:100%;
	z-index:-1;
	margin-top:-30px;
	position:absolute;
	color:#c57b24;
	font-size:xx-small;
}

#uploadclick 
{
	text-decoration:none;
	font: bold 14pt;
	color:#c57b24;
	margin-top:50px;
}

#fileque {
	width: 450px;
	height: 250px;
	overflow: auto;
}

#uploadify 
{
	display:none;
	width:500px;
	height:300px;
	border: 1px solid #3f3d3e;
	background:#3f3d3e;

}

#breaddiv 
{
	margin-bottom:20px;
}

#uploadeddiv 
{
	border: 1px solid #3f3d3e;
	width:950px;
	margin:0 auto;
	position:relative;
	height:auto;
	padding:10px;
	color:#c57b24;
	margin-bottom:96px;
}

#optionsdiv 
{
	border: 1px solid #3f3d3e;
	width:950px;
	margin:0 auto;
	position:relative;
	height:auto;
	padding:10px;
	color:#c57b24;
	display:inline-block;
}

#sizesdiv 
{
	background:#222;
	margin:10px;
	padding-left:5px;
	padding-bottom:10px;
	width:200px;
	border: 1px solid #3f3d3e;
	font-size:small;
	float:left;
}

#paperdiv 
{
	background:#222;
	margin:10px;
	padding-left:5px;
	padding-bottom:10px;
	width:200px;
	border: 1px solid #3f3d3e;
	font-size:small;
	float:left;
}

#borderdiv 
{
	background:#222;
	margin:10px;
	padding-left:5px;
	padding-bottom:10px;
	width:200px;
	border: 1px solid #3f3d3e;
	font-size:small;
	float:left;
}

#shipperdiv 
{
	color:#c57b24;
	width:45%;
    overflow:auto;
    position:relative;
    float:left;
    border: 1px solid #3f3d3e;
    padding:0 15px;
    margin-right:30px;
}

#shipperdiv label, #shipperdiv input[type="text"]{
    float:left;
    display:block;
}

#shipperdiv label
{
    margin-right: 5px;
}

#shipperdiv h3
{
	font-size:large;
	font-weight:bold;
}

#shipperdiv i 
{
	font-size:x-small;
	font-weight:bold;
}

#consigneediv 
{
	color:#c57b24;
	width:45%;
    overflow:auto;
    position:relative;
    float:left;
    border: 1px solid #3f3d3e;
    padding:0 15px;
}

#consigneediv label, #consigneediv input[type="text"]{
    float:left;
    display:block;
}

#consigneediv label
{
    margin-right: 5px;
}

#consigneediv h3
{
	font-size:large;
	font-weight:bold;
}

#consigneediv i 
{
	font-size:x-small;
	font-weight:bold;
}

#shipperdiv2
{
	color:#c57b24;
	width:43%;
    overflow:auto;
    position:relative;
    float:left;
    border: 1px solid #3f3d3e;
    padding:0 15px;
    margin-right:12px;
    background:#444;
}

#consigneediv2
{
	color:#c57b24;
	width:43%;
    overflow:auto;
    position:relative;
    float:left;
    border: 1px solid #3f3d3e;
    padding:0 15px;
    margin-right:5px;
    background:#444;
}

#leftpane 
{
	width:760px;
	position:relative;
	float:left;
}

#rightpane 
{
	width:180px;
	position:relative;
	float:left;
}

#detailsdiv 
{
	color:#000; /*#c57b24;*/
	width:180px;
    overflow:auto;
    position:relative;
    float:left;
    padding:0 15px;
    font-size:smaller;
    border: 1px solid #3f3d3e;
    background:#777;
    font-weight:bold;
    margin-left:5px;
}

#detailsdiv p 
{
	line-height:5px;
}

#detailsdiv p a
{
	font-size:smaller;
	text-decoration:underline;
}

#detailsdiv h3
{
	color:#000;
	font-size:large;
	font-weight:bold;
}

#detailsdiv hr 
{
	color:#c57b24;
}

#detailsdiv span {
    float:right;
    color:#fff;
    line-height:5px;
}

#detailsdiv input[type="text"] 
{
	float:right;
    display:block;
    width:30px;
    margin-top:-8px;
    text-align:right;
}

#detailsdiv span#lbltotal 
{
	margin-top:5px;
}

#checkoutbuttons
{
	color:#c57b24;
	width:180px;
    overflow:auto;
    position:relative;
    margin-top:20px;
    margin-left:30px;
}

#summarydiv 
{
	width:100%;
	position:relative;
}

#paymentdiv 
{
	color:#c57b24;
}

#paymentdiv p.paymentdetails 
{
	font-size:15px;
	font-weight:bold;
	border: 1px solid #3f3d3e;
    padding:15px;
    background:#000;
    width:auto;
}

#paymentdiv a
{
	color:#c57b24;
	font-weight:bold;
	text-decoration:underline;
}

#uploadeddiv2 
{
	width:700px;
	position:relative;
	margin-top:10px;
	float:left;
	border: 1px solid #3f3d3e;
	padding:0 15px;
	background:#333;
	overflow:visible;
	color:#c57b24;
}

#lnksamedetails 
{
	color:#c57b24;
	font-size:smaller;
}

.add_details 
{
	font-size:smaller;
}

.closeblock 
{
	font-size:10px;
	position:absolute;
	top:5px;
	right:5px;
}

.closeblock a 
{
	color:#c57b24;
	text-decoration:none;
}

ul.imglist 
{
	margin:0 auto;
	list-style:none;
	width:auto;
}

ul.imglist li 
{
	display:inline-block;	
	margin:5px;
	width:130px;
}

ul.imglist2 
{
	margin:0 auto;
	list-style:none;
	width:auto;
}

ul.imglist2 li 
{
	display:inline-block;	
	margin:5px;
	width:60px;
}

.remimg 
{
	float:left;
	position:absolute;
}

#lblmsg 
{
	color:#c57b24;
	font-weight:bold;
}

.pricing 
{
	color:#c57b24;
	border-color:#c57b24;
}