
/* Universal Element */
*{margin:0;padding:0;}
body{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;text-align:center;/* IE 6- Centeralize */}
ul{list-style:none;}
p{margin:10px 0;}
img{border:1px solid white;}
/*Common Class*/
/**text Class***/
.headerTitle{font-size:18px;font-weight:bolder;}
span.headerTitle2{background-color:#E4E4E4;display:block;font-weight:bolder;padding-left:10px;}
div.text{line-height:1.5em;white-space:normal;word-spacing:1px;}
/**color***/
.darkBg{background-color:#EEEEEE;}
/***link***/
a.blink:link,
a.blink:visited,
a.blink:active{color:black;}
a.blink:hover{color:#e20000;}
a.info:link,
a.info:visited,
a.info:hover,
a.info:active{background:transparent url("../images/help.gif") no-repeat left center;color:black;padding:5px 0 5px 20px;}
a.new:link,
a.new:visited,
a.new:active{background:transparent url("../images/btn-addaddress-gary.gif") no-repeat left 2px;color:red;display:block;float:right;height:23px;line-height:20px;padding-top:3px;position:relative;right:22px;text-align:center;text-decoration:none;text-indent:1em;top:4px;width:135px;}
a.new:hover{background-Image:url("../images/btn-addaddress-red.gif");color:white;}
a.goBack:link,
a.goBack:visited,
a.goBack:hover,
a.goBack:active{background:transparent url("../images/red-left.gif") no-repeat left center;display:block;padding-left:13px;text-decoration:none;}
a.linkgray:link,
a.linkgray:visited,
a.linkgray:hover,
a.linkgray:active{color:#888;text-decoration:none;}
a.em:link,
a.em:visited,
a.em:hover,
a.em:active{color:red;}
/**button**/
a.edit,
input.edit{background:transparent url("../images/btn-gary-small.gif") no-repeat center 2px;border:none;color:red;height:25px;text-decoration:none;width:70px;}
input.botton1{background:transparent url("../images/botton_1.gif") no-repeat left;border:none;color:white;height:25px;line-height:25px;width:130px;}
input.pointer:hover{cursor:pointer;}
a.edit:hover,
a:hover input.edit,
input.edit:hover{background-Image:url("../images/btn-red-small.gif");color:white;cursor:pointer;}
a.continueShopping{background:transparent url("../images/continueShopping.gif") no-repeat left top;display:block;height:42px;margin:0 auto;width:180px;}
a.continueShoppingX{background:transparent url("../images/continue-btn1.gif") no-repeat center;display:block;float:right;height:36px;width:190px;}
a.continueShopping:hover{background-position:left -46px;}
input.checkOutX{background:transparent url("../images/checkout-btn1.gif") no-repeat center;border:none;display:block;float:right;height:35px;margin-left:20px;width:130px;}
a:hover input.checkOutX,
input.checkOutX:hover{cursor:pointer;}
input.proceed{background:transparent url("../images/proced.gif") no-repeat left top;border:none;display:block;height:50px;margin-left:250px;position:relative;text-align:center;top:5px;width:120px;}
a.proceed:hover input,
input.proceed:hover{background-position:left -50px;cursor:pointer;}
input.addToCart{background:transparent url("../images/addCart.gif") no-repeat center top;border:none;display:block;height:44px;margin:0 auto;width:180px;}
a:hover input.addToCart,
input.addToCart:hover{background-position:center -44px;cursor:pointer;}
a.buttonx:link,
a.buttonx:visited,
a.buttonx:active{background:transparent url("../images/button-bk.png") no-repeat -5px -6px;color:white;display:block;font:bold 12px Arial;height:45px;line-height:40px;text-decoration:none;width:164px;}
a.buttonx:hover{background-position:-5px -64px;line-height:45px;}



/*******************************************title*************************************************************************************/
div.title{background:transparent url("../images/titlebar.gif") no-repeat center top;height:24px;}
div.title a:link,
div.title a:visited,
div.title a:hover,
div.title a:active{color:black;font-size:11px;margin-right:12px;position:relative;text-decoration:none;top:2px;}
div#account{background-position:center -26px;border-bottom:1px solid #888;}
div#cs{background-position:center -51px;border-bottom:1px solid #888;}
div#ns{background-position:center -77px;border-bottom:1px solid #888;height:27px;}
div#crd{background-position:center -103px;height:45px;}
div#ts{background-position:center -155px;border-bottom:1px solid #888;height:26px;}
div#na,
div#ht,
div#cl{height:26px;line-height:26px;margin-top:3px;text-align:right;}
div#na{background-position:center -182px;}
div#ht{background-position:center -210px;}
div#cl{background-position:center -239px;}
/*******************************************title*************************************************************************************/


/*front title*/
div.frontTitle{background:transparent url("../images/titlebar2.gif") no-repeat 0 top;height:27px;line-height:27px;margin-bottom:3px;text-align:right;}
div.frontTitle a:link,
div.frontTitle a:visited,
div.frontTitle a:hover,
div.frontTitle a:active{color:white;font:bold 12px Arial;position:relative;right:20px;text-decoration:none;top:7px;}
div#hfd{background-position:0 -29px;}
div#rl{background-position:0 -59px;height:35px;}

/*head*/
div#topBar{background-color:#F5F5F5;font-size:13px;font-weight:bolder;height:25px;line-height:25px;position:relative;z-index:2;}
div#topBar ul{position:absolute;right:130px;width:300px;}
div#topBar ul li{float:right;margin-right:10px;}
div#topBar ul li a:link,
div#topBar ul li a:visited,
div#topBar ul li a:active{color:black;text-decoration:none;}
div#topBar ul li a:hover{color:red;}
/**homeLink**/
span.homeLink{padding-left:8px;}
span.homeLink a:link,
span.homeLink a:visited,
span.homeLink a:active{color:#888;font-weight:bolder;text-decoration:none;}
span.homeLink a:hover{color:red;}













/***Product List*****/

ul.proList{padding:0;}
ul.proList .nGR{margin-right:0;}
ul.proList li{border:1px solid #888;display:block;float:left;height:185px;margin-bottom:5px;margin-right:0px;width:161px;}
ul.proList li.rightFeature{height:150px;margin:0 0 2px 0;overflow:hidden;width:156px;}
ul.proList li.rightFeature div.proListMiddle{border-top:none;margin-top:-3px;padding:0;}
ul.proList li span.proListTop,
ul.proList li span.proListMiddle,
ul.proList li div{padding:4px;text-align:center;}
ul.proList li span{display:block;}
ul.proList li span.proListTop span{height:28px;overflow:hidden;}
ul.proList li span.proListTop{position:relative;}
ul.proList li span.proListMiddle{border-top:0px dashed #888;font-size:11px;height:auto;min-height:25px;}
ul.proList li span.proListTop span.freeshipping{background:transparent url("../images/freeshipping.gif") no-repeat left center;height:70px;margin:0;padding:0;position:absolute;right:0;top:-2px;width:90px;}
ul#relatedPros li span.proListTop span.freeshipping,
ul.proList li span.proListTop span.freeshipping_s{background:transparent url("../images/freeshipping.gif") no-repeat left center;height:70px;margin:0;padding:0;position:absolute;right:0;top:-2px;width:90px;}
ul#relatedPros li span.proListTop span.pricedrop_s,
ul.proList li span.proListTop span.pricedrop{background:transparent url("../images/pricedrop-x.gif") no-repeat left center;height:60px;position:absolute;right:0;top:0;width:90px;}
ul#relatedPros li span.proListTop span.pricedrop_10p_s,
ul.proList li span.proListTop span.pricedrop_10p{background:transparent url("../images/10p.gif") no-repeat left center;height:47px;position:absolute;right:0;top:0;width:47px;}
ul#relatedPros li span.proListTop span.pricedrop_20p_s,
ul.proList li span.proListTop span.pricedrop_20p{background:transparent url("../images/20p.gif") no-repeat left center;height:47px;position:absolute;right:0;top:0;width:47px;}
ul#relatedPros li span.proListTop span.pricedrop_30p_s,
ul.proList li span.proListTop span.pricedrop_30p{background:transparent url("../images/30p.gif") no-repeat left center;height:47px;position:absolute;right:0;top:0;width:47px;}
ul#relatedPros li span.proListTop span.pricedrop_40p_s,
ul.proList li span.proListTop span.pricedrop_40p{background:transparent url("../images/40p.gif") no-repeat left center;height:47px;position:absolute;right:0;top:0;width:47px;}
ul#relatedPros li span.proListTop span.pricedrop_50p_s,
ul.proList li span.proListTop span.pricedrop_50p{background:transparent url("../images/50p.gif") no-repeat left center;height:47px;position:absolute;right:0;top:0;width:47px;}
ul.proList div.proListBottom{border-top:1px dashed #888;padding:2px 3px;}
ul.proList li a:link{color:black;},
ul.proList li a:link span.proListTop img{border:1px solid #ffffff;},
ul.proList li a:visited,
ul.proList li a:active{color:black;cursor:pointer;font-size:11px;text-decoration:none;}
ul.proList li a:hover{display:block;}
ul.proList li a:hover span.proListTop img{border:1px solid #FF0000;}
ul.proList li a:hover span.proListTop span{color:#FF0000;text-decoration:underline;}
ul.proList li div.proListBottom a.view:link,
ul.proList li div.proListBottom a.view:visited,
ul.proList li div.proListBottom a.view:hover,
ul.proList li div.proListBottom a.view:active{background:white url("../images/DETAIL-SMALL.gif") no-repeat center;display:block;float:right;height:20px;width:39%;}
ul.proList li div.proListBottom a.addCart:link,
ul.proList li div.proListBottom a.addCart:visited,
ul.proList li div.proListBottom a.addCart:hover,
ul.proList li div.proListBottom a.addCart:active{background:white url("../images/ADDTOCART-SMALL.gif") no-repeat center;display:block;float:left;height:20px;width:60%;}
ul.proList li div.proListBottom a.commingSoon:link,
ul.proList li div.proListBottom a.commingSoon:visited,
ul.proList li div.proListBottom a.commingSoon:hover,
ul.proList li div.proListBottom a.commingSoon:active{background:white url("../images/notify_me.gif") no-repeat center;display:block;float:left;height:20px;width:60%;}
span.crazyPrice{color:#E20000;font:bolder 13px Arial;margin:3px;}





/* Main Elements and Front Page */






/**main Frame***/
div#cg_body{margin:0 auto;position:relative;text-align:left;width:991px;z-index:1;}


/***********************************************************************************css menu error*********************/
div#trunk{margin-top:5px;overflow:hidden;position:relative;z-index:2;}
/***********************************************************************************css menu error*********************/



div#leftSection{float:left;width:158px;z-index:2;/* Fix IE z-index Bug */}
div#mainTemplateSection{position:relative;margin:auto;}
div#mainTemplateNoRightSide{float:right;position:relative;width:83%;z-index:1;}
div#rightSection{float:right;width:158px;}




/**right section***/
div#rightSection *{float:none;}
div#topSellers{font-family:Arial,Helvetica,sans-serif;font-size:11px;margin-bottom:5px;}
div#topSellers{font-family:Arial;font-size:11px;margin-bottom:5px;}
div#topSellers img{float:left;margin:5px;}
div#topSellers ul{border-bottom:1px solid #888;}
div#topSellers li{border-left:1px solid #888;border-right:1px solid #888;display:block;float:left;width:156px;}
div#topSellers a:link,
div#topSellers a:visited,
div#topSellers a:active{color:black;text-decoration:none;}
div#topSellers a:hover{color:red;text-decoration:none;}


span.more{font-size:9px;text-align:right;}
span.more a:link{color:black;font-weight:bold;text-decoration:none;}
span.more a:visited{color:#666;text-decoration:none;}
span.more a:hover{color:red;text-decoration:underline;}









/**topSection***/
div#banner{font-size:10px;height:90px;}
div#banner a img{float:left;margin-left:-5px;}
div#banner img#bn{float:none;position:absolute;top:15px;}
div#banner ul{display:block;float:right;font:normal 11px Arial;position:relative;right:0;top:17px;width:245px;}
div#banner ul li{clear:both;float:none;}
div#banner ul a:link,
div#banner ul a:visited,
div#banner ul a:hover,
div#banner ul a:active{color:black;text-decoration:underline;}
div#banner ul li ul li a#noline{text-decoration:none;}
div#banner ul ul{position:relative;top:0;}
div#banner ul ul li{clear:none;float:right;margin-right:5px;padding-left:5px;}
div#banner ul li img{clear:both;float:right;}
div#banner .icons{background:transparent url("../images/icon-s.gif") no-repeat left -1px;display:block;height:22px;margin-top:2px;position:relative;width:23px;z-index:1;}
div#banner #del{background-position:-27px -1px;}
div#banner ul#popse li{border:none;height:27px;line-height:27px;margin-right:3px;padding-left:0;}
div#banner ul#popse li#first{margin-top:5px;width:130px;}
div#banner ul#popse li#second{width:107px;}
div#menuWrap{border-bottom:5px solid red;clear:both;height:30px;}
ul#mainmenu{background-color:white;clear:both;float:left;font:normal 15px Arial;height:30px;overflow:hidden;position:relative;text-transform:capitalize;width:760px;z-index:3;}
ul#mainmenu li{float:left;margin-left:2px;}






ul#mainmenu a:link,
ul#mainmenu a:visited,
ul#mainmenu a:active{background:url("../images/tabrightF.gif") no-repeat right -4px;color:black;display:block;text-decoration:none;}
ul#mainmenu span{background:url("../images/tableftF.gif") no-repeat left -4px;display:block;left:-2px;line-height:5px;padding:12px 10px 15px 10px;position:relative;vertical-align:middle;}
ul#mainmenu a:hover{background-position:100% -42px;}
ul#mainmenu a:hover span{background-position:0% -42px;color:white;}
ul#mainmenu #current2{color:white;}
body#home ul#mainmenu a#homeX,
body#goLogin ul#mainmenu a.goLoginX,
body#myAccount ul#mainmenu a.myAccountX,
body#aboutUs ul#mainmenu a#aboutUsX,
body#newsLetter ul#mainmenu a#newsLettersX,
body#faq ul#mainmenu a#helpX,
body#feedBack ul#mainmenu a#feedBackX,
body#siteMap ul#mainmenu a#siteMapX{background:url("../images/tabrightF.gif") no-repeat 100% -42px;display:block;text-decoration:none;}
body#home ul#mainmenu span#homey,
body#goLogin ul#mainmenu span.goLogin,
body#myAccount ul#mainmenu span.myAccount,
body#aboutUs ul#mainmenu span#aboutUs,
body#newsLetter ul#mainmenu span#newsLetters,
body#faq ul#mainmenu span#help,
body#feedBack ul#mainmenu span#feedBack,
body#siteMap ul#mainmenu span#siteMap{background:transparent url("../images/tableftF.gif") no-repeat 0% -42px;color:white;display:block;}
ul#cartInfo li{float:right;margin-top:10px;padding-right:10px;}
div#acMiddle{background:url("../images/searchbg.gif") repeat-x top;clear:both;height:70px;position:relative;z-index:3;}
div#acLeft{background:url("../images/search-l.gif") no-repeat left top;height:68px;}
div#acRight{background:url("../images/search-r.gif") no-repeat right top;height:68px;}
div#head{clear:both;padding-top:8px;}
div#head ul li a img{border:none;}

form#searchForm{background:transparent url("../images/search-redbar.gif") no-repeat left top;float:right;height:30px;right:5px;padding-left:70px;position:relative;width:41%;}
form#searchForm input#autoComplete{border:none;font-weight:normal;height:16px;line-height:18px;padding:2px;position:relative;top:5px;width:320px;}
form#searchForm input#search{background:none;border:none;float:right;font:normal 14px Arial;position:relative;right:16px;top:6px;width:40px;}
form#searchForm a:hover input#search,
form#searchForm input#search:hover{cursor:pointer;font-weight:bolder;}


div#head ul#menu{float:left;margin-top:5px;width:50%;}
div#head ul#menu li{background:url("") repeat-x right top;display:block;float:left;height:26px;margin-left:3px;width:93px;}
div#head ul#menu li a:hover{cursor:pointer;}
div#head ul#menu li span{display:block;height:25px;width:100px;}














div#popularSection{clear:both;padding:9px 0 0 17px;}
div#popularSection span{display:inline;float:left;font-size:12px;font-weight:bolder;margin-left:6px;padding-right:6px;}
div#popularSection ul{float:left;}
div#popularView{float:right;width:49%;}
div#popularSection li{float:left;margin-right:10px;}
div#popularSection ul li a:link,
div#popularSection ul li a:visited,
div#popularSection ul li a:active{color:#990000;}
div#popularSection ul li a:hover{color:#E20000;text-decoration:none;}
/***left section***/
/**newsletter**/
div#leftOthers a:link{color:#666;font-weight:bold;text-decoration:none;}
div#leftOthers a:visited{color:#666;text-decoration:none;}
div#leftOthers a:hover{color:red;text-decoration:none;}
div#leftOthers a:active{color:#666;text-decoration:underline;}
div#newsLetter,
div#leftCs{border:1px solid #888;}
div#leftAccount{border:1px solid #888;clear:both;}
div#leftAccount,
div#leftCs,
div#leftImage,
div#newsLetter{color:#666;font-size:11px;font-weight:bold;}
div#newsLetter{background-color:#F5F5F5;}
div#newsLetter form{color:black;font-weight:normal;margin:5px auto;width:91%;}
div#newsLetter form *{display:block;margin-bottom:5px;}
div#newsLetter form div{padding-left:2em;position:relative;z-index:2;}
div#newsLetter form div input{left:0;position:absolute;top:0;}
div#leftImage{margin-top:10px;}
div#leftAccount li{padding:3px 0 3px 35px;}
div#leftOthers ul{margin:4px 0;}
li#leftLogInOut{background:url("../images/login-icon.gif") no-repeat 4% 80%;}
li#leftCart{background:url("../images/cart-icon.gif") no-repeat 4% 70%;}
li#leftCheckOut{background:url("../images/bag-icon.gif") no-repeat 6% 60%;}
li#leftHelp{background:url("../images/help-icon.gif") no-repeat 5% 50%;}
div#leftCs ul{margin-left:10px;}
div#leftCs ul li{list-style:disc;margin:0 0 5px 10px;width:86%;}
div#leftImage img{border:none;}
div#leftImage *{display:block;margin-top:4px;}
div#leftImage img.setMiddle{margin:10px auto;width:80px;}
div#leftImage img#hitwise{margin-bottom:10px;}
/***foot****/
div#foot{clear:both;color:#3D3D3D;font-size:11px;margin:10px 0;text-align:center;}
div#faq{background:transparent url("../images/gary-stuffbg.gif") repeat-x  top;border:1px solid #888;height:70px;line-height:20px;margin-bottom:10px;margin-top:10px;margin-top:10px;padding:10px 30px;text-align:left;}
div#faq div{width:30%;}
div#faq ul li{list-style:disc;margin-left:15px;}
div#faq ul li a:link,
div#faq ul li a:visited,
div#faq ul li a:hover,
div#faq ul li a:active{color:#E20000;text-decoration:underline;}
div#bottomMenu{border-bottom:1px solid #888;border-top:1px solid #888;padding:5px;}
div#foot a:link,
div#foot a:visited,
div#foot a:active{color:#3D3D3D;padding-right:2px;text-decoration:none;}
div#foot a:hover{color:red;text-decoration:underline;}
div#copyRight{color:#787878;margin-top:4px;}
div#copyRight span{display:block;}
div#copyRight a:link,
div#copyRight a:visited,
div#copyRight a:active{color:#787878;}
div#copyRight a:hover{color:red;}
