/*-----------------------------
 reused
-----------------------------*/

.clr_blk_div {
	clear: both;
}

/*-----------------------------
top tab navigation styling class
-----------------------------*/

/* I was having a problem with the padding or margin of the bottom
of the .tab_li_intacv (tab list interactive). 
It was pusing the td down, I spent about three hours figuring it out
my efforts are documented below. Tim D 27.09.07 */

.top_nav_row {
	width: 930px;
	height: 19px; /* <- so, this is the height of the row, I kept it at the height of
	the tab image just to stick to a standard. So that it makes more sense to follow/look at*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #000;*/
}

.top_nav_td {
	/* NB. no height here */
	letter-spacing: 1.2px;
	/*font: 1.2em Arial, sans-serif;*/
	width: 940px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top_nav_td ul {
	list-style-type: none;
	height: 17px; /* <-- NB. The height of this ul stylig argument is less then the 
	actual height of the tab background-image, 4px less. This is to force the ul
	to be smaller to prevent the ul from pushing the td below it down */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.tab_li_intacv {
	position: relative;
	float:right;
	background: url(css_imgs/tb_back_over.gif) no-repeat top left;
	white-space: nowrap;
	display: block;
	width: 88px;
	height: 21px;
	margin: 0px 0px -5px 0px;/* <-- NB. the bottom padding here pushes the td below upwards, (it thinks that there's 
	no space there so collapases up a bit) this is to compensate for shruken height of the above ul styling argument.
	Without this, the below td still takes the blank space as being there, even though it shouldn't really.*/
	padding: 0px 0px 0px 0px;
}

.tab_li_intacv a {
	width: 88px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: black;
	text-decoration: none;
}

* html a:hover {
	visibility:visible;
}

.tab_li_intacv a:hover span{
	color: #fff;
}

.tab_li_intacv img { 
border: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

.tab_li_intacv a:hover img{
visibility:hidden;
}

.tab_li_intacv span {
position: absolute;
text-align: center;
left: 0px;
width: 88px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
cursor: pointer;
visibility: visible;
/*border: 1px solid #999;*/
}

/*==================
	slides
===================*/
div.slides {
	position: absolute;
	float: left;
	display: none;
	opacity: 0;              /* CSS3 */
    -moz-opacity: 0;         /* legacy Firefox */
    -khtml-opacity: 0;       /* legacy Safari/Konqueror */
    filter: alpha(opacity=0); /* MSIE */
    padding: 0px 0px 0px 0px;
    width: 163px;
}

@media {.slides { margin: 0px 0px 0px -80px;}}

* html .slides { margin: 0px 0px 0px 0px;}

div#slide_1 {
	position: absolute;
}


/*-----------------------------
navigation buttons styling class
-----------------------------*/
.but_cls_ul {
	color: black;
}

.but_cls_ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.but_cls_li {
	position: relative;
	/* background: url(css_imgs/cont_but_over.jpg) no-repeat top left; */
	display: block;
	width: 163px;
	height: 68px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.but_cls_li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: white;
	text-decoration: none;
}

* html a:hover {
	visibility:visible;
}

.but_cls_li a:hover span{
	color: #000000;
}

.but_cls_li img {
	position: absolute; /* when this argument is ommitted,
	Safari pushes all the list items down below each img. Tim D. 28.09.07 */ 
	border: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
.but_cls_li a:hover img{
	visibility:hidden;
}
*/

.but_cls_li span {
	position: absolute;
	/*display: block;*/
	text-align: center;
	font: 20px arial;
	left: 0px;
	width: 163px;
	height: 68px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 0px;
	cursor: pointer;
	visibility: visible;
	z-index: 0;
	/*border: 1px solid #999;*/
}

/*-----------------------------
bread crumb links styling
-----------------------------*/

.brd_crm_tbl {
	background: #7798B5;
	width: 946px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.brd_crm_tr {
	color: white;
	background: #A1002C;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.brd_crm_td {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.brd_crm_td p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.brd_crm_td a{
	color: #999;
}

/*-----------------------------
center text styling
-----------------------------*/

.text_content {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
}

.text_content h3 {
	/*background: #fff;*/
	padding: 5px 0px 5px 5px;
	color: #9A1C1F;
	margin: 0px;
	font-size: 20px;
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
}

.cat_sel_style {
	background: #fff;
	clear: none;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 00px;
}

.sel_cat_cls{
	background: #fff;
	/*border: 1px solid #000;*/
}

.cat_to_clas {
	float: left;
	background: #fff;
	/*border: 1px solid #000;*/
	width:180px;
}

/*-----------------------------
preview image size restraint styling
-----------------------------*/
#pre_img_plc {
	/*position: absolute;*/
	height: 360px;
	width: 585px;
	overflow: hidden;
	/*max-width: 570px;*/
	/*border: 4px solid #000;*/
}
#ovr_flow_fx {
	height: 311px;
	width: 505px;
	overflow: hidden;
}

.pre_img_plc img{
	height: 300px;
	width: 570px;
	/*max-width: 570px;*/
}
/*-----------------------------
folder page styling elements
-----------------------------*/
.cat_fld_div {
	/*background: url(css_imgs/folder.jpg) top left no-repeat;*/
	/*width: 160px;*/
	height: 115px;
	padding: 30px 5px 30px 10px;
	float: left;
}

.cat_fld_div img {
	/*height: 80px;*/
}
.cat_fld_div a {
	color: black;
	text-decoration: none;
}

/*-----------------------------
add to cart invisible button styling class
-----------------------------*/

.adCrtBut {
	position: absolute;
	color: white;
	/*background: black;*/
	width: 546px;
	height: 331px;
}

.adCrtBut td {
	/*border: solid 1px white;*/
}

.adCrtBut_lft {
	width: 100px;
}

.adCrtBut_cen {
	width: 346px;
}

.adCrtBut_rgt {
	width: 100px;
}

.adCrtBut_lft span{
	width: 100px;
	height: 331px;
}

.adCrtBut_cen span{
	width: 346px;
	height: 331px;
}

.adCrtBut_rgt span{
	width: 100px;
	height: 331px;
}

/*for interactivity*/
* html a:hover {
	visibility:visible;
}

.adCrtBut_lft span, .adCrtBut_cen span, .adCrtBut_rgt span {
	position: relative;
	text-align: center;
	display: block;
	moz-opacity:75%;
	opacity: .75;
	filter:alpha(opacity=75);
	visibility: hidden;
}

.adCrtBut_lft a:hover span, .adCrtBut_cen a:hover span, .adCrtBut_rgt a:hover span {
	visibility: visible;
}

#no_of_cost, #no_of_ords {
	color: white;
}
/*-----------------------------
normal bottom image menu styling
-----------------------------*/
/* bottom image menu td, table cell*/
.bot_imgmen_td {
	background: #fff;
	color: black;
	width: 942px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font: .75em Arial, sans-serif;
}

.bot_imgmen_td a {
	font-size: 1.2em;
	font-style: italic;
	color: #000;
	text-decoration: none;
}

.bot_imgmen_td a:visited {
	font-size: 1.2em;
	font-style: italic;
	color: #888;
}

.bot_imgmen_td a:hover {
	font-size: 1.2em;
	font-style: normal;
	color: #fff;
}

.bot_imgmen_td span {
	background: #cdd5ca;
	padding: 2px 0px 0px 0px;
}

.bot_imgmen_td h3 {
	color: black;
	font: 12px Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.bot_men_tum {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.bot_immen_bckg {
	overflow-y: scroll;
	/*background: #fff;*/
	height: 165px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 2px solid #999;
}

.tum_pan_div{
	height: 150px;
	width: 130px;
	padding: 0px 2px 2px 2px;
	margin: 5px 2px 2px 12px;
	cursor: hand;
	float: left;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #555;
}

.tum_pan_div img {
	max-width: 114px;
}

.hei_img_bacg{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*-----------------------------
cl_to_ad - click to add transperent div
-----------------------------*/

.img_menu_scrol {
	overflow-x: scroll;
	height: 205px;
}

/*-----------------------------
cl_to_ad - click to add transperent div
-----------------------------*/

#cl_to_ad {
	position: absolute;
	background: #000;
	moz-opacity:50%;
	opacity: .50;
	filter:alpha(opacity=50);
	visibility: hidden;
	top: 152px;
	width: 585px;
	height: 336px;
}

#cl_to_ad span {
	font-size: 90px;
	color: #aaa;
	padding: 20px 0px 0px 0px;
}

/*-----------------------------
image options menu styling
-----------------------------*/
.add_thum_buts{
	text-align: center;
	background: #CDD5CA;
	width: 100px;
	height: 45px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.add_remove {
	visibility: hidden;
	color: white;
}

.not_visible {
	color: #444;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin: -80px 0px 0px 0px;
	height: 35px;
	/*border: 1px solid #000;*/
}

p.not_visible span {
	background: #eee;
	padding: 2px;
}

.no_opc_cls img {
	cursor: pointer;
	cursor: hand;
}



/*-----------------------------
dhtml menu styling
-----------------------------*/

.dhtml_menu_td {
	position: absolute;
	text-align: center;
	width: 942px;
	height: 75px;
	top: 430px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 0;
	/*visibility: hidden;*/
}

.dhtml_menu_td h3 {
	color: white;
	font: 12px Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.dhtml_menu_td a {
	color: white;
	font: 12px Arial;
	text-decoration: none;
}

.dhtml_menu_td a:hover {
	color: red;
	font: 12px Arial;
}

.dhtml_menu_but {
	background: url(css_imgs/img_menu_bck.gif) top left no-repeat;
	padding: 2px 6px 7px 6px;
	margin: 0px 0px 0px 0px;
	width: 79px;
	height: 23px;
}

.dhtml_menu_td p {
	background: #1f476a;
	width: 932px;
	height: 70px;
	padding: 5px 5px 0px 5px;
	margin: 7px 0px 0px 0px;
}
/*-----------------------------
order form styling
-----------------------------*/
form {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}


.ords_form_styl {
	text-align: left;
	background: #eee;
	padding: 0px 0px 0px 0px;
}

.ords_form_styl hr {
	border: none 0;
	border-top: 1px dashed #710020;/*the border*/
	/*width: 50%;*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/	
}

.ord_tum_prev {
	float: left;
	height: 80px;
	padding: 5px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

h3.ordr_form_h3 {
	
}