input[type=text], input[type=file], .TextArea
{
	font: normal 12pt 'Trebuchet MS', Helvetica, sans-serif;
	border: 1px solid #999;
	width: 420px;
	padding: 10px 15px;
	margin: 0;
}

.GrayContainer input[type=text], .Cart input[type=text]
{
	font: normal 10pt 'Trebuchet MS', Helvetica, sans-serif !important;
	text-align: center !important;
	width: 15px !important;
	padding: 2px 3px !important;
}

.SelectBoxItMimic { width: 450px; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #404040;}
.Password { background: url('Images/PasswordOverlay.gif') no-repeat; background-color: #fbfbfb; }
.PasswordShort { background: url('Images/PasswordOverlayShort.gif') no-repeat; background-color: #fbfbfb; }
.PasswordConfirm { background: url('Images/PasswordConfirmOverlay.gif') no-repeat; background-color: #fbfbfb; }

.Watermark { font: normal 12pt 'Trebuchet MS', Helvetica, sans-serif; color: #999; margin: 0; background-color: #fbfbfb; }
.CreateWatermark { text-align: center; text-transform: none; font: normal 20pt 'Trebuchet MS', Helvetica, sans-serif !important; color: #ccc !important; background-color: #fbfbfb !important; width: 228px; height: 50px !important; line-height: 50px !important; }
.CreateWatermarkLarge { text-align: center; text-transform: none; font: normal 25pt 'Trebuchet MS', Helvetica, sans-serif !important; color: #ccc !important; background-color: #fbfbfb !important; width: 535px; height: 75px !important; line-height: 75px !important; }
.CreateText { font: normal 30pt 'Oxygen', 'Trebuchet MS', Helvetica, sans-serif !important; text-align: center; text-transform: uppercase; width: 228px; height: 50px; }
.CreateTextLarge { font: normal 45pt 'Oxygen', 'Trebuchet MS', Helvetica, sans-serif !important; text-align: center; text-transform: uppercase; width: 535px; height: 75px; letter-spacing: 10px; }

.CartButtonArrow
{
	position: absolute;
	left: 0;
	top: 15px;
	z-index: 100;
}

.button
	{
		font-size: 1.35em;
		padding: 0.8em 1.5em 0.8em 1.5em;
	}

		.button-big
		{
			font-size: 2.25em !important;
			padding: 0.8em 0.9em 0.8em 0.9em !important;
		}
		

.button
	{
		display: inline-block;
		background: #d46529;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 900;
		outline: 0;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: #eb702d;
		}
	
		.button:active
		{
			background: #d26428;
		}
	
		.button-icon
		{
			position: relative;
		}
		
			.button-icon:after
			{
				content: '';
				display: inline-block;
				width: 54px;
			}
		
			.button-icon:before
			{
				content: '';
				display: inline-block;
				width: 48px;
				height: 48px;
				background: url('images/icons.png');
				position: absolute;
				right: 0.75em;
				top: 50%;
				margin-top: -24px;
			}
			
			.button-icon-rarrow:before
			{
				background-position: 0px 0px;
			}
			
			.button-icon-paper:before
			{
				background-position: -48px 0px;
			}
	
			.button-icon-question:before
			{
				background-position: 0px -48px;
			}
	
		.button-alt
		{
			background: #f1f1f1;
			color: #444;
		}

			.button-alt:hover
			{
				background: #e8e8e8;
			}

			.button-alt:active
			{
				background: #e4e4e4;
			}

.box
{
	background: #f2f2f2;
	border-radius: 10px;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
	padding: 2em 1.5em;
}



#banner input 
{
	border: 2px dashed #444;
	-webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1); 
	-moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1); 
	box-shadow: inset 0 0 8px  rgba(0,0,0,0.15); 
	margin: 25px 0;
}







/*  Generic Button (Gray) 210px width */
a.Button
{
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url('Images/ButtonBG_Off.gif') repeat-x;
	display: block;
	color: #ddd;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align: left;
	text-indent: 15px;
	font: bold 12pt 'Trebuchet MS', Helvetica, sans-serif;
	width: 210px;
	float: left;
}

a:hover.Button
{
	background: url('Images/ButtonBG.gif') repeat-x;
	color: #fff;
	text-decoration: none;
}

a.Button span.Message
{
	background: url('Images/Up_Off.png') no-repeat right 10px;
	padding-right: 2em;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.Button span.Message
{
	background: url('Images/Up.png') no-repeat right 10px;
}

a.Button span.Register
{
	background: url('Images/Key_Off.png') no-repeat right 10px;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.Button span.Register
{
	background: url('Images/Key.png') no-repeat right 10px;
}

a.Button span.SignIn
{
	background: url('Images/SignIn_Off.png') no-repeat right 10px;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.Button span.SignIn
{
	background: url('Images/SignIn.png') no-repeat right 10px;
}

/* Generic Extended Button (no width) Gray */

a.ExtendedButton
{
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url('Images/ButtonBG_off.gif') repeat-x;
	display: block;
	color: #ddd;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align: left;
	text-indent: 15px;
	font: bold 12pt 'Trebuchet MS', Helvetica, sans-serif;
	float: left;
}

a:hover.ExtendedButton
{
	background: url('Images/ButtonBG.gif') repeat-x;
	color: #fff;
	text-decoration: none;
}

a.ExtendedButton span.Arrow
{
	background: url('Images/Arrow_Off.png') no-repeat right 11px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Arrow
{
	background: url('Images/Arrow.png') no-repeat right 11px;
}

a.ExtendedButton span.Cancel
{
	background: url('Images/Cancel_Off.png') no-repeat left 11px;
	margin-left: 13px;
	margin-right: 13px;
	padding-left: 2em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Cancel
{
	background: url('Images/Cancel.png') no-repeat left 11px;
}

a.ExtendedButton span.Create
{
	background: url('Images/Create_Off.png') no-repeat right 9px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Create
{
	background: url('Images/Create.png') no-repeat right 9px;
}

a.ExtendedButton span.Frame
{
	background: url('Images/Frame_Off.png') no-repeat right 11px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Frame
{
	background: url('Images/Frame.png') no-repeat right 11px;
}

a.ExtendedButton span.Matte
{
	background: url('Images/Matte_Off.png') no-repeat right 11px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Matte
{
	background: url('Images/Matte.png') no-repeat right 11px;
}

a.ExtendedButton span.New
{
	background: url('Images/BackArrow_Off.png') no-repeat left 10px;
	margin-left: 13px;
	margin-right: 13px;
	padding-left: 2em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.New
{
	background: url('Images/BackArrow.png') no-repeat left 10px;
}

a.ExtendedButton span.Random
{
	background: url('Images/Random_Off.png') no-repeat right 10px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Random
{
	background: url('Images/Random.png') no-repeat right 10px;
}

a.ExtendedButton span.Remove
{
	background: url('Images/Cancel_Off.png') no-repeat right 11px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.ExtendedButton span.Remove
{
	background: url('Images/Cancel.png') no-repeat right 11px;
}

/* Cart Button (Blue) */
a.CartButton
{
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #19587b;
	border-bottom: 1px solid #19587b;
	background: url('Images/CartButtonBG_Off.gif') repeat-x;
	display: block;
	color: #ddd;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align: left;
	text-indent: 15px;
	font: bold 12pt 'Trebuchet MS', Helvetica, sans-serif;
	float: left;
	z-index: 1;
}

a:hover.CartButton
{
	background: url('Images/CartButtonBG.gif') repeat-x;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}

a.CartButton span.Cart
{
	background: url('Images/Cart_Off.png') no-repeat right 11px;
	padding-right: 2em;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.CartButton span.Cart
{
	background: url('Images/Cart.png') no-repeat right 11px;
	z-index: 1;
}

a.CartButton span.Arrow
{
	background: url('Images/Arrow_Off.png') no-repeat right 11px;
	margin-right: 13px;
	padding-right: 3em;
	display: block;
	line-height: 40px;
}

a:hover.CartButton span.Arrow
{
	background: url('Images/Arrow.png') no-repeat right 11px;
}

a.CartButton span.Checkout
{
	background: url('Images/Checkout_Off.png') no-repeat right 12px;
	padding-right: 2em;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.CartButton span.Checkout
{
	background: url('Images/Checkout.png') no-repeat right 12px;
	z-index: 1;
}

a.CartButton span.Order
{
	background: url('Images/Up_Off.png') no-repeat right 10px;
	padding-right: 2em;
	margin-right: 13px;
	display: block;
	line-height: 40px;
}

a:hover.CartButton span.Order
{
	background: url('Images/Up.png') no-repeat right 10px;
}

/* Callout styles */

.customCalloutStyle div, .customCalloutStyle td
{
	
	border: 1px solid #f0f0ed;
	background-color: #e27500;
	color:#fff;
}

.customCalloutStyle .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 10px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
	width: 200px;
}

.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
	font: bold 12pt 'Trebuchet MS', Helvetica, sans-serif;
	padding: 15px;
	border-right: none;
	border-left: none;
	width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell
{
	width: 70px;
	padding: 10px;
	border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 10px 15px;
	text-align: right;
	border-left: none;
    
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 1px;
	cursor: pointer;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv img
{
    top: -20px;
    right: -20px;
    position: absolute;
}
.PictureMatte
{
   padding: 40px;
}

.PictureFrame
{
    display:inline-block;
    display: -moz-inline-stack;    
    margin: 0 auto;
    padding: 60px 0;
    width: 100%;
}

.CreatePictureFrame
{   
    margin: 0 auto;
    padding: 40px 0px;
    background: url('Images/Frames/frame-f1-m1-l9.png') center center no-repeat;
    width: 100%;
}

.PhotoImage
{
    display:inline-block;
    display: -moz-inline-stack;
    margin-left:2px;
    margin-right:3px;
}

.ModalBackground
{
	background-color: #000;
	filter: alpha(opacity=60);
	opacity: 0.60;
}

.ModalFrameList
{
	padding: 15px;
	background-color: #f2f2f2;
	border: 5px solid #404040;
	width: 800px;
	height: 325px;
}

.ModalMatteList
{
	padding: 15px;
	background-color: #f2f2f2;
	border: 5px solid #404040;
	width: 800px;
	height: 380px;
}

.ModalPhotoList
{
	padding: 15px;
	background-color: #f2f2f2;
	border: 5px solid #404040;
	width: 650px;
	height: 500px;
}

.ModalPhoto
{
	padding: 15px;
	background-color: #f2f2f2;
	border: 5px solid #404040;
	width: 200px;
	height: 375px;
}

.ModalShipInfo
{
	padding: 15px;
	background-color: #f2f2f2;
	border: 5px solid #404040;
	width: 455px;
	height: 160px;
}

.ValidationSummaryContainer { padding: 15px; float: left; width: 95%; }

.ValidationSummary 
{ 
    border-left: 1px solid #999; 
    border-right: 1px solid #999;
    border-bottom: 1px dashed #999;
	background-color: #ffead1;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left; 
    padding: 15px;
}

.ValidationSummary ul { margin-left: 25px; }
.ValidationSummary h3 { color: red; }

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}