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

/* My Account ======================================================== */

.view_invoice {
	float: left;
	width:96.5%;
	margin:0px 15px;
}
.myorders {
	border:1px solid #CCCCCC;
	border-bottom:none;
	overflow:hidden;
	float:left;
	width:100%;
	box-shadow:0px 0px 4px #9c9c9b;
	-moz-box-shadow:0px 0px 4px #9c9c9b;
	-webkit-box-shadow:0px 0px 4px #9c9c9b;
	margin:15px 0px;
	background:#FFFFFF;
}
.method {
	border:1px solid #CCCCCC;
	border-bottom:none;
	overflow:hidden;
	float:left;
	width:100%;
	box-shadow:0px 0px 4px #9c9c9b;
	-moz-box-shadow:0px 0px 4px #9c9c9b;
	-webkit-box-shadow:0px 0px 4px #9c9c9b;
	margin:15px 0px;
	padding:15px;
	font-size:14px;
}
.method strong{
	color: #FF0000;
    font-size: 12px;
    padding-left: 5px;
}
.heading_bar {
	height:40px;
	background:#f3f3f3;
}
.myorders td {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	overflow:hidden;
	padding:1% 0 1% 1%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.myorders td strong{
	color:#FF0000;
	font-weight:normal;
}
.myorders td:last-child {
	border-right:none;
}
.myedit td {
	border-bottom:none;
	border-right:none;
	overflow:hidden;
	padding:1% 0 1% 1%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.heading_2 {
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.order_status{
	float:left;
	width:100%;
}
.order_status li{
	width:246px;
   height: 410px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow:-3px -1px 8px #E6E6E6;
   -moz-box-shadow: -3px -1px 8px #E6E6E6;
   box-shadow:-3px -1px 8px #E6E6E6;
   cursor: default;
   background: #fff;
}
.order_status li span{
	float:left;
	font-size:19px;
	color:#09B2F1;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
}
.grand_total{
	float:right;
	width:30%;
}



a{ outline:none;}
img{ border: none;}
.TabbedPanels {
	margin:10px 0 0;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
}

.TabbedPanelsTabGroup {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top:0px;
	float: left;
	display:block;
	list-style: none;
	cursor: pointer;
	color:#393C3D;
	border-radius:2px 2px 0 0;
	margin:0 10px 0 0;
	border:1px solid #DBDBDB;
	border-bottom:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 10px; 
	z-index:20;
	background:#EFEFEF;
	text-align:center;
	width:auto;
}

.TabbedPanelsTabSelected {
	 z-index:25 !important;
	color:#000 !important; 
	background:#FFF;
	border-bottom:none;
}
.TabbedPanelsTab a {
	color: #FFFFFF;
	text-decoration: none;
	
}
.TabbedPanelsContentGroup {
	clear: both;
	background-color:#fff;
	min-height:250px;
	background:#FFF;
	padding:8px;
}
.TabbedPanelsContent {
	padding:0px; font-family:Arial, Helvetica, sans-serif ;line-height:1.4; text-align:justify ; font-weight:normal; overflow:hidden;
	
}
.TabbedPanelsContentVisible {
}

.TabbedPanelsContent table td{ padding:3px;}

/* My Account ======================================================== */


.order_status{
	float:left;
	width:100%;
}
.order_status li{
	width:246px;
   height: 410px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow:-3px -1px 8px #E6E6E6;
   -moz-box-shadow: -3px -1px 8px #E6E6E6;
   box-shadow:-3px -1px 8px #E6E6E6;
   cursor: default;
   background: #fff;
}
.order_status li span{
	float:left;
	font-size:19px;
	color:#09B2F1;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
}


.tab_box{
	width:97%;
	margin:0px 10px 0px 10px;
	float:left;
	padding-right:5px;
}
.tab_box h1 {
	color:#000000;
	text-decoration:none;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	margin-top:10px;
	float:left;
	width:100%;
	padding:0px 5px 10px 0px;
	border-radius:0px;
}
.personal_detail{
	float:left;
	border:1px solid #EAEDF0;
	width:100%;
	margin-bottom:15px;
}
.personal_title{
	background-color: #bfbcbc;
    color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
    height:32px;
    padding: 0px 6px;
}
.personal_title span{
	float:left;
	 color: #000000;
    font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:30px;
}
.edit_btn {
	border:1px solid #dfdfdf;
	color:#000000;
	cursor: pointer;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height: 22px;
	padding:1px 20px;
	margin-top:3px;
	text-decoration: none;
	background-image:  -moz-linear-gradient(top, #eeeeee, #fbf9fa); /* FF3.6 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #fbf9fa)); /* Saf4+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fbf9fa'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fbf9fa')"; /* IE8 */
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.edit_btn:hover {
	color:#000000 !important;
	text-decoration:none;
	background:#CCCCCC;
}

.heading{font-weight:bold;}

.personal_text{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height: 22px;
	color:#000000;
	padding:7px;
	width:98%;
	letter-spacing:1px;
	min-height:252px;
}
.text_field {
	background:#fff;
	padding:5px;
	overflow:hidden;
	float:left;
	border:1px solid #d9d7d7;
	width:200px;
	color:#a29c9c;
	margin-right:5px;
}
.text_code {
	background:#fff;
	padding:5px;
	overflow:hidden;
	border:1px solid #d9d7d7;
	width:30px;
	color:#a29c9c;
	margin-right:5px;
	text-align:center;
}
.text_info {
	background:#fff;
	padding:5px;
	overflow:hidden;
	border:1px solid #d9d7d7;
	width:153px;
	color:#a29c9c;
	margin-right:5px;
}

.order_number{
	float:left;
	width:100%;
}
.order_number li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 22px;
	text-align:center;
	color:#000000;
	letter-spacing:1px;
	padding:0px 3px;
	width:99%;
}
.order_number li a{
	color:#001fe2;
	text-decoration:underline;
}
.order_number li a:hover{
	text-decoration:none;
}
.order_number li span{
	color:#FF0000;
	padding-left:3px;
	font-size:11px;
}
.view_left{
	float:left;
	border: 1px solid #EAEDF0;
	width:50%;
}
.view_right{
	float:right;
	border: 1px solid #EAEDF0;
	width:48%;
	margin-bottom:10px;
}


.account_shade {
	font-family:Raleway;
	font-size:1.1em;
	font-weight:normal;
	line-height: 1em;
	list-style: none;
	float:left;
	width:100%;
}
.account_shade li {
	float:left;
	margin:0 0.2em 0 0;
}
.account_shade li a {
	text-decoration: none;
	z-index: 1001;
	padding:0 7px;
	line-height:32px;
	display:block;
	color: #000000;
	background:#BFBCBC;
	white-space:nowrap;
	padding:0px 30px;
}
.account_shade li a:hover {
	text-decoration: none;
	color: #000;
}
.account_shade li a.selected { /*selected main tab style */
	position: static;
	top:0px;
	background:#1782E9;
	background-repeat:repeat;
	color:#FFFFFF;
	padding:0px 30px;
}
.account_shade li a.selected { /*selected main tab style */
	color:#FFFFFF;
}
.account_shade li a.selected:hover { /*selected main tab style */
	text-decoration: none;
}

.feedback_box {
	border:1px solid #CCCCCC;
	border-bottom:none;
	overflow:hidden;
	float:left;
	width:96%;
	box-shadow:0px 0px 4px #9c9c9b;
	-moz-box-shadow:0px 0px 4px #9c9c9b;
	-webkit-box-shadow:0px 0px 4px #9c9c9b;
	margin:15px 0px;
	background:#FFFFFF;
	padding:20px;
}
.field_set{
	float:left;
	width:60%;
	margin:5px 0px;
}
.field_set label{
	float:left;
	width:13%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height: 22px;
	color:#000000;
	padding:3px 0px;
}
.scroll_1 {
	background:#fff;
	padding:6px 5px;
	overflow:hidden;
	float:left;
	border:1px solid #d9d7d7;
	width:237px;
	color:#666666;
	box-shadow: inset 1px 0 3px #9c9c9b;
	-moz-box-shadow:inset 1px 0 3px #9c9c9b;
	-webkit-box-shadow:inset 1px 0 3px #9c9c9b;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}