/*  
Theme Name: MOTOLOOK Theme
Theme URI: http://www.motolook.com
Description: Designed by WISSAMAN.
Version: 1.0	
 */

div.crop {
height: 800px;
width: 740px;
overflow: hidden;
/* border: red 1px dashed; */
}

div.crop iframe {
margin: -133px 0px 0 -23px;
}

body {
font : 12px/18px "Arial", Verdana, sans-serif;
background-image: url(images/back.png);
background-repeat:repeat-x;
background-color : #00303f;
color : #666;
}

.clear {
clear : both;
}
.clearer {
clear : both;
display : block;
margin : 0;
padding : 0;
height : 0;
line-height : 1px;
font-size : 1px;
}
img {
border : 0;
}
img.left {
float : left;
margin : 2px 20px 16px 0;
}
img.right {
float : right;
margin : 2px 0 16px 20px;
}
img.across {
margin : 2px 0 16px 0;
}
img.flushleft {
margin-left : -20px;
}
img.flushright {
margin-right : -20px;
}
#omniture, #top {
position : absolute;
top : 0;
}
#container {
width : 740px;
margin : 0 auto;
position : relative;
}
.line {
width : 600px;
height: 1px;
background-image: url(images/line.gif);
margin:20px 0 30px 0;
}
.line2 {
width : 600px;
height: 1px;
background-image: url(images/line.gif);
}
#main {
width : 100%;
position : relative;
}
#content {
padding : 0px 0px;
position : relative;
color : #333;
}
#breadcrumb {
clear : both;
text-align : center;
margin : 18px auto;
clear : both;
font-size : 10px;
color : #686868;
}
.column {
display : inline;
float : left;
}
.grid2cola .column.first {
width : 730px;
}
.grid2cola .grid2col .column {
width : 740px;
}
.grid2cola .grid2col .grid2col .column {
margin-left : 0;
}
.grid2cola .column.last.sidebar {
width : 296px;
}
.column.first, .column.last {
margin-left : 0 !important ;
}
.column.last {
float : right !important ;
}
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

a {
color : #f05;
}
a:link, a:visited, a:active {
text-decoration : none;
}
a:hover {

}
strong, b {
font-weight : bold;
}
em, i {
font-style : italic;
}
sup {
padding-left : 1px;
font-size : 10px !important ;
font-weight : normal !important ;
vertical-align : baseline;
position : relative;
bottom : 0.33em;
color : #76797c;
}
abbr {
border : 0;
}
.sosumi {
font-size : 10px !important ;
color : #76797c;
}
p {
margin-bottom : 18px;
margin-top : 0px;
}
h1 {
font-weight : bold;
font-size : 24px;
line-height : 36px;
margin-bottom : 22px;
}
h3 {
font-weight : bold;
font-size : 1em;
line-height : 18px;
}
h4 {
font-weight : bold;
font-size : 10px;
line-height : 18px;
}
p.intro {
font-weight : bold;
}
.more {
text-align : right;
}
ul {
margin-bottom : 18px;
list-style : none;
}
ol {
margin-bottom : 18px;
list-style : decimal;
margin-left : 2.2em;
}
ul.square, ul.circle {
margin-left : 2em;
}
ul.square {
list-style : square;
}
ul.circle {
list-style : circle;
}
ul ul.circle, ul ul.square {
margin-top : 4px;
margin-bottom : 5px;
}
ol.sosumi {
margin-left : 0;
padding-left : 2em;
}
.last {
margin-bottom : 0;
}
#main .sidebar {
font-size : 10px;
line-height : 18px;
color : #686868;
}
#main .callout {
font-size : 11px;
line-height : 18px;
margin-bottom : 18px;
}
.piped {
display : block;
}
.piped:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.piped li {
float : left;
display : inline;
}
.piped a {
border-left : 1px solid #797c80;
padding : 0 0 0 0.75em;
margin-left : 0.75em;
}
.piped a.first {
border-left : 0 !important ;
padding-left : 0;
margin-left : 0 !important ;
}
#globalfooter .gf-buy {
float : left;
width : 60%;
margin : 18px 0 9px;
}
#globalfooter .gf-links {
float : right;
margin : 18px 0 9px;
}
#globalfooter .gf-links a {
padding : 0 10px;
white-space : nowrap;
}
#globalfooter .gf-links a.last {
padding-right : 0;
width : auto !important ;
}
#globalfooter {
width : 740px;
color : #888;
font-size : 10px;
margin : 18px auto;
padding-bottom : 36px;
text-align : left !important ;
}
#globalfooter a {
color : #f05;
}
#globalfooter p {
margin-bottom : 1em;
}
#globalfooter p.gf-buy {
float : left;
width : 52%;
margin : 18px 0 9px 3px;
}
#globalfooter ul.piped a {
padding : 0 0 0 1.5em;
margin-left : 1.5em;
border-left : 1px solid #d0d0d0;
}
#globalfooter .gf-links {
float : right;
margin : 18px 3px 9px 0;
}
#globalfooter .gf-sosumi {
clear : both;
width : 100%;
border-top : 1px solid #ddd;
padding-top : 9px;
}
#globalfooter .gf-sosumi a {
padding : 0 0px;
}
#globalfooter .gf-sosumi p {
float : left;
margin-left : 3px;
}
#globalfooter form {
margin : 18px 10px;
}
#globalfooter .search-wrapper {
margin : 0 auto;
}
#globalfooter .search-wrapper input.prettysearch {
margin-left : 10px;
}
#globalfooter ul.piped a.contact_us {
padding-right : 1.5em;
border-right : 1px solid #d0d0d0;
}
#globalfooter ul.piped a.choose {
margin-left : 0;
border : 0;
}
#globalfooter ul.piped a.choose img {
vertical-align : middle;
margin-top : -5px;
position : relative;
}
a {
color : #ccc;
}
a:hover {
color : #fff;
}
sup, .sosumi {
color : #76797c;
}

#content {
color : #a8a8a8;
}
#content h3, #content p.intro {
color : #555555;
}
#main .sidebar {
color : #ccc;
}
#content {
clear : both;
width : 740px;
/*margin : 0 0 2.9em;
margin:0 -20px 0 -20px;
padding : 0px -20px 0;*/
background : #fff url(images/bgshadow.gif) no-repeat 0 0;
}
.bottom {
position : relative;
width : 980px;
height : 40px;
top : 4px;
margin : 0 -20px;
background : url(images/bgbottom.png) no-repeat left bottom;
}
#content.plain {
background : #fff;
padding-top : 0;
}

#main #localnav h1 a {
display : block;
position: absolute;
width : 186px;
height : 22px;
text-indent : -99999px;
margin-top:0px;
margin-left:0px;
background : url(images/moto-look_logo.png) no-repeat 0 0;
position : relative;
outline : none;
cursor : pointer;
}

#main #localnav a.buynow {
float : right;
margin : 8px 5px 2px;
}
#main #localnav ul {
float : right;
margin : 9px 0 0;
padding : 0 0 1.17em;
height : 18px;
}
#main #localnav ul li {
display : inline;
margin-left : 1.2em;
}
#main #localnav ul li a {
padding-bottom : 16px;
text-decoration : none;
font-size : 12px;
color : #999;
outline : none;
}
#main #localnav ul li a:hover {
color : #f05;
}

#main #localnav ul li.highlight a {
color : #f05;
}

#main #localnav ul.overview {
clear : both;
float : none;
padding : 1em 5px 2em;
margin : 0;
text-align : right;
background : #fff url(images/bgtopleft.gif) no-repeat 0 0;
position : relative;
}

#content {
color : #555;
}
#main h1 {
font-weight : normal;
color : #333;
margin-bottom : 0.5em;
}
#main h1 span {
color : #666;
}
#main h2 {
font-size : 14px;
font-weight : bold;
color : #555555;
margin : 0 0 0.8em;
text-transform: uppercase;
}

#main h2 span {
color : #ff0055;
}
#main h3 {
font-size : 14px;
margin-bottom : 0.2em;
}
#main h3, #main h4, #main strong, #main p.intro {
color : #333;
}
#main h1 a, #main h2 a, #main h3 a, #main h4 a {
text-decoration : none;
}
#main div.center {
text-align : center;
}
#main span.nowrap {
white-space : nowrap;
}
#main hr {
height : 1px;
font-size : 1px;
margin : 18px 0 0;
color : #ccc;
background : none;
border : none;
border-top : 1px solid #ccc;
}
#main img.left.icon {
margin-bottom : 5px;
margin-right : 10px;
}
#main img.right.icon {
margin-bottom : 5px;
margin-left : 10px;
}
#main img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
#main a {
color : #000;
}
#main a:hover {
color : #f05;
}
#content .sidebar {
margin : -1.4em 0 1em;
font-size : 12px;
background : url(images/downbg.gif) repeat-y 0 0;
}
#content .grid2cola .sidebar {
margin-top : 0;
background : none;
}

#content .sidebar img.across {
margin : -0.4em 0 1.6em;
}
#content .sidebar div.box {
padding : 0 16px 1px;
margin : 0 0 1.6em;
color : #666;
background : #eee url(images/sidebar_bgbottom.gif) no-repeat 0 100%;
}
#content .sidebar div.box h2 {
padding : 1em 16px 0.6em;
margin : 0 -16px;
font-size : 14px;
background : url(images/sidebar_bgtop.gif) no-repeat 0 0;
}
#globalfooter.gf-980 {
color : #aaa;
}
#globalfooter.gf-980 .gf-sosumi {
border-color : #7a7a7a;
}
#globalfooter.gf-980 .gf-buy a, #globalfooter.gf-980 .gf-links a, #globalfooter.gf-980 .gf-sosumi a {
color : #dbe0de;
}
#globalfooter #directorynav a {
color : #aaa;
}
#globalfooter #directorynav h3 {
color : #ccc;
}
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs a {
color : #ccc;
}
#globalfooter #breadcrumbs a:hover {
color : #fff;
}
#main #localnav ul.overview {
display : none;
}
#main #content .headerimage {
margin : 0px;
}
#main #content p.byline {
margin : -0.6em 0 0.9em;
color : #333;
font-weight : bold;
}
#main #content p.caption {
margin-top : -16px;
color : #333;
font-size : 9px;
padding : 6px 0 0;
line-height : 1.3em;
}
#main h1 {
color : #000;
padding-bottom:10px;
padding-left:5px;
}
#main h1 span {
color : #666;
}
#main #content .sidebar {
font-size : 11px;
}
#main #content .sidebar h2 {
font-size : 12px;
}
#main #content .sidebar h4 {
font-size : 11px;
}

h2{
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
}

.locations h2 a:link,
.locations h2 a:visited{
text-decoration:none;
}

#maryland,
#new-york,
.switchboard{
width:430px;
}

#maryland{
float:left;
margin-left:20px;
}

.locations{
border-top:1px solid #c8c9be;
}
.locations div{
position:relative;
}
.locations h2{
margin:1.667em 0 0;
}
.locations h2 a img{
width:110px;
height:110px;
float:left;
margin:0 20px 10px 0;
}
.locations p.location-data{
font-size:0.813em;
line-height:1.539em;
font-style:italic;
color:#78796e;
margin:0 0 0.769em;
}
.locations p{
font-size:0.813em;
line-height:1.539em;
margin:0 0 3.077em;
}
.locations p span.street-address{
display:block;
}
.locations p a span{
display:inline;
}

/*  
SLIDER	
 */
 
#slider {
    width: 740px; /* important to be same as image width */
    height: 260px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 740px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 740px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none; margin: 0; padding: 0;}