@charset "utf-8";
/* CSS Document */

html, body { background-color:#334c68; margin:0px; padding:0px; height:100%; }
#main-content { position:relative; width:860px; margin:0 auto; background-color:#FFF; padding:0px; border-left:15px solid #FFF; border-right:15px solid #FFF; height:auto !important; height:100%; min-height:100%; }

a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#369; text-decoration:none;}
a:hover { text-decoration:none; color:#334c68;}
hr {margin-bottom: 0px;}

#shop-header { position:relative; height:130px; width:100%; background-color:#FFF; }
#dina-logo {width:120px;height:120px;float:left;text-align:center; padding-top:5px;}
#customer-logo {background-color:#FFF;float:right;text-align:center; padding-top:5px;}	

#information-bar {position:relative;height:35px;width:100%;background-color:#334c68;}
#information-text {padding:10px 20px;font-weight:bold;color:#FFF;}

#menu {position:relative; width:860px;}
#content {position:relative; padding:15px 10px; font-size:12px; color:#666; font-family:Tahoma, Geneva, sans-serif;}

a.btn { 
	padding:3px 12px; color:#666; font-weight:bold; font-size:11px; text-decoration:none;
	background: #DDDDDD; /* old browsers */
	background: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#CCCCCC)); /* webkit */
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border:1px solid #999;
}

.title { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#334c68; font-weight:bold; text-decoration:underline;}
.login_title {position:relative; padding:30px 0px 15px; text-align:center; font-size:16px;  margin:0 auto;}
.login_form {position:relative; width:235px; border:1px #333 solid; padding:20px 50px 10px; text-align:center; margin:0 auto;}
.login_error {color:#F00; font-size:11px; padding-bottom:10px; text-align:center;}
.login_input { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:150px;}
.login_public_link {position:relative; padding:30px 0px 0px; text-align:center; margin:0 auto;}
.login_public_link a {text-align:center; font-size:18px; color:#999;}
.login_public_link a:hover {color:#AAA; text-decoration:none;}
.forgot_password_link {position:relative; padding:15px 0px; text-align:center; margin:0 auto;}
.forgot_password_link a {font-size:12px; font-weight:bold; color:#999;}
.forgot_password_link a:hover {color:#AAA; text-decoration:none;}
label.error {color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
input.btn { 
	padding:3px 12px; color:#666; font-weight:bold; font-size:11px; text-decoration:none;
	background: #DDDDDD; /* old browsers */
	background: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#CCCCCC)); /* webkit */
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border:1px solid #999;
	cursor:pointer;
}
.form_left {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#333;}
.centered {text-align:center;}
div.centered { position:relative; margin:0 auto;}
div.padding15 {padding:15px;}

.pagetitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#334c68; font-weight:bold; text-decoration:underline; padding:5px 15px 0px;}
.prod_right {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#334c68; font-weight:bold; width:10%;}
.prod_left {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:40%;}
.prod_desc {width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-bottom:15px;}

.title_row {background-color:#777777;empty-cells:show;color:#FFFFFF;font-size:12px; font-weight:bold;}
.title_row2 {background-color:#DDDDDD;empty-cells:show;color:#FFFFFF;font-size:12px; font-weight:bold;}
.info_row_0 {background-color:#EFEFEF;empty-cells:show;color:#666;font-size:12px;}
.info_row_1 {background-color:#FFFFFF;empty-cells:show;color:#666;font-size:12px;}

.checkout_title {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; padding-left:15px; padding-top:25px; padding-bottom:10px; }
.checkout_left {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#334c68; font-weight:bold; text-align:right; padding-left:15px; width:25%; }
.checkout_right {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-left:15px; width:25%; }
.checkout_confirm {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-left:15px; width:25%; }

.sec-title { font-size:16px; }

/* Login Page */
#main-content-login {background-color:#fbfbfb;}
#content-login {position:relative; padding:40px 10px;}
.login_form {position:relative; width:235px; border:1px #EEE solid; padding:20px 50px 10px; text-align:center; margin:0 auto;
	-moz-box-shadow: 0 0 8px #EEE;
	-webkit-box-shadow: 0 0 8px #EEE;
	box-shadow: 0 0 8px #EEE;
	background-color: #FFF;
}
.login-left { color:#999; text-align:left; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; padding-bottom:4px;}
.login_input { color:#999; text-align:left; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; background-color:#EEE; padding:5px; width:100%; border:1px solid #CCC;}
.login-submit {padding-top:18px;}
.login-btn {
	padding:5px 15px; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; background-color:#bfbfbf;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border:0px;;
	cursor:pointer;
}

/* Menu */
#header {position:relative; left:0px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
#header {
	height:50px;
	top:0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	z-index:10000;
}

#header ul li ul {
padding: 10px;
}

#header ul li ul li {
border: 1px solid #DDD;
background: #FEFEFE;
}

#header ul li ul li a {
padding: 6px 20px 7px 20px;
border-top: 0px;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#666;
background: #FEFEFE;
}

#header ul li ul li ul li {
border-top: 1px solid #DDD;
}

#header ul li ul li ul.shown {
display: block; z-index:10000;
}

ul, menu, dir {
-webkit-padding-start: 0px;
}

#header ul {
width: 99%;
padding-left:0px;
}

table {
border-collapse: separate;
border-spacing: 0px;
}