/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  E-Mail: ibrar@freemanhollan.com
*/


/* <BASIC STRUCTURE> */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:#fefefe url('images/bg.jpg') repeat-x;
 color:#fff;
}

a{color:#03a8de}
a:hover{text-decoration:none}
.clear{clear:both}
.left{float:left}
.right{float:right}
.width140px{width:180px; font-size:11px; color:#fff}
.imgmargin{margin:10px; margin-left:15px}
h1{color:#fff}
h3{font-size:15px; color:#fff; margin-bottom:2px}
h4{font-size:15px; font-weight:normal}

/* </BASIC STRUCTURE> */

 /********************************************
   WRAPPER
********************************************/ 

#wrapper { 
 margin: 0 auto;
 width: 900px;
}

 /********************************************
   HEADER
********************************************/ 

#header {
 width: 890px;
 color: #333;
 padding: 10px 0 10px 0;
 height: 71px;
 margin: 10px 0px 5px 0px;
}

#header img{position:absolute; border:0px; z-index:100000}
#map{background:url('images/map.png');height: 48px; width: 281px; padding:10px}

 /********************************************
   NAVIGATION
********************************************/ 

#navigation {
width: 869px;
color: #fff;
padding:0 10px;
margin: 0px 0px 5px 0px;
background:url('images/nav.png');
font-family:"Trebuchet MS";
height:36px;
position:relative;z-index:1001;
}

#navbar {
font-family:trebuchet MS;
font-size:14px;
}

#navbar li {
list-style: none;
float: left; 
position:relative;/*set containing block for sub ul*/
}

#navbar li a {
display: block;
height:36px;
line-height:36px;
padding: 0 28px;
color: #fff;
text-decoration: none; 
}

#navbar li ul {
position:absolute;
width:117px;
left:0;
top:100%;
margin-left:-999em;/*hide the sub ul*/
padding:4px;
font-size:12px;
background-color:#333436;
border-left:1px solid #5f6160;
border-right:1px solid #5f6160;
border-bottom:1px solid #5f6160;
z-index:10000;
}

#navbar ul li {
float: none;
display:block; 
}

#navbar ul li a {
line-height:normal;
height:auto;
}

#navbar ul li a:hover, #navbar li a:hover {
color:#03a8de; 
}

#navbar li:hover ul, #navbar li.hover ul {
margin:0;/*show the sub ul*/
}
	
 /********************************************
   CONTENT
********************************************/ 

 /******************************************** TOP ********************************************/ 

#top-content{ 
 width: 887px;
 color: #fff;
 margin: 0px 0px 5px 0px;
 padding: 4px 0 0 0;
 overflow:hidden;
 float:left;
 height:356px;
}

 /******************************************** CONTENT WRAP ********************************************/ 

#content-wrap, #cross-bg{ 
 overflow:hidden;
 float:left;
 line-height:14px;
 margin-bottom:5px;
 font-family:"Trebuchet MS";
 padding:40px 5px 20px 30px;
 width:852px;
}

#content-wrap{ 
 background:#353637 url('images/content-bg.jpg') repeat-x;
}

#cross-bg{ 
 background:url('images/cross.jpg') repeat;
 height:356px;
}

#faceof-bg{ 
 background:url('images/faceofbackground.jpg') repeat;
 height:356px;
 overflow:hidden;
 float:left;
 line-height:14px;
 margin-bottom:5px;
 font-family:"Trebuchet MS";
 padding:40px 5px 20px 30px;
 width:852px;
}

#cross-bg h1, #content-wrap h1{ 
font-family:"Trebuchet MS";
font-size:25px;
margin-bottom:13px;
font-weight:normal;
}

#locateretailer{
 background:url('images/retailer.png'); 
 height:309px;
 padding:10px;
 width:163px;
 margin-top:40px; 
}

#locateretailer h1{
font-size:26px;
line-height:29px;
text-align:center;
margin-top:40px
}

#locateretailer h1 span{
color:#0eb2e8;
}

#locateretailer h3{
color:#0eb2e8;
margin-bottom:6px;
}

#locateretailer ul{
margin:15px; line-height:18px}

#locateretailer ul a{color:#fff}
#locateretailer ul a:active{color:#0eb2e8}

#storefinder{
 width:631px;
 margin-top:37px;
}

.regionbox{
 background:url("images/stockist-bg.png") repeat scroll 0 0 transparent;
 float:left;
 height:85px;
 margin-right:27px;
 padding:11px 0 13px;
 text-align:center;
 width:170px;
 margin-bottom:18px;
}

.regionbox h2{
 margin-top:0;
}

.regionbox p{
 margin-top:5px;
}

.termsconditions{margin-top:80px; margin-left:8px}
#loumolloyproducts{width:651px;}
#loumolloyproducts h1{margin-bottom:25px; line-height:1.5em}

#productdiv{
 float:left;
 height:290px;
 margin:auto;
 padding-bottom:10px;
 width:188px;
 margin-right:29px;
}

#productdiv p{
 margin-left:1px;
 font-size:14px;
 line-height:17px;
}

#productdiv span{
 color:#0eb2e8
}

#productdiv img{
 border:0 none;
 margin-bottom:15px;
 float:right;
}

 /******************************************** GALLERY ********************************************/ 

#gallery{
 margin:40px 11px 0 0;
 width:629px;
}

#gallery img{
 height:122px;
 width:131px;
 margin:0 17px 0 0;
 border:1px solid #333
}

#gallerydiv{
 float:left;
 line-height:16px;
 text-align:center;
 width:131px;
 margin-right:22px;
 height:198px
}

 /******************************************** SURVEY ********************************************/ 

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1000px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 27%;
	width:512px;
	padding: 16px;
	background:url('images/light-box.png');
	z-index:1002;
	overflow: auto;
}

.tabs{
height:29px;
text-align:right;
width:514px;
margin-top:10px;
}
 
#page-2, #page-3, #page-4{
display:none
}

.question{border:1px solid #474747;padding:10px;width:490px; margin-bottom:15px}
.question span{font-size:14px; color:#03a8de; font-weight:bold}
.radio-buttons{vertical-align:middle; width:40px; border:0; background:none}

.button-next{background:url("images/next.jpg") repeat scroll 0 0 transparent;
width:74px;
height:28px;
cursor:pointer;}

.button-finish{background:url("images/finish.png") repeat scroll 0 0 transparent;
height:26px;
width:72px;
cursor:pointer;}

.button-submit{background:url("images/submitform.png") repeat scroll 0 0 transparent;
height:26px;
width:72px;
cursor:pointer;}


 /******************************************** ADMIN ********************************************/ 

#login{width:300px;}
#login fieldset{width:300px; padding:10px}
#login ul{margin-left:0;padding-left:20px;}
#login li{list-style: none; padding-bottom:5px;}
#login label{float:left; width:100px;}

#adminsidebar{
 padding:10px 13px 10px 10px;
 width:227px;
 border:1px solid #c0c0c0;
 margin-right:12px;
}

#adminsidebar ul{
 margin:17px;
 line-height:16px
}

#breadcrumb {
 margin-bottom:15px;
}

.row0{background-color:#ddd; color:#000;}

table{font-weight:normal}

table td{padding:4px;}

th{
background:none repeat scroll 0 0 #03a8de;
color:#000;
padding:4px 5px 4px 6px;
text-align:left;
}

.th-company{width:85px;text-align:left}
.th-web{width:190px;text-align:left}
.th-discount{width:84px;text-align:left}
.th-redeem{width:272px;text-align:left}

.td-company{border-bottom:1px solid #666}
.td-web{border-bottom:1px solid #666}
.td-discount{width: 84px;border-bottom:1px solid #666;padding:10px}
.td-redeem{width: 272px;text-align:left;border-bottom:1px solid #666}

.adminbutton{
 float:right; 
 margin-right:14px;
 width: 60px; 
 padding:3px; 
 cursor:pointer
}
 /******************************************** LATEST CELEB ********************************************/ 

#latestceleb,#latestceleb div {
 width: 211px;
 height: 351px;
 position:relative;
}

#latestceleb div {
 position:absolute;
 top:0;
 left:0;
 padding:8px; 
 width: 195px; 
 background:url(images/latestceleb.png);
 z-index:999;
 height: 335px;
}

#latestceleb div h3{
color:#03a8de;
font-size:16px;
margin-bottom:4px;
}

#latestceleb div h4{
color:#03a8de;
font-size:16px;
margin-top:260px
}

#latestceleb div h4 span{
color:#fff
}

#latestceleb div p{
font-size:13px
}

 /******************************************** PRODUCT OF THE WEEK ********************************************/ 

#productoftheweek{
 width: 668px; 
 height: 360px
}

#productoftheweek p{
font-size:14px;
margin-bottom:4px
}

.product{position:absolute; z-index:1000; padding:15px}
.product img{margin-top:4px; border:0px}


 /******************************************** VIEW PRODUCTS ********************************************/ 

#viewproducts{
 width:470px;
 margin-right:49px;
 margin-top:-400px
}

#viewproducts .product{
margin-top:6px;
position:relative;
height:23px;
padding:19px 0 18px 0;
}

.googlecart-add-button{
margin-top:15px
}

.mainimage{margin-right:15px;width:301px;height:402px; border:3px solid #3f3f3f}
.blueheading{color:#03a8de; margin-top:23px}
.productthumbnails{margin-top:38px}

.productthumbnails img{
 width:70px;
 height:71px;
 border:1px solid #3f3f3f;
}

 /******************************************** CONTACT FORM ********************************************/ 

#contact-form {
 width:590px;
 margin-top:10px;
}

.contact-form-left li, .contact-form-right li{
margin-bottom:2px;
list-style:none;
}

 /******************************************** MIDDLE ONE ********************************************/ 

#middle-one-content{ 
 width: 887px;
 color: #333;
 overflow:hidden;
 float:left;
 height:70px
}

#faceofloumolloy { 
 width: 367px;
 color: #fff;
 background: url('images/new-face.jpg');
 padding: 10px;
 height: 47px;
}

#beseen { 
 width: 367px;
 color: #fff;
 background: url('images/beseen.png');
 padding: 10px;
 height: 47px;
}

#beseen img{
 position:absolute;
 margin-top:-13px;
 margin-left:259px;
}

#signup { 
 width: 475px;
 color: #fff;
 background: url('images/signup.jpg');
 padding: 10px;
 height: 47px;
}

#signup ul{ 
 margin-top:5px;
 list-style:none
}

#signup li{ 
 width: 179px; font-size:11px;display:inline;
}

input{
 border: none;
 background: #FFF;
 width: 165px;
}

.rounded {
 background:  url(images/email.png) no-repeat left top;
 padding:0 5px; 
 width: 202px;
 height: 28px;
 line-height:28px;
 margin-left:5px;
 color:#a5a5a5;
 font-size:11px;
}

.submit {
 background:  url(images/submit.png) no-repeat left top;
 padding: 5px;
 width: 75px; 
 height: 28px;
 margin-left:2px;
 float:right;
 cursor:pointer
}

 /******************************************** MIDDLE ONE ********************************************/ 

#middle-two-content{ 
 width: 887px;
 color: #333;
 padding: 4px 0 0 0;
 overflow:hidden;
 float:left;
 height:190px
}

#offer-1 { background: url('images/offer-1.png');}
#offer-2 { background: url('images/offer-2.png');margin: 0px 0px 5px 6px;}
#offer-3 { background: url('images/offer-3.png');margin: 0px 0px 5px 0px;}
#offer-1, #offer-2, #offer-3 {line-height:20px;  padding: 117px 10px 10px 10px; height: 56px; width: 272px; color: #fff;}
#offer-1 a, #offer-2 a, #offer-3 a{font-size:12px; font-weight:bold}

 /******************************************** BOTTOM ********************************************/ 

#bottom-content{ 
 width: 887px;
 color: #333;
 padding: 10px 0 0 0;
 height:85px;
 background: url('images/bottom-bg.png');
 color:#fff
}

#bottom-content ul
{
  margin-left:10px;
  margin-top:7px;
  list-style:none;
  float:left
}

#bottom-content a
{
color:#fff;
}

.ul169px{width:169px}
.ul126px{width:126px}

#followus{margin:5px}
#followus h3{font-size:16px; margin-bottom:2px}
#followus img{margin:3px; border:0px}

 /********************************************
   FOOTER
********************************************/ 

#footer { 
 width: 900px;
 color: #000;
 margin: 0px 0px 10px 0px;
 padding: 10px 0 0 0;
 font-family:"Arial Rounded MT Bold"
}

.post-title h2{margin:20px 0;}