/* CSS Document */

body{
margin:0px;
padding:0px;
background:url(../images/bg.jpg) repeat-x #2d5318;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#BBC8B7;
}

#addSubscriberDiv{
	display:none;
}

#addSubscriberDiv input{
border:1px solid #87A079;
background:#567446;
padding:3px;
color:#fff;
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#addSubscriberDiv input[type='submit']{
border:1px solid #87A079;
background:#274a13;
width:auto !important;
padding:3px;
color:#87A079;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#recipients_list{
	display:none;
} 

#subscription{
	width:287px;
	height:165px;
	float:right;
	display:inline;
	background:url(../images/stay-updated.jpg) no-repeat;
	margin-top:10px;
	position:relative;
}

#subscription_msg{
background:#FFFABF;
border:1px solid #FFB900;
padding:4px 8px 4px 8px;
text-align:left;
color:#333;
margin-bottom:10px;
width:269px;
float:right;
margin-top:10px;
}

.red{
	color:#ff0000 !important;
}

.green{
	color:#060 !important;	
}


#subscription #subscribe {
	height:18px;
	left:13px;
	padding:6px 6px 0px 6px;
	position:absolute;
	top:127px;
	width:170px;
	background:none;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#subscription #subscribe_btn {
	height:26px;
	left:201px;
	position:absolute;
	top:127px;
	width:75px;
	background:none;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
}

a img{
}

a{
color:#fff;
text-decoration:underline;
}

.adminDisplay{
display:block !important;
}

.longButton{
text-decoration:none;
display:block;
padding:5px;
color:#fff;
border-bottom:1px dotted #87a079;
}

a.longButton:hover{
text-decoration:underline;
}

ul.files{
margin:0px;
padding:0px;
list-style-type:none;
}

.files li{
margin:0px;
padding:0px;
margin-bottom:5px;
}

.req{
font-weight:bold;
color:#fff;
font-size:13px;
}


.error{
background:#FFEBE8;
border:1px solid #DD3C10;
padding:4px 8px 4px 8px;
text-align:left;
color:#333;
margin-bottom:10px;
width:390px;
}

.success, .msg{
background:#FFFABF;
border:1px solid #FFB900;
padding:4px 8px 4px 8px;
text-align:left;
color:#333;
margin-bottom:10px;
width:400px;
}

.success2{
background:#FFFABF;
border:1px solid #FFB900;
padding:4px 8px 4px 8px;
text-align:left;
color:#333;
margin-bottom:10px;
width:400px;
}

.success2 a{
color:#333333;
font-weight:bold;
}

.formSection{
margin-bottom:50px;
padding-bottom:5px;
border-bottom:1px dotted #87a079;
float:left;
display:inline;
width:500px;
}

.onForm{
color:#c9d3c5;
width:500px;
margin-bottom:15px;
font-size:11px;
background:#728867;
}

.offForm{
color:#d0d0d0;
width:500px;
font-size:11px;
background:#4b643e;
}

.weight{
width:20px;
}

.formLabel{
display:block;
color:#fff;
font-weight:bold;
}

.adminTable{
width:500px;
}

.adminTable td{
border-bottom:1px dotted #87a079;
}


.admin{
background:#fff;
border:1px solid #ccc;
padding:3px;
width:300px;
margin-bottom:15px;
}

.adminButton{
background:#fff;
border:1px solid #ccc;
padding:3px;
margin-top:5px;
margin-bottom:5px;
font-weight:bold;
text-transform:uppercase;
}

.gallery{
margin:0px;
padding:0px;
list-style-type:none;
margin-left:8px;
margin-top:40px;
}

.gallery li{
width:144px;
float:left;
display:inline;
margin-left:13px;
margin-bottom:13px;
padding:0px;
font-size:11px;
height:120px;
}

.gallery li a{
border:2px solid #ABBAA0;
display:block;
float:left;
}

.gallery li a:hover{
border:2px solid #DCE1D9;
display:block;
}

.screenreaders{
display:none;
}

.clearer{
clear:both;
}

#container{
width:895px;
margin:0 auto;
margin-top:35px;
}

#topbar{
width:100%;
z-index:300;
position:fixed;
top:0px;
left:0px;
background:#000;
opacity:0.8;
filter:alpha(opacity=80);
text-align:center;
font-size:10px;
padding:5px 0px 5px 0px;
color:#fff;
}

#topbar a{
text-decoration:underline;
color:#BBC8B7;
}

#content_tbl{
margin-bottom:10px;
}

#content{
width:580px;
float:left;
display:inline;
}

#content h1{
border-bottom:1px dotted #87a079;
margin-bottom:10px;
}

#header{
width:500px;
height:220px;
float:left;
display:inline;
position:relative;
background:url(../images/header.jpg) no-repeat;
padding:40px 40px 0px 40px;
}

#header .title{
float:right;
margin-top:5px;
}

#login{
position:absolute;
left:40px;
top:40px;
width:500px;
height:130px;
background:url(../images/bg_header.jpg) repeat-x;
text-align:center;
padding-top:40px;
font-size:11px;
color:#999;
}

#login input{
width:130px;
height:15px;
padding:3px;
background:#333;
border:1px solid #555;
color:#999;
font-size:11px;
}

#login .submit{
width:60px;
float:left;
height:22px;
background:#111;
}

#main{
width:500px;
float:left;
display:inline;
background:url(../images/bg_main.jpg) repeat-x #567446;
background-position:0px -9px;
padding:0px 40px 40px 40px;
line-height:20px;
}

#footer{
float:left;
display:inline;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:500px;
padding:15px 40px 0px 40px;
color:#809874;
position:relative;
margin-bottom:20px;
}

.copyright{
float:left;
}

.rapidz{
text-indent:-100000px;
font-size:0px;
overflow:hidden;
width:93px;
height:20px;
background:url(../images/rapidz.jpg) no-repeat;
position:absolute;
right:40px;
top:10px;
}

#navigation{
margin-left:25px;
width:290px;
float:right;
display:inline;
background:url(../images/silhouette.jpg) no-repeat;
background-position:73px 260px;
min-height:415px;
height:auto !important;
height:415px;

}

#logo{
width:290px;
height:59px;
float:left;
display:inline;
background:url(../images/logo.jpg) no-repeat;
margin-bottom:20px;
}

#nav{
margin:0px;
padding:0px;
list-style-type:none;
}

#nav li a{
text-decoration:none;
color:#ffffff;
text-transform:uppercase;
padding:8px 0px 8px 15px;
letter-spacing:1px;
display:block;
border-bottom:1px dotted #729763;
font-size:12px;
}

#nav li a:hover{
background:url(../images/bg_nav.jpg) repeat-x;
}

#nav li ul{
list-style-type:circle;
margin-bottom:10px;
display:none;
}

#nav li ul li a{
text-transform:capitalize;
}

#checkout{
font-weight:bold;
*overflow:hidden;
}

#checkout a{
background:url(../images/bg_nav.jpg) repeat-x !important;
}

#checkout a:hover{
text-decoration:underline;
}

a.longButton:focus{
outline:none;
-ie6-outline:none;
}

#editArtwork ul{
margin:0px 0px 0px 10px;
padding:0px;
list-style-type:none;
display:none;
}

#editArtwork ul li{
display:block;
color:#fff;
font-size:11px !important;
border-bottom:1px dotted #87a079;
position:relative;
padding:0px !important;
margin:0px !important;
}

#editArtwork ul li a{
padding:5px;
display:block;
text-decoration:none;
}

#editArtwork ul li a:hover{
background:#333;
color:#ddd
}

.delete{
text-decoration:none;
position:absolute;
right:5px;
top:0px;
}

a.delete:hover{
background:#CC0000 !important;
color:#fff !important;
}

.order{
width:auto;
float:left;
display:inline;
position:relative;
}

.quantity{
position:absolute;
top:8px;
width:25px;
height:20px;
border:0px;
background:none;
left:65px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:6px;
padding-left:4px;
}

.addOrder{
float:left;
display:inline;
width:247px;
height:35px;
font-size:0px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/addOrder.gif) no-repeat;
border:0px;
cursor:pointer;	
margin-bottom:10px;
}

.updateOrder{
float:left;
display:inline;
width:247px;
height:35px;
font-size:0px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/updateOrder.gif) no-repeat;
border:0px;
cursor:pointer;	
margin-bottom:10px;
}

#details input, #details textarea{
border:1px solid #87A079;
background:#567446;
padding:3px;
color:#fff;
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#details textarea{
height:150px;
width:370px;
}