/* CSS Document :: Joanna Wallis :: by F2B.co.uk ----------------------------------------------------------------------*/

/* main elements -------------------------------------------------------------------------------------------------------------*/
body {
    font-size: 0.7em;
    line-height: 1.166;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p {
    /*color:#B2AA97;*/
    padding: 0;
    font-size: 1em;
    line-height:1.3em;
    margin: 0px 0px 15px 0px;
}

img, form { border: 0; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, form, img, div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
select {font-size: 1em;}

a {
    color:#9A8F7E;
    text-decoration:none;
}

a:hover {
    text-decoration:none;
    color: #FFFFFF;
}

/*label { margin-left:10px; }*/

/* structural/layout elements ------------------------------------------------------------------------------------------------*/
#container {
    width:990px;
    margin-left: auto;
    margin-right: auto;
    background:#000000;
}

#header {
     padding-top: 15px;
     height: 95px;
}

#topLeftNav {
    width:316px;
    float:left;
}


#topRightNav {
    width:301px;
    float:right;
    padding-right: 10px;
}

#topRightBasket {
    color:#9A8F7E;
    margin-top: 20px;
    text-align: right;
    font-size: 0.9em;
}

#topRightBasket a { font-weight: bold; }

#footer {
    clear:both;
    width:957px;
    background-color:#2F2F28;
    height:1.3em;
    margin: 0px 0px 0px 10px;
    padding: 3px 8px 3px 8px;
    font-size:0.9em;
}

#footerLeft {
    width:557px;
    float:left;
}

#footerRight {
    width:400px;
    float:left;
}

#footer #footerRight li {
    list-style:none;
    float:right;
    padding: 0px 5px 0px 10px;
    color:#9A8F7E;
}

#footer ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#footer li {
    list-style:none;
    float:left;
    padding: 0px 10px 0px 5px;
    color:#9A8F7E;
}

#footer a.selected { color:#FFFFFF; }

/* navigations ------------------------------------------------------------------------------------------------------------- */
#topLeftNav ul {
    padding: 2px 0 0 20px;
    margin: 0 0 0 0;
}

#topLeftNav li {
    font-size:0.9em;
    list-style:none;
    padding:0 0 0.6em 0;
}

#topLeftNav li a.selected { color:#FFFFFF; }

#topRightNav img { display: block; }

#topRightNav ul {
    padding: 2px 0px 0px 0px; 
    margin: 10px 0px 0px 0px;
}

#topRightNav li {
    font-size: 0.9em;
    list-style:none;
    padding: 0px 0px 0.4em 20px;
    float:right;
}

#topRightNav li a.selected { color:#FFFFFF; }

#rightContent a, #fullwidthContent a { 
    color: #FF5175; 
    font-weight: bold;
}

#rightContent a:hover, #fullwidthContent a:hover { color: #000000; }




/* CONTENT AREA */
#lampsContainer {
    clear:both;
    width:990px;
    background: #000 url(../images/lampsBG.jpg) top left no-repeat;
}

/*#col696 {*/
#col753 {
    float:left;
    /*width:671px;*/
    width: 728px;
    margin: 0px 0px 0px 25px;
    _margin-left: 0px;
    _padding-left: 25px;
    padding-bottom: 20px;
}

#col753 img						{border: 1px solid #49483E; margin:0 10px 10px 0;}		
#col753 li                      {color:#9A8F7E;}

#fullwidthContent div#contentarea {
    width: 958px;
    margin: 0px 0px 0px 25px;
}

#fullwidthContent div#contentarea h1 {
    width: 958px;
}

h1, h2#prodHeading {
    /*width:590px;*/
    background-color:#49483E; 
    text-align:center;
    color: #FFFFFF;
    padding:0.4em 0px 0.4em 0px;
    font-size:0.9em;
    margin: 12px 0px 12px 0px;
    width:648px;
}

#leftNav {
    float:left;
    width:230px;
}

#rightContent {
    float:left;
    width:760px;
    font-size:1em;
}

#leftNav ul {
    width: 205px;
    padding: 2px 0 7px 0px;
    margin: 8px 0px 0px 20px;
    border-bottom: 1px solid #49483E;
}

#leftNav li {
    font-size:0.9em;
    list-style:none;
    padding: 0px 0px 0.6em 0px;
    color: #FFFFFF;
}

#leftNav ul#superCatNav li a { color: #FF5175; }
#leftNav ul#superCatNav a.selected, #leftNav ul#superCatNav li a:hover {
    color: #FFFFFF;
    font-weight: bold;
}	

#leftNav ul#left-categories li a {
    color: #9A8F7E;
    font-weight: normal;
    background: url('images/left-categories-bullet.gif') no-repeat 0px 3px;
    padding-left: 10px;
}
#leftNav ul#left-categories li a.selected, #leftNav ul#left-categories li a:hover { 
    color: #FFFFFF; 
    background: url('images/left-categories-bullet-over.gif') no-repeat 0px 3px;
}


#rightContent h1 {
    width: 728px;
    background-color:#49483E;
    text-align:center;
    color:#fff;
    padding:0.4em 0 0.4em 0;
    font-size:0.9em;
    margin: 12px 0 12px 0;
}

#rightContent ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

h2 {
    font-size: 1em;
    color: #000000;
    margin-bottom: 5px;
}


#layleft {
    float:left;
    width:272px;
}

#layright {
    float:right;
    width: 436px;
    background: #FFFFFF;
    padding: 10px 10px 10px 10px;
}

#layright p { color: #000000; }




/* miscellaneous tags ------------------------------------------------------------------------------------------------------ */
.fl { float:left; }
.fr { float:right; }
.cb {
    clear:both;
    height: 0px;
    font-size: 0%;
    line-height: 0%;
}
.white { color:#fff; }
.black { color:#000; }

.block												{display:block;}
.inline												{display:inline;}
.clearfix:after 									{content: "."; height:0; visibility: hidden; display: block; clear: both}
.clearfix 											{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix 									{height: 1%; display: block; }
/* End hide from IE-mac */ 

.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.noBorder { border: none !important; }
.whiteBg { 
    background: #FFFFFF; 
    padding: 10px;
}
.whiteBg p { color: #000000; }

.small { 
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #777777 !important; 
}

.button {
    background:#211E1A;
    padding:5px;
    font-weight:bold;
    display:block;
    float:right;
    margin-left:5px;
    font-size:0.9em;
    text-align:center;
}

p.error { color: Red; }

.hr {
    height: 1px;
    background: #CCCCCC;
    width: 100%;
    line-height: 0;
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* SITEMAP */
ul#sitemap li ul li a { font-weight: normal; }



/* FORMS */
.inputForm label {
    margin-left: 0px;
    color: #000000;
}

.inputForm input {
    height:12px;
    padding:4px;
    margin:0px;
    font-size:1em;
    width:222px;
    margin-top:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.inputForm .nowidth input {
    width:auto;
}

.inputForm textarea {
    font-size:1em;
}

.inputForm select,textarea {
    margin-top:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.inputForm select {
    margin-top: 5px !Important;
    display: block;
}

.inputForm div.inputTitle { 
    width: 70px; 
    float: left;
}

.inputForm div.inputFormDiv {
    width: 245px;
    float: left;
    margin-bottom: 15px;
}

#changepwdExisting #changepwdExisting {
    display: block;
    float: none;
}

.button {
    float: none;
    margin-left: 0px;
    margin-top: 0px;
}

a.btn {
    color: White !important;
    font-weight: bold;
    background: #97203D url('images/btn-arrow.gif') no-repeat right;
    height: 17px;
    display: inline-block;
    padding: 3px 30px 0px 10px;
}

a.btn:hover { color: black !important; }

a.actionButton {
    height: 30px;
    display: block;
    margin-bottom: 10px;
}

a.actionButton:hover { background-position: 0px -30px; }

/* contact button */
.contactSendBtn {
    background: url('images/send-button.gif') no-repeat 0px 0px;
    width: 66px;
}

/* basket */
#basketTotals {
    border-collapse:collapse;
    border-top: 1px solid #A0A0A0;
    border-left: 1px solid #A0A0A0;
    margin-bottom: 10px;
    position: relative;
    top: -1px;
    text-align: right;
}

#basketTotals td.basketTotalsLeft { width: 155px; }
#basketTotals td.basketTotalsRight { width: 70px; }

.goToCheckoutBtn {
    background: url('images/go-to-checkout.gif') no-repeat 0px 0px;
    width: 147px;
}

.continueShoppingBtn {
    background: url('images/continue-shopping.gif') no-repeat 0px 0px;
    width: 172px;
}

/* change password */
.changePwdBtn {
    background: url('images/change-password.gif') no-repeat 0px 0px;
    width: 167px;
}

/* login */
.createAccountBtn {
    background: url('images/create-account.gif') no-repeat 0px 0px;
    width: 151px;
}

/* CONTENT FORMATS */
#col753 img.flimg { 
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; 
    border: none !Important;
}

#col753 img.frimg { 
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border: none;
}



/* QUOTE */
#quote {
    width: 184px;
    margin-top: 25px;
    background: url('images/quote-bg.png') repeat-x;
    _background-image: url('images/quote-bg.jpg');
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#quote-text {
    background: url('images/quote-marks.png') no-repeat;
    _background-image: url('images/quote-marks.jpg');
    color: #FFFFFF;
    padding-top: 5px;
}

#quote p {
    padding-left: 30px;
}

#quoteCaption {
    color: #C4C4C4;
}
.hide{display:none;}
.abs{position:absolute;}
.rel{position:relative;}