/* @override http://www.brownsicebox.com/WebObjects/brownseventcalendar.woa/Contents/WebServerResources/eventCalendar.css */

@import url(http://www.brownsicebox.com/browns.css);
/*@import url(http://localhost/_browns_ice_box/browns.css);*/

a {
	text-decoration:none;
	color: #666;
	/*border-bottom: 1px solid #666;*/
}

/* @group NavBarGroup
 */
#navbaradmin{
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
#navbar{
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 935px;
	border: 1px solid black;
}

#nav {
	position: relative;
	text-align: center;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px auto;
}

#navTable {
	text-align: center;
	background: #fff;
	margin-top: 15px;
}

#nav li {
	float: left;
	padding: 3px 5px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}

#nav a {
	float: left;
	text-decoration: none;
	color: #fff;
	background: #6699cc;
	margin: 0;
	padding: 0 5px;
	font-weight: bold;
	text-align: center;
}

#nav a:hover, #nav a.active {
	color: #FFFFFF;
	background: #003366;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
	font-weight: bold;
	text-align: center;
}

#nav a.active {
	background: #336699;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 5px;
	font-weight: bold;
	text-align: center;
}

#login a {
	background: #99cc66;
	text-align: center;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

#login a:hover {
	background: #66cc00;
	text-align: center;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

	
/* @end */
a:hover {
	color: #4477dd;
	/*border-bottom: 1px solid #4477dd;*/
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: white;
	padding: 0;
	margin: 0;
}

table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background: #eee;

}

/* @group Error */

/** ERROR **/
.error {
	color:  red;
	font-size: 16px;
}

.small_error {
	color:  red;
}
	
/* @end */

/* @group Controls */

/** CONTROLS **/

.help a {
	border: 1px solid #4477dd;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 5px;
	color: #4477dd;
	font-size: .5em;
}

.help a:hover {
	color: white;
	background-color: #4477dd;
}

.cancel a{
	font-size: 14px;
	border: 1px solid red;
	padding-left: 1px;
	padding-right: 1px;
	color: #4477dd;
}

.cancel a:hover {
	color: red;
}

a.cancel {
	font-size: 14px;
	border: 1px solid red;
	padding-left: 1px;
	padding-right: 1px;
	color: #4477dd;
}

a:hover.cancel  {
	color: red;
}

.delete_control a {
	width: 40px;
	border: 1px solid red;
	color: #4477dd;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	margin: 2px 0px 1px 15px;
}

.delete_control a:hover {
	color: red;
}

a.control {
	display: block;
	width: 30px;
	border: 1px solid #4477dd;
	color: #4477dd;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 1px;
	margin-top: 2px;
	margin-left: 5px;
	text-align: center;
}

a.control:hover {
	background-color: #4477dd;
	color: #000;
}
	
/* @end */

/** WRAPPER **/

.wrapper {
	width: 900px;
	margin:  0 auto 0 auto;
	background-color: #fff;
	/*display: auto;*/
}

.wrapper h3{
	width: 300px;
	border: 1px solid red;
	color: #4477dd;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	margin: 2px 0px 1px 15px;
	float: right;
	padding-bottom: 0;
	font-size: 8pt;
}

/** HEADER **/



.headerimage {
	background: #ffffff;
}
.header a, header a:hover {
	border:  none;
}

/** TOOLBAR **/

.toolbar {
 	float: right;
 	/*padding-top:  50px;*/
}

.toolbar ul {
	padding: 0;
	padding-top: 44px;
	margin: 0;
}
.toolbar li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.toolbar a {
	display:  block;
	text-align: center;
	line-height: 25px;
	width:  85px;
	/*height: 25px;*/
	border-top: 1px solid #fff;
	border-bottom: 1px solid #4477dd;
	background-color: #99aedd;
	color: #fff;
	text-decoration: none;
}

.toolbar li.here a {
	font-weight: bold;
	color:  #4477dd;
	background-color: #fff;
	border: 1px solid #4477dd;
	border-bottom: 1px solid #fff;
}

.toolbar li.here a:hover {
	font-weight: bold;
	color:  #4477dd;
	background-color: #fff;
}

.toolbar a:hover {
	background-color: #eee;
	color: #4477dd;
}

/** STATUS_BAR **/

.status_bar {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 30px;
	/*font-size: 10px;*/
	font-style: italic;
	/*border: 1px solid #666;*/
}

.status_bar .label {
	color: #4477dd;
	font-weight:bold;
	padding-left: 20px;
}

img {
	border: none;
}

.back {
}

.back a {
	font-size: 14px;
}

.back img  {
	position: relative;
	top: 6px;
}

/* MANAGER / DATA ENTRY */

table.data_entry {
	position: relative;
	float: left;
	width: 80%;
	margin-bottom: 10px;
	text-align: left;
	padding: 0;
}

table.data_entry td.label {
		font-weight: bold;
		background: #ddd;
		white-space: nowrap;
		width: 40px;
	text-align: left;
	vertical-align: top;
}
table.data_entry table, table.data_entry table td {
	background: none;
	/*width: 10%;*/
}
td.header {
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
		font-size: 18px;
}
table.data_entry td.header, table.data_entry table.data_entry td.header {
		font-weight: bold;
		font-size: 18px;
		background: #ddd;
		white-space: nowrap;
}
table.data_entry td.footer, table.data_entry table.data_entry td.footer {
		background: #ddd;
		white-space: nowrap;
}
table.data_entry th {
	background: #eee;
}
table.data_entry td, table.data_entry table.data_entry td {
	height: 20px;
	background: #eee;
	padding-left: 10px;
	padding-right: 20px;
}
table.data_entry td.error {
	background-color: #d00;
	color: #fff;
	font-weight: bold;
}
table.data_entry td.batch_nav {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.data_entry td.legend {
	font-size: 10px;
	font-style: oblique;
	padding-top: 10px;
	padding-bottom: 10px;
}
table.data_entry td.delete_bar {
	font-weight: bold;
	background-color: #fff;
}
table.data_entry td.delete_bar a {
	color: #d00;
	padding-left: 2px;
	padding-right: 2px;
}
table.data_entry td.delete_bar a:hover {
	border: 1px solid #d00;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
}

.underline {
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
	padding-top: 5px;
}

table.data_entry .submit_buttons {
	text-align: right;
}
.header_label {
	float: left;
	font-size: 18px;
	font-style: bold;
	padding-right: 20px;
}
.button_label {
	float: left;
	font-weight: normal;
	font-size: 12px;
	margin-top: 3px;
	padding-right: 5px;
}
.save_button {
	float: right;
}
li {
	list-style: none;
}
form { 
	margin: 0;
	padding: 0;
}

/* MANY TO MANY PICKER */

table.many_picker {
	width: 100%;
}

table.many_picker td {
	padding:3px;
}
table.many_picker .label {
	font-weight:bold;
}
table.many_picker li {
	border-bottom: 1px solid #fff;
	/*width: 300px;*/
}
table.many_picker ul {
	padding-bottom: 10px;
}

/* CONTROL PANEL */

.order_panel {
	/*border: 1px solid #666;*/
	margin-bottom: 20px;
	padding-bottom: 30px;
	width: 750px;
}
.order_panel select {
	width: 500px; 
	height: 100px;
	font-size:11px;
}
.step_heading {
	font-family: Arial, Helvetica, san-serif;
	font-size: 18pt;
	color: #666;
	text-align: left;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}

.browser_alt {
	/*width: 200px;*/
	color: #4477dd;
	font-size: 12pt;
	text-align: left;
	white-space:nowrap;
}
.step {
	color: #4477dd;
}
.recipient {
	color: #4477dd;
}
.otn {
	color: #4477dd;
}
.order_type {
}
.prompt_box {
	border: 1px solid #4477dd;
	padding: 5px;
}

/** DOCUMENT DATA ENTRY FORM **/

.gdata_entry label {
	float: left;
	width: 80px;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 20px;
	background-color: inherit;
	font-weight: bold;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #B5C2E3;
}

.gdata_entry input {
	/*margin-bottom: 5px;*/
	border: 1px solid #666;
}

.gdata_entry input.check {
	border: none;
}

.gdata_entry .line {
	margin-bottom: 5px;
}

.gdata_entry select {
	margin: 0;
	padding: 0;
	/*font-size: 11px;*/
	margin-bottom: 5px;
}

.gdata_entry textarea {
	border: 1px solid #666;
}

form.gdata_entry {
	margin: 0;
	padding: 5px;
	float: left; 
	width: 350px;
	background: #EDF0F8;
	border: 1px solid #B5C2E3;
	text-align:left;
}

input.button {
	border: none;
}

.gdata_entry h3 {
	float: left;
	margin: 0px;
	margin-bottom: 10px;
	color: #000;
	background: inherit;
}

.gdata_entry .section {
	float: left;
	width:  100%;
	background-color: #fff;
	padding: 5px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
	/*border: 1px solid #B5C2E3;*/
	/*border-bottom-color: #EDF0F8;*/
}

.gdata_entry .sub_section {
	background-color: #B5C2E3;
	padding: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin:  0;
	/*border-bottom-color: #EDF0F8;*/
}

.custom_phone {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	text-align: center;
}

.custom_phone select{
	margin-bottom: 0;
	padding-bottom: 0;
}

.custom_phone label {
	width: inherit;
	margin: 0;
}

.gdata_entry br {
	clear: both
}

.gdata_entry .add_sub_buttons {
	padding-left: 70px;
}

.gdata_entry .submit_button {
	text-align: right;
	padding-top: 10px;
}

.gdata_entry .submit_button input {
	border-color: #4477dd;
}

.gdata_entry li {
	margin-bottom: 3px;
}

.gdata_entry li a {
}

.gdata_entry .search_nav {
	padding-left: 40px;
}

.gdata_entry .search_nav a {
	text-decoration: none;
	border-bottom: none;
}

.med_text {
	width:  250px;
}

.small_text {
	width: 90px;
}

.phone_type {
	margin-left: 20px;
}

.phone_text {
	width: 120px;
}

.vsmall_text {
	width: 40px;
}

.med_browse {
	width: 250px;
}

.address_block {
	float: left;
}

.address_selector {
	float: left;
}
.address_summary {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

.credits {
	font-size: 10px;
	font-style: italic;
}

/** LOGIN FORM **/

.login_form {
	border: 1px solid #4477dd;
	margin: 50px auto 50px auto;
	width: 300px;
	padding: 10px;
}

.login_form td.label {
	text-align: left;
	width: 100px;
	font-weight: bold;
	color: #4477dd;
	background-color: eee;
	white-space: nowrap;
}

.login_form h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #4477dd;
}

.login_form input.textfield {
	border: 1px solid #666;
}

/* @group Calendar Style Group */

img {
	img: border: 0px;
} 
 
/* styles for "#header" table*/ 
table#header { 
	background: #ff9; 
} 
 

/* styles calendar table, background image*/
table#calendar { 
	position: relative;
	float: left;
	clear: both;
	background: white; 
	padding: 0;
	margin: 0;
	border-right: 1px solid #727573;
}  

/* styles month table, background image*/ 
table#monthTable{
	position: relative;
	float: left;
	clear: both;
}

table#monthTable th { 
	vertical-align: middle; 
	background: #667788;  
	/*padding:1px;*/
	border:1px dotted #999; 
}  

/* width for days of the week in table head row*/
tr#days th {
	width: 14%;
}  

/* styles for weekned days --currently commented out */
tr#days th.Sat, tr#days th.Sun {
	width:10%;
}  

/* styles for days of the week in table head row*/
table#calendar tr#days th { 
	color: #eee; 
	background-color: #333; 
	font-weight: bold; 
	text-align: center; 
	padding: 1px 0.33em; 
}  

/* styles for title (month) in table head row*/
table#calendar tr#title th { 
	background: #999; 
	color: black; 
	border: 1px dashed #242; 
	font-size: 120%; 
}  

/* gloabl styles for calendar columns*/
table#calendar td {
	vertical-align: top; 
	padding: 0; 
	border: 0px solid gray; 
	border-width: 0 0 1px 1px; 
}  

/* global styles for links in calendar table*/
table#calendar a {
 	text-decoration: none;
 	font-weight: bold;
	display: block; margin: 0; 
}  

/* styles for links in calendar table*/
table#calendar a:link {
	color: navy;
} 

table#calendar a:visited {
	color: purple;
} 

table#calendar a:hover {
	background: #abc;
}  

/*bgcolor for weekend days*/
table#calendar th.Sat, table#calendar th.Sun {
	background: #eee;
}  

/* 2px border for "#lastweek" row/bottom of calendar */
table#calendar tr#lastWeek td {
	border-bottom: 2px solid #AAB;
}  

/* bgcolor for holidays*/
table#calendar td.holiday {
	background: #ffe;
}  

/* bgcolor for current day -- will display this value if "currentDay" is in id tag of td*/
table#calendar td#currentDay {
 	color: #33C; 
 	background-color: #d0e5fc;
 }  

/* bgcolor for weekend-- will display this value if "weekend" is in id tag of td*/
table#calendar td#weekend {
	background-color: #eee;
}  

table#calendar td#prevMonthDays {
	background-color: #eee;
}
table#calendar td#nextMonthDays {
	background-color: #eee;
}
table#calendar td#selectedDay {
 	color: #33C; 
 	background-color: #abc;
}

/* style events*/
 div.event {
 	margin: 0.5em;
	font-size: 7pt;
}  

/* style for events*/
 div.event span {
 	display: block
}  

/* style eventssummary*/
 div.eventsummary {
 	margin: 0.5em;
	font-size: 9px;
	border-bottom: 1pt solid #999999;
}  

/* font style for holidays*/
 div.holiday {
 	font-style: italic;
}  

/* style for events' time*/
span.time {
 	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 0pt;
	font-size: 8px;
}  

/* style for events' location*/
span.loc {
 	color: #555; 
 	font-style: italic;
}  

/* styles for calendar dates*/
div.date { 
	float: right;
	text-align: center; 
	border: 1px solid gray;
	border-width: 0 0 1px 1px; 
	padding: 0.125em 0.25em 0 0.25em; 
	margin: 0; 
	background: #F3F3F3; 
}  

/*style for previous month*/
div#prevMonth{ 
 	float: left; 
 	border-right:1px solid #666;
}  

/*style for next month link*/
div#nextMonth{ 
 	float: right;
 	border-left:1px solid #666; 
}  

/* color control for prevMonth and nextMonth*/
div#nextMonth, div#prevMonth{
	background: #eee;  
	/*padding: 3px;*/
}  

/*linkstyle prevMonth nextMonth*/
div#nextMonth a, div#prevMonth a{ 
 	text-decoration:none; color:#666; 
 	display:block; 
 	padding:4px; 
} 
 
div#nextMonth a:hover, div#prevMonth a:hover{ 
	text-decoration: none;
	background:#333; 
}  

/*style for viewing date*/
div#viewingDate { 
	width: 100%;
 	text-decoration: none; 
 	background:#abc; 
 	font: 14px #666 arial; 
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
 	text-align: center;
}  

/*style for today date*/
div#today a{ 
	color: 999; 
} 

div#today a:hover { 
	color: 333; 
}  

/* styles for weekend calendar dates*/
th.Sat div.date, th.Sun div.date { 
	border-width: 0; 
	color: gray; 
	background: transparent; 
}  

/* styles for previous and next months' calendar dates*/
td.jun div.date, td.aug div.date { 
	border-width: 0; 
	color: gray; 
	background: transparent; 
} 
 
/* @end */

.button {
	position: relative;
	float: left;
	border: 1px solid #336699;
	font-weight: bold;
	text-align: left;
	background: #ffffff;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #999999;
	display: block;
	padding: 8px 3px 3px 3px;
	font-size: 10px;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.del_button {
	position: relative;
	float: left;
	border: 1px solid #336699;
	font-weight: bold;
	text-align: left;
	background: #ffffff;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #999999;
	display: block;
	padding: 8px 3px 3px 3px;
	font-size: 10px;
	line-height: 13px;
	margin: 5px 0px 5px 0px;
	width: 65px;
}
.SH_button {
	position: relative;
	float: left;
	border: 1px solid #336699;
	font-weight: bold;
	text-align: left;
	background: #ffffff;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #999999;
	display: block;
	padding: 8px 3px 3px 3px;
	font-size: 10px;
	line-height: 13px;
	margin: 5px 0px 5px 0px;
	width: 45px;
}
.button p{
	padding: 0px 0px 0px 5px;
	margin: 0;
	float: right;
}
.del_button p{
	padding: 0px 0px 0px 5px;
	margin: 0;
	float: right;
}
.SH_button p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 5px;
	float: right;
}
.locations{
	float: left;
	position: relative;
	width: 100%;
	clear: left;
}

.jobs{
	width: 100%;
	float: left;
	position: relative;	
	clear: left;
}

.location_person{
	float: left;
	position: relative;	
	clear: left;
	width: 100%;
}

.company_list{
	width: 100%;
	float: left;
	position: relative;	
	clear: left;
}

.job_list	{
	width: 100%;
	float: left;
	position: relative;	
	clear: left;
}

.company_list .button{
	margin: 0px;
}

.company_search{
	position: relative;
	float: left;
	margin: 10px 0px 0px 10px;
}
.bodycontentmid{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
.bodycontentmid p{
	font-weight: bold;
}
.bodyadminwide{
	float: right;
	margin: 0;
	padding: 0;
	width: 600px;	
}
.bodyadminwide p{
	font-weight: bold;
}

.price_table{
	padding: 0;
	margin: 0;
	width: 100%;
}
.price_table td{
	padding: 0;
	margin: 0;
}
.list_button{
	position: relative;
	float: left;
	border: 1px solid #336699;
	font-weight: bold;
	text-align: left;
	background: #ffffff;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #999999;
	display: block;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	line-height: 13px;
	margin: 1px 0px 1px 0px;
}
.list_button p{
	float: right;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.login_div{
	float: left;
	width: 925px;
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
}

.user_name{
	position: relative;
	float: right;
	margin: 0;
	padding: 3px 5px 0px 0px;
}

td.booking_listings ul li{
	float: left;
	clear: both;
	width: 100%;
	padding: 3px 0px 0px 0px;
}

td.booking_listings ul li img{
	float: right;
}


/* @group Button */

a.button, .button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 6px 7px;   /* Links */
  
  border:0.1em solid #dedede;
  border-top:0.1em solid #eee;
  border-left:0.1em solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10px;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  background-color:#6699cc;
  color:#fff;
}
a.button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

a.button:hover, a:hover div.button{
  background-color:#003366;
  border:1px solid #6299c5;
  color:#fff;
}

/* @end */

/* @group event listings */
.event_marker{
	position: relative;
	float: left;
	padding: 0px 2px 0px 0px;
	margin: 0;
}

.event_text{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

table#calendar a:hover .event_text{
	background: #abc;
}  

.day_event{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}
/* @end */

.data_entry ul{
	position: relative;
	float: left;
}

.data_entry li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0px 0px 3px 0px;
}

/* @group WO Extras */

.site_wrap_cal{
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 902px;
	margin: 0 auto;
	text-align: center;
}

.site_wrap_store{
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 902px;
	margin: 0 auto;
	text-align: center;
}

.content_calendar{
	position: relative;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 940px;
}

.content_store{
	position: relative;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 0px 20px 10px;
	width: 890px;
}

.image_legend{
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0;
}

.image_legend table{
	padding: 4px 4px 4px 0;
	margin: 5px 0px 0px 0px;
	border: 1px solid black;
	height: 100px;
}

.image_legend td{
	padding: 2px 3px 2px 3px;
}

.file_browser_table{
	position: relative;
	float: left;
	clear: left;
	width: 500px;
}

.float_clear_left{
	position: relative;
	float: left;
	clear: left;
}

.category_wrapper{
	position: relative;
	float: left;
	width: 250px;
	margin: 10px 0px 10px 30px;
	border: 1px solid white;
}

a.category_wrapper:hover{
	border: 1px solid #A0CBED;
}

.left{
	clear: left;
}

.product_wrapper{
	position: relative;
	float: left;
	width: 250px;
	margin: 10px 0px 10px 30px;
	border: 1px solid white;
}

a.product_wrapper:hover{
	border: 1px solid #A0CBED;
}

.cat_name{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

.category_wrapper img{
	position: relative;
	float: left;
	padding: 0px 0px 5px 0px;
}

.prod_name{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

.product_wrapper img{
	position: relative;
	float: left;
	padding: 0px 0px 5px 0px;
}

.product_detailes{
	position: relative;
	float: left;
}

.product_detailes_table{
	position: relative;
	float: left;
	width: 500px;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
}

.button_wrapper{
	position: relative;
	float: left;
	clear: left;
	padding: 0px 0px 0px 30px;
	width: 165px;
}

.add_button_wrapper{
	position: relative;
	float: left;
	clear: left;
	padding: 20px 0px 0px 30px;
	width: 500px;
}

.cookie_trail{
	position: relative;
	float: left;
	clear: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 90%;
}

.cookie_trail li{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0px 20px 20px;
}

.cart_table{
	position: relative;
	float: left;
	width: 880px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.head_row td{
	font-weight: bold;
	border-bottom: 1px solid black;
}

.tail_row td{
	font-weight: bold;
	border-top: 1px solid black;
}

.cart_table td{
	padding: 5px 5px 5px 5px;
}

.text_right{
	text-align: right;
}

.rightcolumn li{
	position: relative;
	float: left;
	clear: left;
	width: 100%;
}

.cart_button_wrapper{
	position: relative;
	float: right;
	width: 200px;
}

.order_list{
	position: relative;
	float: left;
	clear: left;
	width: 450px;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
}

.order_table{
	position: relative;
	float: left;
	width: 880px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
.order_table td{
	padding: 5px 5px 5px 5px;
}
/* @end */