body { 
   padding: 0;
   margin: 0;
   font-family: "Century Gothic";
   font-size: 13px; 
   background: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/bk_body_red.jpg") repeat-x #f7f7f7;
}
a, a:link { text-decoration: none; border: 0}


#logo h1 { height: 160px; max-height: 160px;}
#header-wrapper { width: 960px; margin: -17px auto 0 auto; position: relative;}
#logo { margin-left: 5px }
#topMenu { width: 960px; margin: -16px auto 0 auto; height: 32px;} 
#myaccount-main {
   width: 960px;
   margin: 0 auto 0 auto;
   padding: 0px 0 20px 0;
   background: #f7f7f7;
   overflow: hidden;
}
#myaccount-header { overflow: hidden; }
#myaccount-content h3 { padding: 0; margin: 5px 0 10px 0; font-size: 20px}
#signup h3 { font-size: 16px; font-weight: normal; }

#registerform, #loginform { box-shadow: 0 0 5px #ddd; }
#registerform { 
	background: #fff; 
	width: 458px; 
	border-radius: 5px; 
	padding: 20px 20px 20px 30px; 
	float: left; 
	margin-right: 30px;
	margin-left: 3px;
}
#registerform label { width: 190px; padding-top: 5px; }

#accept-gtc { width: 20px; float: left; margin-top: 10px;}
label#accept-gtc-label { float: right; width: 428px; font-size: 12px;}

#registerform input.text, #registerform textarea.text, #registerform select.text {
    width: 220px;
}

#loginform { 
	width: 320px; 
	float: right; 
	padding: 20px 30px 30px 40px; 
	margin-top: 0; 
	margin-right: 3px;
	background: #fff; 
	border-radius: 5px; 
}
#loginform input.text, #loginform textarea.text {
    width: 180px;
}

#loginform form p { margin: 5px 0 -3px 0;}
#loginform label { width: 100px; float: left; margin-top: 3px; }
#loginform span.note {font-size: 11px; margin-left: 110px;}

#languageselect { clear: both; overflow: hidden; z-index: 30; top: 10px; left: 960px; position: absolute; }
#languageselect li { list-style: none; float: left; margin-right: 4px; }

input, textarea, select, #myaccount-content h3 {font-family: "Century Gothic";} 
input[type="text"], input[type="password"], textarea, select { 
    padding: 4px 2px;
	border: 1px solid #ddd;
	border-radius: 3px;
} 

input.button, input.submit, input.button, button.submit, button.button { 
	font-size: 12px;
	min-width:92px;
	height:24px;
	display: block;
	line-height:22px;
	border:1px solid #F89D03 !important;
	background-color: #f8b600 !important;
	background-image: none !important;
	color:#FFFFFF; 
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	border-radius: 6px; 
	box-shadow: 0 6px 6px -6px #999;
}

input.chromeless:hover, button.chromeless:hover {
	border:1px solid #F89D03 !important;
	background-color: #f8b600 !important;
	background-image: none !important;
	border-radius: 6px; 
	box-shadow: 0 6px 6px -6px #999;
}

input.chromeless, button.chromeless {
	line-height: 14px;
}

form p { overflow: hidden; }

/* Social Icon */
#socialIcons {
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;
    position: absolute;
    right: 0;
    top: 106px;
}
#socialIcons li {
    float: left;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    list-style: none;
}
#socialIcons li a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}
#socialIcons li a:hover {
    background-position: 0 -32px;
}
#socialIcons .twitter {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/ico_twitter.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#socialIcons .facebook {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/ico_facebook.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#socialIcons .skype {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/ico_skype.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#socialIcons .googleplus {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/ico_google.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#socialIcons .rss {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://www.hopmobility.com/wp-content/themes/hopmobility/library/images/ico_rss.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}


/* Navigation bar */
/* -- main menu --*/
nav { font-size: 12px;}
nav ul.sf-menu li, .sf-submenu li {
	border:1px solid #999999; background: #f5f5f5;
	margin-right: 3px; 
	padding: 0;
	border-radius: 3px;
	/* border-right:1px solid #F5AE84; */
}
nav ul.sf-menu li a {
	padding: 8px 10px; 
	color:#000000;
	/*text-shadow:#EEEEEE 1px 1px;*/
}
nav ul.sf-menu li li a {
	color:#000000;
}
nav ul.sf-menu li a:hover {
	background: #CC1013;
	cursor:pointer;
	/*text-shadow:#EEEEEE 1px 1px;*/
}
nav ul.sf-menu li.current-menu-item a { background: #CC1013; }

nav ul.sf-menu li li {
	
}
nav ul.sf-menu li ul.children, nav ul.sf-menu li ul.sub-menu {
	background:#F88B00;
}
nav ul.sf-menu li ul.children li a:hover, nav ul.sf-menu li ul.sub-menu li a:hover,, nav ul.sf-menu li.page_item ul li a:hover{
	color:#fff;
}
nav ul.sf-menu li ul.children li ul.children, nav ul.sf-menu li ul.sub-menu li ul.sub-menu  {
	border:1px solid #E1E632;
}
nav ul.sf-menu li a, nav ul.sf-menu li a.external-link {
    font-weight: bold;
    padding: 8px 10px;
    text-transform: uppercase;
}

nav ul.sf-menu li:nth-child(8), nav ul.sf-menu li:nth-child(9) { float: right; }

nav ul.sf-menu li:nth-child(8) a { background: #66FF00; color: #000000; } 
nav ul.sf-menu li:nth-child(8) a:hover { background: #33CC00; } 
nav ul.sf-menu li:nth-child(9) a { background: #FFFF00; color: #000000; } 
nav ul.sf-menu li:nth-child(9) a:hover { background: #CCCC00; } 





/* FOOTER ELEMENTS
--------------------------------------------*/
footer {
	background:#111111;
    color:#eeeeee;
}
footer .footerBox ul li {
	border-bottom:1px solid #292929;
	background:url(../images/orange/bullet_list.png) 0 13px no-repeat;
}

footer .footerBox ul li a {
	color:#515151;
}
footer .footerBox ul li a:hover {
	color:#C64F07;
}
footer .footerBox ul#social li {
	border-bottom:1px solid #292929;
}
footer .footerBox ul#social li strong{
	color:#efefef;
}
footer {
	margin:0;
	position:relative;
	font-size:12px;
}
#menu-footer-menu { overflow: hidden; } 
#innerFooter a { color: #eee; }
#innerFooter a:hover { text-decoration: underline !important }
#innerFooter {
	width:960px;
	margin:0 auto;
	height: 36px;
	position:relative;
	text-align: right;
	padding: 20px 0 10px 0;
}
.textwidget {
    padding-top:10px;
}
footer .footerBox {
	width:292px;
	float:left;
	margin-right:40px;
	background:url(library/images/bk_dotted_thick.png) 0 0 repeat-x;
}
footer .footerBox:last-child {
	margin-right:0;
}
footer .footerBox {
	background:none;
}
footer .footerBox h3  {
	padding-bottom:15px;
	margin-bottom:15px;
	color:#ccc;
	border-bottom:1px solid #292929;
}
footer .last{
	margin-right:0;
}
footer .footerBox ul li {
	padding:7px 0;
	padding-left:12px;
}

footer .footerBox ul li a {
	text-decoration:none;
}

#footerMenu {float: left; width: 550px; } 
#footerMenu ul { margin: 6px 0 0 0; padding: 0 }
#copy {
	width: 370px;
	float: right;
	padding: .3em 0;
	line-height: 1.5;
}

footer #footerMenu ul li{
	float:left;
	padding:0 5px;
	border-right:1px solid #ddd;
	line-height:120%;
	list-style: none;
}

footer #footerMenu ul li:last-child { border-right-width: 0 } 

#site5bottom {
	position:absolute;
	right:0;
	bottom:30px;
    text-align: right;
}










#menu-footer-menu a.external-link, #copy a { background-image: none !important; padding-right: 0}
a.external-link { background-image: none !important; }
#myaccount-header { margin: 5px auto; max-width: 960px !important; height: 30px; }

#myaccount-navigation {  padding-top: 0; clear: both; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 1px 0 1px 0; line-height: 16px }
#myaccount-navigation ul { font-size: 12px !important; height: 24px; }
#myaccount-navigation ul { line-height: 14px;}
#myaccount-navigation ul li.store a { background: #ed1c1c; } 
#myaccount-navigation li a { border: 0 solid #ed1c1c; height: 14px;}
#myaccount-navigation li a:hover, #myaccount-navigation li.active a { height: 14px; border: 0 solid #ed1c1c; border-width: 0 0 3px 0 }


/* NEW CSS FOR THE ANGULAR IMPLEMENTATION */

.navbar-collapse.collapse { background-color: #f3f3f3; }
nav.navbar.navbar-default { border-radius: 0; border-left-color: transparent; border-right-color: transparent; }
.btn-primary, .btn-default {
    line-height: 22px;
    border: 1px solid #F89D03 !important;
    background-color: #f8b600 !important;
    background-image: none !important;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    text-shadow: none;
    box-shadow: 0 6px 6px -6px #999;
}
.panel-heading { background-color: #fff !important; border-color: #fff !important; }
#innerFooter { height: 63px; }