/* body 
-------- */
body {
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-size: 10px;
	color: #333333;
	margin-top: 5px;
}

body a:link, body a:visited {
	text-decoration: none;
	text-decoration: underline;
	color: #0398fe;
	}
body a:hover {
	color: #333333;
	text-decoration: underline;
}	
/* ---------------- DEFAULT LINK COLORS ---------------- */

/*a:link {
	color: #0398fe;
}
a:visited {
	color: #0398fe;
}
a:hover {
	color: #0398fe;
}*/


.HeaderLink a:link {
	color: #FFFFFF;
	color: #ffffff;
	background-color: #0398fe;
	font-weight: bold;
}
.HeaderLink a:visited {
	color: #FFFFFF;
	font-weight: bold;
	color: #ffffff;
	background-color: #0398fe;
}
.HeaderLink a:hover {
	color: #FFFFFF;
	font-weight: bold;
	color: #ffffff;
	background-color: #0398fe;
}
a.Tab:link {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.Tab:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.Tab:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

/* ---------------- RETAIL DEFAULT ---------------- */
.RetailTemplateName {color:#333333;}

/* ---------------- CORE FONTS ---------------- */
.Font9 {
	font-size: 9px;
}
.Font10 {font-size: 10px;}
.Font10-header {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0398fe;
}
.Font11 {
	font-size: 10px;
	font-weight: normal;
}
.Font11-header {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0398fe;
}
.Font12 {
	font-size: 11px;
	font-weight: normal;
}
.Font12-hilite {
	font-size: 11px;
	font-weight: bold;
	color: #0398fe;
}
.Font14 {
	font-size: 12px;
	font-weight: normal;
}
.Font14-bold {
	font-size: 12px;
	font-weight: bold;
}
.Font14-header {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0398fe;
}
.Font14-hilite {
	font-size: 12px;
	font-weight: bold;
	color: #0398fe;
	padding: 8px 0 0 25px;
}
.Font16 {
	font-size: 10px;
	font-weight: bold;
	color: #0398fe;
}
.Font16-hilite {
	font-size: 13px;
	font-weight: bolder;
	color: #0398fe;
}
.BreadcrumbSm {
	font-size: 90%;
}
.BreadcrumbLg {
	font-size: 100%;
	font-weight: bold;
	color: #0398fe;
}
.error-label {
	font-size: 10px;
	color: #990000;
}
.ShoppingCartTotal {
	font-size: 10px;
	color: #0398fe;
	font-weight: bold;
}
.MyAccountEmpty {
	font-size: 10px;
	color: #0398fe;
	text-align: center;
	font-weight:bold;
}
.BrowsePopUp-header {
	font-size: 10px;
	font-weight: bold;
	color: #0398fe;
}

/* ---------------- EDITOR Page ---------------- */
.EditorTitle {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}
.EditorTitleSm {
	font-size: 11px;
	color: #333333;
}
.EditorTitleSm ul, li {
	list-style-type: square;
	font-size: 10px;
	line-height: 2em;
	margin: 8px 0 0 0;
}
.EditorBox_bg {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border:solid 1px #dfdfdf;
}

.EditorBoxLight_bg {
	background-color: #eeeeee;
	color: #333333;
	font-size: 10px;
}
.EditorFrame_bg {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	color: transparent;
}
.EditorInstructions {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	font-family: lucida grande, lucida sans, helvetica, arial;
}
.EditorProductName {
	FONT-SIZE: 10px;
	COLOR: #FF6600;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-weight: lighter;
}
.EditorLabelViewLg {
	FONT-SIZE: 10px;
	COLOR: #333333;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-weight: bold;
}
.EditorLabelViewSm {
	FONT-SIZE: 10px;
	COLOR: #333333;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-weight: lighter;
}
.OptionList {border: solid 1px #0066CC;font-size: 9px;}
.CheckBoxList {font-size: 9px;}

/* accordian panel
-------- */
#basic-accordian{
	background-color: #EDEDED;
	cursor: pointer;
	font-size: 11px;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-weight: lighter;
}
#basic-accordian a:link,#basic-accordian a:visited,#basic-accordian a:hover  {
	color: #666666;
}
#basic-accordian ul,#basic-accordian  li{
	line-height: 1.4em;
	margin: 2px 0px 2px -0.5em;
}
.accordion_headings{
	cursor:pointer;
	background-color: #EDEDED;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-bottom-color: #D3D3D3;
	border-top-color: #FFFFFF;
	padding: 5px 0px 5px 10px;
}
.accordion_child{
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 10px 16px;
	height: auto;
}

/* ---------------- ORDER OPTIONS Page ---------------- */
a.LinkColor:link {
	color: #0398fe;
}
a.LinkColor:visited {
	color: #0398fe;
}
a.LinkColor:hover {
	color: #333333;
}

.FontBold {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.ItemName {
	font-size: 13px;
	font-weight: bold;
	color: #0398fe;
}
.Quantity {
	font-size: 10px;
	font-weight: bold;
	color: #57B5EB;
}
.OrderTotal {
	font-size: 10px;
	color: #57B5EB;
	font-weight: bold;
}
.Box_bg {background-color: #eeeeee;border: 4px solid #FFFFFF;padding: 8px;} 					/*UPDATED BACKGROND FROM #DFDFDF to FFFFFF*/
.Calculator_bg {background-color: #eeeeee;border: 1px solid #0066CC;padding: 4px;}
.Approve {font-size: 9px;}

/* ---------------- DEFAULT BACKGROUNDS & BORDERS ---------------- */
.TitleBar {
	background-color: #eeeeee;
	color: #0066CC;
	font-size: 11px;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.GalleryHeader {
	background-position: center;
	background-repeat: repeat-x;
	text-align:center;
	background-color: #E6E6E6;
	color: #333333;
	font-size: 10px;
	font-weight:bold;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.GalleryFooter {background-color: #FFFFFF; border-top:solid 1px #eeeeee;}
.NavBar_bg {
	background-color: #ffffff;  /*CHANGED DFDFDF TO FFFFFF*/
	font-size: 11px;
}
.Header_bg {
	background-color: #0398fe;
	color: white;
	font-size: 10px;
}
.HeaderDivLine {border-bottom: 1px solid #FFFFFF;}
.border-none {border: 0;}
.border-hilite {border: 1px solid #dfdfdf;}
.border-hilite_bg {border: 1px solid #dfdfdf;background-color: #f6f6f6;}
.border-left {border-left: 1px solid #dfdfdf;}
.border-right {border-right: 1px solid #dfdfdf;}
.border-bottom {border-bottom: 1px solid #dfdfdf;}
.border-top {border-top: 1px solid #dfdfdf;}
.border-thumbnail {
	border: 3px solid #333;
}
.BrowsePopUp_bg {background-color: #FFFFFF;}

/* ---------------- TEXT CONTROLS & BUTTONS ---------------- */
.textbox {
	background-color: white;
	border: outset 1px #7f9db9;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-size: 10px;
}
.textbox_focus {
	background-color: #E9ECFD;
	border: outset 1px #7f9db9;
	font-family: lucida grande, lucida sans, helvetica, arial;
	font-size: 10px;
}
.textbox_disabled {
	background-color: #dcdcdc;
	border: outset 1px #CCCCCC;
	font-size: 10px;
}
.Submit {
	font-size: 10px;
	cursor: pointer;
	cursor: hand;
}
.Submit_Focus {
	font-size: 10px;
	cursor: pointer;
	cursor: hand;
}
.Pager {
	border: 0px;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #0066CC;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.Pager_Off {
	border: 0px;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #0066CC;
	text-align: center;
	text-decoration: none;
}

/* ---------------- TABLE GRIDS ---------------- */
.GridHeader {
	background-position: center;
	background-repeat: repeat-x;
	text-align:center;
	background-color: #F2F2F2;
	color: #333333;
	font-size: 11px;
	font-weight:bold;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	font-family: "lucida sans", "arial", "helvetica";
}
.GridHeader a:link {color: #333333;}
.GridHeader a:visited {color: #333333;}
.GridHeader a:hover {color: #333333;}
.GridRow {
	font-weight: normal;
	font-size: 9px;
	vertical-align: middle;
	color: #333333;
	background-color: white;
	text-align: center;
}
.GridAlternatingRow {font-size: 9px;vertical-align: middle;color: #333333;background-color: #eeeeee;text-align: center;}
.GridSelectedRow {background-color: #FFFFCC;font-size: 9px;font-weight: normal;color: #333333;text-align: center;vertical-align: middle;}
.GridFooter {
	background-color: #CCCCCC;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}

/* ---------------- SHOPPING CARTS TABLE GRIDS ---------------- */
.sGridHeader {
	background-position: center;
	background-repeat: repeat-x;
	text-align:center;
	background-color: #ECECEC;
	color: #333333;
	font-size: 11px;
	font-weight:bold;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.sGridHeader a:link {color: #333333;}
.sGridHeader a:visited {color: #333333;}
.sGridHeader a:hover {color: #333333;}
.sGridRow {font-size: 9px;vertical-align: middle;color: #333333;background-color: #eeeeee;text-align: center;}
.sGridAlternatingRow {font-weight: normal;font-size: 9px; vertical-align: middle; color: #333333;  background-color: white; text-align: center;}
.sGridSelectedRow {background-color: #FFFFCC;font-size: 9px;font-weight: normal;color: #333333;text-align: center;vertical-align: middle;}
.sGridFooter {
	background-color: #0066CC;
	font-size: 9px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

/* ---------------- CATEGORY NAV BAR ---------------- */
.imgbox{Border: #a4c0cd 1px solid; MIN-HEIGHT: 10px; Float: left; Margin: 5px; Width: 136px; Height: 150px; Text-Align: center; Padding: 0px;}
.frontsb{Padding: 4px; Background-Color: #FFFFFF; width: 200px;}
.NavBar_Fnt {
	font-size: 12px;
	font-weight: bolder;
	color: #0066CC;
}

/* ---------------- CUSTOM UPLOAD SCREENS ---------------- */
.DescriptionBox_bg {
	background-color: #FFFFFF;
	padding: 8px;
}
.cu_trimline 	{color: #FF0000;	font-weight: bold; }
.cu_safezone 	{color: #39F1F4;	font-weight: bold; }
.cu_bleedline 	{color: #00FF00;	font-weight: bold; }
/* ---------------- CUSTOM ONLINEPRINTS ---------------- */
.footex {
	text-align: center;
	width: 840px;
	margin: auto;
	height: auto;
	background-color: #86A5D2;
}
#feditor {
	height: 700px;
	width: 800px;
	margin: auto;
}
.feditor_first {
	float: left;
	width: 602px;
	height: 600px;
	margin: 0;
}
.feditor_last {
	float: right;
	width: 192px;
}
#feditor p {
	margin: 5px 0 0 10px;
}


/* ---------------- TABLE TIPS ---------------- */

.tips-table {
	border-top:none;
	line-height: 1.4em;
	width: 160px;
}

.tips-table p {
	border-top:none;
	font-size: 10px;
	margin: 8px 5px 0 10px;
}

.tips-table ul {
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	width: 150px;
}
.tips-table li {
	line-height: 1.4em;
	font-size: 10px;
	background-image: url(../graphics/bullet.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: -5px -7px;
	padding: 0 0 0 15px;
}


.gallerynav{
	line-height: 1.6em;
	font-family: "lucida grande", "lucida sans", "helvetica";
	color: #333333;
	font-size: 11px;
	margin: 10px 0px 0px 20px;
}

.tablecontent{
	line-height: 1.6em;
	font-family: "lucida grande", "lucida sans", "helvetica";
	color: #333333;
	font-size: 11px;
	margin: 10px 0px 0px 20px;
}

/* ---------------- SLIDER ---------------- */
#slider {
	width:192px;
	background-image: url(../images/nav2_bg.gif);
	font-family: "lucida grande", "lucida sans", helvetica, arial;
}
.sliderheader {
	cursor:pointer;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #fff;
	padding: 1px 0 2px 10px;
	font-size: 11px;
	color: #666666;
}
.slider:hover {
	background:url(images/header_over.gif);
	color: #333333;
}
.slidercontent {
	overflow:hidden;
	margin: 5px 9px 5px 0;
	color: #666666;
}
.slidertext {
	width:150px;
	border-top:none;
	margin: 0 0 0 20px;
	line-height: 1.2em;
	color: #666666;
}