/*
JUST FOR STYLING FILES IN THE /myAccount/ DIRECTORY 
DO NOT EDIT THIS FILE
THIS IS THE DEFAULT CSS FILE
IT SITS ABOVE THE WEBSITE CSS FILE
PLACE EDITS IN THE WEBSITES CSS FILE 
*/

body[id^=myaccount] #content form {
margin:20px auto;
padding:0;
border:0px solid red;
max-width:1200x;
}

body[id^=myaccount] .navbar-nav >li >a {
padding-left:0;
}

body[id^=myaccount] .navbar-nav >li >a.edit {
 padding-top:0px !important;
 padding-bottom:0px !important;
padding-left:5px;
display:inline;
font-size:12px;
}


body[id^=myaccount] #content .search-form{
margin:20px auto;
border:1px solid #ccc;
padding:10px;
text-align:center;
width:100%;
}

body[id^=myaccount] #content .form-group label{
display: inline-block;
font-weight:bold;
padding:0 10px;
}

body[id^=myaccount] #content .form-group input[type=submit] {
font-size:125%;
}

body[id^=myaccount] #content form fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body[id^=myaccount] fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
}

body#myaccount-home #welcome {
font-size:150%;
margin-bottom:20px;
}

body[id^=myaccount] table th {
font-size:110%;
font-weight:bold;
color:#000;
background-color:#ccc;
border:0px solid #999;
text-align:left;
padding:3px 10px;
margin:0px;
vertical-align:middle;
}

body#myaccount-orders  #orders-form{
max-width:1200px;
margin:20px auto;
}

body#myaccount-orders  #myaccount-orders-table{
max-width:1200px;
margin:20px auto;
}

body#myaccount-login #content form{
max-width:200px;
margin:20px auto;
}

body#myaccount-retrieve-password #content form{
max-width:500px;
}

body#myaccount-retrieve-account #content form{
max-width:800px;
margin:20px auto;
}

body[id^=myaccount] #content #login-form{
max-width:700px;
margin:20px auto;
}


body#myaccount-confirm-account #content #confirm-account-form{
max-width:900px;
margin:20px;
}

body[id^=myaccount] #content form ul.list-inline {
margin-left:0;
margin-bottom:0;
}

body#myaccount-payment-profiles #payment-profiles-add-table{
max-width:1400px;
}

body#myaccount-payment-profiles-update #payment-profiles-update-form,
body#myaccount-payment-profiles-add #payment-profiles-add-form{
max-width:800px;
}

body#myaccount-primary-contact-update #content form{
max-width:700px;
}

body#myaccount-primary-contact-profile-update #content form{
max-width:700px;
}

body#myaccount-account-update #content form{
max-width:700px;
}

body#myaccount-username-password-update #content form{
max-width:800px;
}


body#myaccount-payments ul#bottom-menu{
margin:20px auto;
display:table;
text-align:center;
}

/* 
###############################################
sidebar nav 
https://www.jonathanbriehl.com
Vertical menu for Bootstrap 3
make sidebar nav vertical 
###############################################
*/

body[id^=myaccount] #column-left .sidebar-nav .navbar{
background-color: #f8f8f8;
border-color: #e7e7e7;
margin:10px 0;
}

body[id^=myaccount] #column-left .navbar-brand {
  float: left;
  height: 50px;
  padding: 20px;
  font-size: 20px;
  line-height: 20px;
}


body[id^=myaccount] #column-left .sidebar-nav .navbar blockquote {
padding: 0;
margin: 5px 0 10px 10px;
font-size: 90%;
border-left: 0px solid #eee;
}

@media (min-width: 768px) {

	body[id^=myaccount] #column-left .sidebar-nav .navbar .navbar-collapse {
	padding: 0;
	max-height: none;
  	}
	
	body[id^=myaccount] #column-left .sidebar-nav .navbar ul {
	float: none;
	margin:8px 8px 8px 8px;
	}

	/**
	body#myaccount #column-left .sidebar-nav .navbar ul:not {
    	display: block;
  	}
	**/

	body[id^=myaccount] #column-left .sidebar-nav .navbar li {
    	float: none;
    	display: block;
 	margin:0 0 15px 0; 
	}

	body[id^=myaccount] #column-left .sidebar-nav .navbar li a {
    	padding-top: 2px;
    	padding-bottom: 2px;
  	}
	
}