/*
Theme Name:     North Shore Used Auto Parts
Theme URI:      http://www.oneims.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         oneims.com
Author URI:     http://www.oneims.com/
Template:       twentyeleven
Version:        0.1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
}


ul {
	height: auto;
	overflow: auto;
	list-style: none;
}

ol {
	height: auto;
	overflow: auto;
	padding: 0px 0px 0px 30px;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*** GENERAL STYLES ***/
body {
font-family: Arial, Verdana;
font-size: 13px;
color: #505b67;
background-color: #09090a;
margin: 0px;
padding: 0px;
}

@font-face {
font-family: league-gothic;
font-weight: normal;
src: url(fonts/league-gothic.eot);
}

@font-face {
font-family: league-gothic;
font-weight: normal;
src: url(fonts/league-gothic.otf);
}


div {
	height: auto;
	overflow: auto;
}


h1, h2, h3, h4, h5, h6 {
line-height: normal;
}

h1 {
font-family: league-gothic;
font-size: 30px;
font-weight: normal;
color: #c40414;
margin: 0px 0px 15px 0px;
padding: 0px;
}

h2 {
color: #505b67;
font-size: 18px;
font-weight: bold;
color: #204976;
}

h3 {
font-size: 15px;
font-weight: bold;
color: #505b67;
margin: 0px 0px 15px 0px;
padding: 0px;
}

h4 {
}

h5 {
}

h6 {
}

p {
line-height: 18px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

a, a img {
color: #505b67;
text-decoration: none;
border: 0px;
}

form, form fieldset {
border: 0px;
margin: 0px;
padding: 0px;
}

form label {
font-size: 13px;
font-weight: bold;
color: #505b67;
}

form input[type="text"], form textarea {
font-family: Arial;
font-size: 13px;
color: #464646;
line-height: 18px;
margin: 3px 0px 10px 0px;
padding: 4px 4px;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.clear {
clear: both;
display: block;
margin: 0px;
padding: 0px;
}

.left {
float: left;
}

.left-image {
display: block;
float: left;
margin: 0px 10px 0px 0px;
}

.right-image {
display: block;
float: right;
margin: 0px 0px 0px 10px;
}

.right {
float: right;
}

.txt-left {
display: block;
text-align: left;
}

.txt-center {
display: block;
text-align: center;
}

.txt-right {
display: block;
text-align: right;
}

.vtop {
vertical-align: top;
}

.vmid {
vertical-align: middle;
}

.vbot {
vertical-align: bottom;
}

.block {
display: block;
}

.regular {
color: #505b67;
}














/*** BASIC PAGE LAYOUT ***/

/*** HEADER ***/
#header-wrap {
min-width:1024px;
width:expression(document.body.clientWidth < 1024? "1024px": "auto" );
min-height: 151px;
background-image: url(images/header-bg.jpg);
background-repeat: repeat-x;
}

#header {
width: 982px;
margin: 0px auto;
padding: 5px 0px 0px 0px;
}

	/* LOGO */
.logo {
float: left;
}

	/* PHONE */
.phone {
float: right;
margin: 0px;
padding: 20px 0px 0px 0px;
}

.phone h1 {
font-family: Arial;
font-size: 36px;
font-weight: bold;
color: #ffffff;
line-height: normal;
margin: 0px;
padding: 0px;
}



	/* SEARCH FIELD */
#search{
background-color: #ffffff;
border-radius: 4px;
float: right;
border: 1px #586370 solid;
margin: 3px 0 0 0;
padding: 3px 10px;
}

#search form input[type="text"] {
width: 178px;
height: 14px;
font-size: 12px;
font-style: italic;
color: #798694;
border: 0px;
margin: 0px;
padding: 0px;
}

#search input[type="image"] {
vertical-align: middle;
}

ul.menu li.search {
background-color: #ffffff;
border-radius: 4px;
float: right;
border: 1px #586370 solid;
margin: 0px;
padding: 2px 10px;
}

ul.menu li.search form input[type="text"] {
width: 178px;
height: 14px;
font-size: 12px;
font-style: italic;
color: #798694;
border: 0px;
margin: 0px;
padding: 0px;
}

ul.menu li.search input[type="image"] {
vertical-align: middle;
}







/*** CONTENT ***/
#content-wrap {
min-width:1024px;
width:expression(document.body.clientWidth < 1024? "1024px": "auto" );
min-height: 595px;
background-color: #09090a;
background-image: url(images/content-bg.jpg);
background-repeat: repeat-x;
}

#content {
width: 942px;
background-color: #ffffff;
margin: 30px auto 0px auto;
padding: 18px;
}

	/*** HOME PAGE CONTENT ***/
	/* PRIMARY CONTENT */
#primary-content {
width: 688px;
float: left;
}

	/* UNIFORM BLOCK */
.uniform-block {
width: 324px;
}

.uniform-block imgx {
vertical-align: middle;
}

	/* HOME SERVICES LINK */
div.auto_wservice{	
	font-size: 15px;
	font-weight: bold;
	color: #505b67;	
	height: 95px;
}	
div.auto_wservice a.aw1{
	background-image: url(images/UsedParts_SearchForParts-Normal.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 0 20px 110px;
	line-height: 90px;
}
div.auto_wservice a.aw1:hover{
	background-image: url(images/UsedParts_SearchForParts-ON.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #cc0000 !important;
}

div.auto_wservice a.aw2{
	background-image: url(images/UsedParts_BuyParts-Normal.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 0 20px 110px;
	line-height: 90px;
}
div.auto_wservice a.aw2:hover{
	background-image: url(images/UsedParts_BuyParts-ON.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #cc0000 !important;
}

div.auto_wservice a.aw3 p{
	margin: -60px 0 0 110px;
}
div.auto_wservice a.aw3{
	background-image: url(images/UsedParts_CommercialWholesale-Normal.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 30px 0 30px 110px;
	line-height: 90px;
}
div.auto_wservice a.aw3:hover{
	background-image: url(images/UsedParts_CommercialWholesale-ON.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #cc0000 !important;
}

div.auto_wservice a.aw4{
	background-image: url(images/UsedParts_EbayStore-Normal.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 30px 0 30px 110px;
	line-height: 90px;
}
div.auto_wservice a.aw4:hover{
	background-image: url(images/UsedParts_EbayStore-ON.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #cc0000 !important;
}

div.auto_wservice a.aw5{
	background-image: url(images/UsedParts_InternationalExport-Normal.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 30px 0 30px 110px;
	line-height: 90px;
}
div.auto_wservice a.aw5:hover{
	background-image: url(images/UsedParts_InternationalExport-ON.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #cc0000 !important;
}






	/* PRIMARY SIDEBAR */
#primary-sidebar {
width: 238px;
float: right;
}

.widget {
background-color: #f3f5f8;
border-radius: 5px;
border: 1px #d7dfe7 solid;
margin: 0px 0px 10px 0px;
}

.widget-content {
background-image: url(images/bg-1.jpg);
background-repeat: repeat-x;
padding: 10px 12px;
}



		/* FIRST WIDGET - TOWING STRONG */
.widget h1.title {
font-size: 36px;
color: #e1e7ed;
background-color: #ab0614;
line-height: 30px;
margin: 0px;
padding: 10px 0px;
text-align: center;
}


.widget h1.title .sub {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #e1e7ed;
display: block;
}

.widget-content h2{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	display: block;
	padding: 0px 0px 10px 0px;
}

form.counter input[type="text"] {
width: 15px;
font-size: 22px;
font-weight: bold;
color: #505b67;
line-height: 27px;
border-radius: 4px;
border: 1px #d7dfe7 solid;
margin: 0px;
padding: 0px 4px;
}

		/* SECOND WIDGET - CONTACT US FORM */
.widget h2.title {
font-size: 20px;
color: #c40414;
background-color: #d9e1e8;
line-height: 20px;
margin: 0px;
padding: 3px 12px 8px 12px;
}

.title-img-v1 {
float: left;
margin: 8px 10px 0px 0px;
}

.widget .sub {
font-size: 14px;
}


/** CONTACT FORM 7 **/
.wpcf7 input.form-submit {
width: 85px;
height: 28px;
border: 0;
background: url(images/submit.png) no-repeat;
text-indent: -1000em;
cursor: pointer;
}

.wpcf7-not-valid-tip{
margin: -5px 0px 0px -30px !important;
padding: 0px !important;
width: 190px !important;
}

.wpcf7-form input[type="text"], .wpcf7-form textarea {
width: 202px;
background-color: #ffffff;
border-radius: 4px;
border: 1px #d7dfe7 solid;
margin: 0px 0px 10px 0px;
}



		/* FOURTH WIDGET - WHAT OUR CUSTOMERS ARE SAYING */
.widget h4.title {
font-size: 13px;
font-weight: bold;
color: #e1e7ed;
background-color: #ab0614;
line-height: normal;
margin: 0px;
padding: 8px 12px;
}

.widget .title-img-v2 {
float: left;
margin: 0px 10px 0px 0px;
}

.widget p {
font-size: 12px;
line-height: normal;
}

.hi-light {
color: #c40414;
}

.sub {
line-height: 16px;
margin: 0px;
padding: 0px;
}



	/*** SERVICES SUB PAGE - GENERAL TOWING ***/
.page-title {
border-bottom: 1px #d7dfe7 solid;
margin: 0px 0px 15px 0px;
}

.page-title h1 {
font-size: 40px;
color: #505b67;
text-transform: uppercase;
float: left;
margin: 0px;
padding: 0px;
}

ul.sub-menu {
width: 800px;
font-family: Arial;
font-size: 21px;
font-weight: bold;
color: #7c8997;
float: right;
margin: 0px;
padding: 14px 0px 0px 0px;
}

ul.sub-menu li {
float: left;
margin: 0px 0px 0px 26px;
}

ul.sub-menu li:first-child {
margin: 0px;
}

ul.sub-menu li a.active, ul.sub-menu li a:hover, ul.sub-menu li.current_page_item a {
color: #c40414;
}

span.sub-menu2{
	color: #c40414;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin: 0px;
	float: left;
	margin: 14px 0px 0px 26px;
}

	/* FEATURED */
.featured {
border-bottom: 2px #d7dfe7 solid;
margin: 0px;
padding: 30px 0px;
}

.featured:first-child {
padding-top: 0px;
}

.featured .left-block {
width: 324px;
float: left;
overflow: visible;
}

.featured .right-block {
width: 332px;
float: right;
}

ul.featured {
border-bottom: 0px;
margin: 0px;
padding: 0px;
}

ul.featured li {
background-position: 0px 15px;
background-repeat: no-repeat;
border-bottom: 2px #d7dfe7 solid;
margin: 0px;
padding: 10px 0px 10px 110px;
}

ul.featured li h1 {
color: #505b67;
text-transform: uppercase;
margin: 0px 0px 6px 0px;
}

ul.featured li:hover h1 a {
font-weight: normal;
color: #c40414;
}


ul.featured li a.link {
color: #c40414;
}
	
		/* LINK ONE */
ul.featured li.one {
background-image: url(images/img-25.jpg);
}

ul.featured li:hover.one {
background-image: url(images/img-25-active.jpg);
}

		/* LINK TWO */
ul.featured li.two {
background-image: url(images/img-26.jpg);
}

		/* LINK THREE */
ul.featured li.three {
background-image: url(images/img-27.jpg);
}

		/* LINK FOUR */
ul.featured li.four {
background-image: url(images/img-28.jpg);
}

		/* LINK FIVE */
ul.featured li.five {
background-image: url(images/img-29.jpg);
}

		/* LINK SIX */
ul.featured li.six {
background-image: url(images/img-30.jpg);
}

		/* LINK SEVEN */
ul.featured li.seven {
background-image: url(images/img-31.jpg);
}



















/*** FOOTER ***/
#footer-wrap {
min-width:1024px;
width:expression(document.body.clientWidth < 1024? "1024px": "auto" );
background-color: #a2b1c2;
}

#footer {
width: 982px;
font-size: 12px;
margin: 0px auto;
padding: 25px 0px;
}

#footer h1.title {
font-family: league-gothic;
font-weight: normal;
font-size: 30px;
color: #505b67;
}

	/* CONTACT BLOCK */
.contact-block {
width: 236px;
float: left;
}

.contact-block h1.title {
background-image: url(images/hr-v1.jpg);
background-position: 0px bottom;
background-repeat: no-repeat;
}

	/* SOCIAL LINKS */
ul.social-links li {
margin: 0px 0px 8px 0px;
}

ul.social-links li img {
vertical-align: bottom;
}

	/* FOOTER MENU */
.footer-nav {
width: 403px;
float: left;
margin: 0px 0px 0px 30px;
}

.footer-nav h1.title {
background-image: url(images/hr-v2.jpg);
background-position: 0px bottom;
background-repeat: no-repeat;
}

	/* SITE LINKS */
ul.site-links {
width: 236px;
font-size: 14px;
font-weight: bold;
color: #a2b1c2;
line-height: 35px;
float: right;
background-color: #505b67;
border-radius: 5px;
margin: 0px;
padding: 10px;
}

ul.site-links li a {
color: #a2b1c2;
}

ul.site-links li img {
vertical-align: middle;
}

	/* COPYRIGHT */
#copyright-wrap {
width: 100%;
background-color: #505b67;
}

#copyright {
font-size: 12px;
width: 982px;
color: #a2b1c2;
text-align: center;
margin: 0px auto;
padding: 4px 0px;
}

#copyright a {
color: #a2b1c2;
}

















/*** SPLASH PAGE ***/
#splash-header-wrap {
min-width:1024px;
width:expression(document.body.clientWidth < 1024? "1024px": "auto" );
height: 110px;
background-image: url(images/splash-header-bg.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 5px 0px;
}

.ns-logo {
text-align: center;
margin: 14px 0px 0px 0px;
padding: 0px;
}

#splash-content {
width: 942px;
margin: 0px auto;
padding: 10px 0px;
}

h1.call {
font-family: Arial;
font-size: 36px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
text-align: center;
line-height: 36px;
margin: 0px;
padding: 0px;
}

h1.call .sub {
font-size: 12px;
color: #a2b1c2;
display: block;
}

ul.site-hub li {
width: 181px;
color: #ffffff;
text-align: center;
float: left;
margin: 0px 0px 0px 60px;
}

ul.site-hub li:first-child {
margin: 0px;
}

ul.site-hub li h1 {
font-size: 36px;
color: #a2b1c2;
text-transform: uppercase;
}

ul.site-hub li p {
color: #ffffff;
}

ul.site-hub li:hover h1 {
color: #c40414;
}

#splash-footer-wrap {
min-width:1024px;
width:expression(document.body.clientWidth < 1024? "1024px": "auto" );
min-height: 150px;
background-color: #2b323a;
background-image: url(images/splash-footer-bg.jpg);
background-repeat: repeat-x;
}

#splash-footer-wrap #footer {
color: #a2b1c2;
text-align: center;
padding: 10px 0px;
}

#splash-footer-wrap #footer a {
color: #a2b1c2;
}




.h10px{
	height: 10px;
}








/***** MENU DROP-DOWN *****/
#pixopoint_menu_wrapper1{
	float: left;
	width: 755px;
	overflow: visible !important;
}

#pixopoint_menu1{
	float: left;
	position:absolute;
	overflow: visible !important;
}


 
/* Top level Unordered list */
ul#suckerfishnav{
	overflow: visible !important;
	list-style:none;
	float:left;	
	width: 755px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	clear: both;
	padding: 3px 0px 0px 0px;	
}
 
ul#suckerfishnav li{
	overflow: visible !important;
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	margin: 0px 0px 0px 15px;
}
ul#suckerfishnav li li, ul#suckerfishnav li li li{
	overflow: visible !important;
	margin: 0;
}
ul#suckerfishnav li:first-child {
	overflow: visible !important;
	margin: 0px;
}

ul#suckerfishnav li a{
	overflow: visible !important;
	color: #ffffff;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0px;
	padding: 3px 5px;
}

ul.children li a{
	overflow: visible !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 6px !important;
	white-space: nowrap;
}


 
/* Style the link hover */
ul#suckerfishnav li:hover a {
	overflow: visible !important;
	background: #40474f; /*#444;*/
	/*
	border-top:1px solid #777;
	border-bottom: 1px solid #000;
	border-right:1px solid #666;
	*/
}

ul#suckerfishnav li ul li a{
	border-top:1px solid #777;
	border-bottom: 1px solid #000;
	border-right:1px solid #666;
	
	color: #ffffff !important;
	background-color: none !important;
}

 
/* Displays the link as blocks. */
ul#suckerfishnav li ul a {
	overflow: visible !important;
	display:block;
}
 
/* sub menus!!  */
 
ul#suckerfishnav ul {
	overflow: visible !important;
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:0;
	min-width:200px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
}
 
ul#suckerfishnav li ul {
	overflow: visible !important;
	top:27px; /* Positioning:Calc with top level horz list height */
	/*-moz-box-shadow:0 2px 10px #000; */ /* CSS 3 */
}
 
ul#suckerfishnav ul ul {
	overflow: visible !important;
	top:0;
	left:100%; /* Position the sub menus to right. */
}
 
ul#suckerfishnav ul li {
	overflow: visible !important;
	float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul#suckerfishnav ul,
ul#suckerfishnav li:hover ul ul,
ul#suckerfishnav ul li:hover ul ul{ 
	overflow: visible !important;
	display: none; 
}

 
/* Display the submenus only when li are hovered */
ul#suckerfishnav li:hover ul,
ul#suckerfishnav ul li:hover ul ,
ul#suckerfishnav ul li ul li:hover ul{ 
	overflow: visible !important;
	display: block;
}
 
ul#suckerfishnav li * a:hover {
	/* Change color of links when hovered */
	border-bottom:1px solid #ffdf15;
	border-top:1px solid #ffdf15;
	color: #ffdf15;
	overflow: visible !important;
}

ul#suckerfishnav li a:hover, ul#suckerfishnav li a.active, ul#suckerfishnav li.current_page_item a, ul#suckerfishnav li.current_page_ancestor a {
	color: #ffdf15;
	background-color: #40474f;
	overflow: visible !important;
}