/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
 
 /*****************Header Containers*********************/
#HeaderUserMenu {
	width:100%;
	height:37px;
	background:#fff;
}

section#block-menu-menu-logged-in-user-menu-heade {
	float:right;
}

#block-menu-menu-logged-in-user-menu-heade ul li {
	float:left;
	width:auto;
	font-size:12px;
}

#block-menu-menu-logged-in-user-menu-heade ul li a{
	color:#948d79;
}
 
#HeaderLogoContainer {
	 width:960px;
	 margin:0 auto;
 }
 
#HeaderSocialContainer {
    float: right;
    height: 100px;
    width: 225px;
}
 
#HeaderMenuContainer {
	 width:100%;
	 float:left;
	 background:#a87284;
	 height:40px;
	 margin-bottom:15px;
}

#HeaderMenuContainer  .navbar-nav li a {
    padding-bottom: 0px;
    padding-top: 10px;
}

#HeaderMenuContainer div.navbar-collapse.collapse nav ul.menu.nav.navbar-nav.secondary li.first.leaf.active a.active {
    color: #fff;
	text-transform:uppercase;
}

#HeaderMenuContainer div.navbar-collapse.collapse nav ul.menu.nav.navbar-nav.secondary li a {
    color: #fff;
	text-transform:uppercase;
}

#HeaderMenuContainer ul.menu.nav.navbar-nav a:hover {
	background:none !important;
}
 
.navbar-default {
    background-color: #ceb3bc;
    background-image: linear-gradient(to right, #a87284 50%, rgba(168, 114, 132, 0) 0%);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 11px 2px;
    border-color:solid 0px #a87284;
}

#HeaderMenuContainer div.navbar-collapse.collapse nav ul.menu.nav.navbar-nav a {
	color:#fff;
	/*font-family:sniglet;*/
}
 
#HeaderLogoContainer a.name.navbar-brand {
 	font-family: 'FrederickatheGreat';
	font-style: normal; 
	font-weight: normal; 
	color: #948d79;
    font-size: 55px;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 27px;
    width: auto;
    word-spacing: 10px;
	text-transform:uppercase;
}

.navbar {
    border: 0px solid transparent;
    margin-bottom: 0px;
    min-height: 50px;
    position: relative;
}

.navbar .logo {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
	margin:-30px 0px 0px 0px;
}

.navbar .logo img {
	height:120px;
}

.navbar-brand {
    float: left;
    padding: 15px 5px;
}

.navbar.container{max-width:100%;
width:100% !important;
}

.navbar-header a.name.navbar-brand {
	color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 34px;
    width: auto;
    word-spacing: 10px;
}

#block-views-user-profile-block-1 .user-picture img {
	width:200px;
	height:200px;
}

#modalContent {
    top:100px !important;
}

.node-type-dress h1.page-header {
	text-align:left;
}

header#navbar.navbar.container.navbar-default div.container div.navbar-collapse.collapse nav {
	font-family: Sniglet ;
	font-size:14px;
	color:#333;
}

/*#navbar.navbar.container.navbar-default div.container div.navbar-collapse {
	width:600px;
	background-color:red;
}*/



/***********Social Media Links Header******************/
#block-block-4 a {
	width:35px;
	height:35px;
	line-height:35px;
	display:block;
}

.SocialLinkIcon-Facebook {
	background: rgba(0, 0, 0, 0) url("../images/Facebook-Link-Icon.png") no-repeat scroll 0 0 / 35px auto;
    margin: 0 auto;
    width: 35px;
	height:35px;
	float:left;
	margin:5px;
}

.SocialLinkIcon-Twitter {
	background: rgba(0, 0, 0, 0) url("../images/Twitter-Link-Icon.png") no-repeat scroll 0 0 / 35px auto;
    margin: 0 auto;
    width: 35px;
	height:35px;
	float:left;
	margin:5px;
}

.SocialLinkIcon-Pinterest {
	background: rgba(0, 0, 0, 0) url("../images/Pinterest-Link-Icon.png") no-repeat scroll 0 0 / 35px auto;
    margin: 0 auto;
    width: 35px;
	height:35px;
	float:left;
	margin:5px;
}

.SocialLinkIcon-Instagram {
	background: rgba(0, 0, 0, 0) url("../images/Instagram-Link-Icon.png") no-repeat scroll 0 0 / 35px auto;
    margin: 0 auto;
    width: 35px;
	height:35px;
	float:left;
	margin:5px;
}

.SocialLinkIcon-Email {
	background: rgba(0, 0, 0, 0) url("../images/Email-Link-Icon.png") no-repeat scroll 0 0 / 35px auto;
    margin: 0 auto;
    width: 35px;
	height:35px;
	float:left;
	margin:5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
}

.container {
    width: 980px;
}


#node-40 .user-picture {
	display:none;
}

#node-40 .submitted {
	display:none;
}

#node-39 .user-picture {
	display:none;
}

#node-39 .submitted {
	display:none;
}

/*************Saved Searches Button*******************/
#SaveSearchHelpText {
    color: #666;
    float: left;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 2px;
    width: 550px;
}

.logged-in button#edit-save.views-save-button-save.btn.btn-primary {
    background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	border-radius:0px;
}

.logged-in button#edit-save.views-save-button-save .btn-primary:hover {
    background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
}

.logged-in button#edit-save.views-save-button-save.btn.btn-primary.form-submit {
	float: right;
    height: 40px;
    margin: -45px 220px 0;
    padding: 5px;
    width: 120px;
    font-size: 16px;
}

/**************Cart Page*****************/

.page-cart .views-field-edit-delete {
	display:none;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 0px 10px;
}

form#dress-node-form.node-form.node-dress-form div div.form-type-radios.form-item-commerce-node-checkout-commerce-node-checkout-product.form-item.form-group {
	display:none;
}

#dress-node-form-form-ajax-wrapper section#block-system-main.block.block-system.clearfix form#dress-node-form.node-form.node-dress-form div div.fieldset-wrapper.multipage-pane-wrapper {
	display:none;
}

.page-node-add-dress h1.page-header {
	display:none;
}

/***********Footer*************/
.footerDotted {
	background-color: none;
    background-image: linear-gradient(to right, #a87284 50%, rgba(168, 114, 132, 0) 0%);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 11px 2px;
	height:2px;
}

.footer {
	background-color: #ceb3bc;
	border-top: 0px solid #e5e5e5 !important;
    margin-top: 0px !important;
}

.alert-success {
    background-color: #ceb3bc;
    border-color: #a87284;
    color: #a87284;
}

form#views-form-commerce-cart-form-default div table.views-table.cols-7.table tbody tr.odd.views-row-first.views-row-last td.views-field.views-field-edit-delete-1 button#edit-edit-delete-1-0.delete-line-item.btn.btn-danger.form-submit {
	font-size:12px;
	padding:0 5px;
	text-transform:lowercase;
}

#edit-actions-prev {
	float:left;
}

.jumbotron {
    background-color: #ffa826;
    color: inherit;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.14286;
    margin-bottom: 30px;
    padding: 30px;
	text-align:center;
}

.page-frequently-asked-questions h3 a {
    color: #55554c;
    text-decoration: none;
}

.page-frequently-asked-questions .ui-accordion-header-active {
	background:#a87284 none repeat-x scroll;
}

.page-frequently-asked-questions .ui-widget-content {
    background: #ceb3bc none repeat-x scroll 50% 50%;
}

#node-71 .user-picture {
	display:none;
}

#node-71 .submitted {
	display:none;
}

.views-column-dress {
	width:220px;
	height: auto;
    margin: 10px 30px 40px 0;
    min-height: 424px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:0px solid #E0E0E0;
	background-color:#FFFFFF;
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	-moz-box-shadow: #B3B3B3 3px 3px 3px;
	box-shadow: #B3B3B3 3px 3px 3px;
	float:left;
}

.breadcrub {
	display:none;
	text
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.1;
	li
}

#IndividualSellerInformaitonContainer h2 {
	font-size:20px;
}

body {
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

#modal-content.modal-content.popups-body ul {
	list-style:none;
}

#modal-content.modal-content.popups-body div.alert.alert-block.alert-danger a.close {
	display:none;
}

#modal-content.modal-content.popups-body div.alert.alert-block.alert-danger {
	padding:5px;
}

#modal-content.modal-content.popups-body input#edit-pass-pass1--2.password-field.form-control.form-text.required.error.password-strength-check-processed {
	width:100%;
}

/**********Top Tips*******************/
.views-column-toptips {
	background-color: #ffffff;
    border: 0 solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #b3b3b3;
    float: left;
    height: auto;
    margin: 10px 23px 40px 0;
    width: 220px;
	min-height:340px;
}

.views-column-toptips .views-field-title {
	font-size:18px;
	text-align:center;
	padding:5px;
}

.views-column-toptips .views-field-title a{
	 color:#ffa826;
}

.views-column-toptips .views-field-body {
	font-size:14px;
	padding:5px;
}

.breadcrumb {
	display:none;
}

.node-type-blog .node-blog .submitted {
	display:none;
}

.node-type-blog .node-blog .user-picture {
	display:none;
}

.node-type-blog .node-blog ul.links.list-inline {
	display:none;
}

#block-views-top-tips-block-1 {
	margin-left:5px;
}

.node-type-blog .view-top-tips .toptips {
	background-color: #ffffff;
    border: 0 solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #b3b3b3;
    float: left;
    height: auto;
    margin: 10px 3px 10px 0;
    width: 230px;
}

.node-type-blog #block-views-top-tips-block-1 .toptips .views-field-title a {
	color: #fff;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.node-type-blog .toptips div.views-field.views-field-title {
	background-color:#a87284;
	padding:10px 0px;
}

.node-type-blog .toptips .field-content p {
	font-size:12px;
}

.node-type-blog #block-views-top-tips-block-1 .view-top-tips .views-field-body {
	padding:10px;
}

.node-type-blog .node-blog .field-name-body {
	margin-top:15px;
}

h1.page-header {
	border-bottom: 28px solid #bab3a8;
    color: #948d79;
    font-size: 40px;
    padding-bottom: 0;
    margin-right:10%;
	line-height:52px;
}

.node-type-dress h1.page-header {
    border-bottom: 28px solid #bab3a8;
    color: #948d79;
    font-size: 45px;
    padding-bottom: 0;
    width: 100%;
}

.page-frequently-asked-questions .ui-widget {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.page-frequently-asked-questions .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
	height:auto !important;
}

.page-frequently-asked-questions .ui-accordion-header a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.ContactUsHeaderChange {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:20px;
}

.node-type-webform .node-webform.node-promoted.clearfix div.submitted {
	display:none;
}

.node-type-webform .node-webform.node-promoted.clearfix div.user-picture {
	display:none;
}

.page-node-84 h1.page-header {
	display:none;
}

#webform-client-form-41 {
	margin-bottom:20px;
}

.page-node-41 .main-container.container {
	margin-bottom:100px;
}

.page-top-tips #block-system-main {
	width:730px;
}

.btn-primary {
    background-color:#a87284;
    border-color:#ceb3bc;
    color: #fff;
}

.btn-primary:hover {
    background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
}

.page-top-tips .views-row-toptips .views-field.views-field-title span.field-content a {
	color:#a87284;
}

.footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 45px;
    padding-bottom: 36px;
    padding-top: 5px;
}

p.help-block {
	font-size:14px;
}

#edit-field-dress-photos-und-0-upload-button--2 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #666;
    font: bold 12px arial,sans-serif;
    padding: 7px 12px;
    text-shadow: 0 1px 0 white;
	margin:10px 0px;
}

.btn-success {
    background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
}

.page-top-picks .main-container.container {
	min-height:400px;
}

h1.page-header {
    font-family: "frederickathegreat";
}

.page-node-84 div.main-container.container {
	min-height:400px;
}

 .page-node-84 #block-system-main.block.block-system.clearfix div.links {
	display:none;
}

.page-node-84 div.main-container.container h1{
	border-bottom: 28px solid #bab3a8;
    color: #948d79;
    font-size: 45px;
    margin-right: 10%;
    padding-bottom: 0;
	font-family: "frederickathegreat";
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	background: #ceb3bc none repeat scroll 0 0;
    border-color: #a87284;
}

.page-node-94 div.main-container.container {
	min-height:500px;
}

.node-type-blog .field-name-body h2 {
	font-size:16px;
	line-height:18px;
}

.node-type-blog .field-name-field-blog-image img {
	border:solid 1px #fff;
	float:left;
}

.jumbotron {
    background-color: #ceb3bc !important;
    font-size: 16px !important;
	margin-right:10% !important;
}

.jumbotron #block-block-3 a {
	color:#fff;
}

.front .highlighted.jumbotron {
	width:100%;
}

.node-type-blog .toptips .views-field.views-field-title {
	text-align:center;
}

.page-user #block-system-main.block.block-system.clearfix div.toboggan-unified.login div#login-message {
	font-size:14px;
}

.page-user #login-links a#login-link.login-link.init-modal-forms-login-processed.ctools-use-modal.ctools-modal-modal-popup-small.ctools-use-modal-processed.lt-active {
	background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
}
	
.page-user div#login-links a#register-link.login-link.init-modal-forms-register-processed.ctools-use-modal.ctools-modal-modal-popup-medium.ctools-use-modal-processed {
	background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
}

.page-user div#login-form form#user-login div div.hybridauth-widget-wrapper h3 {
	color:#3b5998;
}

.page-user div#login-form form#user-login div button#edit-submit.btn.btn-default.form-submit {
	background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 100px;
    padding: 6px 12px;
    text-align: center;
}

.logged-in .page-user div.alert.alert-block.alert-success {
	display:none;
}

.page-node-add-dress div.multipage-controls-list.clearfix span.multipage-button {
	margin:20px;
    border-color: #ceb3bc;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding:0;
    text-align: center;
}
.page-node-add-dress input.form-submit.multipage-link-previous {
	background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
	text-shadow: 0 0 0;
}

.page-node-add-dress button#edit-field-dress-photos-und-0-upload-button.btn.btn-default.form-submit.ajax-processed {
	background-color: #a87284;
    border-color: #ceb3bc;
    color: #fff;
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
	text-shadow: 0 0 0;
	margin-top:10px;
}

.page-node-add-dress div.multipage-controls-list.clearfix div#edit-actions.form-actions.form-wrapper.form-group {
	margin:20px;
}

.page-node-add-dress input#edit-field-dress-photos-und-0-upload.form-control.form-file {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

div.main-container.container div.row section.col-sm-12 div.region.region-content {
	margin-bottom:100px;
}

.node-type-blog #block-views-top-tips-block-1 h2.block-title {
	font-family: "frederickathegreat";
	font-size:30px;
	color:#948d79;
	margin-top:15px;
}
















































/***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************//***********Respponsive CSS settings**************/
/**********Full screen deskptop*******************/

@media screen and (min-width: 981px) and (max-width: 1280px) { 
#HeaderLogoContainer a.name.navbar-brand {
	font-family: 'FrederickatheGreat';
	font-style: normal; 
	font-weight: normal; 
	color: #948d79;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 34px;
    width: auto;
    word-spacing: 10px;
}
}









/***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************/
/***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************//***********Respponsive CSS settings**************/
/**********Laptop and smaller screens*************/

@media screen and (min-width: 768px) and (max-width: 980px) { 

#HeaderLogoContainer a.name.navbar-brand {
    font-family: 'FrederickatheGreat';
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 34px;
    width: auto;
    word-spacing: 10px;
}

.container {
    width: 764px;
}

.main-container.container .col-sm-3 {
    width: 35%;
}

.main-container.container .col-sm-9 {
    width: 65%;
}

.navbar .logo img {
    height: 90px;
}

#HeaderLogoContainer a.name.navbar-brand {
    font-size: 38px;
    line-height: 22px;
    margin-top: 5px;
}

/***********Social Media Links Header******************/
#block-block-4 a {
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
}

.SocialLinkIcon-Facebook {
	background: rgba(0, 0, 0, 0) url("../images/Facebook-Link-Icon.png") no-repeat scroll 0 0 / 30px auto;
    width: 30px;
	height:30px;
	margin:2px;
}

.SocialLinkIcon-Twitter {
	background: rgba(0, 0, 0, 0) url("../images/Twitter-Link-Icon.png") no-repeat scroll 0 0 / 30px auto;
    width: 30px;
	height:30px;
	margin:2px;
}

.SocialLinkIcon-Pinterest {
	background: rgba(0, 0, 0, 0) url("../images/Pinterest-Link-Icon.png") no-repeat scroll 0 0 / 30px auto;
    width: 30px;
	height:30px;
	margin:2px;
}

.SocialLinkIcon-Instagram {
	background: rgba(0, 0, 0, 0) url("../images/Instagram-Link-Icon.png") no-repeat scroll 0 0 / 30px auto;
    width: 30px;
	height:30px;
	margin:2px;
}

.SocialLinkIcon-Email {
	background: rgba(0, 0, 0, 0) url("../images/Email-Link-Icon.png") no-repeat scroll 0 0 / 30px auto;
    width: 30px;
	height:30px;
	margin:2px;
}

#HeaderSocialContainer {
    float: right;
    height: 72px;
    width: 140px;
}


}













/***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************//***********Respponsive CSS settings**************/
/**********ipad and tablets*************/

@media screen and (min-width: 481px) and (max-width: 767px) {
  
#HeaderLogoContainer a.name.navbar-brand {
    font-size: 25px;
    letter-spacing: 5px;
    line-height: 30px;
    word-spacing: 10px;
}  


.navbar-header a.name.navbar-brand {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 0;
    padding: 25px 10px;
    word-spacing: 0;
	width:auto;
}

.navbar-header a.logo.navbar-btn {
	display:none;
}

#navbar.navbar.container.navbar-default .container div.navbar-header {
	background:#b9519f;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#HeaderLogoContainer a.name.navbar-brand {
    font-size: 40px;
    margin-top: -10px;
    width: 180px;
}

#HeaderSocialContainer {
    float: left;
    height: 50px;
    width: 225px;
}

#HeaderMenuContainer {
    float: right;
}

.navbar .logo img {
    height: 70px;
}

#HeaderUserMenu .nav > li > a {
    display: block;
    padding: 5px 15px;
    position: relative;
}

#HeaderLogoContainer .navbar .logo img {
    height: 70px;
}

#HeaderLogoContainer a.name.navbar-brand {
    font-size: 25px;
    width: 400px;
}

#HeaderLogoContainer .navbar-brand {
    float: left;
    padding: 14px 5px 5px;
}

#HeaderSocialContainer {
    float: none;
    height: auto;
    margin: 0 auto;
}

.page-top-tips #block-system-main {
	width:490px;
}
  
}








/***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************//***********Respponsive CSS settings**************/
/**********large phones**************************/

@media only screen and (max-width : 480px) {

#HeaderLogoContainer a.name.navbar-brand {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 0;
    padding: 25px 10px;
    word-spacing: 0;
}

.navbar-header a.logo.navbar-btn {
	display:none;
}

#navbar.navbar.container.navbar-default .container div.navbar-header {
	background:#b9519f;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.col-xs-6 {
    width: 100%;
	margin-left:0px;
}

.page-top-tips #block-system-main {
	width:330px;
}

#HeaderMenuContainer .navbar-nav li a {
    z-index: 1 !important;
	background:#a87284 !important;
	color:white !important;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	font-size:14px !important;
	border-bottom:solid 2px white !important;
	text-transform:uppercase !important;
	border-top:none !important;	
}

#HeaderMenuContainer .navbar-collapse.in {
    overflow-y:visible;
}

#HeaderMenuContainer .navbar-nav li:hover {
	background:#ceb3bc !important;
}

#HeaderMenuContainer .nav.navbar-nav.secondary li {
    border-top: 0px solid #b9519f !important;
}


}






/***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************//***********Respponsive CSS settings**************/
/**********iphones and similar**************************/

@media only screen and (max-width : 320px) {

#HeaderLogoContainer a.name.navbar-brand {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 0;
    word-spacing: 5px;
	margin-top:12px;
	padding:15px;
}  

.navbar-header a.logo.navbar-btn {
	display:none;
}

#navbar.navbar.container.navbar-default .container div.navbar-header {
	background:#b9519f;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}





}