#searchfield { margin-right:26px; margin-top:14px; float:right; width:308px; height:40px; clear:right; text-align:right; } 
input#searchString { height:16px; width:168px;  padding:2px 0 0 2px; }

/* detail page begin*/
div#detailTopContent{

   clear:both;
   float:left;
   border: 1px dashed green ;
   width:965px;
   height:357px;
   margin-left   :0px;
   margin-right  :0px;
   margin-top    :0px;
 
 
}

div.detailTopContent{
    float:left;
    padding-left:20px;
	margin-bottom:20px;
	margin-top:14px;

}

div.detailBottom{
     float:left;
     margin-left:20px;
	 width:933px;
	 /* border: 1px dashed green ; */
}

div#productDetailsArea{
   float:left;
   

}



div#productDetails{
  border: 0px dashed black;
  margin-left:0px;
  padding-left:0px;
  padding-top:0px;
  padding-right:22px;
}

.pricerow td { vertical-align:top; padding-bottom:4px; }
 
div#ReadyToPurchase { padding:0 16px 12px 16px; background-color:#F2F1EA; width:260px; }
.inputbx { float:left; margin-right:6px; }
.inputbx input { 
	padding:1px 1px 1px 0;
	margin:1px 1px 1px 0;
}

div#CartSummary{
  padding-left:17px;
  
  background-color:#eeece3;
  width:275px;
}

div#CartSummary{
  margin-top:4px;
}

div#cartSummLastItemThumb ,div#cartSummLastItemThumb img{
   height:80;
   overflow:hidden;
}


div.AllDetailsContentHolder { 
float:left;
width:602px;
margin-left:0;
padding-left:20px;


}


/*product detail page, cart summary table*/

#cartOverViewTable{
   margin-left:-16px;
   margin-top:-18px;
}

#headerDescription,#headerItemPrice,#headerQTY,#Header_DevicesIconCel,#Header_DevicesCel,#Header_FileFormatCel,#Header_RequirementsCel{
 
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-color:#c4c3c0;
}


div.cartSubTotalTextArea{
   margin-top:4px;
   margin-bottom:4px;
   background-color:#e2e1da;
   height:28px;
}



td#cartSubTotal,td#cartSubTotalEmpty{
    
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-color:#c4c3c0;
}

span#subLabelTxt{
   margin-right: 6px;

}

div.addToCartButtonHolder img,div.CheckOutButton img{ 
   float:right;
   margin-right:12px
}

 

.detialDevicesTableOddRow{

   background-color: #f6f5f1
}

.detialDevicesTableEvenRow{
   background-color: #ffffff
   }
/* see text.css for all text*/
 

/* end detail page begin*/



.ColumnStyle1,.ColumnStyle2,.ColumnStyle3{
	/*border: thin dashed #black;
	border-width: 1px;*/
}

/* zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
body { margin:0; padding:0; text-align:center; background:#f2f7ec url(/symtioimages/villagebooksImages/siteBg.jpg) repeat-x 0 0; }


#wrapper{
	width:965px;
	height:auto;
	/*border: 1px solid yellow; debug*/
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container {
	width: 965px;
    height: auto;
	background-color:#ffffff;
    /* border: 1px solid #000000; */
	
}

#header { height:110px; border-bottom:2px solid #ccc; background:#4eb429 url(/symtioimages/villagebooksImages/headBg.jpg) repeat-x 0 0; }
#homelink { clear:left; margin-left:23px; padding:0; }

#logoArea {width:400px; margin-left:18px; margin-top:35px; clear:left; float:left; }

#DetailsTabsArea{
   background-color:  #f3f3f3;
   height:24px;
   padding-top:1px;
   padding-right:1px;
   padding-left:1px;
   margin:0px;
   margin-top: 0px;
   margin-right:0px;
   margin-left:0px;
   clear:left;
   float:left;
}

#navTabsArea ul{
	display: inline;
	list-style-type: none;
	margin:0px;
}
.DetailsTabItem,.DetailsTabItemSelected {
	background-image: url(/symtioimages/tangleImages/UI/global/bttnBackGrad_norm.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:114px;
    height:22px;
	padding:0px;
	border-top: 3px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 0px;
	
	/*see text.css for font style and rollover */
}




li{
	 display: inline;
}

div#detailSummary ul { margin-left:22px; }
div#detailSummary li { display:list-item;}


ul { margin: 0; padding: 0; }

 



/* only used on home (uses gradient and fixed height */
#mainContentArea 
{
	/*background-image: url(/symtioimages/whiteLabelImages/UI/contentBackGrad.jpg) ;*/
	background-repeat: repeat-x;
	background-position: left top;
	height:664px;
	margin-top: 0;
	marign-left:0px;
	padding-left: 0px;
	background-color:#fff;
        
}
/* not used in homepage but  everywhere else*/
.mainContentArea { width:965px; float:left; margin-top: 0px; marign-left:0px; padding-left: 0px; background-color:#fff; }

#DetailsContentArea { float:left; margin-top:0; padding-bottom:0; padding-left:0; }

#mainContentWhiteBox { width:938px; height:430px; margin-left:15px; margin-top:17px; float:left; }

 
div.WhiteBox_TopBord 
{
	width: 938px;
	background-image: url(/symtioimages/tangleImages/UI/home/whiteboxTOP.png);
	height: 8px;
}

div.WhiteBox_BodyBord 
{
	width: 922px;
	height:430px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0px;
	padding-bottom:0px;
	background-image: url(/symtioimages/tangleImages/UI/home/whiteboxBody.png);
	background-repeat: repeat-y;
}

div.WhiteBox_FootBord 
{
  width: 938px;
  background-image: url(/symtioimages/tangleImages/UI/home/whiteboxBottom.png);
  height: 10px;
  
}

.currentCatagoryHead { float:left; width:300px; }

/* this is the box inside the white
/* box  the background */
 
div.FilterCatagoryFormArea { background-color: #9EC16F; }
.ContentHolderBackground { background-color: #9EC16F; }
.CarouselHolderBox .ContentHolderBackground { background-color: #efede8; }

.mainContentHolderBackground {
   background-color: #efede8;
   height:379px;
   width: 920px;
   margin-left:-2px;
   margin-right:0px;
   margin-top:-2px;
   margin-bottom:0px;
}

/* Inv Div that Holds the 3 COl 
  of Featured Items */
#mainContentColHolder{
	clear:both;
	float:left;
	/* border: thin dashed black; */
     width:900px;
	height:357px;
	margin-left   :10px;
	margin-right  :0px;
	margin-top    :10px;
	margin-bottom:0px;
	 
}

.ColumnStyle1{
   background-color:  gray;
   width:410px;
   height:357px;
   float:left;
   margin-left:0px;
   margin-top: 0px;
	margin-right:14px
}
.ColumnStyle2{
   /* background-color:  gray; debug*/
   width:292px;
   height:357px;
 
 
    float:left;
   
    margin-left:0px;
	margin-top: 0px;
	margin-right:13px;
   
}
.ColumnStyle3{
   /* background-color:  gray; debug*/
   width:171px;
   height:357px;
 
 
   float:left;
   
    margin-left:0px;
	margin-top: 0px;
	margin-right:0px;
   
}
.ColumnStyle1 #mainContentC1_1{
	background-color:  lightgray;
	width:410px;
	height:357px;
	margin-top: 0px; 
	margin-left: 0px;
	clear:all;
	float:left;
	/* border: thin dashed black; */
	color: #777777;
}
.ColumnStyle2 #mainContentC2_1{
	background-color: lightgray;
	width:290px;
	height:170px;
	margin-top: 0px; 
	margin-left: 0px;
	clear:all;
	float:left;
	padding: 0; 
	/* border: thin dashed black; */
	 
}
.ColumnStyle2 #mainContentC2_2{
	background-color: lightgray;
	width:290px;
	height:170px;
	margin-top: 17px; 
	margin-left: 0px;
	clear:all;
	float:left;
	/* border: thin dashed black; */
}
.ColumnStyle3  #mainContentC3_1{
	background-color: lightgray;
	width:171px;
	height:110px;
	margin-top: 0px; 
	margin-left: 0px;
	clear:all;
	float:left;
	/*border: thin dashed black;*/
}
.ColumnStyle3 #mainContentC3_2{
   background-color: lightgray;
   width:171px;
   height:110px;
   margin-top: 14px; 
   margin-left: 0px;
   clear:all;
   float:left;
   /*border: thin dashed black;*/
}
.ColumnStyle3 #mainContentC3_3{
	background-color: lightgray;
	width:171px;
	height:110px;
	margin-top: 13px; 
	margin-left: 0px;
	clear:all;
	float:left;
		/* border: thin dashed black; */
	}

.carouselNavBar {
	background-color: #d8d3c8;
	height: 47px;
	width: 920px;
	margin-top:4px;
    margin-left:-2px;
	 float:left; 
}
#leftNavBttn {
	background-image: url(/symtioimages/tangleImages/UI/global/CarouselNavBttnLeft.png);
 
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 33px;

    margin-top:8px;
    margin-left:-16px;
    clear:both;
    float:left;

}
#rightNavBttn {
	background-image: url(/symtioimages/tangleImages/UI/global/CarouselBttnRight.png);
 
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 33px;
	clear:both;
	float:right;
	margin-top:-35px;
	margin-right:-16px;

}


#botRowFeaturesArea{ width: 940px; margin-left:12px; margin-top:18px; clear:both; float:left; }
  
div.CarouselTextTag{
 
float:left;
height:30px;
margin-left:22px;
margin-top:14px;
width:250px;
 /* border: 1px solid red;*/

}


div.CarouselNavLinks { text-align:center; float:right; width:600px;  margin-top:14px; margin-right:20px; }

 div.CatagoryCarouselNavLinks{
 
   
   float:left;
   margin-left:262px; 
  /* margin-left:16em;*/ 
   margin-top:-30px;
   width:350px;
   /*border: thin dashed black;*/  
  }


/*Small BOX borders for content area */
#smallwhiteBOX_1 { clear:left; float:left; height:186px; width:304px; margin-right:13px; }
#smallwhiteBOX_2 { float:left; height:186px; width:304px; margin-right:13px; }
#smallwhiteBOX_3 { float:left; height:186px; width:304px; }

/*content for the small white boxes*/
#smwContent1{
    width:287px;
    height:169px;
    background-color: lightgray;
}

#smwContent2{
    width:287px;
    height:169px;
    background-color: lightgray;
}

#smwContent3{
    width:287px;
    height:169px;
    background-color: lightgray;
}



div.smallWhiteBox_TopBord {
	width: 304;
	background-image: url(/symtioimages/tangleImages/UI/home/smwhiteTOP.png);
	height: 8px;
	background-repeat: no-repeat;
	background-position: left top;
}
div.smallWhiteBox_BodyBord {
	width: 288px;
	height:166px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0px;
	padding-bottom:0px;
	background-image: url(/symtioimages/tangleImages/UI/home/smwhiteBody.png);
	background-repeat: repeat-y;
}
div.smallWhiteBox_FootBord {
	width: 304px;
	background-image: url(/symtioimages/tangleImages/UI/home/smwhiteBOT.png);
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}


#iconLegend { clear:left; height:50px; color:#fff; text-transform:uppercase; text-align:left; padding: 0 9px; font-size:9px; background-color:#4eb429;}

#iconaudiobook { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_audiobookw.png) no-repeat 0 4px; line-height:24px; padding-left:24px; float:left; margin:13px 26px 0 54px; display:inline; }
#iconebook { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_ebookw.png) no-repeat 0 4px; line-height:24px; padding-left:19px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#iconprintedbook { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_printedbookw.png) no-repeat 0 4px; line-height:24px; padding-left:21px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#iconvideo { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_videow.png) no-repeat 0 4px; line-height:24px; padding-left:28px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#iconmusic { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_musicw.png) no-repeat 0 4px; line-height:24px; padding-left:19px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#iconcd { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_cdw.png) no-repeat 0 4px; line-height:24px; padding-left:21px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#icondvd { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_dvdw.png) no-repeat 0 4px; line-height:24px; padding-left:25px; float:left; margin-right:26px; margin-top:13px; display:inline; }
#iconsoftware { background: url(/symtioimages/whiteLabelImages/UI/icons/white/icons_softwarew.png) no-repeat 0 3px; line-height:24px; padding-left:23px; float:left; margin-right:26px; margin-top:13px; display:inline; }

div.FootBox { height:123px; width: 965px; margin:0; clear:both; }
 


div.FootBox li { 
    margin-right:14px;
    margin-top:3px;
    display:inline;
}
 

div.FootBox td{
 width:155px;
}

/*
div.footboxTOP {
	width: 975px;
	height: 12px;
	background-image: url(/symtioimages/tangleImages/UI/foot/FootBoxTOP.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.footboxBODY {
	width: 959px;
	height:99px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0px;
	padding-bottom:0px;
	background-image: url(/symtioimages/tangleImages/UI/foot/FootBoxBODY.png);
	background-repeat: repeat-y;
}
div.footBOTT {
	width: 975px;
	background-image: url(/symtioimages/tangleImages/UI/foot/FootBoxBottom.png);
	height: 13px;
	background-repeat: no-repeat;
	background-position: left top;
}
*/

div.BreadCrumb{
   margin-top:0px;
   margin-top:0px;
   padding-top:3px;
   width:624px;
   padding-bottom:17px;

}

.categoryRow { margin-left:2px; width:609px; }

.detailTopRod {
	background-attachment:scroll;
	background-color:#FFFFFF;
	background-image:url(/symtioimages/tangleImages/UI/global/bg_topprods.gif);
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
	display:block;
	height:20px;
	width:auto;
	/*padding-bottom:0;
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	*/
}


table#ProductDetailsTable{
 float:left;

}
div.DetailsHeaderArea { 
border-top:2px dotted #CCCCCC;
margin-top:20px;
width:588px;
}

div.DevicesHeaderArea { 
border-top:2px dotted #CCCCCC;
margin-top:20px;
width:879px;
}

div.CheckoutHeaderArea { 
border-top:2px dotted #CCCCCC;
padding-top:30px;
margin-top:20px;
width:606;
}


div.DetailsInformationBlock{
    width:auto;
}

div.DetailsRightSideBar { float:left; width:288px; background-color: #E1ECD1; border-bottom:20px solid #FFF; float:left; margin-left:15px; margin-top:-12px; }
 
div.AlsoPurchasedThumb { width:82px; overflow:hidden; }

 
div.AlsoPurchasedDesc{

  margin-left:8px;
}

div.AlsoPurchasedIcons{

  margin-top:4px;
}

div.ItemDescIcon{
 margin-right:6px;
 margin-top:5px;
 width:20px;
 float:left;
 
}

div.OthersAlsoPurchased{
	margin-top:8px;
	padding-right:10px;
 
}

div.NeedHelp{

 border-top: 5px solid white;

}

div.AlsoPurchasedItemArea{

  margin-left:17px;
  margin-bottom:12px;

}

.DetailsMediaIcon{
  margin-top:6px;
  margin-right:5px;

}

table.eBookDeviceTable tr,table.AudioDeviceTable tr{
  height:60px


}

table tr.tableHeaderRow{
  height:20px
}

table.eBookDeviceTable,table.AudioDeviceTable 
{
 margin-bottom:44px;
}
 
#lastDetailItem{
  
  margin-top:20px;
  padding-top:20px;

}

.TableNameIcon{
 margin-right:12px;
}

/* cart page */
#submitBttn{

  float:right;
}

 
.fieldError{
    background-color: #ffcccc; 
	border: 1px dashed red;
}

#checkOutTable td{
  
  padding-top:12px;
  padding-bottom:12px;

}



/*review and submit


div#ReviewSubmitContent,div#ConfirmationContent{

 
  height:auto;
  width:613px;
  margin-left:20px;

}


.CARTSubTableBodyRow {
    background-color:#eeede9;
}


.CARTTableSubTotalRow{
    background-color :#f1fcdd;
		
}

 */


/* detail page begin*/




div#productImage{
   margin-left:0px;
   margin-top:2px;
   margin-right:27px;
   overflow: hidden;
   width:202px;
} 

 

div#CartSummary{
  padding-left:17px;
  
  background-color:#f2f1ea;
  width:275px;
}

div#CartSummary{
  margin-top:4px;
}

div#cartSummLastItemThumb ,div#cartSummLastItemThumb img{
   height:80;
   overflow:hidden;
}


/*product detail page, cart summary table*/

#cartOverViewTable{
   margin-left:-16px;
   margin-top:-18px;
}

td#cartSubTotal,td#cartSubTotalEmpty{
    
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-color:#c4c3c0;
}

span#subLabelTxt{
   margin-right: 6px;

}

div.addToCartButtonHolder img,div.CheckOutButton img{ 
   float:right;
   margin-right:12px
}

 

.detialDevicesTableOddRow{

   background-color: #f6f5f1
}

.detialDevicesTableEvenRow{
   background-color: #ffffff
   }
/* see text.css for all text*/
 

/* end detail page begin*/



.ColumnStyle1,.ColumnStyle2,.ColumnStyle3{
	/*border: thin dashed #black;
	border-width: 1px;*/
}


div#headerBottom {
	background-image:url(/symtioimages/tangleImages/UI/home/HeaderBottom.png);
	height:29px;
	/*border: 1px solid green; debug*/
	background-color:#1a1a1a;
	 clear:both; 
	background-repeat: no-repeat;
	background-position: left top;
}



 #searchBarArea{
        background-image:url(/symtioimages/tangleImages/UI/head/searchBarGrad);
	background-repeat:repeat-y;
	clear:left;
	float:left;
	height: 34px;
	width:958px;
        padding:0px;
         padding-bottom:3px;
	margin-top: 6px;
	margin-left: 6px;  
        text-align:left; 
  
  
 }

#linksNav li{ 
       margin-right:6px
 }
 


/*review and submit*/

div#ReviewSubmitContent,div#ConfirmationContent{

  height:auto;
  width:613px;
  margin-left:20px;
  padding-top:24px;
}


.CARTTableBodyRow {
    background-color:#eeede9;
}


.CARTTableSubTotalRow { background-color :#F2F7EC; }



 
tr.CARTTableBodyPromoRow{
    background-color :#ffffff;

}

tr.CARTTableBodyRow>td{
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

.headerRowLabel>td{
  border-top: 1px solid #C4C3C0;
  border-bottom: 1px solid #C4C3C0;
  padding:5px 0;
 
}

tr.CARTTopLabels>td{
  border-top: 1px solid #C4C3C0;
  border-bottom: 1px solid #C4C3C0;
 
}

tr.CARTThankYouRow>td{
border-top: 1px solid #C4C3C0;

}

tr.CARTTableSubTotalRow>td{
  border-top: 1px solid #C4C3C0;
  border-bottom: 1px solid #C4C3C0;
 
}
 

div#termOfSale{
  
 float:right;
 margin-right:12px;
 margin-top:12px;
 
}


.CARTItemDescriptionCel>table{

 margin-top:8px;
 margin-bottom:8px;

 
}

 td.CARTitemQTY,.CARTItemPrice,.CARTSubTotal{
   padding-top:8px;
   padding-bottom:8px;

}
 div#cartButtons{
 
 margin-top:30px;
margin-bottom:18px;
}


 
td#UpdateBttnCell input{
 margin-right:8px;
}

table#addressTable{
 margin-bottom:12px;
}


div.RevItemThumb{

  width:50px;
  height:80px;
  overflow:hidden;
}
div.RevItemThumb img{

  width:50px;
}



#CARTSubTotalLabels table,#CARTSubTotalValues table{

 margin-top:12px
}


#PaymentInfoHeader{

   padding-top:24px;
   width: 600px;
}

#CARTThankyouText div{
    background-color: lightgray;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#e3fabc;
   padding-left:8px;
   padding-right:8px;
   padding-top:8px;
   padding-bottom:8px;
}


#myAccountContent td{
padding-top:20px;
}

#myAccountContent input { width:250px; }