/* Body Settings */





body {


	background-image:  url(http://www.preciouscoverings.com/images/pageback.png);


}


body,td,th {


	font-family: Arial, Helvetica, sans-serif;


	font-size: 14px;


	color: #000000;


}


/* Table Settings */





topbannerback {


background-image: url(http://www.preciouscoverings.com/images/topbannerback.png);


background-repeat:no-repeat;


}





/* Link Settings */


a:link { 


	color : #B17CA1; 


	text-decoration:none;


	}


/* Link Hover Settings */


a:hover { 


	color : #B17CA1; 


	text-decoration : underline; 


	}


	


a:visited {


	color : #6C5641; 


	text-decoration:none;


}	


	


/* Navigation Links */


.nav { 


	font-family : Arial, Verdana, Sans-Serif; 


	font-size : 12px; 


	font-weight : bold; 


	text-decoration : none; 


	color: $settings[centerfont]; 


}


.nav:hover { 


	font-family : Arial, Verdana, Sans-Serif; 


	font-size : 12px; 


	font-weight : bold; 


	text-decoration : underline; 


	color: $settings[centerfont]; 


}


/* Input Box Settings */


.input_box { 


	border: 1 solid #000000; 


	background-color: $settings[inputboxcolor]; 


	color: #000000; 


	font-family: Arial, Verdana, Sans-Serif; 


	font-size: 12px; 


	line-height: 13px; 


	font-weight: normal; 


}


/* Submit Button Settings */


.submit_button { 


	font-size : xx-small; 


	font-family : Arial, Verdana, Sans-Serif; 


	background-color : #CCCCCC; 


	color : #000000; 


	font-weight : bold; 


	border-width : thin; 


}


.TopNav {


	background: $settings[tablehead];


	color: $settings[tableheadtext];


	font-weight : bold;


}


TD.TopNav {


	font-size: 12px;


	font-weight: bold;


	background: $settings[tablehead];


	color: $settings[tableheadtext];


}


.SideTable {


	background: $settings[tablebg];


	border-color: $settings[tableborder];


	border-style: solid;


	border-width: 1px;


}


TD.SideTableHeading {


	font-size: 12px;


	font-weight: bold;


	background: $settings[tablehead];


	color: $settings[tableheadtext];


}


.CenterTable {


	background: $settings[centerbg];


	border-color: $settings[centercolor];


	border-style: solid;


	border-width: 1px;


}


.CenterTableItems {


	border-color: $settings[centercolor];


	border-style: solid;


	border-width: 1px;


}


.ErrorTable {


	background: $settings[centerbg];


	border-color: #FF0000;


	border-style: solid;


	border-width: 1px;


}


.Required {


	color: #FF0000;


}


.HeadingFont {


	color: $settings[headingfont];


	font-size: 14px;


	font-weight: bold;


}


.OurPrice {


	background: $settings[tablebg];


}


TD.ErrorMain {


	font-size: 10px;


	font-weight: bold;


}


TD.CenterTableHeading {


	font-size: 12px;


	font-weight: bold;


	background: $settings[centerheader];


	color: $settings[centerfont];


}


.CartContents {


	font-size: 11px;


	text-decoration : none;


}


.CartContents:hover { 


	font-size : 11px; 


	text-decoration : underline; 


}


.PagesAlign {


	text-align: justify;


	line-height: 20px;


}


.HR1 {


	padding: 0px; 


	margin-top: 8px; 


	margin-bottom: 8px; 


	height: 1px; 


	border-style: none; 


	border-color: '$settings[centercolor]'; 


	color: '$settings[centercolor]'; 


}


.image {


border-width: 5ps;


border-color: #6C5641;


}





.product_option {


width:100%;


}





#prod_det {


width:660px;


float:left;


}








/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */





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


  REQUIRED to hide the non-active tab content.


  But do not hide them in the print stylesheet!


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


.tabberlive .tabbertabhide {


 display:none;


}





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


  .tabber = before the tabber interface is set up


  .tabberlive = after the tabber interface is set up


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


.tabber {


}


.tabberlive {


 margin-top:1em;


}





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


  ul.tabbernav = the tab navigation list


  li.tabberactive = the active tab


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


ul.tabbernav


{


 margin:0;


 padding: 3px 0;


 border-bottom: 1px solid #778;


 font: bold 12px Verdana, sans-serif;


}





ul.tabbernav li


{


 list-style: none;


 margin: 0;


 display: inline;


}





ul.tabbernav li a


{


 padding: 3px 0.5em;


 margin-left: 3px;


 border: 1px solid #778;


 border-bottom: none;


 background: #DDE;


 text-decoration: none;


}





ul.tabbernav li a:link { color: #448; }


ul.tabbernav li a:visited { color: #667; }





ul.tabbernav li a:hover


{


 color: #000;


 background: #AAE;


 border-color: #227;


}





ul.tabbernav li.tabberactive a


{


 background-color: #fff;


 border-bottom: 1px solid #fff;


}





ul.tabbernav li.tabberactive a:hover


{


 color: #000;


 background: white;


 border-bottom: 1px solid white;


}





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


  .tabbertab = the tab content


  Add style only after the tabber interface is set up (.tabberlive)


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


.tabberlive .tabbertab {


 padding:5px;


 border:1px solid #aaa;


 border-top:0;





 /* If you don't want the tab size changing whenever a tab is changed


    you can set a fixed height */





 /* height:200px; */





 /* If you set a fix height set overflow to auto and you will get a


    scrollbar when necessary */





 /* overflow:auto; */


}





/* If desired, hide the heading since a heading is provided by the tab */


.tabberlive .tabbertab h2 {


 display:none;


}


.tabberlive .tabbertab h3 {


 display:none;


}





/* Example of using an ID to set different styles for the tabs on the page */


.tabberlive#tab1 {


}


.tabberlive#tab2 {


}


.tabberlive#tab2 .tabbertab {


 height:200px;


 overflow:auto;


}





/* You will not need to change below */


.small, .small:hover { font-family: Arial, Verdana, Sans-Serif; color: #333333; font-size: 10px; }


.small:link, .small:visited { text-decoration: underline; color: #333333; }


</style>