/*
span#discount span input => span#discount span input#code
span#discount span button => span#discount span input#apply

cart.css
global_checkout.css
order_view.css


*/

/* 	
	UPDATES

	- by Jordan Dobson Aug 18th 2008 - Removed 1.4 em spacing on each dl and move to the fieldset for top spacing & removed top border on dt
	- by Brandon Herbel Mar 12th 2009 - Adding styling and padding to artist on check Cart page 
	- by Jordan Dobson Nov 11th 2009 - Added Styles for Discount Code
	
*/

																				/* Form Wrapper */
div#content form {
	width: 700px;
	overflow: hidden;
}
																				/* Order List Wrapper */
div#content form fieldset{
	padding-top: 1.4em;
}
																				/* Order List Wrapper > Order List */
div#content form fieldset dl{}

																				/* Your Order > Header */
div#content form fieldset dt{
	border-bottom: 1px dotted #ccc;
	padding: .5em 0 .5em 0 !important;

}
																				/* Your Order > Header > Link */
div#content form fieldset dt big a{
	font-size: 1em;
	text-transform: Capitalize;
}
																				/* Your Order > Header > Link */
div#content form fieldset dt small{
	color: #999;
	font-size: .75em;
}
																				/* Your Order > Item Row */
div#content form fieldset dd{
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
																				/* Your Order > Item Row > Link */
div#content form fieldset dd a{
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
																				/* Your Order > Item Row > Link > Image */
div#content form fieldset dd a img{
	float: none;
	background-color: #eee;
	color: #999999;
	font-size: .75em;
	width: 100px;
	height: 100px;
	border: 1px solid #09C;
}

div#content form fieldset dd a:hover img{
	border: 1px solid #FF00A7;
}
																				/* Your Order > Item Row > Item Title */
div#content form fieldset dd h3{
	float: left;
	width: 65%;
	padding-top: .5em;
	height: 4.75em;
}
																				/* Your Order > Item Row > Item Title > Option */
div#content form fieldset dd h3 i{
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	display: block;
	margin-top: .25em;
}
																				/* Your Order > Item Row > Item Title > Link */
div#content form fieldset dd h3 a{
	border: none !important;
	font-size: 1.55em;
	float: none;
	display: inline;
	margin: 0;
}
																				/* Your Order > Item Row > Price Wrapper */
div#content form fieldset dd p{
	float: right;
	width: 15%;
	height: 4.75em;
	padding-top: .5em;
}
																				/* Your Order > Item Row > Price Wrapper > Price Text */
div#content form fieldset dd p big{
	font-size: 1.55em;
	font-weight: bold;
	color: #333333;
}
																				/* Your Order > Item Row > Remove Link */
div#content form fieldset dd a small{
	color: #999;
	font-weight: bold;
	font-size: .6em;
	line-height: 1em;
	letter-spacing: 1px;
}
div#content form fieldset dd:hover a small{
  color: #888;
}

div#content form fieldset dd a:hover small{
  color: #f00;
}	
																				/* Your Order > Item > Float Break */
div#content form fieldset dd br{
	clear: both;
	display: block;	
}
																				/* Horizontal Rule */
div#content form hr{
	display: none;
}
																				/* Total Wrapper  */
div#content form fieldset div{
	float: none;
	background-color: #E0F3F8;
	height: 4.75em;
	padding: 0 20px;
	margin-bottom: 20px;
}
																				/* Total Wrapper > Price & Label Group  */
div#content form fieldset div h3{
	float: right;
	width: 40%;
	height: 4.75em;
}
																				/* Total Wrapper > Price & Label Group > Label Override  */
div#content form fieldset div h3 small{
	float: none;
}
																				/* Total Wrapper > Price & Label Group > Label Text  */
div#content form fieldset div h3 small i{
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	text-transform: Uppercase;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 4.2em;
	vertical-align: middle;
	color: #666666;
	padding-right: 1.25em;
	letter-spacing: -1px;
}
																				/* Total Wrapper > Price & Label Group > "=" sign  */
div#content form fieldset div h3 small i em{
	display: none;
}
																				/* Total Wrapper > Price & Label Group > Total Text  */
div#content form fieldset div h3 big{
	font-size: 1.55em !important;
	line-height: 3em;
	vertical-align: middle;
}
																				/* Total Wrapper > Help Text Wrapper  */
div#content form fieldset div small{
	float: left;
	width: 60%;
	height: 4.75em;
	text-align: left;
}
																				/* Total Wrapper > Help Text Wrapper > Text  */
div#content form fieldset div small i{
	font-size: .7em;
	line-height: 6.7em;
	color: #999999;
	font-weight: bold;
}

p input{

	background-color: #0099CC;
	background-image: url("/_site/img/btn_overlay.png");
	background-position: center center;
	background-repeat: no-repeat;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	width: 186px;
	height: 47px;

	color: #ffffff !important;
	text-transform: Uppercase;
	line-height: 47px !important;
	
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.125em;
	
	cursor: pointer;
	
	border: none !important;
	float: right;

}

p input:hover{
	background-color: #FF00A7 !important;
}

p a big{
	font-size: 1.125em;
	line-height: .75em;
	vertical-align: top;
	font-weight: normal;
}

/* ERROR COLOR & STYLING ADJUSTMENTS */

dl.alert{
	width: 700px;
	margin-top: 42px;
}

.alert dd{
	background-color: #ffffff;
}

/*** Artist Name on Cart Page - Checkout ***/

div#content div#step1 dl dd h3 i small,
div#content fieldset dl dd h3 i small{
	font-weight: bold !important;
	margin-right: 1em !important;
	text-transform: uppercase !important;
}

/*** Discount Code ***/

span#discount{
  margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #cccccc;
}
span#discount,
span#discount p,
span#discount span{
  display: block;
  height: 45px;
}

span#discount p{
  padding-left: 20px;
  width: 380px;
}
span#discount p,
span#discount span{
  float: left;
  line-height: 45px;
}

span#discount span{
  width: 280px;
  padding-right: 20px;
}


span#discount span input#code,
span#discount span input#apply{
  float: right;
  display: inline;
  background-color: #f5f5f5;
  margin-top: 10px;
  vertical-align: middle;
  padding: 0;
}

span#discount span input#code{
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
  width: 148px;
  border: 1px solid #bbbbbb;
	color: #666;	
	font-weight: bold;
  height: 23px;
	line-height: 23px;
	text-indent: 5px;
}

span#discount span input#code:hover{
  background-color: #fff;
}


span#discount span input#apply{
  height: 25px;
  background-color: #eee;
  font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-transform: Uppercase;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  padding: 0 1em;
  margin-right: 1em;
  color: #0099CC;
  border: none !important;
}
span#discount span input#apply, x:-moz-any-link{
 	line-height: 20px;
  height: 25px;
  font-size: 12px;
  vertical-align: top;
  padding-bottom: 4px !important;
}

span#discount span input#apply:hover{
  color: #FF00A7;
  cursor: pointer;
  background-color: #e5e5e5;
}

/* Error State */
span#discount p em{

  font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-right: .5em;
}
span#discount p em,
span#discount.error p strong{
  color: #ff0000;
}
span#discount p strong{
  font-style: normal;
  font-weight: normal;
  line-height: 45px;
  color: #999999;
}
/* Success */
span#discount.applied{
  background-color: #eaffdd;
}
span#discount.applied,
span#discount.applied p strong,
span#discount.applied span big{
  color:            #090;
}
span#discount.applied p strong b{
  font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-left: .25em;
}
span#discount.applied p a{
	color: #999;
	font-weight: bold;
	font-size: .6em;
	line-height: 45px;
	letter-spacing: 1px;
	display: inline;
	line-height: top;
	vertical-align: top;
	margin-left: 1em;
}
span#discount.applied:hover p a{
  color: #888;
}
span#discount.applied p a:hover{
  color: #f00;
}
span#discount.applied span big{
	font-size: 1.55em;
	font-weight: bold;
	line-height: 45px;
}
span#discount.applied span{
  text-align: right;
}
div#content form fieldset dd:last-of-type{
	border-bottom: 1px dotted #cccccc;
}