@charset "UTF-8";
/* SunStore Solarn */

/* General */
body {
	margin-top: 0px;
	margin-left: 0px;
}

/* enable png transparency in pre-ie7 browsers */
img, td.searchTopBackground2, td.searchTopBackground3, td.calulatorTopBackground
{
    behavior: url(/scripts/iepngfix.htc) 
}

/* textbox watermark styles */
.watermarkhint 
{
    color:#C0C0C0;
}

TD.labelcell 
{
    text-align:right;
    font-weight:bold;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}


/* logo and login DIVs */

#logoArea {
	visibility: visible;
	background-color: #FFFFFF;
	top: 24px;
	position: absolute;
	width: 765px;
	height: 76px;
	left: 6px;
	z-index: 4;
	left:50%;
	margin-left:-396px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#loginBar {
	top: 108px;
	position: absolute;
	width: 745px;
	height: auto;
	left: 6px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	z-index: 2;
	visibility: visible;
	left:50%;
	margin-left:-396px;
}

.loginBoxText{
	font-size: 11px;
	font-weight: normal;
	height: 10px;
}

/* master DIV */

#contentWrapper2 {
	position:absolute;
	z-index: 0;
	left:50%;
	width:794px;
	margin-left:-402px;
	width: 777px;
	height: auto;
	visibility: visible;
	background-color: #FFFFFF;
	top: 20px;
}

#ContentBoxBody {
	height: auto;
	visibility: visible;
	width: 570px;
	margin-top: 130px;
	z-index: 4;
	float: right;
	position: relative;
	right: 6px;
	padding: 5px;
}

#ContentLeftSide {
	float: left;
	height: auto;
	visibility: visible;
	width: 165px;
	margin-top: 130px;
	margin-left: 6px;
	z-index: 3;
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

/******* copyright section *******/

.copyright{
	position:relative;
	visibility: visible;
	width: 580px;
	left: 190px;
	bottom: 0px;
	z-index: 0;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.copyright a{
	text-decoration: none;
}

.copyright a:visited{
	font-weight: bold;
}

.copyright a:hover{
	text-decoration: underline;
}

/******* tables section *******/

.tableHeader{
	font-size: 12px;
	font-weight: bold;
	padding: 4px;	
}

.tableSubHeader{
	font-size: 12px;
	font-weight: bold;
	margin: 5px;
}

.tableContent{
	font-size: 12px;
	font-weight: normal;
	margin: 5px;
}

.tableColumnOne{
	width: 300px;
}

.tableLine{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.pubLinks{
	font-weight: bold;
}

/******* misc *******/

.start{
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/******* Search by Section *******/

.searchBackground{
	font-size: 10px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	vertical-align: top;
}

.searchBackground a{
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.searchBackground a:visited{
}

.searchBackground a:hover{
}

.searchTopBackground{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-image: url(/images/searchTab.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	letter-spacing: .2em;
}

.searchTopBackground2{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-image: url(/images/searchTab570.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	letter-spacing: .2em;
}

.searchTopBackground3{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-image: url(/images/searchTab185.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	letter-spacing: .2em;
	width: 183px;
}

/******* Ajax Box *******/

.ajaxBaseCopy{
	font-size: 10px;
}

.ajaxBox1
{
    vertical-align:top;
	text-align: center;
	width: 60px;
}

.ajaxBox2{
	vertical-align:top;
	text-align: center;
	width: 150px;
}

.ajaxBox3{
	vertical-align:top;
	text-align: center;
	width: 70px;
}

.ajaxBox4{
	vertical-align:top;
	text-align: center;
	width: 80px;
}

.ajaxBoxLine{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.ajaxbutton{
	font-size: 10px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	vertical-align: middle;
}

.ajaxbutton a{
	text-align: center;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.ajaxbutton a:visited{
}

.ajaxbutton a:hover{
}

.ajaxFullRun{
	font-size: 10px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	vertical-align: top;
	text-align: center;
	width: 90px;
}

.ajaxFullRun a{
	text-align: center;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.ajaxFullRun a:visited{
}

.ajaxFullRun a:hover{
}

/******* Calulator *******/

.bleedsBox{
	padding: 5px;
	font-size: 10px;
	text-align:center;
	vertical-align:top;
}

.calutatorText{
	font-size: 11px;
	font-weight: normal;
}

.grayHeader{
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
}

.calulatorTopBackground{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 189px;
	background-image: url(/images/calulator.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
}

.calulatorDate{
	font-size: 12px;
	padding: 10px;
}

/******* artwork Frame *******/

#artworkbackground{
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	min-height: 320px;
	width: 550px;
}

.artworktext{
	font-size: 11px;
	padding: 10px;
	vertical-align: top;
}

/******* cart items *******/

.checkoutBox{
	padding: 5px;
	font-size: 11px;
	background-color: #D6D6D6;
}

/******* File Upload Progress *******/

.modalBackground {
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	padding:10px;
	width:550px;
	height:175px;
}

.ProgressDisplay {
	font-weight: bold;
}

.ProgressDisplay .StatusMessage {
	margin: 1px;
	height: 1.5em;
}

.ProgressDisplay .ImageButton {
	border-width: 0px; 
	margin: 0px; 
	padding: 0px;
	background-color: inherit;
}

.ProgressDisplay .ImageButton img {
	border-width: 2px; 
	border-style: outset;
	border-color: white;
	margin: 0px; 
	padding: 0px;
	height: 1.5em;
	vertical-align: top;
}

#progressDisplayCenterer {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

#progressDisplay {
	vertical-align: middle;
	width: 100%;
}

#barTd {
	width: 100%;
}

#statusDiv {
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 1; 
}

#barDiv,#barDetailsDiv {
	border: 0px none ; 
	margin: 0px; 
	padding: 0px; 
	position: absolute; 
	top: 0pt; 
	left: 0pt; 
	z-index: -1; 
	height: 100%;
	width: 75%;
}

.flypubpreview 
{
    background-color: #FFF;
}