/* -------------------------------------------------------------------------------------------------------------------------------
   Main Styles
---------------------------------------------------------------------------------------------------------------------------------*/
  *{ padding: 0; margin: 0; }
  a img {border:none; border:0; }   
  body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* Body Section ----------------------------------------------------------------------------------------------------------------*/
.bodyclass { margin: 0px auto; width: 900px; height:auto; background-image:  url(images/cyberdog/headBg.jpg); background-repeat: repeat-x; background-position: center -7px; } 
  		
/* ------------------------------------------------------------------------------------------------------------------------------
  Header Section 
---------------------------------------------------------------------------------------------------------------------------------*/		

 .headerContainer{ width: auto; height: 120px; background-image:  url( images/cyberdog/headBgL1.png); background-repeat: no-repeat; background-position: center top; overflow: hidden; } 

 #headerLogo, #headerLogo img { width: 70px; height: 100px; float: left; clear: left; }		 
 #headerTopNav { width: 820px; height: 22px; margin: 4px 0px 17px 0px; float: left; padding-left: 0px; }
 #headerTopNav input.pageButton{ cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border: none; background: transparent; margin-right: 5px; margin-left: 5px; margin-top: 0px; text-align: center; }
 #headerTopNav input.pageButtonHov{text-decoration: underline; }
 
 .headMiniNav{ width: 251px; background-color: #FFFFFF; float: left; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 4px; margin-right: 9px; }
 .headMiniNav a { padding: 0px 8px 0px 8px; text-decoration: none; color: #000000; }
 .headMiniNav a:hover{ text-decoration: underline; }

/* Search Uniit -----------------------------------------------------------------------------------------------------------------*/

 .searchBox{ width: 110px; height: 16px; border: 1px solid #000000; padding-top: 2px; padding-left:4px; float:left; }   
 .menuSearchContainer{ height: auto; border: 1px solid #000000; margin-left: 6px; }
 .selectMenuSearch{ height: auto; text-align: left; } 
 .menuSearchContainer, .selectMenuSearch { width: 90px; float: left; } 
 .searchBox, .selectMenuSearch { color: #000000; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
 .searchButton{ width:50px; height:20px; border: none; cursor: pointer; color: #000000; font-size: 10px; margin-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; }
 .searchButHov{ color: #FFFFFF; background-image: url( images/cyberdog/searchBg.gif); background-repeat: no-repeat; }
 
/* hide advance search unit & reposition ------------------*/
/* .searchUnit .menuSearchContainer 
 .searchUnit { padding-left:55px; }*/
/* -------------------------------------------------------*/

/* Header Main Nav -----------------------------------------------------------------------------------------------------------*/

#mainMenuHolder { position:absolute; margin-left:-450px; top:37px; width:900px; height:76px; z-index:1; left:50%; background-image: url(images/cyberdog/navBg.png); background-repeat: no-repeat; background-position: left top; }

.mainButHolder{ position: absolute; padding:0px; margin:0px; width:785px; height:34px; z-index:10; }
.mainButHolder img { display: block; float:left; }	
.mainButHolder, .mainSubCat { left:100px; top: 0px; }

.mainSubCat { position: absolute;visibility: hidden; padding-right:15px; z-index: 5; }
.mainSubCat a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#000000; padding-left:6px; padding-right:6px; line-height:11pt; }
.mainSubCat a:hover{ text-decoration:underline; }
/*total width 770*/
#looks{ background-image: url( images/cyberdog/navLookBg.png); background-repeat: no-repeat; background-position: left top; padding-top:40px; padding-left:17px;  width:753px;  height:32px; visibility: hidden; }
#accessories{ background-image:  url( images/cyberdog/navAccBg.png); background-repeat: no-repeat; background-position: left top; padding-top:33px; padding-left:17px; width:753px;  height:40px; visibility: hidden; }
#mens{ background-image: url( images/cyberdog/navMenBg.png); background-repeat: no-repeat; background-position: left top; padding-top:40px; padding-left:17px; width:753px;  height:32px; visibility: hidden; }	
#womens{ background-image: url( images/cyberdog/navWomBg.png); background-repeat: no-repeat; background-position: left top; padding-top:40px; padding-left:17px; width:753px;  height:32px; visibility: hidden; }
#kids{ background-image: url( images/cyberdog/navKidBg.png); background-repeat: no-repeat; background-position: left top; padding-top:40px; padding-left:360px; width:450px; height:32px; visibility: hidden; }	
#new{ background-image: url( images/cyberdog/navNewBg.png); background-repeat: no-repeat; background-position: left top; padding-top:40px; padding-left:490px; width:280px; height:32px; visibility: hidden; }		

#sBag{ position: absolute; width:150px; padding-top:0px; height:40px; visibility: hidden; left: 733px; background-image:  url( images/cyberdog/navShopBagBg.png); background-repeat: no-repeat; background-position: right top; }


/* -----------------------------------------------------------------------------------------------------------------------
 set img - overide this
-------------------------------------------------------------------------------------------------------------------------*/		
 .column_main td .column_main img {width:10px; height:10px;}

/* -----------------------------------------------------------------------------------------------------------------------
  Left Section 
-------------------------------------------------------------------------------------------------------------------------*/		

 .column_left {width: 0px; margin: 0px; padding: 0px; }      
 .section_left {width: 0px; margin: 0px; padding: 0px; }             
 .sectionborder_left { width: 0px; padding: 0px; margin: 0px; }	
 .section_left { display: none; } 
  
/* ------------------------------------------------------------------------------------------------------------------------
  Right Section 
--------------------------------------------------------------------------------------------------------------------------*/
			
 .section_right { width: 0px; margin: 0px; padding: 0px; }           
 .sectionborder_right { width: 0px; margin: 0px; padding: 0px; }			
 .sectionborder_right td { width: 0px; margin: 0px; padding: 0px; }
 .column_right  {width: 0px; margin: 0px; padding: 0px; }			
 .rightEnd {width: 0px; margin: 0px; padding: 0px; }
 .section_right{ display: none; } 
				
/* ------------------------------------------------------------------------------------------------------------------------
  Footer Section 
--------------------------------------------------------------------------------------------------------------------------*/
.footerBlock { width: 890px; height: 80px; background-image:  url(images/cyberdog/footerBg.png); background-repeat: no-repeat; background-position: -5px top; padding-top: 0px; float: left; }

#footNav1{ height: 16px; width: 890px; background-image: url(images/cyberdog/footerUpper.png); background-repeat: no-repeat; background-position: -5px top; padding-top: 10px; }
.fTopLink a { width: 105px; height: 15px; display:block; color: #000000; margin-top: 10px; margin: 0px 0px 0px 0px; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; display:block; float: left; }
.fTopLink a:hover {text-decoration:underline; display:block; }

input.szGuideButton{ cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border: none; background: transparent; float:left; margin-left: 28px; width: 105px; text-align: right; }
input.szGuideButtonHov{text-decoration: underline;}

#footNav2{ width: 174px; height: 37px; float: left; }
.midLinkL{ width: 100px; float: left; text-align: left; margin-right: 10px; }
.midLinkC{ width: 100px; float: left; text-align: center; margin-right: 10px; }
.midLink a { display:block; text-decoration: none; height: 18px; margin-top: 9px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.midLink a:hover { text-decoration: none; color: #000000; }

#footNav3 { float: left; width: 100%; height: 25px; padding-top: 16px; text-align: center; padding-left: 0px; }
#footNav3 input.pageButton{ cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #565656; border: none; background: transparent; margin-right: 6px; margin-left: 6px; margin-top: 0px; text-align: center; min-width:28px; }
#footNav3 input.pageButtonHov{text-decoration: underline; color: #000000; }

.column_bottom { height: 1px; background-color: #FFFFFF; display: none;}
	
/* ------------------------------------------------------------------------------------------------------------------------
  Main Middle Section 
--------------------------------------------------------------------------------------------------------------------------*/
/* -- Flash Applications ---*/
#contentScroll { width:100%; height:470px; top:111px; left:0%; z-index:0; position: absolute;}
 /* -- Flash gallery old ---*/ 
.gallery { left: -50px; z-index: 1; }
 /* -- Flash gallery ---*/ 
#mainGalleyContainer{ width:100%; height:600px; top:72px; padding-top:41px; left:0%; z-index:2; position: absolute; background-image: url(images/cyberdog/galleryHead.png); background-repeat: no-repeat; background-position: center top; } 

#mainLooksContainer{ width:100%; height:550px; top:111px; left:0%; z-index:0; position: absolute;}

#mainTourContainer{ width:100%; height:600px; top:72px; padding-top:41px; left:0%; z-index:2; position: absolute; background-image: url(images/cyberdog/tourHead.png); background-repeat: no-repeat; background-position: center top; } 


 /*-- Main section class -------------------------------------------------------------------------------------------*/
		              
 .section_main { margin: 0; padding: 0; vertical-align:top; width: 850px; }           
 .sectionborder_main { margin-top: 5px; }          
 .header_main { padding-top: 0px; }          
 .column_main { margin: 0px; color :#000000; font-style : normal; font-weight : normal; font-size : 11px; padding-top: 0px; padding-bottom: 5px; }
 .column_main .links_main {margin-top: 5px; margin-left: 12px;}
  br.clearMod { clear: both; line-height: 0; display: block; height: 1px; }
 .header_main .font_input {display: none;}
    
 /*-- main category custom pages ------------------------------------------------------------------------------*/ 
 
  .mainCatContainer { width: auto; height: auto; } 
  .mainCatHead, .subCatHead { margin-top: 0px; margin-bottom: 15px; margin-left: 12px; }
  .subCatHead {font-weight: bold; padding-left: 12px;}   
  .itemContainer { height:205px; width:25%; float: left; text-align: center;}
  .itemContainer img { width: 130px; height: 160px; border: 1px solid #e0e0e0; }
  .itemContainer  img:hover {border: 1px solid #000000;}
  .itemContainer hover {color: #000000;}

  .itemContainer p { padding-top: 5px; }
  .itemContainer a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; color:#000000; text-align: center;}
                          			
 /*-- Item list pages ----------------------------------------------------------------------------------------*/		
			
 #cat_hdr { display: none; }						
 .column_main .links_main { }	

 .links_main img { border: 1px solid #e0e0e0;}
 .links_main img:hover {border: 1px solid #000000;}
 .links_main hover {color: #000000;}		
 .sectionborder_main span.column_main a { color: #000000; }	
 		
 #catprods_tbl { width: 850px; table-layout: fixed; }			
 #catprods_tbl .links_main { font-size: 10px; color: #000000; }			
 #catprods_tbl .column_main { color: #666666; }
							   				
/* -- Main item page----------------------------------------------------------------------------------------*/
		
 #prod_tbl { background-color: #FFFFFF; margin-top: 10px; }		  
 #prod_tbl .small_main{ background-color: #FFFFFF; padding-right: 22px; }		  
 #prod_tbl .column_main { text-align: left; padding-top:3px;}		  
 #prod_tbl hr { display: none; } 		  	  
 #item_Tbl .font_input { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 3px; /*height: 21px; min-width: 1px;*/ height: 21px; }		  
 #item_Tbl .column_main { padding: 1px; margin: 0px; text-align: left; } 
 #item_Tbl { margin: 0; padding: 0; float: left; }
 
 #item_Tbl #addItem .font_input { float: left; margin: 0px; height: 20px; width: 18px; text-align: center; } 
 #item_Tbl .buttonstyle { margin: 0px; width: 60px; }
  
/*.section_main .section_main{ height:300px;}*/

/*image control - override set img*/
#prod_tbl .column_main .column_main img { width: 65px; height: 80px; } 
#catprods_tbl .column_main .links_main img { width:130px; height:160px; }
.sectionborder_main .column_main .small_main img { width: 325px; height: 400px; }
.sectionborder_main .column_main #item_Tbl img {width:13px; height:13px;}

/* -- Home Page --------------------------------------------------------------------------------------------*/ 

/*control for home page image*/
.imageSpace {padding-top:5px; color:#FFFFFF;}  
.mainImageContainer, .mainImageHome, .imageSpace{ height:579px;}
/**/  
.mainImageContainer { width:100%; top:115px; left:0%; position: absolute; visibility:visible; z-index: 20; border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #CCC; }
.mainImageContainer {background-image:url(images/cyberdog/mainImage.jpg); background-position:center top ; background-repeat:no-repeat; }
.mainImageHome {position:absolute;  z-index: 21; width:920px; margin-left:-460px; left:50%; }

/*enter email details*/
#entEmailContainer { position: absolute; margin-left:-200px; left:50%; top: 75px; width:400px; height:30px; padding-top: 3px; z-index: 2; font-size: 10px; } 
.emailInput { width: 130px; height: 16px; border: 1px solid #000000; padding-top: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 3px; padding-left: 3px; margin-right: 0px; }
.mailBut { cursor: pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; border:none; background:transparent; width: 125px; }
.mailButHov {}
 
/* ------------------------------------------------------------------------------------------------------------------------
  Checkout Section 
--------------------------------------------------------------------------------------------------------------------------*/

/*basket*/
 #shopcart_tbl .sectionborder_main td { padding: 10px; }               
 #shopcart_tbl .column_main { background-color: #FFFFFF; font-size: 10px; padding: 5px; } 
 #shopcart_tbl .sectionborder_main .column_main img { width:13px; height:13px;}
 #shopcart_tbl .sectionborder_main .column_main .small_main img { width:25px; height:24px;}
 
/*checkout*/ 
 #summary_tbl img {width:13px; height:13px;}
 #summary_tbl .column_main .font_small img { width:25px; height:24px;}



/* ------------------------------------------------------------------------------------------------------------------------
  General
--------------------------------------------------------------------------------------------------------------------------*/

#stdFont {font-size: 10px; font-weight: bold; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

/* general page links */
 a.links_main:link, a.links_main:active, a.links_main:visited { text-decoration:none; font-style:normal;  font-weight:normal; color:#000000; }
 a.links_main:hover { text-decoration :underline; font-style : normal; font-weight : normal; color : #000000; }

/* general input button */ 
 .buttonstyle { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #000000; border:1px solid #000000; background: transparent; margin-top: 0px; text-align: center; padding-left: 10px; padding-right: 10px; 

padding-bottom: 2px; padding-top: 2px; } 	 
  .btnhov { background-color:#000000; color:#FFFFFF;}   
 
 #pd_table .font_input, .font_input {display: block; min-height: 18px; padding-left: 2px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000; } 
 .linkPageBut { background: url(images/cyberdog/pageButABg.gif);}
 
/* error font class */
 .font_error {font-weight: bold; font-size: 10px; color: #FF0000; }

/* ------------------------------------------------------------------------------------------------------------------------
  Payment Page
--------------------------------------------------------------------------------------------------------------------------*/

#paymentInfo img { width: auto; height: auto; }
#paymentInfo input.pageButton{ cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif;  color: #000000; border: none; background: transparent; margin-right: 5px; margin-left: 5px; margin-top: 0px; text-align: left; text-decoration: strong; }
#paymentInfo input.pageButtonHov{ text-decoration: underline; }
#cot_tl_fixed img { width: 100px; height: 85px; }

/* ------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------*/