/* -------------------------------------------------------------- 

  

   Blueprint CSS Framework Screen Styles

   * Version:   0.6 (21.9.2007)

   * Website:   http://code.google.com/p/blueprintcss/

   See Readme file in this directory for further instructions.

   

-------------------------------------------------------------- */



@import 'lib/reset.css';

@import 'lib/typography.css';

@import 'lib/grid.css';

@import 'lib/forms.css';



/* Plugins:

   Additional functionality can be found in the plugins directory.

   See the readme files for each plugin. Example:

   @import 'plugins/buttons/buttons.css'; */

   

/* See the grid:

   Uncomment the line below to see the grid and baseline. 

   .container { background: url(lib/grid.png); }*/

   

body {margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:justify; background-color:#373737; }

a{ text-decoration:none; color:#000 }

a:hover{ text-decoration:underline}

td{ border-bottom:none}

.container{ background-color:#FFFFFF; padding:0 8px 0 8px; text-align:left; width:933px; overflow:hidden;}

a{ outline:none;}

.top { vertical-align:top}

.center{ text-align:center}

.left{ float:left}

.right{ float:right; padding-right:20px}

.paddingtop{ padding-top:12px}

li{ list-style:none}

.topright{ width:350px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#838080; text-align:right; font-size:11px; float:right; padding:0 0 0 0; margin:5px 0 0 0px;}

.topright a{ text-decoration:none; color:#838080;}

.topright a:hover{ text-decoration:underline; color:#838080;}

.logo{ padding:15px 0 0 0; float:left; height:31px; width:600px}



/*navigation*/

.totalNav {clear:both; padding:0; margin-top:20px}

.navLeft {width:8; float:left;}

.navRight {width:8; float:right}

.navigation{ background:url(../images/navBg.png) repeat-x 0 0; width:933px; height:38px; float:left;  padding-top:4px}

.navigation ul {margin:0; padding:0}

.navigation li, .navigation li a{ font-family:Calibri, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; font-weight:bold; float:left; list-style-type:none; color:#565454}

.navigation li a:hover, .navigation li a.selected{ color:#f8931d;}

.navigation li a{ color:#565454; text-decoration:none;padding:6px 20px 11px 10px;}

.navigation li a:hover{color:#f8931d; text-decoration:none;}

/*navigation*/



.banner{ text-align:center; width:933px; height:371px; margin-top:15px}

.smallbanner{ float:left; padding-left:20px; margin-top:-12px}

.search{margin-top:-10px; height:30px; margin-bottom:10px}

.sercharea{ width:250px; margin:0 0 0 60px; padding-top:5px;}

.searchbar{ width:200px; float:right; /*margin-top:-18px*/ *margin-top:-10px; margin-left:50px; clear:both; margin-top:10px; }

.searchbar li { list-style-type:none; float:left; padding-left:10px; margin:0}

.searchbar ul { padding:0; margin:0}

.centermargin{ margin-top:4px;}



.input{ border:#c9c9c9 1px solid; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:11px; font-weight:normal; padding:2px 0 2px 2px; margin:0}



.featuredarea{ background:url(../images/featureBox2.gif) no-repeat 0 0; float:left; width:936px; height:230px; padding-top:10px; margin:0 0 0 0}

.featuredarea h1{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:20px; color:#565454; font-weight:bold;}

.alsosuggest{ font-family:Calibri, Arial, Helvetica, sans-serif; color:#2f2f2f; font-size:24px; margin-top:10px }

.product_bg_background{ background:url(../images/featureBox2.gif) no-repeat 0 0; float:left; width:936px; height:230px; padding-top:10px; margin:0 0 0 0;}

.bottom{ padding:10px 0 0 0; height:60px; text-align:center; font-size:11px; color:#626060; line-height:18px; border-top:#666666 1px dotted;}

.bottom a{color:#626060; text-decoration:none}

.bottom a:hover{color:#626060; text-decoration:underline}





.copyright{ text-align:right; float:right;  margin:40px 0 0 0 }

.copyright li{ background:none; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#626060; font-size:11px; font-weight:normal; margin-top:5px; color:#908f8f; list-style:none;}

.copyright li a{ color:#908f8f;text-decoration:none; }

.copyright li a:hover{ color:#908f8f;text-decoration:underline;}

.copyright ul li{ padding:0; margin:0}



/*inner page*/

.breedcrams{ background:url(../images/breedcramsBg.png) repeat-x 0 0; width:925px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666; height:26px; margin:-10px 0 3px 0; padding:2px 0 0 10px}

.breedcrams a {color:#000; text-decoration:none}

.breedcrams a:hover {color:#000; text-decoration:underline}



.categorylist{ float:left; width:226px; text-align:left}

.categorylist h1{ background-color:#dfdede; font-family:'Century Gothic', Arial, Helvetica, sans-serif; color:#565454; font-weight:normal; text-align:left; font-size:16px; width:220px; padding:8px 0 8px 10px }

.categorylist h2{ background:url(../images/listheadBg.png) repeat-y 0 0; height:19px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000; height:20px;padding:2px 0 0 10px; width:220px; margin-top:-4px }

.categorylist li{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#908f8f; border-bottom:#908f8f 1px dotted; list-style:none; width:210px; margin-left:-15px; padding:5px 0 0 8px}

.categorylist li a{ color:#908f8f; text-decoration:none}

.categorylist li a:hover{ color:#908f8f; text-decoration:underline}

.categorylist li ul{ margin:0; padding:0}

.border{ border:#dfdede 1px solid}

.brand li{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#908f8f; list-style:none; width:210px; margin-left:-15px; padding:0px 0 0 8px ; border-bottom:none}

.greytext{  float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#908f8f; font-size:11px; font-weight:bold; clear:both}



.paging{ float:right;}

.paging li{float:left; list-style:none; padding:0 0 0 2px;}

.paging li a{ background-color:#333333; color:#fff; }

.paging li a:hover, .paging li a.selected{ background-color:#999999; color:#fff;}

.paging li a, .paging li a:hover{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; list-style:none;  padding:2px 6px 2px 6px; display:block}



.sizebar{ float:left; width:500px; padding-left:0; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#908f8f; font-size:11px; font-weight:bold; }

.sizebar li { list-style-type:none; float:left; padding-left:10px; margin:0}

.sizebar ul { padding:0; margin:0}

.selected2 a { color:#FF0000;font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; list-style:none;}

.thambdetails{ float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; size:11px;  width:670px; padding:4px 0 0 0 }

.thambimage{ margin:0 0 0 0}

.thambdetails td { padding:5px 0 0 2px;}

.morecolorbtn{ background:url(../images/morecolorBtn.gif) repeat-x 0 0 ; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; size:10px; width:167px;  height:24px; text-align:center;}

.morecolorbtn a{ text-decoration:none; color:#fff}

.top{ vertical-align:top}



.featuredBox{ background:url(../images/featureBox.png) no-repeat 0 0; width:305px; height:108px; padding:0 0 0 0 ; margin:0 0 0 6px  }



.featuredBox h1{ background:url(../images/bullet.png) no-repeat 10px 5px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; color:#565454; font-size:16px; font-weight:bold; padding:8px 0 10px 36px}

.featuredBox li{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#484747; font-size:12px; font-weight:bold; list-style:none; float:left; padding:10px 0 0 0; margin-top:-5px; }

.featuredBox h2, .featuredBox h3 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#484747; font-size:12px; font-weight:bold; list-style:none; text-align:center }

.featuredBox h3{ text-align:left; padding:0 0 0 10px}

.smallthamb li{ list-style:none; float:left; padding-left:4px; }

.smallthamb ul{ margin:0; padding:0}

.leftarea{ width:368px }

.rightarea{ width:550px; vertical-align:top }

.innerheader{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#7b7b7b; font-weight:bold;}

.productdetailsBox, .productdetailsBoxBig, .wishlistbox, .wishlistboxsmall{ border:#dfdede 1px solid; padding:1px 1px 1px 1px ;  margin-bottom:10px; }

.productdetailsBox{ width:550px ; max-height:460px}



.productdetailsBoxBig{ width:930px; margin-top:20px}

.wishlistbox{ width:700px; margin-top:10px }

.register{ border:#dfdede 1px solid; padding:1px 1px 1px 1px ;  margin-top:40px; width:930px}

.smallregisterbox{ border:#dfdede 1px solid; padding:1px 1px 1px 1px ; width:400px;}

.mainform{ border:none;}

.wishlistboxsmall{ width:215px; margin-top:10px}

.productdetailsBox h1, .productdetailsBox h2, .productdetailsBoxBig h2, .wishlistbox h2, .register h2,.wishlistboxsmall h2, .wishlistbox h3 { font-family: 'Century Gothic' Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#5f5d5d; background-color:#dfdede; }

.productdetailsBox h2{ padding-left:5px; margin-bottom:1px}

.productdetailsBox h1, .productdetailsBoxBig h2, .wishlistbox h2, .wishlistboxsmall h2, .wishlistbox h3{ padding:2px 5px 2px 5px}

.wishlistbox h3{ margin:0; padding:6px 0 6px 5px }

.productdetailsBox p{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#757474; padding:0 8px 0 8px}

.productdetailsBox li{ background:url(../images/arrow.png) no-repeat 6px 6px; font-family:Arial, Helvetica, sans-serif; size:12px; color:#5f5d5d; font-weight:bold; list-style:none; padding:0 0 5px 20px}

.productdetailsBox ul{ padding:0; margin:0}

.chartHead{ background-color:#f6f6f6; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fa9d0b; font-weight:bold; border-right:#FFFFFF 1px solid; padding-left:5px; }

th{ border-top:#bcbbbb 1px dotted; border-bottom:none; margin:0 ; padding:0}

.picborder{ border:#CCCCCC 1px solid}

.righttext{ text-align:right}



/*Buttons*/

.subscribe{ background:url(../images/subscribe.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold;adding:3px 10px 5px 20px; border:none; width:86px; height:23px }

.boxdetails li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.cartRed{ background:url(../images/cart_Red.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:104px; height:23px }

.cartRed li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.addwish{ background:url(../images/addWish.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:95px; height:23px }

.addwish li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}

.continueShoping{ background:url(../images/continue.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold;  padding:2px 10px 5px 15px; border:none; width:140px; height:23px }

.checkout-without-login{ background:url(../images/continue2.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold;  padding:2px 10px 5px 15px; border:none; width:150px; height:23px }

.continueShoping li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.continueShoping_red{ background:url(../images/continue_red.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 5px 5px 5px; border:none; width:128px; height:23px; text-align:center }

.continueShoping -red li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}





.continueShoping_red2{ background:url(../images/continue_red.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:278px; height:23px }

.reviewDisable{background:url(../images/addtoWish.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:94px; height:23px }

.continue_red{ background:url(../images/continue_arrow.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:94px; height:23px }


.continue-red li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.email{ background:url(../images/email_grey.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:138px; height:23px }

.email li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.addtocart_grey{ background:url(../images/cart_grey.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:104px; height:23px }

.addtocart_grey li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.addtoWish_grey{ background:url(../images/cart_grey.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:104px; height:23px }

.addtoWish_grey li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; }



.delete{ background:url(../images/delete.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:95px; height:23px }

.delete li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.delete_grey{ background:url(../images/delete_grey.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:81px; height:23px }

.delete_grey li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.clearbusket{ background:url(../images/clearCart.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 15px; border:none; width:104px; height:23px }

.clearbusket li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.recalculate{ background:url(../images/recalculate.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; padding:3px 10px 5px 0; border:none; width:104px; height:23px }

.recalculate li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.clearWishlist{ background:url(../images/clearwishlist.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; padding:3px 5px 5px 5px; text-align:center; border:none; width:109px; height:23px }

.clearWishlist li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.checkout{ background:url(../images/checkout.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-weight:bold; color:#fff; padding:3px 10px 5px 0px; border:none; width:104px; height:23px }

.checkout li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.update{ background:url(../images/update.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; padding:3px 10px 5px 20px; border:none; width:81px; height:23px }

.update li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.updateWishlist{ background:url(../images/updateWishlist.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; padding:3px 10px 5px 20px; border:none; width:114px; height:23px }

.updateWishlist li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.editOrder{ background:url(../images/editOrder.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:88px; height:23px }

.editOrder li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}



.apply{ background:url(../images/apply.png) no-repeat 0 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px 5px 20px; border:none; width:88px; height:23px }

.apply li{ float:left; padding:0; float:left; padding:10px 0 0 10px; width:150px; margin-left:-10px}

/*Buttons*/



/*SIze Chart*/

.chartheader{ background-color:#999999; border-right:#FFFFFF 1px solid; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#dfdfdf; font-weight:bold; padding-left:10px}

.chartdetails{border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#686868; font-weight:normal; padding-left:10px}

/*SIze Chart*/



/*inner page*/

.content{ float:left; width:670px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#686868;}

.content p{ padding:0x 0 0 50px; }

.content h2{ padding-left:4px; margin-bottom:1px}





.bookmark { padding-top:8px; color:#000; float:left} 

.bookmark li{ list-style:none; float:left; color:#000; font-size:11px; margin-top:5px; margin-left:2px}

.bookmark li a{ text-decoration:none; color:#000}

.bookmark li a:hover{ text-decoration:underline; color:#8c0121}

.bookmark ul { margin:0; padding:0}



.innerheading{ clear:both}

.innerheading li{ list-style:none; float:left; color:#000; font-size:11px; margin-top:4px; margin-left:2px}

.innerheading li a{ text-decoration:none; color:#000}

.innerheading li a:hover{ text-decoration:underline; color:#8c0121}

.innerheading  ul{ margin:0; padding:0; width:400px}



.sizecharthead{ background-color:#666666; color:#fff; border-right:#FFFFFF 1px solid; padding-left:4px}

h1{ background-color:#dfdede; border-bottom:#b8b8b8 1px solid; font-size:16px; padding:6px 0 6px 10px; color:#000; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}

#tabs{ float:left; width:550px; margin-top:10px;  color:#696868; font-weight:bold; margin-right:100px}

#tabs table td{ font-weight:bold}

#tabs ul {

  padding: 0;

  margin: 0;

  list-style: none;

  }

  

#tabs ul li {

	background:url(../images/tab_off.png) no-repeat 0 4px;

	width:120px;

	list-style-type: none;

	display: block;

	font-size:1.1em;

	margin:0 -8px 0 0;

	padding:5px 0 5px 0;

	display:inline;

	float:left;

	text-align:center;

	

  }

  

#tabs ul li a, #tabs ul li.on a {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
#tabs ul li a{ color:#fff;}
#tabs ul li.on a{color:#9b0225; } 

 * html #tabs ul li {
	margin:0 3px -6px 0;
	} 

 #tabs ul li.on {
 	background:url(../images/tab_on.png) no-repeat 0 4px;
	width:120px;
  }
 #tabs .info-box{
	clear:both;
 	border:solid 1px #d4d3d3;
	padding:5px 5px 10px 10px;
	background:#f6f6f6;
	margin-bottom:10px;
	font-weight:normal;
	display: none;
 }
 #tabs .info-on{
 	display: block;
 }
.download{ background:url(../images/download.gif) no-repeat 0 0px;height:40px; width:400px; } 
.download2{ background:url(../images/download.gif) no-repeat 0 0px;height:30px; width:200px;margin-left:230px; }