body 
{
	text-align: center;	
	margin-top: 0px;	
	background-color: #8db4df;
	background-image: url("images/ocean_bg_2.jpg");
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	background-attachment: fixed;
}
.admin_bg
{
	background-color: #8db4df; 
	background-image: url('images/admin_side_bg.gif');
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
}
.white_bg
{
	background-color: #ffffff; 
	background-image: none;
	text-align: left;
}
.logo_white_bg
{
	background-image: url('images/logo_white_bg.jpg');
	background-repeat: no-repeat;
	width: 366px;
	height: 106px;
}
/* Controls */
textarea, select, input
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.copyright
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	height: 33px;
	display: inline;
}

.footer_links
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px;
	vertical-align: middle;
	height: 38px;
}

a.footer_link:link, a.footer_link:visited
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	height: 38px;	
}
a.footer_link:hover
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	height: 38px;
}

.content_grad_red_large
{
	background-image: url('images/content_gradbg_red_large.gif');
	background-repeat: repeat-x;
	height: 350px;
}

.content_grad_red_large_left
{
	background-image: url('images/content_gradbg_red_large_left.gif');
	background-repeat: no-repeat;
	width: 10px;
	height: 350px;
}
.content_grad_red_large_middle
{
	background-image: url('images/content_gradbg_red_large_middle.gif');
	background-repeat: repeat-x;
	width: 100%;
	height: 350px;
}
.content_grad_red_large_right
{
	background-image: url('images/content_gradbg_red_large_right.gif');
	background-repeat: no-repeat;
	width: 10px;
	height: 350px;
}
.content_grad_yellow_large_left
{
	background-image: url('images/content_gradbg_yellow_large_left.gif');
	background-repeat: no-repeat;
	width: 10px;
	height: 350px;
}
.content_grad_yellow_large_middle
{
	background-image: url('images/content_gradbg_yellow_large_middle.gif');
	background-repeat: repeat-x;
	width: 100%;
	height: 350px;
}
.content_grad_yellow_large_right
{
	background-image: url('images/content_gradbg_yellow_large_right.gif');
	background-repeat: no-repeat;
	width: 10px;
	height: 350px;
}

.scrollablelist_300
{
    overflow: auto;
    height: 300px;
    width: 300px;
    border: solid 1px #296CC4;
    padding: 2px;
}

.scrollablelist_500
{
    overflow: auto;
    height: 400px;
    width: 500px;
    border: solid 1px #296CC4;
    padding: 2px;
}

/* REGULAR TABLE */
table.regular
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* mouseover row style */
.rowmouseover { background-color:#ECFBD4; }

/* mouseout row style */
.rowmouseout
{ 
    background:#ffffff;
}


table.container
{
	background-color: #FFFFFF;
	width: 840px;
	text-align: center;	
}
table.container_admin
{	
	background-color: #FFFFFF;
	width: 840px;
}

td.menu
{
	background-image: url("images/menu_bg.gif");
	background-repeat: repeat-x;
	height: 30px;
	color: #ffffff;
}
td.breadcrumb
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	padding: 2px;
}
a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:hover
{
	color: #6A94BA;
	text-decoration: underline;
	font-size: 9px;
}

a.title:link
{
	color: #922A1D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
a.title, a.title:visited, a.title:hover
{
	color: #922A1D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

td.page_header
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #922A1D;
	text-align: left;
	padding: 5px;
}
td.page_header_blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #173f72;
	text-align: left;
	padding: 5px;
}

td.account_box_left
{
	background-image: url("images/account_box_left.gif");
	background-repeat: no-repeat;
	height: 120px;
	width: 71px;
}
td.account_box_middle
{
	background-image: url("images/account_box_middle.gif");
	background-repeat: no-repeat;
	height: 120px;	
	width: 192px;
}
td.account_box_right
{
	background-image: url("images/account_box_right.gif");
	background-repeat: no-repeat;
	height: 120px;
	width: 84px;
}
table.account_box_contents
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	color: #ffffff;
}
td.minicart_header_left
{
	height: 33px;	
	width: 20;	
	background-image: url("images/minicart_header_left.gif");
	background-repeat: no-repeat;
}
td.minicart_header_middle
{
	height: 33px;
	width: 172px;
	text-align: left;	
	background-image: url("images/minicart_header_middle.gif");
	background-repeat: repeat-x;
}
td.minicart_header_right
{
	background-image: url("images/minicart_header_right.gif");
	background-repeat: no-repeat;
	height: 33px;
	width: 8px;
}
td.minicart_content
{
	border-right: solid 1px #912b1d;
}
td.minicart_footer
{
	border-bottom: solid 1px #912b1d;
	font-size: 1px;
}
td.minicart_footer_br
{
	background-image: url("images/minicart_footer_br.gif");
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.minicart_header_font
{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
td.box_header_left
{
	background-image: url("images/box_header_left.gif");
	background-repeat: no-repeat;
	background-position: left;	
	width: 8px;
	height: 33px;	
}
td.box_header_middle
{
	height: 33px;
	/*width: 200px;*/
	text-align: left;	
	background-image: url("images/box_header_middle.gif");
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;	
}
.AdminHeaderIcon
{
	position: relative;
	background-image: url("images/box_header_middle.gif");
	background-repeat: repeat-x;
	width: 33px;
	height: 33px;
	right: 10px;
	top: 0px;
	z-index: 100;
}
td.box_header_right
{
	background-image: url("images/box_header_right.gif");
	background-repeat: no-repeat;
	text-align: right;
	height: 33px;
	width: 8px;	
}
.box_header_right_div
{
	background-image: url("images/box_header_right.gif");
	background-repeat: no-repeat;
	text-align: right;
	height: 33px;
	width: 8px;	
}

td.box_content
{
	border-right: solid 1px #912b1d;
	border-left: solid 1px #912b1d;
}
td.box_content_left
{
	border-left: solid 1px #912b1d;
}
td.box_content_right
{
	border-right: solid 1px #912b1d;
}
td.box_footer_br
{
	background-image: url("images/box_footer_br.gif");
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
	text-align: right;
}
.box_footer_br_div
{
	background-image: url("images/box_footer_br.gif");
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
td.box_footer_bm
{
	width: 202;
	height: 7px;
	vertical-align: bottom;
}
td.box_footer_bl
{
	background-image: url("images/box_footer_bl.gif");
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
.box_footer_bl_div
{
	background-image: url("images/box_footer_bl.gif");
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}
a.account_box_link_bold, a.account_box_link_bold:link, a.account_box_link_bold:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	width: 113px;
	text-align: center;
	text-decoration: underline;
}
a.account_box_link_bold:hover
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;	
	text-decoration: underline;
}
a.account_box_link, a.account_box_link:link, a.account_box_link:visited
{
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	text-decoration: underline;
}
a.account_box_link:hover
{
	font-size: 11px;
	color: #ffffff;	
	text-decoration: underline;
}


a.menu_link, a.menu_link:visited
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 113px;
	text-align: center;
	text-decoration: none;
}
a.menu_link:hover
{
	text-decoration: underline;
}

a.link_12:link, a.link_12:visited, a.link_12:hover
{
	font-size: 12px;
	color: #6A94BA;
	text-decoration: underline;
}
a.linkbold_12:link, a.linkbold_12:visited, a.linkbold_12:hover
{
	font-size: 12px;
	color: #6A94BA;
	font-weight: bold;
	text-decoration: underline;
}
a.link_blue_11:link, a.link_blue_11:visited, a.link_blue_11:hover
{
	font-size: 11px;
	color: #0606FC;
	text-decoration: underline;
}
a:link, a:visited, a:hover
{
	font-size: 11px;
	color: #0606FC;
	text-decoration: underline;
}

.price
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #912B1D;
}

table.item
{
	border-top: solid 1px #939599;
	border-bottom: solid 1px #939599;
	border-right: solid 1px #939599;
	border-left: solid 1px #939599;
}

/* Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px; 

}

/* FORM styles */
.form_header
{
	background-color: #922A1D;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.form_field
{
	background-color: #EDDFDE;
	text-align: left;
}
.form_command
{
	background-color: #B36E65;
	text-align: center;
}
.form_section
{
	border: solid 1px #A2645B;
}
.form_section2
{
	border: solid 1px #A2645B;
	background-color: #eaeef1;
}
.section_header
{
	background-color: #B36E65;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;	
}

#topbar
{
	position:relative;
	padding: 2px;
	background-color: #ffffff;
	width: 200px;
	z-index: 100;
}

.minicart
{
	position: relative;
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: #cccccc;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border: solid 1px #000000;
}

.RowStyle
{
	text-align: left;
	padding: 0px;
	/*border: solid 1px #cccccc;*/
	border: solid 1px #EDDFDE; /*#f4efed;*/
}
.DataListAlternateRowStyle
{	
	background-color: #f4efed;
}
.GridViewHeader
{
    background: url('images/gridheader_bg.gif') repeat-x;
    height: 21px;
    background-color: #912B1D;
    padding: 0px;
}
.GridViewHeader th
{
    height: 21px;
    background-color: #912B1D;
    padding: 0px;
}
.GridViewHeader_Plain th
{
	border-bottom: solid 1px #000000;
}
.GridViewRowStyle
{
	/*border: solid 1px #000000;*/
	background-color: #ffffff;
}
.GridViewAlternateRowStyle
{	
	background-color: #f4efed;
}

.GridViewRowStyle td, .GridViewAlternateRowStyle td 
{
	border-bottom: solid 1px #EDDFDE;/*#912B1D;*/
}


/* Popup Control */

.demo
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    margin:20px 30px;
    padding:10px;
    width:95%;
    height:800px;
    border:solid 1px #000; 
    background-color:aliceblue;
}

.frame
{
	position:absolute;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    padding:2px 3px;
    width:400px;
}

.overlay
{  
    border:solid 1px #808080;
    border-width:1px 1px;
} 

.underlay
{
    position:absolute;
    background-color:#000;
    bottom:-1px;
    filter:alpha(opacity=12);
    left:-1px;
    right:-1px;
    top:3px;
    z-index:-1;
}

.header
{
    cursor:move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(img/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         

.updating, .body
{
    background-color:#fff;
    padding:10px;
}

.updating
{
	color:#808080;
	background:#fff url(img/activity.gif) no-repeat center;
} 

.footer
{
    text-align:right;
    background: url(img/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;	
    background: url(img/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

/* IMAGE PICKER */
.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: solid 1px #912B1D;
}
.unselected
{
    background-color: transparent;
    padding: 1px;
}

.selected
{
     background: #EDDFDE;
     border: solid 1px #B36E65; /*#912B1D;*/
}
 .selectablephoto
{
    border: 1px solid #B36E65;
    padding: 2px;
}


.previous{
    background:transparent url(images/previous.gif) no-repeat scroll center;
    height:1.5em;
    width:18px;
    cursor: pointer;
}
.next{
    background:transparent url(images/next.gif) no-repeat scroll center;
    height:1.5em;
    width:18px;
    cursor: pointer;
}  

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../../_images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../../_images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	z-index:100;
	text-align: left;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	z-index:100;
}

.JT_loader{
	background-image: url(../../_images/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
	z-index:100;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	z-index:100;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	z-index:100;
}

#JT_copy p{
margin:3px 0;
z-index:100;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
	z-index:100;
}

.jTip{
cursor:help;
}

#contentPad{
margin:20px;
z-index:10000;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
	z-index:100000;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
	z-index:100;
}

#JT_close_left, #JT_close_right{font-size: 1.1em; z-index:100;}
#JT_copy p, #JT_copy ul{font-size: 1.1em; z-index:100;}

.MenuMainStyle
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #942C1E;/*#EEE0DF;*/
	border: solid 1px #A2645B;
	z-index: 100;
}
.MenuStyle
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: Transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	z-index: 100;	
}
.MenuStyle a:link
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;	
	z-index: 100;
}

.MenuStyle a:visited
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;	
	padding-left: 5px;
	padding-right: 5px;
	z-index: 100;
}

.MenuSubStyle
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B27067;
	font-weight: bold;
	background-color: #EEE0DF;
	padding: 5px;
	z-index: 100;
}
.MenuSubStyle a:link
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B27067;
	font-weight: bold;
	text-decoration: none;
	z-index: 100;
}

.MenuSubStyle a:visited
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B27067;
	font-weight: bold;
	text-decoration: none;
	z-index: 100;
}

.MenuSubSytleHover
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #B27067;
	padding: 5px;
	z-index: 100;
}
.MenuSubSytleHover a:link
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	z-index: 100;
}

.MenuSubSytleHover a:visited
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	z-index: 100;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/* Recipe styles */

td.recipe_tl
{
	background-image: url('images/recipe_tl.gif');
	background-repeat: no-repeat;
	height: 57px;
	width: 11px;
}
td.recipe_tm
{
	background-image: url('images/recipe_tm.gif');
	background-repeat: repeat-x;
	height: 57px;
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #922A1D;
	text-align: left;
}
td.recipe_tr
{
	background-image: url('images/recipe_tr.gif');
	background-repeat: no-repeat;
	height: 57px;
	width: 11px;
}
td.recipe_cl
{
	background-image: url('images/recipe_cl.gif');
	background-repeat: repeat-y;
	height: 24px;
	width: 11px;
}
td.recipe_cm
{
	background-image: url('images/recipe_cm.gif');
	background-repeat: repeat;
	height: 24px;
	width: 100%;
	line-height: 175%;
	/*color: #000000;*/
}
td.recipe_cr
{
	background-image: url('images/recipe_cr.gif');
	background-repeat: repeat-y;
	height: 24px;
	width: 11px;
}

td.recipe_bl
{
	background-image: url('images/recipe_bl.gif');
	background-repeat: no-repeat;
	height: 29px;
	width: 11px;
}
td.recipe_bm
{
	background-image: url('images/recipe_bm.gif');
	background-repeat: repeat-x;
	height: 29px;
	width: 100%;
}
td.recipe_br
{
	background-image: url('images/recipe_br.gif');
	background-repeat: no-repeat;
	height: 29px;
	width: 11px;
}
#recipe
{
	position:relative;
}
#paperclip_tr_OLD
{
	background-image: url('images/paperclip_tr_35.gif');
	position: absolute;
	float:	right;
	left: 499px;
	z-index: 100;
	width: 100px;
	height: 120px;
}
#paperclip_tr
{
	background-image: url('images/paperclip_skinny_tr.gif');
	position: absolute;
	float:	right;
	left: 505px;
	z-index: 100;
	width: 100px;
	height: 100px;
}

.paragraph
{
	text-align: justify;
}
.paragraph img {float:right; background-color:silver; width:300px; margin-right:7px;}