/*

	Shoppit css customisation

*/

*
{
padding: 0em;
margin: 0em;
}

html
{
height:100%;
width:100%;
}

#advert
{
   width:100%;
   height: 20px;
padding-top:2px;
   color:#fff;
   background-color:#B6B824;
font-size:9pt;
}
#advert a
{ color:#fff; }

#removeadvert
{
position:relative;
top:-15px;
left:-3px;
float:right;
}

body
{
/* set page background here.. */
background: #000000 url('images/pagebg.png');
/* set body margins here - so we can move content away from top and bottom edges*/
margin:0px;

}

/*  always restirct yourself to defining font in one place*/

body
{
font-size: 10pt;
font-family: Arial, Verdana, sans-serif;
color: #fff;
}

input
{
font-size: 10pt;
font-family: Arial, Verdana, sans-serif;
color: #000;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color:#fff;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


.contentarea
{
padding-top: 1.3em;
}

#upper
{
width:747px;
height:23px;
margin:0 auto;
background: url(images/top_row.png) top left no-repeat;
padding-top:2px;
font-size:11px;
}
#upper table
{
width:100%;
text-align:center;
}


#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 747px;
margin:0px auto;
height:100%;
}

h3
{
height:25px;
background: url(images/h3_bg.png) top left no-repeat;
font-size:12px;
padding-left:30px;
padding-top:4px;
text-align:left;
}

#header
{
position: relative;
width: 747px;
height: 265px;
/* this is usually the big main page header graphic */
background: #2B2B2B url('images/appleheader_new.gif') no-repeat;
margin-bottom: 8px;
margin-top:8px;
overflow:hidden;
}

#headercontent
{
position:relative;
width:100%;
text-align:left;
padding: 0px;
padding-top:36px;
padding-left:30px;
}




/* the all important product search css */

#search
{
height:35px;
width:276px;
position:absolute;
background:url(images/searchbg.png) top left;
top:200px;
left:50px;
}
#search table
{
margin-top:9px;
margin-left:15px;
}
#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
padding: 0.15em;
width: 204px;
font-size:11px;
color:#333;
height:10px;
}

#search input.submit
{
border: none;
background: url(images/searchbutton.png) center no-repeat;
height:25px;
width:24px;
}

/*  end of search css */


#menu
{
position: relative;
/* could set a nice menu bg here */
/* background: #7F8400 url('images/menubg.gif') repeat-x top left; */
margin-top:20px;
margin-bottom:20px;
}
#menu td
{
text-align:center;
}
#menu a
{
vertical-align:middle;
text-decoration:none;
}

#contenthead
{
background: url(images/content_head.png) no-repeat top left;
width:747px;
height:33px;
}
#content
{
background: url(images/content_bg.png) top left;
width:747px;
}

#primarycontainer
{
width:520px;
margin-left:5px;
}

#primarycontent
{
/*margin: 1.5em 22.0em 0em 0em;*/
}

#prodcontainer
{
width:100%;
}

.product
{
position:relative;
padding:0px;
margin:0px;
width:244px;
height:266px;
float:left;
background: url(images/featured_bg.png) no-repeat center;
margin-bottom:15px;
margin-left:16px;
margin-right:0px;
}

.product a
{
color:#880000;
}
.productimg
{
position:absolute;
top:43px;
left:30px;
width:184px;
border-bottom:solid 2px #ddd;
}
.productname
{
position:absolute;
top:15px;
left:20px;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#fff;

}
.productname_results
{
position:absolute;
top:10px;
left:15px;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#B6B824;
}
.productstars
{
position:absolute;
top:50px;
left:175px;
}
.productprice
{
position:absolute;
top:218px;
left:30px;
font-size:20px;
font-weight:bold;
font-family:veranda;
color:#2E2E2E;
}
.recentp
{
width:100%;
text-align:center;
}
.recentp img
{
padding:5px;
}
.recentp a
{
text-decoration:none;
}
.price
{
color:#B6B824;
font-family:verdana;
}

.productdesc
{
text-align:justify;
width:185px;
position:absolute;
top:177px;
left:30px;
font-size:11px;
color:#2E2E2E;
}

.addtobasket
{
position:absolute;
top:215px;
left:130px;
width:88px;
height:18px;
background: url(images/add_to_cart.gif) no-repeat;
display:block;
text-decoration:none;
}

.productdetails
{
position:absolute;
top:235px;
left:130px;
width:63px;
height:18px;
background: url(images/details.gif) no-repeat;
display:block;
text-decoration:none;
}

#basketinfo
{
width:206px;
height:59px;
background: url(images/basket_info.png) no-repeat;
margin-top:4px;
padding-top:14px;
padding-left:12px;
color:#000;
font-size:11px;
font-weight:bold;
}

#basketinfo a
{
position:relative;
top:-1.0em;
color:#fff;
text-decoration:none;
}
#basketinfo a:hover
{
text-decoration:underline;
}

/* Category stuff */
.categoryhead
{
color:#b81306;
font-weight:bold;
line-height:20px;
}
/* styling for the category ul */
.categorylinks
{
margin: 0; padding: 0; list-style-type: none; 
margin-top:6px;
margin-left:20px;
}
.categorylinks li
{
width:180px;
height:18px;
background: url(images/category_bg.png) 1px 2px no-repeat;
}
.categorylinks a
{
padding-left:20px;
line-height:20px;
text-decoration:none;
}
.categorylinks a:hover
{
text-decoration:underline;
}
/* End of category stuff */

#footer
{
position: relative;
height: 121px;
width:747px;
clear: both;
background: #fff url('images/footer_bg.png') no-repeat;
font-size: 0.8em;
margin-bottom:10px;
}
#footer a
{
color:#B6B824;
}


#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.4em;
}

#footer .right
{
text-align:right;
position: absolute;
right: 2.0em;
bottom: 1.4em;
}

#corp
{
position:absolute;
top:70px;
left:220px;
text-align:center;
font-size:12px;
padding-bottom:10px;
line-height:20px;
}
#corp a
{
color:#B6B824;
}

.popularhead
{
padding-left:20px;
font-weight:bold;
color:#fff;
}

.popularlinks
{
margin: 0; padding: 0; 
list-style-type: none; 
margin-top:6px;
}
.popularlinks a
{
padding-left:20px;
line-height:20px;
text-decoration:none;
color:#fff;
}
.popularlinks a:hover
{
text-decoration:underline;
}


/* search results css */
.result
{
position:relative;
padding:0px;
margin:0px;
width:519px;
height:132px;
margin-left:4px;
margin-bottom:10px;
background: url(images/resultbg.gif) center;
color:#2e2e2e;
}
.result a
{
color:#880000;
}
.result_productimg
{
position:absolute;
top:32px;
left:15px;
border: solid 1px #CCCCCC;
width:105px;
}

.result_productdesc
{
position:absolute;
top:35px;
left:140px;
font-size:12px;
text-align:justify;
padding-right:25px;
}
.result_productstars
{
position:absolute;
top:10px;
left:450px;
}
.result_productprice
{

position:absolute;
top:84px;
left:140px;
font-size:12px;
font-weight:bold;
color:#000;
text-align:right;
}

.result_addtobasket
{
position:absolute;
top:105px;
left:140px;
width:88px;
height:21px;
background: url(images/add_to_cart.gif) no-repeat;
display:block;
text-decoration:none;
}

.result_productdetails
{
position:absolute;
top:105px;
left:240px;
width:63px;
height:20px;
background: url(images/details.gif) no-repeat;
display:block;
text-decoration:none;
}

.resultsHeader
{
padding-top:15px;
width:100%;
text-align:center;
font-size:13px;
color:#fff;
margin-bottom:5px;
}

/* subcategory */

.subcats
{
margin: 10px;
}

/* special offers */
#nooffers
{
padding-top:10px;
width:100%;
text-align:center;
}
#nooffers h1
{
font-size:14px;
}
#nooffers h3
{
background: url(noimage.jpg);
color:#f00;
margin:10px;
font-size:14px;
}


#prodName
{
padding-left:15px;
font-size:14px;
font-weight:bold;
line-height:24px;
}

#prodDesc
{
padding-left:15px;
text-align:justify;
padding-right:10px;
font-size:11px;
}

.reviewtitle
{
font-size:10px;
}
.detailsprice
{
font-size:16px;
vertical-align:bottom;
color:#c00;
font-weight:bold;
}

.detailsrrpprice
{
font-size:14px;
vertical-align:bottom;
color:#000;
font-weight:bold;
text-decoration:line-through;
}

.lightboxlink
{
text-decoration:none;
}

/* contact page styles */
#divAddress h1
{
  
  font-size:15px;
  font-weight:bold;
}
#divAddress p
{
  font-size:12px;
}

#divForm
{
margin-top:30px;
}
#divForm input
{
font-size:12px;
}
#divForm h1
{
  
  font-size:15px;
  font-weight:bold;
}
.mybtn
{
background-color:#B6B824;
color:#fff;
font-weight:bold;
position:relative;
left:-25px;
}

.siteinfo
{
padding:10px;
font-size:11px;
}
.siteinfo h1
{
  font-size:15px;
  font-weight:bold;
  line-height:24px;
padding-bottom:15px;
}

.subcatsdiv
{
margin:0 auto;
text-align:center;
width:530px;
background-color:#B6B824;
padding:5px;
padding-top:10px;
padding-bottom:10px;
}

.roundedtr
{
background-color:#fff;
color:#2e2e2e;
}
.roundedtr a
{
color:#B6B824;
}