- no
tags are needed. If you want to have a
different background/style when you are actually ON the page then you need to make your
menu an editable region and use
menu item with no link
*/
.vertmenu a{ text-decoration:none; text-align:left;
background-image: url(http://www.connecthairextensions.com/images/menuOFF.gif); background-repeat:no-repeat;
color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
font-weight: normal;
display:block; width:213px; height:30px; line-height: 30px; padding-left: 17px; }
.vertmenu a:hover { background-image: url(http://www.connecthairextensions.com/images/menuON.gif); background-repeat:no-repeat;
color:#FF0000;
}
.vertOFF { text-decoration:none; text-align:left;
background-image: url(http://www.connecthairextensions.com/images/menuSELECT.gif); background-repeat:no-repeat;
color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
font-weight: normal;
display:block; width:213px; height:30px; line-height: 30px; padding-left: 17px; }
/* -------------------------------- TEXT STYLES ----------------------------------------- */
.smenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8b8b8d; line-height: 200%; margin-top:50px;
}
.smenu a:link {color:#8b8b8d; text-decoration:none; }
.smenu a:visited {color:#8b8b8d; text-decoration:none; }
.smenu a:hover {color:#83CC34; text-decoration:underline; cursor:pointer; }
.smenu a:active {color:#8b8b8d; text-decoration:none;
}
.footermenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
.footermenu a:link {color:#ffffff; text-decoration:none; }
.footermenu a:visited {color:#ffffff; text-decoration:none; }
.footermenu a:hover {color:#FFFF00; text-decoration:underline; cursor:pointer; }
.footermenu a:active {color:#ffffff; text-decoration:none;
}
.headerquote { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; font-style:italic;
}
.buy { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #2e342a;}
.larger {font-size:16px;line-height:130%;font-weight:bold;}
.price {font-size:18px;line-height:130%;font-weight:bold;color:#333333;margin-top:5px;}
.colourpad {margin-right:5px;margin-top:5px;}
.msg { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; line-height:130%; font-weight:bold; font-style:italic; }
#container {
width: 100%;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(http://www.connecthairextensions.com/images/container-bg.gif);
background-repeat: repeat-x;
min-height: 100%;
}
#main { width: 100%;
overflow:auto;
padding-bottom: 102px;} /* must be same height as the footer */
#flashbox {
height: 280px;
width: 990px;
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
}
#headerbox {
width: 990px;
margin-right: auto;
margin-left: auto;
height: 120px;
}
#maincontent {
height: auto;
min-height: 450px;
width: 990px;
margin-right: auto;
margin-left: auto;
margin-top: 22px;
background-image: url(http://www.connecthairextensions.com/images/hairbg.gif);
background-position: center top;
}
#logobox {
float: left;
height: 120px;
width: 254px;
text-align: left;
}
#toprightbox {
float: right;
height: 120px;
width: 736px;
text-align: right;
}
#footerbar {
height: 30px;
width: 990px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #666666;
line-height: 30px;
}
#menubox {
height: 40px;
width: 990px;
margin-right: auto;
margin-left: auto;
text-align:left;
}
#footerbox {
width: 990px;
text-align:center;
height: 100px;
clear: both;
margin-right: auto;
margin-left: auto;
}
#bannerbox {
height: 240px;
width: 990px;
margin-right: auto;
margin-left: auto;
background-image: url(http://www.connecthairextensions.com/images/banner-bg.gif);
background-repeat: repeat-x;
}
#header {
height: 120px;
width: 100%;
background-image: url(http://www.connecthairextensions.com/images/topbg.gif);
background-repeat: repeat-x;
}
#menuholder {
height: 40px;
width: 100%;
background-image: url(http://www.connecthairextensions.com/images/menubg.gif);
}
#footerholder {
height: auto;
width: 100%;
margin-top: 102px;
background-color: #555854;
clear:both;
position: relative;
margin-top: -102px; /* negative value of footer height */
}
#homeL {
float: left;
height: 330px;
width: 230px;
background-color: #e8e9e9;
background-image: url(../images/homelbg.gif);
background-repeat: no-repeat;
background-position: top;
padding: 10px;
}
#homeR {
float: right;
height: auto;
width: 142px;
}
#homecentre {
float: left;
height: auto;
width: 498px;
margin-left: 50px;
margin-right: 50px;
}
#right {
float: right;
height: auto;
width: 142px;
}
#compright {
float: right;
height: auto;
width: 155px;
}
#rightmenu {
float: right;
height: auto;
width: 145px;
}
#logoline {
float: left;
height: 50px;
width: 990px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
#content {
float: left;
height: auto;
width: 798px;
}
#gallerycontent {
float: left;
min-height:300px;
height: auto;
width: 798px;
padding-top:50px;
}
#footerboxL {
float: left;
width: 550px;
text-align: left;
line-height: 30px;
height: 60px;
}
#footerboxR {
float: right;
height: 60px;
width: 440px;
text-align: right;
}
#footercards {
line-height: 40px;
float: left;
height: 33px;
width: 990px;
padding-top: 7px;
}
#bannerL {
float: left;
height: 240px;
width: 670px;
}
#bannerR {
float: right;
height: 220px;
width: 320px;
background-position: right top;
padding-top: 20px;
}
.hairbox {
background-image: url(http://www.connecthairextensions.com/images/hairbox-bg.gif);
background-repeat: repeat-x;
height: 64px;
width: 290px;
border: 1px solid #FFFFFF;
padding: 5px;
margin-top: 10px;
line-height: 64px;
}
#menuboxL {
float: left;
height: 40px;
width: 758px;
}
#menuboxbasket {
float: left;
height: 30px;
width: 170px;
padding-top: 5px;
padding-bottom: 5px;
text-align:right;
}
#menuboxR {
float: right;
height: 33px;
width: 50px;
padding-top:7px;
text-align: right;
line-height: 35px;
color:#FFFFFF;
text-align:right;
}
#tradebox {
height: auto;
width: 142px;
margin-top: 10px;
}
#asseenbox {
float: left;
height: auto;
width: 142px;
margin-top: 10px;
border-top:#a4a8a1 1px solid;
padding-top: 5px;
}
#featpbox {
float: left;
height: auto;
width: 142px;
margin-top: 10px;
border-top:#a4a8a1 1px solid;
padding-top: 5px;
text-align:center;
}
#breadbox {
line-height: 20px;
text-align: left;
float: left;
height: 20px;
width: 990px;
margin-bottom: 10px;
}
.homehairbox {
width:90px;
height:150px;
text-align:center;
float:left;
padding:5px;
margin-top:20px;}
.homehairbox img {margin-bottom:5px;}
#prodL {
text-align: left;
float: left;
height: auto;
width: 620px;
}
#prodR {
float: right;
height: auto;
width: 370px;
text-align: right;
}
#prodLbottom {
float: left;
height: auto;
width: 580px;
margin-top: 10px;
}
#colourbox {
background-color: #FFFFFF;
float: right;
height: 195px;
width: 248px;
border: 1px solid #ABA6A6;
font-size: 16px;
color: #4C5646;
font-weight: bold;
line-height: 75%;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 10px;
}
.picboxholder {width:580px; float: left;
height: auto; margin-top:20px;}
#colourbutton {float: left;
height: auto;}
#demovideo {float: left;width:620px;
height: auto;}
#idealwith {float: left;width:620px;
height: auto;margin-top:20px;margin-bottom:20px;}
.picbox {
float: left;
height: auto;
width: 290px;
text-align:left;
}
#categoryholder {
float: left;
height: auto;
width: 990px;
}
.categorybox {
float: left;
height: 280px;
width: 330px;
margin-bottom: 20px;
}
.categorytop {
text-align: center;
float: left;
height: 250px;
width: 330px;
}
.categorybottom {
line-height: 30px;
text-align: center;
float: left;
height: 30px;
width: 330px;
margin-top: 10px;
}
#categorytext {
float: left;
height: auto;
width: 850px;
margin-bottom: 20px;
padding-right: 70px;
padding-left: 70px;
}
.categoriesbox {
float: left;
height: 280px;
width: 247px;
margin-bottom: 20px;
}
.categoriestop {
text-align: center;
float: left;
height: 250px;
width: 247px;
}
.categoriesbottom {
text-align: center;
float: left;
height: 30px;
width: 247px;
margin-top: 15px;
font-weight: bold;
}#tradeloginboxholder {
height: 150px;
width: 300px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/tradeloginmain.gif);
background-repeat: no-repeat;
margin-top: 50px;
}
#tradelogintop {
font-size: 18px;
line-height: 30px;
color: #FFFFFF;
text-align: center;
float: left;
height: 30px;
width: 300px;
}
#tradeloginbottom {
float: left;
height: 100px;
width: 260px;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
color: #2A2C28;
}
#reqpassboxholder {
height: 150px;
width: 300px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/tradeloginmain.gif);
background-repeat: no-repeat;
}
#reqpassboxmsg {
height: 50px;
width: 990px;
margin-bottom: 50px;
text-align: center;
}
.gallerycatbox {
text-align: center;
float: left;
height: 270px;
width: 199px;
}
.gallerycatimage {
text-align: center;
float: left;
height: 250px;
width: 199px;
}
.gallerycattitle {
line-height: 20px;
text-align: center;
float: left;
height: 20px;
width: 199px;
}
#basketoptions {width:990px;height:40px;float:left;}
#basketlog {width:490px;height:40px;float:left;}
#basketbutton {width:500px;height:40px;float:right;text-align:right;}
.homeprodbox {
text-align: left;
float: left;
height: 87px;
width: 230px;
margin-top: 10px;
}
.homeprodbox img {border:1px #ffffff solid;float:left;margin-right:15px;}
.outstock {color:#FF0000;font-size:18px;}
.big
{
font-weight: bold;
font-size:18px;
}
.medium
{
font-weight: bold;
font-size:14px;
}
#trainingcourses {float:left; width:798px;line-height:200%;}