/* Foster Gross Inc - Attogram Website CSS Document - Ron
---------------TAG REDEFINITIONS---------------*/
body,html {
background-color:#F1EFED;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0 0;
text-align:center;
}

h1 {
color:#FFFFFF;
display:block;
font-size:15px;
margin:0;
padding:4px;
text-indent:20px;
}

h2 {
color:#5576A8;
font-size:12px;
font-weight:400;
}

h3 {
color:#5576A8;
font-size:12px;
font-weight:700;
}

h4 {
color:#5576A8;
font-size:14px;
font-weight:700;
}

h5 {
	font-size:12px;
	font-weight:700;
	font-style: italic;
}

a:link {
color:#5576A8;
text-decoration:underline;
}

a:visited {
color:#3E567B;
text-decoration:underline;
}

a:hover {
color:#829ABF;
text-decoration:underline;
}

a:active {
color:#829ABF;
text-decoration:none;
}

/*---------------SELECTORS---------------*/
#splashWrapper {
background-color:#FFFFFF;
height:40em;
margin:0 auto;
width:675px;
}

#wrapper {
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(../images_template/wrapper_bkg.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0 auto;
width:675px;
}

#header {
height:114px;
margin:0;
width:675px;
}

#content {
min-height:40em;
padding-top: 30px;
padding-bottom:0;
padding-left:20px;
text-align:left;
width:460px;
}

#content li {
list-style-type:circle;
padding:5px;
}

#content.productlist {
float:left;
min-height:40em;
padding-bottom:0;
padding-left:20px;
text-align:left;
width:460px;
}


#selectbox{
	text-align: right;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

select { 
	border: 1px solid #ddd;
	background: #ffffff;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 2px;
	outline: none;} 

#right {
	float:right;
	height:100%;
	margin:0;
}

#footer {
	margin:0 auto;
	padding:0;
	width:675px;
	clear:both;
}

#subfooter {
	text-align:left;
	text-indent:10px;
	font-size:10px;
	font-weight:400;
	padding: 2px 0;
	margin:0 auto;
	width:675px;
	height:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4C9C0;
}
#subfooter a:link{
 text-decoration:none;
}
#subfooter a:visited{
 text-decoration:none;
}
#subfooter a:hover{
 text-decoration:underline;
}

#shipping {
border:thin solid #72A4DB;
padding:0 0 8px 8px;
}

/*---------------NAVIGATION CLASSES---------------*/

.navcontainer {
	width: 175px;
}

.navcontainer ul{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: left;
	text-indent: 15px;
}
#wrapper #right .navcontainer a{
	color: #FFFFFF;
	text-decoration: none;
}

/*---------------MAROON---------------*/

.maroonnavcontainer a{
	display: block;
	padding: 8px 0 5px 0;
	width: 175px;
	background-color: #7E614E;
	border-bottom: 1px solid #eee;
}

.maroonnavcontainer a:link, .navlist a:visited{
	text-decoration: none;
}

.maroonnavcontainer a:hover{
	background-color: #A3826B;
}

/*---------------BLUE---------------*/

.bluenavcontainer a{
	display: block;
	padding: 8px 0 5px 0;
	width: 175px;
	background-color: #5576A8;
	border-bottom: 1px solid #eee;
}

.bluenavcontainer a:link, .navlist a:visited{
	text-decoration: none;
}

.bluenavcontainer a:hover{
	background-color: #869DC1;
}

/*---------------GREEN---------------*/

.greennavcontainer a{
	display: block;
	padding: 8px 0 5px 0;
	width: 175px;
	border-bottom: 1px solid #eee;
	background-color: #357724;
}

.greennavcontainer a:link, .navlist a:visited{
	text-decoration: none;
}

.greennavcontainer a:hover{
	background-color: #4BAB34;
}

/*---------------OTHER CLASSES---------------*/
.delete {	background-color: red;color:white;padding:0 0 0 0;}

.blue{
	background-color: #5576A8;
}
.green{
	background-color: #357724;
}
.maroon{
	background-color: #7E614E;
	
}

#content select.inp{
	border: 1px solid #ddd;
	width: 108px;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-top: 9px;
	outline: none;
}
#content input.quantity{
	border: 1px solid #ddd;
	width: 19px;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 5px 1px 1px 5px;
	height: 16px;
}
.floatleft{
	float: left;
}

body.account label {width:20%;float:left;text-align:right;display:inline;vertical-align:bottom;margin:10px 5px 0 0;}
body.account blockquote {text-align:justify;}

body.account input {display:inline;}
body.account .contry_label {float:none;width:60px;}
#content input.inp_radio {width:1em;float:right;margin:0 60% 0 0;}
body.account .country_header {margin-top:0;}
body.account .comment_label {float:none;display:block;width:100%;text-align:left;}
body.account .comment_text {width:447px;height:140px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	outline: none;
}
#content .comment_text:hover,
#content .comment_text:focus{
	border: 1px solid #aaa; 
}

input[type=submit],
input[type=reset],
.submitBtn{
padding:5px 2px;
margin:0 10px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	font: 12px verdana, sans-serif;
	color: #443;
	padding: 3px;
	outline: none;
text-transform: uppercase;

}

.submitBtn {float:right;}

input[type=submit]:hover,
input[type=submit]:hover,
.submitBtn:hover {
	border: 1px solid #aaa; 
color:#000;
}



body.account .inp_select {width:335px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	outline: none;
}
#content .inp_select:hover,
#content .inp_select:focus{
	border: 1px solid #aaa; 
}


 #content input.inp{
	border: 1px solid #ddd;
	width:75%;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	outline: none;
}
#content input.inp2{
	border: 1px solid #ddd;
	width:94%;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	outline: none;
}
#content input.inp3{
	border: 1px solid #ddd;
	width: 60px;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-top: 10px;
	outline: none;
}

#content input.inp4{
	border: 1px solid #ddd;
	width: 70%;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-top: 10px;
	outline: none;
}

#content input.inp5{
	border: 1px solid #ddd;
	width: 60%;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-top: 10px;
	outline: none;
}
#content select.inp:hover,
#content select.inp:focus{
	border: 1px solid #aaa; 
}
#content input.inp:hover,
#content input.inp:focus{
	border: 1px solid #aaa; 
}
#content input.inp2:hover,
#content input.inp2:focus{
	border: 1px solid #aaa; 
}
#content input.inp3:hover,
#content input.inp3:focus{
	border: 1px solid #aaa; 
}
#content input.inp4:hover,
#content input.inp4:focus{
	border: 1px solid #aaa; 
}
#content input.inp5:hover,
#content input.inp5:focus{
	border: 1px solid #aaa; 
}
#content .inp_select:hover,
#content .inp_select:focus{
	border: 1px solid #aaa; 
}


#content td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#content td a{
	text-decoration:underline;
	font-size: 11px;
}

#content li {
	list-style-type: circle;
	padding: 5px;
}
.alignleft{
	float: left;
	clear: both;
	margin: 0px;
}
.alignright{
	text-align: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.superscript{
	vertical-align: super;
}
#dhtmltooltip{
	position: absolute;
	width: 100px;
	height: 14px;
	padding: 2px;
	visibility: hidden;
	z-index: 120;
	font-size: 11px;
	text-align: center;
	border: 1px solid #999999;
	background-color: #f2f2f2;
}

#wrapper #content td a {
	text-decoration: none;
}

#wrapper #content td {
	height: 17px;
}


.err, .error, .delete, .commit {
border:2px solid #fff !important;
background-color: red !important;
color:white !important;padding:3px 5px  !important;
font-size:10px !important;font-size:10px !important;
margin:0 0 !important;
font-weight:600 !important;
}
.delete:hover {	cursor:pointer !important;
border:2px solid #888 !important;
}
.red {color:red;}
.add {		
border:2px solid #fff !important;
background-color: green !important;
color:white !important;
padding:3px 5px !important;
font-size:10px !important;
margin:0 0 !important;
font-weight:600 !important;
}
.add:hover{cursor:pointer !important;
  border:2px solid #888 !important;}

.amber {	

text-decoration:none !important;
padding:3px 5px !important;
margin:0 0 !important;
border:2px solid #fff !important;
background-color: Khaki !important;
color:black !important;
font-size:10px !important;
font-weight:600 !important;
}
.amber:hover{cursor:pointer !important;
margin:0 0 !important;
border:2px solid #888 !important;}


.center {text-align:center}
.alignLeft {text-align:left}
.break_apart {white-space:pre-wrap !important;word-wrap:breakword;}
.right {float:right}
.wide {padding:2px 30px;width:100px;text-align:center;}

table.list tr{border-bottom:1px solid #aaa !important;}
.nowrap {white-space:pre}