/* Default Styles 
----------------------------------------------------------------------------------------- */
body
{
	margin: 10px 0 10px 0;
	padding: 0;
	font: normal 11px/18px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	background-color: #FFF;
}

a:link, a:visited, a:active
{
	text-decoration: underline;
	font-weight: normal;
	color: #294861;
	outline: none;
}

a:hover
{
	color: #666;
	text-decoration: none;
}

p
{
	margin: 0 0 15px 0;
}

ul
{
	padding: 0;
	margin: 0 0 15px 20px;
	list-style: square url(../images/bul_pos.gif) outside;
}

li
{
	margin: 0 0 5px 0;
}

h1
{
	margin: 0 0 15px 0;
	font: italic 22px/26px Georgia, Times New Roman, serif;
	color: #294861;
}

h2
{
	margin: 0 0 5px 0;
	font: bold italic 14px/20px Georgia, serif;
	color: #294861;
}

h3
{
	margin: 2px 2px 0 2px;
	padding: 21px 0 0 35px;
	width: 200px;
	height: 40px;
	font: normal 11px/21px Verdana, Arial, Geneva, sans-serif;
	background: transparent url(../images/bg_h3.gif) no-repeat scroll left top;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 165px;
	height: 19px;
}

html > body h3
{
	width: 165px;
	height: 19px; /* endn ie5 hack */
}

/* Structural Rules
-----------------------------------------------------------------------------------------*/
#container
{
	position: relative;
	width: 772px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#livearea
{
	width: 772px;
	border: 1px solid #E5E5E5;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 770px;
}

#livearea
{
	width: 770px; /* endn ie5 hack */
}

#top
{
	position: absolute;
	top: 1px;
	left: 251px;
	width: 520px;
	height: 240px;
}

#flash
{
	float: right;
	width: 320px;
	height: 240px;
}

#logo
{
	position: absolute;
	width: 284px;
	height: 64px;
	top: 14px;
	left: 15px;
	z-index: 10;
}

#left
{
	width: 250px;
	background: #FFF url(../images/bg_left_top_877.jpg) no-repeat scroll left top;
}

.lefttext
{
	padding: 15px 10px 15px 15px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	border-bottom: 1px solid #E5E5E5;
}

.subtitle
{
	padding-bottom: 10px;
}

/* a#sitemap, a#sitemap:link, a#sitemap:active, a#sitemap:visited, a#sitemap:hover {
	position: absolute;
	left: 550px;
	top: 10px;
	width: 65px;
	height: 9px;
	background: transparent url(../images/btn_locations_off.gif) no-repeat scroll left top;
	z-index: 10; }
	
a#sitemap:hover {
	background-image: url(../images/btn_locations_over.gif); } */

a#email, a#email:link, a#email:active, a#email:visited, a#email:hover
{
	position: absolute;
	left: 125px;
	top: 105px;
	width: 125px;
	height: 20px;
	background: transparent url(../images/btn_contact_off.gif) no-repeat scroll left top;
	z-index: 20;
}

a#email:hover
{
	background-image: url(../images/btn_contact_over.gif);
}

a#home, a#home:link, a#home:active, a#home:visited, a#home:hover
{
	position: absolute;
	left: 1px;
	top: 105px;
	width: 125px;
	height: 20px;
	background: transparent url(../images/btn_home_off.gif) no-repeat scroll left top;
	z-index: 20;
}

a#home:hover
{
	background-image: url(../images/btn_home_over.gif);
}

#center
{
	width: 520px;
	background-color: #FFF;
	border-left: 1px solid #E5E5E5;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 519px;
}

html > body #center
{
	width: 519px; /* endn ie5 hack */
}

.centertext
{
	padding: 20px 15px 20px 15px;
	font: normal 11px/18px Verdana, Arial, Geneva, sans-serif;
	border-top: 1px solid #E5E5E5;
}

.centertext th
{
	font: bold 10px/18px Verdana, Arial, Geneva, sans-serif;
}

.centermore, .centermore a, .centermore a:link, .centermore a:active, .centermore a:visited, .centermore a:hover
{
	font-size: 10px;
}

#centerticker
{
	margin-top: 240px;
}

.datedisplay
{
	padding: 0 0 0 10px;
	color: #083F67;
	background: transparent url(../images/bg_time.gif) no-repeat scroll left top;
}

#backtop
{
	width: 555px;
	margin: 5px 0 15px 15px;
	font-size: 10px;
}

.botnav
{
	margin: 10px 0 0 0;
	color: #333;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	text-align: left;
}

#form25
{
	visibility: visible;
}

#form10, #form5
{
	visibility: hidden;
}

#notes25
{
	visibility: visible;
}

#notes10, #notes5
{
	visibility: hidden;
}

#price25
{
	visibility: visible;
}

#price10, #price5
{
	visibility: hidden;
}

#steps
{
	width: 480px;
	height: 30px;
	margin: 0 0 5px 0;
}

#orderdetails
{
	margin: 0 0 15px 0;
	font-size: 10px;
	border: 1px solid #CCC;
}

/* Side Panel Rules
-----------------------------------------------------------------------------------------*/
a#btnexchangerate, a#btnexchangerate:link, a#btnexchangerate:active, a#btnexchangerate:visited, a#btnexchangerate:hover, a#btnemailsite, a#btnemailsite:link, a#btnemailsite:active, a#btnemailsite:visited, a#btnemailsite:hover
{
	position: absolute;
	left: 0;
	top: 200px;
	display: block;
	width: 250px;
	height: 80px;
	background: transparent url(../images/btn_exchangerate.jpg) no-repeat scroll 0 0;
	cursor: pointer;
}

a#btnemailsite, a#btnemailsite:link, a#btnemailsite:active, a#btnemailsite:visited, a#btnemailsite:hover
{
	top: 280px;
	background-image: url(../images/btn_emailsite.jpg);
}

a#btnexchangerate:hover, a#btnemailsite:hover
{
	background-position: 0 -80px;
}

#panelexchangerate, #panelemailsite
{
	position: absolute;
	left: 250px;
	top: 200px;
	display: none;
	width: 340px;
	height: 265px;
}

#panelemailsite
{
	top: 280px;
}

.panelmain
{
	width: 235px;
	height: 235px;
	padding-left: 20px;
	background: #FFF url(../images/bg_panelmain.gif) no-repeat scroll 0 0;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 215px;
}

.panelmain
{
	width: 215px; /* endn ie5 hack */
}

#left img
{
	behavior: url(../common/iepngfix.htc);
}

#panelexchangerate a
{
	position: relative;
}

/* Navigation Rules
-----------------------------------------------------------------------------------------*/
#staticnav
{
	float: right;
	width: 200px;
	height: 240px;
	text-align: left;
	background-color: #78858A;
}

#navigation
{
	position: absolute;
	top: 85px;
	left: 1px;
	width: 775px;
	height: 20px;
	text-align: center; /* background: transparent url(../images/bg_nav.jpg) no-repeat scroll left; */
	z-index: 10;
}

a.mainnav, a.mainnav:link, a.mainnav:active, a.mainnav:visited
{
	display: block;
	width: 200px;
	height: 30px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #7B858A;
	background-color: #294861;
	cursor: pointer;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 190px;
	height: 29px;
}

html > body a.mainnav, html > body a.mainnav:link, html > body a.mainnav:active, html > body a.mainnav:visited
{
	width: 190px;
	height: 29px; /* endn ie5 hack */
}

a.mainnav:hover
{
	background-color: #253A4C;
}

a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited
{
	float: left;
	display: block;
	width: 154px;
	height: 20px;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #666;
	background-color: #294861;
	cursor: pointer;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 153px;
}

html > body a.subnav, html > body a.subnav:link, html > body a.subnav:active, html > body a.subnav:visited
{
	width: 153px; /* endn ie5 hack */
}

a.subnav:hover
{
	background-color: #253A4C;
}

#staticnav ul, #navigation ul
{
	list-style: none outside none;
	margin: 2px 0 0 0;
	padding: 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#staticnav li, #navigation li
{
	margin: 0;
}

a.anchorroll, a.anchorroll:link, a.anchorroll:active, a.anchorroll:visited
{
	display: block;
	width: 220px;
	height: 22px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
	color: #333;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #EDD5BC;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.9;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 208px;
}

html > body a.anchorroll
{
	width: 208px; /* endn ie5 hack */
}

a.anchorroll:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #294861;
}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9
{
	position: absolute;
	left: 180px;
	width: 140px;
	text-align: left;
	visibility: hidden;
	cursor: pointer;
	z-index: 10;
}

/* Web Form Rules
-----------------------------------------------------------------------------------------*/
#console
{
	margin: 145px 0 0 15px;
	width: 220px;
}

#consoletop
{
	width: 220px;
	height: 15px;
	background: transparent url(../images/bg_console_top.gif) no-repeat scroll left top;
}

#consolecont
{
	width: 220px;
	margin: 0;
	padding: 5px 10px 10px 10px;
	font-size: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family: inherit;
	width: 198px;
}

html > body #consolecont
{
	width: 198px; /* endn ie5 hack */
}

.mainfield
{
	font: normal 10px/10px Verdana, Arial, Geneva, Sans-serif;
	color: #333;
	background-color: #FFF;
	border: 1px solid #999;
}

.formbutton
{
	width: 84px;
	height: 18px;
	cursor: pointer;
	margin: 15px 0 0 0;
}

.formbuttonstep1
{
	width: 135px;
	height: 18px;
	cursor: pointer;
	margin: 23px 0 20px 0;
}

/* ethan's stuff for graph
-----------------------------------------------------------------------------------------*/
#navlist
{
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#navlist li a:link
{
	color: #448;
}
#navlist li a:visited
{
	color: #667;
}

#navlist li a:hover
{
	color: #000;
	background: #AAE;
	border-color: #227;
}

#navlist li a#current
{
	background: white;
	border-bottom: 1px solid white;
}

/* Packing Slip
-----------------------------------------------------------------------------------------*/
.tblslip
{
	page-break-after: always;
}

.tblslip td, .tblslip th
{
	padding: 3px;
}

.tblslip th
{
	font-weight: bold;
	color: #FFF;
	background-color: #294861;
}

.tblslip td.altrow
{
	background-color: #EEE;
}

.tblslip td.bigtxt
{
	font-size: 12px;
	line-height: 18px;
}

.tblslip td.mousetxt
{
	font-size: 9px;
	line-height: 14px;
}

.slipdivide
{
	margin: 15px 0;
	border-top: 1px dashed #CCC;
}

#slipheader
{
	display: block;
	width: 600px;
	height: 115px;
	padding: 30px 0 5px 0;
	background: transparent url(../../images/pic_slipheader.gif) no-repeat scroll 0 0;
}

.mktgmessagecontain
{
	display: block;
	width: 600px;
	height: 75px;
	margin-bottom: 10px;
	overflow: hidden;
	border: 1px solid #294861; /* border-top-width: 5px; */
}

.mktgmessage
{
	margin: 10px 15px 0 15px;
	font-size: 13px;
	line-height: 19px;
	font-style: italic;
}

.mktgmessagebul
{
	font-weight: bold;
	color: #F30;
}

/* Security Page
-----------------------------------------------------------------------------------------*/
#securityimg
{
	width: 770px;
	height: 525px;
	background: transparent url(../images/pic_security.jpg) no-repeat scroll 40px 0;
}

.securitytxt
{
	position: absolute;
	width: 130px;
	font-weight: bold;
	line-height: 16px;
	color: #294861;
}

/* Testimonials
-----------------------------------------------------------------------------------------*/
ul.tst
{
	padding: 0;
	margin: 0;
	width: 545px;
	list-style: none outside none;
	font-style: italic;
}

ul.tst li, ul.tst li.tstli
{
	margin-bottom: 10px;
	padding: 10px;
}

ul.tst li.tstli
{
	background-color: #EEE;
}

/* ADMIN
------------------------------------------------------------------------------------------*/

.adminstrip
{
	float: left;
	margin: 0 0 5px 0;
	width: 100%;
	height: 26px;
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	color: #FFF;
	background-color: #294861;
}

#slipordernumber
{
	position: absolute;
	left: 200px;
	text-align: right;
	font-size: 80px;
	z-index: 100;
	line-height: 80px;
}

.why-item div
{
	padding-bottom: 10px;
	float: left;
	height: 150px;
	margin-top: 10px;
	border-bottom: 1px solid #233040;
}

.why-item img
{
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.why-title
{
	width: 120px;
	padding-right: 10px;
}

.why-description
{
	width: 380px;
	padding-right: 10px;
}
.why-image
{
	width: 225px;
}

.why-item
{
	clear: both;
	min-height:150px;	
}


.addDinarButtonRound
{
    background-color:#009933;
    border: 1px solid #006600;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: white !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    padding: 2px 15px 2px 30px;
    text-decoration: none !important;
    width:400px;       
}

.dinarEntryWrapper
{
    width: 536px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
    margin: 0;
    padding: 0px 10px 10px 10px;
    voice-family: inherit;
    margin-bottom: 0px;
    margin-left:0px;
    border-width: 0px 1px 1px 1px;
    height: auto;
    padding: 20px 5px 50px 20px;
}

.addDinarButton
{
    background-image: url("../images/add_smaller.png");   
    background-repeat:no-repeat;
    background-position: 7px center;
}

.dinar25k
{
    background-color: #F2CED6;
}

.dinar10k
{
    background-color: #E5EBC0;
}

.dinar5k
{
    background-color: #C6D6E4;
}

.dinar1k
{
    background-color: #E4CDB6;
}

.dinar500
{
    background-color: #99C68E;
}

.dinar250
{
    background-color: #D2B9D3;
}

.dinar50
{
    background-color: #E3E4FA;
}

.dinar25kCell
{
    background-image: url("../images/pic_25k.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
    
}

.dinar10kCell
{
    background-image: url("../images/pic_10k.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.dinar5kCell
{
    background-image: url("../images/pic_5k.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.dinar1kCell
{
    background-image: url("../images/pic_1k.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.dinar500Cell
{
    background-image: url("../images/pic_500.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.dinar250Cell
{
    background-image: url("../images/pic_250.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.dinar50Cell
{
    background-image: url("../images/pic_50.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 90px;
}

.totalNotesCell
{
    width: 50px;
    text-align: right;
}

.totalCell
{
    width: 150px;
    text-align: right;
    padding-right: 20px;
}


.dinarCellRight
{
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}
