/*

	Shoppit css customisation

*/

*
{
padding: 0em;
margin: 0em;
}

html
{
}

body
{
/* set page background here.. */

/*background: url(images/contentbg.gif);*/
/* set body margins here - so we can move content away from top and bottom edges*/
padding: 0px 0px 0px 0px;
background-color:#000022;
}

#advert
{
   width:100%;
   color:#CCCCFF;
   background:url(images/actionbarbg.gif);
height:15pt;
   margin-bottom:0px;
font-size:9pt;
}
#advert a
{ color:#CCCCFF; }

#removeadvert
{
position:relative;
top:-15px;
left:-3px;
float:right;
}

/*  always restirct yourself to defining font in one place*/

body,input
{
font-size: 10pt;
font-family: Verdana, Arial, sans-serif;
color: #CCCCFF;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color:#CCCCFF;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

.contentarea
{
padding-top: 1.3em;
}


#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: 965px;
/*background: url(images/contentbg.gif);*/
background-color:#111133;
margin:0px auto;
}

#header
{
position: relative;
width: 550px;
height: 104px;
/* this is usually the big main page header graphic */
background: url('images/newheaderback.jpg') repeat-x;
z-index:0;
}

td.smallHeader
{
	text-align:right;
	align:right;
	vertical-align:bottom;
	width:550px;
	height:104px;
}


#flowertopright
{
position:absolute;
left:596px;
}

#headercontent
{
width:100%;
padding: 0px;
background: url(images/lefthead.gif) no-repeat 0px 30px;
height:264px;
}

.title
{
height:21px;
background: url(images/titlebg2.gif) no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size:13px;
padding-left:25px;
padding-top:1px;
font-weight:normal;
margin-left:12px;
}

#actionbar
{
width:965px;
margin:0 auto;
height:16px;
/*background: url(images/actionbarbg.gif) repeat-x;*/
text-align:left;
padding-top:5px;
color:#CCCCFF;
font-size:11px;
font-weight:bold;
}
#actionbar input
{
font-size:11px;
color:#333333;
}
#val
{
font-size:11px;
color:#333333;
}

#logoHolder
{
position:absolute;
top:95px;
left:330px;
width:314px;
height:126px;
background: url(images/shopnamebg.gif) no-repeat;
text-align:center;
padding-top:0px;
}

#menu
{
position: relative;
/* could set a nice menu bg here */
background: url('images/menubg.gif') repeat-x top left;
height: 65px;
width:965px;
vertical-align:middle;
}
#menu a
{
text-decoration:none;
display:block;
height: 65px;
}
.nav_home
{
width:148px;
background: url(images/nav_home.gif) no-repeat center;
}


.nav_about
{
width:159px;
background: url(images/nav_aboutus.gif) no-repeat center;
}


.nav_specials
{
width:150px;
background: url(images/nav_special.gif) no-repeat center;
}


.nav_contact
{
width:153px;
background: url(images/nav_contact.gif) no-repeat center;
}


.nav_mybasket
{
width:155px;
background: url(images/nav_basket.gif) no-repeat center;
}


#menubottom
{
background: #CCCCFF url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
width:965px;
height:100%;
}

#leftcolumn
{
float: left;
width: 215px;
background-color:#212163;
z-index:999;
}

#primarycontent
{

}

#primarycontainer
{
float: left;
width:730px;
}

#prodcontainer
{
width:730px;
padding-top:20px;
padding-left:10px;
}

#productcontainer_details
{
width:720px;
padding-top:20px;
padding-left:10px;
/*background-color: #fff;*/
border:solid 0px #314E79;
margin-right:5px;
margin-top:5px;
margin-left:10px;
}

#catdiv
{
margin-left:10px;
}


.relatedproduct
{
position:relative;
padding:0px;
margin:0px;
width:252px;
height:150px;
float:left;
align:center;
text-align:center;

border:solid 0px #314E79;
margin-bottom:6px;
margin-left:8px;
}

.product
{
position:relative;
padding:0px;
margin:0px;
width:230px;
height:150px;
float:left;
background-color: #111133;
border:solid 2px #314E79;
margin-bottom:6px;
margin-left:8px;
}

.product a
{
color:#880000;
}
.productimg
{
position:absolute;
top:32px;
left:15px;
border: solid 0px #CCCCCC;
width:105px;
}
.productname
{
position:absolute;
top:5px;
left:5px;
font-size:11px;
text-decoration:none;
font-weight:bold;
/*background-color:#FFFFFF;*/
color:#FFFFFF;
width:235px;
padding-left:10px;
padding:4px;
}

.relatedproductname
{
position:absolute;
top:5px;
left:5px;
font-size:11px;
text-decoration:none;
font-weight:bold;

color:#FFFFFF;
width:230px;
padding-left:10px;
padding:4px;
}


.productstars
{
position:absolute;
top:40px;
left:140px;
}
.productprice
{
position:absolute;
top:60px;
left:140px;
font-size:16px;
font-weight:bold;
color:#cc1100;
}

.addtobasket
{
position:absolute;
top:90px;
left:140px;
width:88px;
height:16px;
background: url(images/add_to_cart.gif) no-repeat;
display:block;
text-decoration:none;
}

.productdetails
{
position:absolute;
top:110px;
left:140px;
width:88px;
height:16px;
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;
}

/* Optional banner advert */
#pagebanner
{
width:535px;
height:129px;
background: url(images/banner1.jpg) no-repeat;
}
/* */

/* Category stuff */
/* styling for the category ul */
.categorylinks
{
margin: 0; padding: 0; list-style-type: none; 
margin-top:20px;
margin-left:5px;
}
.categorylinks li
{
width:182px;
height:24px;
background: url(images/categorybg.gif) top left no-repeat;
}
.categorylinks a
{
position:relative;
top:-2px;
padding-left:35px;
text-decoration:none;
}
.categorylinks a:hover
{
text-decoration:underline;
}
/* End of category stuff */

#footer
{
position: relative;
height: 45px;
width:965px;
clear: both;

background-color:#cc4488;
font-size: 0.8em;
color:#fff;
}
#footer img
{
  position:relative;
  top:40px;
  left:250px;
}
#footer a
{
	color:#fff;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
text-align:right;
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

#corporate
{
width:100%;
text-align:center;
font-size:10px;
padding-bottom:10px;
line-height:20px;
color:#fff;
}

#subcatsdiv
{
width:90%;
margin:0 auto;

text-align:center;
padding:8px;
}

#populardiv
{
width:100%;
background: url(images/actionbarbg.gif);
paddingleft:10px;
padding-top:10px;
padding-bottom:10px;
}
.popularhead
{
height:17px;
width:77px;
background: url(images/bestsellers.gif) no-repeat;
}

.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;
}



.buletsul
{
list-style:circle;
margin-left:25px;
}



/* search results css */
.result
{
position:relative;
padding:0px;
margin:0px;
width:730px;
height:132px;
margin-left:4px;
margin-bottom:10px;
border:solid 0px #001155;
}
.result_name
{
position:absolute;
top:5px;
left:5px;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#ffffff;
width:712px;
padding-left:10px;
padding:4px;

}

.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;
color:#ffffff;
}
.result_productstars
{
position:absolute;
top:10px;
left:450px;
}
.result_productprice
{

position:absolute;
top:83px;
left:140px;
font-size:12px;
font-weight:bold;
color:#cc0000;
text-align:right;
}

.result_addtobasket
{
position:absolute;
top:105px;
left:140px;
width:88px;
height:16px;
background: url(images/add_to_cart.gif) no-repeat;
display:block;
text-decoration:none;
}

.result_productdetails
{
position:absolute;
top:105px;
left:240px;
width:88px;
height:16px;
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:#ffffff;
}

/* subcategory */

.subcats
{
margin: 10px;
}

/* special offers */
#nooffers
{
padding-top:10px;
width:100%;
text-align:center;
}
#nooffers h1
{
font-size:14px;
}
#nooffers h3
{
color:#8888ff;
margin:10px;
font-size:14px;
}

#prodName
{
padding-left:15px;
font-size:14px;
font-weight:bold;
line-height:24px;
color:#FFFFFF;
}

#prodDesc
{
padding-left:15px;
text-align:justify;
padding-right:10px;
font-size:11px;
color:#FFFFFF;
}

.reviewtitle
{
font-size:10px;
}
.detailsprice
{
font-size:16px;
vertical-align:bottom;
color:#ffffff;
font-weight:bold;
}

.detailsrrpprice
{
font-size:14px;
vertical-align:bottom;
color:#cc0000;
font-weight:bold;
text-decoration:line-through;
}

.lightboxlink
{
text-decoration:none;
}

/* contact page styles */
#divAddress h1
{
  
  font-size:15px;
  font-bold:bold;
}
#divAddress p
{
  font-size:12px;
}

#divForm
{
margin-top:30px;
}
#divForm input
{
font-size:12px;
}
#divForm h1
{
  
  font-size:15px;
  font-bold:bold;
}

#divForm input
{
color:#000;
} 
.mybtn
{
background-color:#C9D6E9;
color:#fff;
position:relative;
left:-15px;
}

.siteinfo
{
padding:10px;
font-size:11px;
}
.siteinfo h1
{
  font-size:15px;
  font-bold:bold;
  line-height:24px;
padding-bottom:15px;
}