/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

/* Simple Popup */
/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#topleft{
 background:  url(images/form_top.gif) no-repeat top right;
 height:13px;
 width:300px;
}
 #topleft div
        {
            background: url(images/corner_tl.gif) no-repeat top left;
        }

#modalContainer {margin-left:-200px; left:50%; Top:15%;  background-color:#fff; border:0px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../../images/General/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-0px; right:-423px; cursor:pointer;}
#modalContainer .modalheader {height:43px; width:427px; background:url(../../images/General/popup_top_module.png) no-repeat 0px 0px; color:#0192BF; font-size:1.1em; font-weight:bold; line-height:33px;}
#modalContainer .modalheader span {padding:10px 0px 0px 25px; height:33px; display:block; color:#323232}
#modalContainer .modalbody {width:427px; background:url(../../images/General/popup_middle_module.png) repeat-y 0px 0px; text-align:center; padding:10px;}
#modalContainer .modalbody th {text-align:right;}
#modalContainer .modalbodysubmitbuttons {text-align:center;}
#modalContainer .modalbottom {height:23px; width:427px; background:url(../../images/General/popup_bottom_module.png) no-repeat 0px 0px; line-height:23px;}

/* Confirm Popup
/* Overlay */
#confirmModalOverlay {background-color:Gray; cursor:wait;}

/* Container */
#confirmModalContainer {left:50%; top:15%; margin-left:-210px; font-family:Calibri, Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:4px solid #989898;}
#confirmModalContainer .confirmheader {height:30px; width:100%; background:url(images/sprite.png) repeat-x 0px 0px; color:#0192BF; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .confirmheader span {padding-left:8px;}

#confirmModalContainer a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#confirmModalContainer .confirmmessage {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .confirmbuttons {text-align:center;}

/*Whats this*/
#modalOrderContainer {margin-left:-100px; left:35%; Top:10%;  background-color:#000; border:0px solid #ccc;}
#modalOrderContainer a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-510px; cursor:pointer;}
#modalOrderContainer .orderheader {height:43px; width:550px; color:#0192BF;background:url(images/order_popup_top_module.png) no-repeat 0px 0px;font-size:1.1em; font-weight:bold; line-height:33px;}
#modalOrderContainer .orderheader  span {padding:10px 0px 0px 20px; height:33px; display:block; color:#323232}
#modalOrderContainer .orderbody {width:500px; background:#fff; text-align:center;}
#modalOrderContainer .orderbody th {text-align:right;}
#modalOrderContainer .orderbottom {height:23px; width:550px; background:url(images/order_popup_bottom_module.png) no-repeat 0px 0px; line-height:23px;}


#modalTheamContainer {margin-left:-100px; left:30%; Top:7%;  background-color:#000; border:0px solid #ccc;}
#modalTheamContainer a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-610px; cursor:pointer;}
#modalTheamContainer .orderheader {height:43px; width:550px; color:#0192BF;background:url(images/order_popup_top_module.png) no-repeat 0px 0px;font-size:1.1em; font-weight:bold; line-height:33px;}
#modalTheamContainer .orderheader  span {padding:10px 0px 0px 20px; height:33px; display:block; color:#323232}
#modalTheamContainer .orderbody {width:600px; background:#fff; text-align:center;}
#modalTheamContainer .orderbody th {text-align:right;}
#modalTheamContainer .orderbottom {height:23px; width:550px; background:url(images/order_popup_bottom_module.png) no-repeat 0px 0px; line-height:23px;}

/*Preview Color Image - 600x600 */
#modalPreviewContainer {margin-left:0px; left:20%; Top:7%;  background-color:#000; border:0px solid #ccc;}
#modalPreviewContainer a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-614px; cursor:pointer;}
#modalPreviewContainer .orderheader {height:43px; width:600px; color:#0192BF;background:url(images/order_popup_top_module.png) no-repeat 0px 0px;font-size:1.1em; font-weight:bold; line-height:33px;}
#modalPreviewContainer .orderheader  span {padding:10px 0px 0px 20px; height:33px; display:block; color:#323232}
#modalPreviewContainer .orderbody {width:600px; background:#fff; text-align:center;}
#modalPreviewContainer .orderbody th {text-align:right;}
#modalPreviewContainer .orderbottom {height:23px; width:600px; background:url(images/order_popup_bottom_module.png) no-repeat 0px 0px; line-height:23px;}


#ClearContainer {margin-left:-200px; left:50%; Top:20%;  background-color:#fff; border:0px solid #ccc;}
#ClearContainer a.modalCloseImg {}
#ClearContainer .msgbody {color:#fff; text-align:center;display:inline;position:absolute;background-color:#fff;}
#ClearContainer .msgbody span {color:#fff;}






/*Quick order panel*/
.quick_op_bg
{
	background-image: url(../../images/general/quick_op_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:625px;
	height:242px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.label_txt
{
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
    text-decoration:none;
	padding:0px 0px 0px 0px;
}

.label_txt label
{
	padding:0px 0px 0px 5px;
}

.go_personalization_btn
{
	background-image: url(../../images/general/go_personalization_btn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:128px;
	height:26px;
	line-height:26px;
	padding:0px 0px 0px 0px;
	margin:0px;
	cursor:pointer;
	display:inline-block;
}
.label_txt a
{
	text-decoration:none;
	color:#ffffff;
}

.clear_btn
{
	background-image: url(../../images/general/clear_btn.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:50px;
	height:26px;
	line-height:26px;
	padding:0px 0px 0px 0px;
	margin:0px;
	cursor:pointer;
	display:inline-block;
}



#modalGreetingContainer {margin-left:0px; left:20%; Top:7%;  background-color:#000; border:0px solid #ccc;}
#modalGreetingContainer a.modalCloseImg {background:url(../../images/General/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-614px; cursor:pointer;}
#modalGreetingContainer .orderheader {background:#fff;height: 32px;padding-left:10px;}
#modalGreetingContainer .orderheader  span {font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0070c7;
	background-image: url(../../images/general/left_arrow.jpg);
	background-repeat: no-repeat;
	height: 33px;
	line-height:33px;
	background-position: left center;
	padding: 0px 0px 0px 30px;
	display:block;}
#modalGreetingContainer .orderbody {width:600px; background:url(../../images/general/popup_bg.jpg) no-repeat; text-align:center;border-right: solid 3px #ffffff;
	border-bottom: solid 3px #ffffff;
	border-left: solid 3px #ffffff;
	padding: 12px 0px 0px 0px;}
#modalGreetingContainer .orderbody th {text-align:right;}
#modalGreetingContainer .orderbottom {height:23px; width:600px; background:url(images/order_popup_bottom_module.png) no-repeat 0px 0px; line-height:23px;}