@import url(/Orders/coreweb-grad.css);

/*** note this file has been merged with the basic.css from Modiphy ****/
html, body, td, th,div {
	color: #303030;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
}
body {
	background-color: #949494;
	background: #ededed;
	margin:0px;
	text-align: center;
}

.OrderSummary #Remove {
	background-color: #ededed;
}

.Main, 
#SupportFooter,
#CustomBranding {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
	*width: 980px;
	background-color: #EDEDED;
}

.header {
	background-image: url(/COREWebAssets/30721/Custom/web/headerbg.jpg);
	background-position: center top;
}
.footer {
	background-image: url(/COREWebAssets/30721/Custom/web/footerbg.jpg);
	background-position: center top;
	padding-top: 6px;
	text-align: left;
}
.footer, .footer td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
}

a:link, a:visited, a:active {
	color:#cd0000;
	text-decoration: underline;
} 

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.textnav:link, a.textnav:visited {
	color: #EEEEEE;
	text-decoration: none;
}
a.textnav:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.textnav:active {
	color: #000000;
}

a.modiphy:link, a.modiphy:visited {
	font-family: Tahoma, Verdana;
	font-size: 10px;
	color:#4C4C4C;
	text-decoration: none;
	line-height: 15px;
}
a.modiphy:hover {
	color:#000000;
	text-decoration: none;
}
a.modiphy:active {
	color: #EEEEEE;
}
HR {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A1A1A1;
	width: 100%;
	height: 1px;
}


form {
	margin:0px;
	padding:0px;
}
/*
textarea {
	scrollbar-track-color:#FFFFFF;
	background-color:#FFFFFF;
	border:1px solid #000000;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	margin-bottom:2px;
	margin-top:1px;
	padding-top: 1px;
	padding-left:4px;
	width:200px;
	height: 42px;
}
select {
    background-color:#cd0000;
	border: 1px solid #FFFFFF;
    font-size:11px;
    font-family:Tahoma;
	color: #FFFFFF;
    margin-bottom:0px;
    padding-top: 0px;
    padding-left:0px;
	width:140px;
}
input {
    background-color:#FFFFFF;
    border:1px solid #000000;
    font-size:11px;
    font-family:Tahoma;
    color:#000000;
    margin-bottom:0px;
    margin-right:5px;
    padding-top: 0px;
    padding-left:0px;
}
.button, .Button {
	border:1px solid #000000;
	font-size:11px;
	font-family:Arial;
	background-color:#cd0000;
	color:#FFFFFF;
	margin-bottom:5px;
	margin-top:2px;
	font-weight: bold;
	cursor:hand;
}*/

.copyrighttext {
	font-family: Tahoma, Verdana;
	font-size: 10px;
	color:#4C4C4C;
}
.blurbs {
	color: #AEAEAE;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
.contentbox {
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left: 47px;


}
.contentboxpan {
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: px;
}

/*** end basic.css from Modiphy ****/



/*** These styles merged with Modify's ezedit.css ***/

H1
{
	font-family: Arial;
	font-size: 17px;
	color:#CC0000;
	font-weight:bold;
	line-height: 18px;
}
H4
{
	color: #CC0000;
}

.ViewName 
{
	color:#CC0000;
}

/*** Proofs Page ***/
#Proofs-Right {
	float: right;
	width: 300px;
	margin-top: 0.25em;
}

#Proofs-Left {
	width: 580px;
}

#Proofs #PageHeader, #ViewBasket #PageHeader {
	float: none;
}

#Proofs #GraduateInfo {
	float: none;
	width: 290px;
	border: solid 1px #999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0;
}
#Proofs #GraduateInfo div.Label {
	float: left;
	padding-right: 4px;
}
#Proofs #GraduateInfo .Info, #Proofs #Specials .SpecialsItem
{
	color:#CC0000;
}

#ProofTable {
	width: 100%;
}
#ProofTable td.ProofInfo {
	width: 25%;
}
#ProofTable img.Proof {
    cursor: pointer;
    border: 2px solid transparent;
}
#ProofTable img.Proof.Selected {
    border: 2px solid red;
}
#ProofTable img.Proof.Horizontal {
	width: 140px;
}
#ProofTable img.Proof,
#ProofTable img.Proof.Vertical {
	width: 122px;
}

#Proofs #LargeImageWrapper {
	padding-top: 0.75em;
}
#Proofs #LargeImage-Header {
	text-align: right;
	margin-bottom: 5px;
}
#Proofs #LargeImage-Header #LargeImage-PreviousLink {
	width: 48%;
	float: left;
	text-align: left;
}
#Proofs #LargeImage {
	text-align: center;
	position: relative;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
#Proofs #LargeImage #imgLargeImage {
	width: 280px;
	border: 4px solid #666;
}

/**** Watermarks *****/
#Watermark {
	z-index: 9999;
	overflow: hidden;
	position: absolute;
	top: 4;
	left: 4;
	width: 280px;
	display: none;
}

#Watermark img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#Watermark img {
	border: 0;
}

#Proofs #Specials .SpecialsSpacer
{
	color:#CC0000;
}

/*** Packages Page ***/

#Packages .Buttons {
	padding: 0px 0px 0px 5px;
	width: auto;
	text-align: center;
}

#PackageListing {
    width: 770px;
}
.PackageItem .Price 
{
	color: #900000;
}
#PackageListing .PackageItem .Description1 
{
	width: 250px;
	background-color: #EDEDED;
	border-right: 1px dashed #fff;
}
.DisplayInfoBox .Info
{
	color:#CC0000;
}
.FAQSection 
{
	color:#CC0000;
}
#Proofs #Locate a
{

}

td.MonsterAddBtn {
	text-align: right;
}

/*** Tab CSS derived from unraveled.com/publications/assets/css_tabs/index.html ***/
ul#TabList {
    border-bottom: 2px solid #5F5F5F;
    list-style-type: none;
    margin: 1em 0 0 0;
    padding: 7px 10px;
    text-align: left;
}
ul#TabList li {
	display: inline;
	font-size: 	116%;
	margin-right: 5px; /* set additional spacing between tabs as desired */
}
ul#TabList li a {
    padding: 7px 15px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #5F5F5F; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #c9b6b6; /* set unselected tab background color as desired */
    text-decoration: none;
    border-bottom: none;
}
ul#TabList li.Active {
    background-color: #EDEDED;
    font-weight: bold;
}
ul#TabList li.Active a {
    background-color: #EDEDED; /* set selected tab background color as desired */
    position: relative;
    top: 2px; /* Offset by the same size as the border, to cover it up. */
    padding-top: 9px;  /* Increase the top padding by the amount of the offset above */
}
ul#TabList li a:hover {
	background-color: #EDEDED;
	color: #CD0000;
}
ul#TabList li img {
	vertical-align: text-bottom;
}


.OrderSummary th 
{
	border-top: solid 1px #000;
	background-color: #740000;
	color: #ffffff;
	font-weight: bold;
}
.OrderSummary #FrameHeader 
{
	border-left: solid 1px #000;
}
.OrderSummary #ExtHeader 
{
	border-right: solid 1px #000;
}
.OrderSummary td 
{
	border: solid 1px #000;
}
.OrderSummary .Image 
{
	border-right: none 0px #000;
}
.OrderSummary .ImageText
{
	border-left: none 0px #000;
}
.Totals th 
{
	background-color: #ededed;
	color: #000;
	border: none 0px #999;
	font-weight: normal;
}
.Totals td 
{
	border: none 0px #999;
}
#ProofsTotals th {
	font-weight: bold;
}

td.AddBtn, td.Qty, td.Price  {
	text-align: right;
}

#PackageListing .Price {
	padding-right: 5px;
}

#Checkout #drpMonth, #Checkout #drpYear {
	width: 65px;
}
#Checkout select,
td.Qty select {
	color: #000;
	background-color: #fff;
	font-size: 9pt;
	
}
 td.Qty select {
	width: 40px;
	font-size: 10pt;
}

.DisplayInfoBox .Header {
	background-color: #ededed;
	background-image: none;
	
}

#NoPIN select {
	width: 65px;
}

#Default #Track {
	
}

#Default #OrderIDInput {
	margin-top: 1em;
}


/*** New Upsell Styles ***/
.Upsell {
   width: 160px;
   float: left;
   margin: .5em;
}
.Upsell .Title {
   background: #740000;
   color: white;
   font-weight: bold;
   padding: .4em;
}
.Upsell .Body {
   background: #cccccc;
   font-size: 90%;
   border-left: 1px solid #c5bca6;
   border-right: 1px solid #c5bca6;
   padding: .25em;
   height: 300px;
}
.Upsell .AddLine {
   background: #740000;
   color: white;
   font-weight: bold;
   padding: .4em;
}
.UpsellImage {
   height: 180px;
}

/*** Cpations ***/
h2.CPTitle {
	color: #000;
	font-size: 120%;
}

.RenderProduct h3 {
	font-weight: bold;
	font-size: 120%;
	color: #303030;
	padding-bottom: 0.5em;
}
.RenderProduct {
	clear: both;
	text-align: center;
	background-color: #bfbfbf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1em 2em;
	margin-right: 50px;
}

/*** RaceEvents ***/
#RaceEventsRightBox {
	width: 45%;
	background: #900000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

#CustomBranding {
	text-align: center;
	margin-bottom: 5px;
}
#CustomBranding #BrandingText {
	font-size: 11pt;
	font-weight: bold;
	color: #740000;
}

#RaceEventsRightBox select {
	width: 220px;
}