body {
  background-color: #fff;
  margin:10px;
  padding:0;
  text-align:left;
  font: 12px Arial,Helvetica,sans-serif;
}

img{
	border:none;
}

fieldset{
	border:none;
	background-color:#ededed;
	padding:5px;
}

#header{
	width:780px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px silver dotted;
	text-align:left;
}

#header img{
	float:left;
}

#links{
	width:590px;
	margin-left:190px;
	text-align:right;
	font: 11px Arial,helvetica,sans-serif;
	color:#b3b3b3;
}

#links a{
	font: 11px Arial,helvetica,sans-serif;
	color:#b3b3b3;
}


#subnav{
	background-color:#ededed;
	padding:3px;
	border-bottom:1px silver dotted;
	color:#99cc00;
	font-weight:bold;
}

#subnav a{
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#474747;
	font-weight:bold;
}

#subnav a:visited{
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#474747;
	font-weight:bold;
}

#subnav a:hover{
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#99cc00;
	font-weight:bold;
}

#main{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#main p{
	font: 14px Arial,helvetica,sans-serif;

}


#main p.explain{
	font: 11px Arial,helvetica,sans-serif;
}


/******************** start page stuff ************************************/

.select {
	width:240px;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	background-color: #fff;
  	float:left;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.select p{
	width:170px;
	margin-left:41px;
	text-align:left;
}

.select a{
	margin.:0;
	padding:0;
}

.select img {
	border:0;
	margin-left:35px;
	margin-bottom:15px;
}

/************* top process arrows ****************************************/

#process{
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
}

#process ul
{
	margin:0;padding:0;
}

#process ul li
{
    margin-bottom: 0;
	margin-right:20px;
    float: left;
    list-style-type: none;
	background:url('/images/process_off.gif') no-repeat;
	width:240px;
	height:25px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-align:center;
}

#process ul li.on{
	background:url('/images/process_on.gif') no-repeat;
}

#process ul li a{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-decoration:none;

}


#footer
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
  	margin-top: 15px;
  	border-top: 1px dotted #b3b3b3;
}

#footer p{
  	text-align:center;
 	font: 11px Arial,helvetica,sans-serif;
	color:#bbbbbb;
}

#footer a{
	color:#bbbbbb;
}



/************* small tabs on master/tile selection **************************/

.minitab{
	width:81px;
	height:13px;
	padding:3px 3px 3px 3px;
	background: url(/images/bg_minitab_off.gif) no-repeat; 
	float:left;
	text-align:center;
}

.minitab a{
	font-weight:bold;
	color:#b3b3b3;
	text-decoration:none;
}

.minitab a:hover{
	color:#99cc00;
}



.minitabon{
	width:81px;
	height:13px;
	padding:3px 3px 3px 3px;
	background: url(/images/bg_minitab.gif) no-repeat; 
	float:left;
	text-align:center;
	/*shift tab down a little and cover border of frame*/
	z-index:2;
	position:relative;
	top:1px;
	border-bottom:solid 1px white;
}

.minitabon a{
	color:#99cc00;
	text-decoration:none;
}

.minitabon a:hover{
	color:#99cc00;
}


/ ***************** general stuf ***************************/

#bottom {
  padding-top: 30px;
}

#notice {
  background-color: #99CC00;
  font: 12px bold sans-serif;
  margin-top: 5px;
}

#error {
  border: 2px solid red;
  background-color: #ff4455;
  margin-top: 5px;
  font: bold sans-serif;

}


#recent_orders {
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
}


#open_orders {
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#all_orders {
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
}

#order {
  margin-top: 5px; 
  margin-bottom: 5px; 
  width: 120px;  
  padding: 7px 0 0 7px; 
  float:left;
}

#order img {
   border: 1px solid #000;
   width: 100px;
   height: 100px;
   margin: 5px;
}

#photosets {
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
}

#photosets_50p{
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
  width:350px;
  float:left;
}

#inset{
	border-bottom:1px solid silver;
	padding:5px;
}

#photos {
  	border: 2px solid blue;
  	background-color: #0000f0;
}


#spinner{
	float:right;
}

.SetCaseTiles { 
	margin-top: 5px; 
	margin-bottom: 5px; 
	width: 91px; 
	padding: 7px 0 0 7px; 
	background: url(/images/set_case.gif) no-repeat; 
	float:left;
	}
	
.SetCaseTiles img{
	border:none;
}

.SetCaseTiles .selector{
	width: 77px;
	text-align:center;
	margin-top: 20px;
	padding-top:3px;
	padding-bottom:3px;
}

.SetCaseTiles .selector a{
	padding: 2px 2px 2px 2px;
	color:#b3b3b3;
	text-decoration:none;
	border: 1px solid #e6e6e6;
}

.SetCaseTiles .selector a:hover{
	background-color:#99cc00;
	color:white;
}


.SetCase { 
	margin-top: 5px; 
	margin-bottom: 5px; 
	width: 91px; 
	height: 95px; 
	padding: 7px 0 0 7px; 
	background: url(/images/set_case.gif) no-repeat; 
	float:left;
	}
	
.SetCase img{
	border:none;
}

#sel_tiles {
  	margin-left:380px;
  	border: 1px dotted #b3b3b3;
  	background-color: #fff;
  	padding:10px;
}

#checkout_left{
  border: 1px dotted #b3b3b3;
  background-color: #fff;
  padding:10px;
  width:350px;
  float:left;
}


#checkout_summary {
  	margin-left:380px;
  	border: 1px dotted #b3b3b3;
  	background-color: #fff;
  	padding:10px;
}


 #photosets img {
   border: 1px solid #000;
   width: 75px;
   height: 75px;
   margin: 5px;
 }

 #sel_tiles img {
   border: 1px solid #000;
   width: 75px;
   height: 75px;
   margin: 5px;
 }


#progressbar {
	background: url(/images/colorbar.jpg) no-repeat;
	color: #fff;
	font-weight:bold;
}

/************** master selection stuff **************************/

#sel_master{
	margin-left:380px;
	border: 1px dotted #b3b3b3;
  	background-color: #fff;
  	padding:10px;
}

#sel_master_img img{
	width: 350px;
	border:none;
}

#mosaic_params{
	margin-left:380px;
	margin-top:10px;
	padding:10px;
	border: 1px dotted #b3b3b3;
  	background-color: #fff;
}

#mosaic_params p{
	font-size:12px;
}

#mosaic_params ul{
	margin:20px 0 0 0;
	padding:0;
}

#mosaic_params li
{
    	display: inline;
    	border: 1px solid #e6e6e6;
	padding: 3px;
    	margin: .2em .2em;
    	text-align: center;
    	cursor:pointer;
}

#mosaic_params li.on
{
	display: inline;
    	border: 1px solid #e6e6e6;
	padding:3px;
    	margin: .2em .2em;
    	text-align: center;
    	cursor:pointer;
	background-color:#99cc00;
}

#mosaic_params li a{
	text-decoration:none;
	color:#b3b3b3;
	padding:3px;
}

#mosaic_params li:hover{
       background-color:#99cc00;
	color:white;
}

#mosaic_params li a:hover{
       background-color:#99cc00;
	color:white;
}

#stepnavi{
	margin-left:380px;
	margin-top:20px;	
}

#stepnavi #b_back{
	width:150px;
	float:left;
} 

#stepnavi #b_next{
	margin-left:150px;
	text-align:right;
}

/******************* Pagination in Master and Tiles Selection ********/

#pagination ul
{
	margin:0;padding:0;
}

#pagination li
{

    display: inline;
    border: 1px solid #e6e6e6;
    padding: .3em .5em .3em .5em;
    *padding: .3em .2em .3em .5em;
    margin: .2em .2em;
    text-align: center;
    cursor: pointer;
}


#pagination li.on
{
	font-weight:bold;
	background-color:#ededed;
}

#pagination li a{
	text-decoration:none;
	color:black;
}

/******************* Fast Selection buttons ***************************/

#fastsel{

}

#fastsel a{
	padding: .2em .4em .2em .4em;
	*padding: .2em .1em .2em .4em;
	margin: .2em .2em 0 .2em;
	color:#b3b3b3;
	text-decoration:none;
	border: 1px solid #e6e6e6;
}

#fastsel a:hover{
	background-color:#99cc00;
	color:white;
}

/************* Green Step Buttons *****************************************/
.button_next{
	font: bold 12px Arial,helvetica,sans-serif;
	padding:3px;
	background:#99cc00;
	color:#fff;
	width:150px;
}

.button_back{
	font: bold 12px Arial,helvetica,sans-serif;
	padding:3px;
	background:#99cc00;
	color:#fff;
	width:150px;
}

.ordertable{
	width:100%;
}

.ordertable th{
	padding:3px 8px 3px 8px;
	background-color:#99cc00;
}

.ordertable td{
	background-color:rgb(237,237,237);
	text-align:center;
	padding:3px;
}