/** basic divs **/
body
{
margin:0px;
padding:0px;
font-family: arial;
font-size:0.95em;
background-color:#EAEDDC;
color:#202020;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/bg.jpg);
background-repeat: repeat-x;
background-position: 0px -60px;

}
                                                         
p{
line-height:1.2em;}

#phone{
font-family: Arial;
color:#ffffff;
font-weight:bold;
font-size:18px;
position:absolute;
left:25px;
top:230px;
}

#basket{
position:absolute;
left:730px;
top:280px;
height:30px;
padding:0px;
margin:0px;
margin-left:5px;
float:left;
margin-top:5px;
}

.Home #basket{
top:360px;
}

#basket a{
display:inline;
float:left;
text-decoration:none;
color:#000000;
font-weight:bold;
text-transform: uppercase;
font-size:14px;

width:167px;
padding:5px;
margin-left:10px;
margin-right:10px;
padding-bottom:10px;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/cart.png);
background-repeat: no-repeat;
}

#basket a:hover{
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/cartover.png);
color:#ffffff;
}
#Content
{
width:1000px;
margin:auto;
position:relative;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/bannersmall.png);
background-position: 5px 40px;
background-repeat:no-repeat;
background-color:#ffffff;
}

.Home #Content
{
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/banner.png);
}

#website_branding
{
display:none;
}

#content{
width:625px;
margin-bottom:20px;
}
#mainpage{
float:left;
width:940px;
padding-top:235px;
margin-left:30px;
padding-bottom:40px;
}

.Home #mainpage{
padding-top:315px;

}


#website_container
{
width:1000px;
}

#website_footer
{

width:100%;
text-align:center;
font-weight:bold;
padding-top:0px;
padding-bottom:5px;
color:#000000;
clear:both;
font-family:arial;

background-image: footer.jpg;
}

#foot1{
padding-top:15px;
font-size:95%;
font-weight:normal;
}

#foot2{
padding-top:15px;
font-size:95%;
font-weight:normal;
padding-bottom:15px;
}

#foot3{
margin-top:15px;
background-color:#202020;
color:#ffffff;
padding:5px;
font-size:80%;

font-weight:normal;
}


#global_footer
{
width:1000px;
color:#555;
font-size:90%;
padding-top:20px;
text-align:center;
font-family:arial;
background-color:#EAEDDC;
}

#global_footer a
{
color:#555;
}

#breadcrumb{display:none;}

/** menu code **/
#website_menu
{
width:1000px;
height:30px;
padding:0px;
margin:0px;
margin-left:5px;
float:left;
margin-top:5px;
}

#website_menu ul
{
padding:0px;
margin:0px;
}

#website_menu li
{
list-style-type:none;
padding:0px;
margin:0px;
float:left;
}

#website_menu li a
{
display:inline;
float:left;
text-decoration:none;
color:#ffffff;
font-weight:normal;
font-weight:bold;
font-size:16px;
text-align:center;
letter-spacing:0.06em;
width:167px;
padding:5px;
margin-left:10px;
margin-right:10px;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/menu.png);
background-repeat: no-repeat;
background-position:center;
}

#website_menu li a.current
{
color:#000000;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/menuover.png);
background-repeat: no-repeat;
background-position:center;
}

#website_menu li a:hover
{
color:#000000;
background-image: url(http://79.170.44.116/mazdahoodshop.co.uk/images/menuover.png);
background-repeat: no-repeat;
background-position:center;
}


/** basic HTML **/

h1 {
		margin: 0px 0px 0px 0px;
		padding: 0;
		padding-top:10px;
		padding-bottom:15px;
		font-size: 28px;
		line-height: 34px;
		font-weight: normal;
		color: #2C3D4D;
	}

	
h2
{
font-size:1.4em;
color:#3A90FF;
font-weight:normal;
padding:0px;
margin:0px;
}

h3
{
font-size:1.3em;
color:#1DB6F7;
font-weight:normal;
padding:0px;
margin:0px;
}

ul
{padding-left:00px;
}

li
{
list-style-type:square;
padding:0px;
padding-bottom:5px;

}

a{color:#626262; font-weight:normal;}
a:visited{color:#626262}
a:hover{color:#C0C0C0}



/** news core **/

#image{float:left; margin:10px;margin-right:20px;margin-left:0px;}

.date, .date{
display:none;}

.headline{
font-weight:bold;}

.headline a{
color:#000000;}

#caption{
text-align:center}

/** News Layout 2 **/

.news_layout1 .news_row{
width:250px;
background-color:#cccccc;
float:left;
margin:3px;
}

.news_layout1 .newsimage{
float:left;
width:180px;
}

.news_layout1 #content{
float:left;
width:625px;
}

.layout1_2col_txtimg #content {
float:left;
width:925px;
}



/** News Layout 2 **/

.news_layout2 .news_row{
width:152px;
background-color:#202020;
float:left;
margin:3px;
margin-right:0px;
color:#ffffff;
font-size:80%;
text-align:center;
}
.news_layout2 .headline{
font-weight:bold;
width:154px;
font-size:12px;
letter-spacing:1px;
}

.news_layout2 .headline a{
padding-top:5px;
padding-bottom:5px;
width:152px;
display:block;
text-decoration:none;
color:#ffffff;
}

.news_layout2 .headline a:hover{
background-color:#1DB6F7;
}
.news_layout2 .newsimage{
float:left;
width:152px;
}

.news_layout2 #image{
float:left;
}

.news_layout2 #newsarticles{
clear:both;font-size:0px;}

.news_layout2 .newsimage{float:right;}

.news_layout2 .newsimage img{
border:solid 1px #1C1C1C;
}


.news_layout2 .newsimage img:hover{
background-color:#1DB6F7;
}

.news_layout2 #content{
width:895px;
}

/** News Layout 2 with banner **/
.News_Layout_2_-_Banner #image{
position:absolute;
top:115px;
left:175px;
}

.News_Layout_2_-_Banner h1{
padding-top:185px;
}


/** News Layout 3 **/

.news_layout3 #news{
padding:10px;
width:242px;
}

.news_layout3 .news_row{
background:#202020;
font-weight:bold;
width:242px;
margin-bottom:20px;
color:#ffffff;
}

.news_layout3  #newsarticles {
float:left;
width:242px;
margin-top:50px;
font-size:0px;
}


.news_layout3 .news_article{
font-weight:normal;
font-size:14px;
text-align:center;
font-family:arial;
line-height:30px;

}

.news_layout3 #content{
float:left;
width:625px;
margin-right:50px;
}

.news_layout3 .news_row a{
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
}

.news_layout3 .news_row .image img{
padding:0px;
border:0px;
}

.news_layout3 .headline{
font-weight:bold;
width:242px;
font-size:14px;
letter-spacing:1px;
text-align:center;

}

.news_layout3 .headline a{
padding-top:5px;
padding-bottom:5px;
width:242px;
display:block;
}

.news_layout3 .headline a:hover{
background-color:#1DB6F7;
}

.news_layout3 .newsimage img{
border:solid 1px #1C1C1C;
}


.news_layout3 .newsimage img:hover{
background-color:#1DB6F7;
}


/** News Layout 3 floating on the left**/
.News_Layout_3_-_left #newsarticles {
float:right;
width:190px;
}

.News_Layout_3_-_left #content{
float:right;
width:710px;
}

/** News Layout 3 main image as column on the left**/

.News_Layout_3_-_image_col #image{
position:absolute;
left:0px;
width:148px;
}

.News_Layout_3_-_image_col #content{
padding-left:158px;
width:650px;
}

/** News Layout 5 **/
.news_layout5 .news_row{
width:800px;
background-color:#cccccc;
float:left;
margin:3px;
}

.news_layout5 .newsimage{
float:left;
width:180px;
}

.news_layout5 #image{
float:left;
}

.news_layout5 #newsarticles{
clear:both;}

/** contact **/

label{
    width: 150px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
}



.contactmessage input
{
    width:300px;
}
.contactmessage {
width:670px;}
textarea
{
    width:300px;
    height:200px;
}

.submit
{
    border:solid 1px #ffffff;
    text-align:center;
    float:left;
    width:50px;
}

#submit
{
    padding-left:365px;
}


/** Gallery core **/

.image_row{
width:750px;
background-color:#cccccc;
float:left;
margin:3px;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #313131;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


img {
border:solid 1px #242424;
padding:5px;}

/*shop*/

.gallery #content{
width:895px;
padding-bottom:0px;
margin-bottom:0px;
}

.image_row{
width:242px;
background-color:#cccccc;
float:left;
margin-top:30px;
margin-right:20px;
margin-left:20px;
background-color:#202020;
color:#ffffff;
font-size:80%;
text-align:center;

}



.imagealt{
text-align:center;
color:#ffffff;
width:242px;
padding-bottom:5px;
}

.shoplargecaption{
display:none;
}

.shoplargetitle{
text-align:center;
color:#ffffff;
background-color:#D9EEF2;
border:solid 1px #313131
}

.shopimage .image_row{
width:750px;
background-color:#cccccc;
float:left;
margin:3px;

}

.shopimage{
width:640px;
background-color:#CDE8EF;
padding:10px;
margin-bottom:10px;
font-family: arial;
font-size:15px;
min-height: 200px;
}

.price{
display:none;
}

.shopimage .image{
float:left;
margin-right:30px;
background-color:#ffffff;
}

.shopimage .name{
font-weight:bold;
margin-bottom:10px;
font-size:120%;
}

.shopimage .price{
margin-top:10px;
font-weight:bold;
}

.addtocartbutton{
padding-top:20px;
}


.banner{
position:absolute;
top:280px;
color:#EAEDDC;
width:300px;
font-family:arial;
font-size:14px;
text-align:center;
display:none;
}

.Home .banner{
display:inline;}

.banner a{
color:#EAEDDC;}

.banner a:hover{
color:#1DB6F7;}

#banner1{
left:30px;
}

#banner2{
left:350px;
}

#banner3{
left:675px;
}


.banner h2{
color:#1DB6F7;
font-size:15px;
padding-bottom:7px;
margin-bottom:0px;

}

img{background-color:#ffffff;}

#samples{
float:right;
margin-left:30px;
font-size:110%;
font-weight:bold;
background-color:#cccccc;
padding:7px;
line-height:25px;}

#lightbox img{
padding:0px;
}







