﻿/* HTML Elements */
html,body 
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size:16px;
}
a
{
	text-decoration:none;
	color:#000000;
}
img{border:0px;}

/* Category Listings */
.categoryList
{
}
.categoryList li
{
	width:130px;
	height:121px;
	border:solid 1px #E7A000;
	float:left;
	margin:10px;
}
.categoryList .tc
{
	margin:3px 10px 3px 10px;
}
.categoryList li a
{
	display:block;
}
.categoryList li .name
{
	background:url('images/categorybg.png') repeat-x;
	border-top:solid 1px #E7A000;
	text-align:center;
	height:21px;
	overflow:hidden;
}
.categoryList li .hl:hover
{
	color:#F99206;
}


/* Product View */
#productView
{
	padding:0 0 0 5px;
}
.frontImage
{
	width:547px;	
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
}
.frontImage .imgBox{border:solid 1px #CCCCCC; background-color:#FBFBFB;  padding:20px; margin-right:10px;}
.frontImage .imgBox img{border:solid 1px #939598;}

#dtImages{margin:5px 45px 0 45px;}
#dtImages .dtImageBox{width:120px; height:120px; border:solid 1px #CCCCCC; background-color:#FBFBFB; padding:5px;}
#dtImages .dtImageBox img{border:solid 1px #939598; margin:auto;}
#dtImages .dtImageBox img:hover{border-color:#3366DD;}
.infoBox
{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-bottom:solid 1px #939598;
	border-left:solid 1px #939598;
	padding-right:15px;
}
.itemInfoHead
{
	font-size:20px;	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.itemInfo
{
	font-size:16px;	
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:30px;
}
.itemPrice
{
	font-size:18px;	
	text-align:center;
	margin-top:20px;
	margin-bottom:0px;
}
.thumbView
{
	cursor:pointer;
}
.productItemInfoCaption
{
	width:80px;
}
/* */

/* home page */
#homegoc{width:100%;}
#homegoc .topBox{border:solid 2px #939598;margin:2px;height:185px;overflow:hidden;text-align:center;float:left;}
#homegoc .toptext{float:left; text-align:center; width:180px;}
#homegoc .toptext .point{background:url('images/tick1.png') no-repeat center top;font-size:15px;padding:2px;padding-top:20px;line-height:1.2em;margin-top:4px;}
#homegoc .heading1{font-size:20px;text-align:center;margin:0;padding:1px;}
/* */


/* Ids */
#topcontent{padding:0px;}
#topcontent .item{float:left;background-image:url('images/tick1.png');background-repeat:no-repeat;padding-left:25px;font-size:1.2em;}

#headLogo{margin:5px 0 5px 300px;}
#headLogo a{display:block;}
#headLogo img{border-style:none;}

#topMenu{margin:0; padding:0;}
#topMenu .trolley{float:left; border:solid 1px #E7A000; width:178px; height:45px; padding:2px 3px 2px 2px; margin:-23px 5px 0 0;background:#FBDAAB url('images/bgs/trolleybg.png') repeat-x;}
#topMenu .trolley a{display:block;cursor:pointer;}
#topMenu .trolley .itext{font-size:14px; color:#F6A237; font-weight:bold; float:left; margin-right:2px;}
#topMenu .trolley .ttext{font-size:12px; float:left;}
#topMenu .item{float:left; border:solid 1px #E7A000; width:85px; height:22px; padding:2px 5px 2px 5px; margin-left:-1px; text-align:center;background:#FBDAAB url('images/bgs/topmenubg.png') repeat-x;}
		
#drmenu{background:url('images/topmenu/downarrow.png') no-repeat right center; cursor:pointer; padding-right:14px;}
#drmenu:hover{background:url('images/topmenu/uparrow.png') no-repeat right center; cursor:pointer; padding-right:14px;}
#drmenu .welcome{cursor:pointer; width:175px; height:22px; overflow:hidden;}
#drmenu  ul{margin: 0;padding: 0 0 5px 0;position: absolute;visibility: hidden;border-top: 1px solid white; position:absolute; z-index:1000;}
#drmenu ul li{display:block; border:solid 1px #939598; width:199px; padding:2px; margin:-1px 0 0 -6px; background:#FEFEFB url('images/bgs/topmenubg.png') repeat-x;}
#drmenu ul li a{ font-size:14px; margin-left:5px;}
#drmenu ul li:hover{background:#86C90E;}

#picons{ padding:5px; margin-left:220px;}
#picons .item{ float:left; margin-right:3px;}

#loginbox{background-color:#FFFFFF;border:solid 1px #E7A000;}
.info li{list-style-image:url('images/tick0.png');margin-left:20px;margin-top:5px;}
#loginbox .createaccount{	padding:15px;}
#loginbox .login{padding:15px;}
#loginbox .title{font-family:Arial;font-size:16px;font-weight:bold;padding-top:10px;padding-bottom:10px;color:#262626;}
#loginbox .caption{font-size:14px;color:#262626;}
#loginbox .tb{display:block;height:20px;width:300px;border:solid 1px #557F9B;background-color:White;padding:2px;}


#container{margin:auto;width:970px;padding:0px;}

#footMenu{}
#footMenu .item{float:left; border:solid 1px #E7A000; width:85px; padding:2px 5px 2px 5px; margin-left:-1px; text-align:center; background:#FEFEFB url('images/bgs/topmenubg.png') repeat-x;}
                
#lmcolumn{width:178px;margin-right:12px;float:left;}
#contentcolumn{width:780px;float:left;margin-bottom:115px;}
#footercolumn{width:780px;margin-left:191px;position:relative;}
#footercolumn .dragup{margin-top:-100px;position:absolute;}

#steps{font-size:15px;margin:5px 0 0 120px;}
#steps .arr{background:url('images/steps/arr.png') no-repeat;width:160px; height:35px;float:left;margin:0 10px 0 0px;padding:5px 0 0 0;text-align:center;}
#steps .arrselect{background:url('images/steps/arrselect.png') no-repeat;width:160px; height:35px;float:left;margin:0 10px 0 0px;padding:5px 0 0 0;text-align:center;}

#cardList{width:100%;margin:5px;}
#cardList .top{width:100%; text-align:center; padding:5px;}
#cardList h1.heading{font-size:18px;font-weight:normal;display:inline;text-align:center;}

#cardList .cardListing{ }
#cardList .cardListing li{float: left;width:220px;height:250px;margin:5px 15px 25px 15px;}
#cardList .cardListing li .cardImg{width:220px; height:220px; border:solid 1px #CCCCCC; background-color:#FBFBFB; display:block; position:relative; overflow:hidden;}
#cardList .cardListing li .cardImg:hover{border:solid 1px #3366DD;}
#cardList .cardListing li .cardImg a{display:block; width:220px; height:220px;}
#cardList .cardListing li .cardImg img{border:solid 1px #939598; display:block; margin:10px auto; position:relative;}

#cardList .cardListing li .cardTitle{margin-top:5px;}
#cardList .cardListing li .cardTitle a{color:#3366DD; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px;}
#cardList .cardListing li .cardTitle a:hover{ text-decoration:underline;}
#cardList .cardListing li .price{font-family:Arial,Verdana,Helvetica,sans-serif;color:#262626; font-size:12px; margin-top:3px;}


/* Classes */
.headingBox{width:100%; text-align:center; padding:5px; margin:0 0 20px 0;}
h1.heading1{font-size:22px;font-weight:normal; display:inline; line-height:2.0em;}
h1.heading2{font-size:16px;font-weight:normal;text-align:center; padding:0; margin:0;}

.hseparator{border-bottom:solid 2px #939598; height:2px; width:780px;}
.clear{clear:both;}
.floatl{float:left;}
.topMenu1{height:60px;text-align:center;}
.topMenu2{text-align:center;height:27px;}
.errorDiv{color:Red;font-size:16px;font-weight:bold;}
.small{text-align:center;font-size:12px;}
.updateProgress{position: absolute;background-color: #fff;filter: alpha(opacity=70);MozOpacity: 0.7;opacity: 0.7;padding: 0px;margin: 0px;}
.link{color:#006CA9;font-family:Arial;}
.link:hover{color:#F99206;}
.noborder{border-style:none;}

.tdetails{margin:10px 0;}
.tdetails .botbox{margin:-2px 0 45px 360px;border:solid 2px #939598;width:70px; height:20px; font-size:15px; cursor:pointer; text-align:center;}
.tdetails .botbox:hover{height:21px; padding-top:1px;}
.tDetailsText{height:2px;overflow: hidden;text-align: center;top: 1px;width: 772px;font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color:#262626;}


/* buttons */
.btndiscount{background:url('images/btn/btnapplydiscount.png') no-repeat;width:95px;height:27px;cursor:pointer;}
.btviewcard{background:url('images/btn/btnvc.png') no-repeat;width:50px;height:15px;cursor:pointer;display:block;}
.btviewgift{background:url('images/btn/btnvg.png') no-repeat;width:50px;height:17px;cursor:pointer;display:block;}

.btngreen1{background:url('images/btn/btngreen1.png') no-repeat;border-style:none;width:84px;height:29px;cursor:pointer;font:normal 13px Tahoma; color:#262626;}
.btngreen1:hover{background-position:left bottom;}

.btngreen2{background:url('images/btn/btngreen2.png') no-repeat left top;border-style:none;width:164px;height:29px;cursor:pointer;font:normal 13px Tahoma; color:#262626; text-align:center;}
.btngreen2:hover{background-position:left bottom;}

.btngreen3{background:url('images/btn/btngreen3.png') no-repeat;border-style:none;width:134px;height:34px;cursor:pointer;font:normal 13px Tahoma; color:#262626; text-align:center;}
.btngreen3:hover{background-position:left bottom;}

.btnbrown4{background:url('images/btn/btnbrown4.png') no-repeat;border-style:none;width:94px;height:24px;cursor:pointer;font:normal 13px Tahoma; color:#262626; text-align:center;}
.btnbrown4:hover{background-position:left bottom;}
