@charset "UTF-8";

/***
 *
 *	INDEX SETTINGS
 *
 */
 
	 div#cartFramework {
		position:relative;
	 
		padding-left:2em;
		padding-right:2em;
	 }
	 
	 div#cartFramework a {
		
		border:0px;
		text-decoration:none;
		
	 }
	 
	div#cartFramework div#leftArea {
		width:60%;
		max-width:60em;
		float:left;
	}
	
	div#cartFramework div#rightArea {
		float:right;
		top:0em;
		width:35%;
		height:100%;
		text-align:right;
	} 
 
 	/** SECTION HEAD */
	
	div.section_head {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		font-size:1.66em;
		text-align:left;
	}
 
 
/***
 *
 * ORDER PROCESS
 *
 */
 
 	div#orderProcess_Frame {
		background-color:#6f5a4e;
		min-width:76em;
		position:relative;
		margin-bottom:3em;
	
	}
	
	div#orderProcess_Frame div.stepContent {
		margin-left:3em;
		position:relative;
		vertical-align:middle;
		height:6em;
	}
	
	div#orderProcess_Frame div.stepText {
		text-align:left;
		vertical-align:middle;
		height:4.51em;
		font-size:1.33em;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding-top:1.325em;
	}
	
	div#orderProcess_Frame div#stepActive {
		width:33%;
		float:left;
		color:#000000;
		background-color:#FFFFFF;	
		background-position:left center;
		background-repeat:no-repeat;
	}
	
	div#orderProcess_Frame div#stepNormal {
		width:33%;
		float:left;
		color:#FFFFFF;
		background-position:left center;
		background-repeat:no-repeat;
		
	}
	
	
	
	div#orderProcess_Frame div#shadowTop {
	
		background-image:url(../images/cart/orderProcess_shadowTop.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		
		height:8px;
		width:100%;
		
		position:absolute;
		left:0px;
		top:0px;
	
	}
	
	div#orderProcess_Frame div#shadowRight {
	
		background-image:url(../images/cart/orderProcess_shadowRight.gif);
		background-position:left bottom;
		background-repeat:repeat-y;
		
		height:100%;
		width:8px;
		
		position:absolute;
		right:0px;
		top:0px;
	
	}
	
	div#orderProcess_Frame div#shadowBottom {
	
		background-image:url(../images/cart/orderProcess_shadowBottom.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		
		height:8px;
		width:100%;
		
		position:absolute;
		left:0px;
		bottom:0px;
	
	}
	
	div#orderProcess_Frame div#shadowLeft {
	
		background-image:url(../images/cart/orderProcess_shadowLeft.gif);
		background-position:left bottom;
		background-repeat:repeat-y;
		
		height:100%;
		width:8px;
		
		position:absolute;
		left:0px;
		top:0px;
	
	}
	
	div#orderProcess_Frame a {
		text-decoration:none;
		color:#FFFFFF;
	}
	
	div#orderProcess_Frame a:hover {
		text-decoration:underline;
	}
  
 
/***
 *
 * PRODUCT BOX
 *
 */
 
 	
 	/** CORNERS **/
 
	div.productBox {
	
		position:relative;
	
		width:100%;
		min-height:9em;
		
		background-color:#FFFFFF;
		
		padding:1.5em;
	
	}
	
	div.productBox div.tl {
	
		position:absolute;
		top:0px;
		left:0px;
		
		width:16px;
		height:16px;
		
		background-image:url(../images/cart/productBox_tl.gif);
		background-repeat:no-repeat;
		background-position:top left;
	
	}
	
	div.productBox div.tr {
	
		position:absolute;
		top:0px;
		right:0px;
		
		width:16px;
		height:16px;
		
		background-image:url(../images/cart/productBox_tr.gif);
		background-repeat:no-repeat;
		background-position:top right;
	
	}
	
	div.productBox div.bl {
	
		position:absolute;
		bottom:0px;
		left:0px;
		
		width:16px;
		height:16px;
		
		background-image:url(../images/cart/productBox_bl.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
	
	}
	
	div.productBox div.br {
	
		position:absolute;
		bottom:0px;
		right:0px;
		
		width:16px;
		height:16px;
		
		background-image:url(../images/cart/productBox_br.gif);
		background-repeat:no-repeat;
		background-position:bottom right;
	
	}
	
	
	/** EDGES */
	
	div.productBox div.tm {

		position:absolute;
		top:0px;
		right:0px;
		
		width:100%;
		height:8px;
		
		background-image:url(../images/cart/productBox_tm.gif);
		background-repeat:repeat-x;
		background-position:top right;

	}
	
	div.productBox div.mr {

		position:absolute;
		top:0px;
		right:0px;
		
		width:8px;
		height:100%;
		
		background-image:url(../images/cart/productBox_mr.gif);
		background-color:#009933;
		background-repeat:repeat-y;
		background-position:top right;

	}
	
	div.productBox div.bm {

		position:absolute;
		bottom:0px;
		right:0px;
		
		width:100%;
		height:8px;
		
		background-image:url(../images/cart/productBox_bm.gif);
		background-repeat:repeat-x;
		background-position:top right;

	}
	
	div.productBox div.ml {

		position:absolute;
		top:0px;
		left:0px;
		
		width:8px;
		height:100%;
		
		background-image:url(../images/cart/productBox_ml.gif);
		background-repeat:repeat-y;
		background-position:top right;

	}
	
	
	/** CONTROL ELEMENT */
	
	div.productBox div.deleteControlBox {
		
		width:14em;
		height:2.4em;
		
		position:absolute;
		top:8px;
		right:8px;
		
		background-color:#666666;
		
		text-align:center;
		vertical-align:middle;
		color:#FFFFFF;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		font-size:0.8em;
		
		padding-top:0.55em;
		
	}
	
	div.productBox div.deleteControlBox a {
	
		text-decoration:none;
		color:#FFFFFF;
	
	}
	
	div.productBox div.deleteControlBox a:hover {
		text-decoration:underline;
	}
	
	div.productBox div.deleteControlBox div.ml {

		position:absolute;
		top:0px;
		left:0px;
		
		width:2px;
		height:100%;
		
		background-image:url(../images/cart/productBox_deleteControl_ml.gif);
		background-color:#009933;
		background-repeat:repeat-y;
		background-position:top right;

	}
	
	div.productBox div.deleteControlBox div.bm {

		position:absolute;
		bottom:0px;
		right:0px;
		
		width:100%;
		height:2px;
		
		background-image:url(../images/cart/productBox_deleteControl_bm.gif);
		background-repeat:repeat-x;
		background-position:top right;

	}
	
	div.productBox div.deleteControlBox div.bl {

		position:absolute;
		bottom:0px;
		left:0px;
		
		width:2px;
		height:2px;
		
		background-image:url(../images/cart/productBox_deleteControl_mr.gif);
		background-repeat:no-repeat;
		background-position:bottom left;

	}
	
	
	/** CONTENT **/
	
	div.productBox div.productTitle {
	
		height:1em;
		
		font-size:1.33em;
		color:#000000;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		
	}
	
	div.productBox div.productImage {
	
		margin-top:2em;
		float:left;	
	}
	
	div.productBox div.productImage img[id] {
		width:2.5em;
		height:2.5em;
	}
	
	div.productBox div.productInformation {
	
		margin-top:2em;
		margin-left:2em;
		float:left;
		
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		color:#000000;
		font-size:1em;
		width:45%;
		
	}
	
	div.productBox div.productPrice {
	
		position:absolute;
		right:8px;
		bottom:8px;
		margin-right:1em;
		width:16em;
		height:7em;
		
	}



/***
 *
 * PRICE INFO
 *
 */	

	div#priceInfo {
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		font-weight:1.13em;
		color:#FFFFFF;
		text-align:right;
		width:14em;
		margin-left:2em;
		margin-top:2em;
		float:right;
	}
	
	div#priceInfo p#priceImage {
		padding-top:1.5em;
		padding-bottom:1.5em;
	}




/***
 * 
 * INPUT AREA
 *
 */
 
 	div.inputArea {
		position:relative;
		
		background-color:#FFFFFF;
		
		padding:2em;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:1em;
		text-align:left;
	}
	
	div.inputArea div#shadowTop {
	
		background-image:url(../images/cart/inputArea_shadowTop.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		
		height:8px;
		width:100%;
		
		position:absolute;
		left:0px;
		top:0px;
	
	}
	
	div.inputArea div#shadowRight {
	
		background-image:url(../images/cart/inputArea_shadowRight.gif);
		background-position:left bottom;
		background-repeat:repeat-y;
		
		height:100%;
		width:8px;
		
		position:absolute;
		right:0px;
		top:0px;
	
	}
	
	div.inputArea div#shadowBottom {
	
		background-image:url(../images/cart/inputArea_shadowBottom.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		
		height:8px;
		width:100%;
		
		position:absolute;
		left:0px;
		bottom:0px;
	
	}
	
	div.inputArea div#shadowLeft {
	
		background-image:url(../images/cart/inputArea_shadowLeft.gif);
		background-position:left bottom;
		background-repeat:repeat-y;
		
		height:100%;
		width:8px;
		
		position:absolute;
		left:0px;
		top:0px;
	
	}
	
	div.inputArea div.label {
		width:12em;
		float:left;
		padding-right:1.5em;
		text-align:right;
		margin-top:0.5em;
	}
	
	div.inputArea input[type=text] {
		width:25em;
		margin-top:0.5em;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		font-size:12px;
	}
	
	div.inputArea textarea {
		width:25em;
		height:10em;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		font-size:12px;
	}
	
	
	
/***
 *
 * HEADER BOX & INFORMATION TEXT
 *
 */
 
 	div#cartFramework div.errorMessage {
		width:95%;
		margin:auto;
		border: 2px solid #FF0000;
		color:#FF0000;
		background-color:#FFFFFF;
		padding:1em;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		text-align:left;
	}
 
 	div#cartFramework div#leftArea div.headerBox {
		position:relative;
		background-color:#FFFFFF;
		
		width:100%;
		height:1em;
		
		padding:0.37em;
		margin-bottom:0.74em;
		
		color:#000000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.33em;
	}
 	
	div#cartFramework div.infoText {
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:1.16em;
	}
	
	div#cartFramework a {
		color:#FFFFFF;
	}