/* CSS for OrthoClub.com */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-image:url(../images/bg_6.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-color:#FFFFFF;
	height:100%;
}
.footer {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-color:#cccccc;
	border-top: 1px solid #bbb;
	padding-top:15px;
}
.bodytables {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: separate;
	background-color: white;
}
.bodytables2 {/*height:500px;*/}
.bodytables3 {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: separate;
	background-color: white;
	height: 650px;
}
.bodytablesoutside
{
	border-width: 3px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: separate;
	background-color: white;
}
.headernav { 
	/*background-image:url(../images/header_bg.jpg);*/
	vertical-align:middle;
	height:25px;
}
.itemdetail { 
	background-image:url(../images/header_bg.jpg);
	vertical-align:middle;
	height:25px;

}
.dashes {
	border-top: 3px dashed #000000;
	margin-top: 5px;
}

.fix {background-image:url(../images/home_page_background.png);}
.fix2 {height: 190px; background-image:url(../images/bg_topic2.png);}
.fix4 {height: 176px;}
.fix3 {height: 190px;}
.fix1 {height: 35px;}
.fix5 {height: 50px;}

.table_header { 
	height:150px;
	background:url(../images/header_background_new.jpg);
	width:900px;
}



/* TOOL-TIP */
a.show{font-size: 10px; font-family: Helvetica, Arial, San-Serif; position:relative; z-index:24; color:#000; text-decoration:none;}
a.show:hover{z-index:25;}
a.show span{display:none;}
a.show:hover span{ font-size: 10px; color:#000000; font-family: Helvetica, Arial, San-Serif; display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #0cf; background-color:#cff; padding: 5px;}
/* TOOL-TIP END */




h1 {
	color: #cd202c; /* #e26b09 */ 
	font-size: 14px;
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	border-bottom: 1px dotted #e26b09;
}

.h2 a:hover{
	display: block;
	font-size: 13px;
	color: #0B0199;
	text-decoration: underline;
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
}

.h2 a:link{
	display: block;
	color: #0B0199;
	font-size: 13px;
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	padding: 2px;
}

.h2 a:visited{
	display: block;
	color: #0B0199;
	font-size: 13px;
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: underline;
	padding: 2px;
}

.hometext  { font-size:15px; line-height: 18px; color:BLACK; font-family:Helvetica, Arial, San-Serif;}
.smalltext { font-size:11px; line-height: 14px; color:#606060; font-family: "Tahoma", Verdana, Helvetica, San-Serif;}
.largetext  { font-size:14px; line-height: 17px; color:#0B0199; font-family:Helvetica, Arial, San-Serif;}
.superlargetext  { font-size:30px; font-weight: bold; color:#e26b09; font-family: Helvetica, Arial, San-Serif;}
.superlargetext2  { font-size:20px; line-height: 25px; font-weight: bold; color:#e26b09; font-family: Helvetica, Arial, San-Serif;}
.tabletextred  { font-size:11px; line-height: 17px; color:red; font-family: Helvetica, Arial, San-Serif;}
.tablemediumtextoc  { font-size:12px; line-height: 17px; color:#FFFFFF; font-family: Helvetica, Arial, San-Serif;}
.tablemediumtext  { font-size:11px; line-height: 17px; color:#FFFFFF; font-family: Helvetica, Arial, San-Serif;}
.realsmalltext { font-size:6px; color:#CCCCCC; font-family: Helvetica, Arial, San-Serif;}

.textlink  { font-size:12px; line-height: 15px; color:#606060; font-family: Helvetica, Arial, San-Serif;}
.textlink a:link { font-size:12px; color: #aaaaaa; font-family: Helvetica, Arial, San-Serif; text-decoration: underline;}


input {font-family: sans-serif;}

.text  { font-size:11px; line-height: 14px; color:#606060; font-family: "Tahoma", Verdana, Helvetica, San-Serif;}
.text a:link{ font-size: 11px; font-weight: normal; color: #0B0199; font-family: "Tahoma", Verdana, Helvetica, San-Serif; text-decoration: none;}
.text a:hover{ font-size: 11px; font-weight: normal; color: #0B0199; font-family: "Tahoma", Verdana, Helvetica, San-Serif; text-decoration: underline;}
.text a:visited{ font-size: 11px; font-weight: normal; color: #0B0199; font-family: "Tahoma", Verdana, Helvetica, San-Serif; text-decoration: none;}


.blacktext  { font-size: 12px; line-height: 15px; color:black; font-family: Helvetica, Arial, San-Serif;}
.blacktext a:link{ font-size: 12px; color: #0B0199; font-family: Helvetica, Arial, San-Serif; text-decoration: none;}
.blacktext a:hover{ font-size: 12px; color: #0B0199; font-family: Helvetica, Arial, San-Serif; text-decoration: underline;}
.blacktext a:visited{ font-size: 12px; color: #0B0199; font-family: Helvetica, Arial, San-Serif; text-decoration: underline;}

.blacktext2  { font-size: 12px; line-height: 15px; color:#606060; font-family: Helvetica, Arial, San-Serif;}

.graytext  { font-size: 12px; line-height: 15px; color:#666666; font-family: Helvetica, Arial, San-Serif;}
.redtext  { font-size: 11px; line-height: 14px; color:red; font-family: "Tahoma", Verdana, Helvetica, San-Serif;}
.greentext { font-size:14px; color:green; font-family: Helvetica, Arial, San-Serif;}
.orangetext { font-size:14px; color:orange; font-family: Helvetica, Arial, San-Serif;}
.whitetext  { font-size: 12px; line-height: 15px; color:white; font-family: Helvetica, Arial, San-Serif;}
.whitetextbold  { font-size: 12px; line-height: 15px; color:white; font-weight:bold; font-family: "Arial", Verdana, Helvetica, San-Serif;}


.err  { color: #0B0199; font-size: 13px; font-weight:normal; line-height: 15px; font-family:Helvetica, Arial, San-Serif;}


a:link  { color: #0B0199; font-size: 13px; font-weight: bold; line-height: 15px; font-family:Helvetica, Arial, San-Serif; text-decoration: underline; }
a:visited  { color: #0B0199; font-size: 13px; font-weight: bold; line-height: 15px; font-family:Helvetica, Arial, San-Serif; text-decoration: underline }
a:hover  { color: #0B0199; font-size: 13px; font-weight: bold; line-height: 15px; font-family:Helvetica, Arial, San-Serif; text-decoration: none }



/*NEW MENU END*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px #999999;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
font: bold 10px Verdana, Helvetica, sans-serif;
color: #0B0199;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
background-color:#FFFFFF;
position: absolute;
width: auto; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li {float: left;}
.glossymenu li ul a {width: 150px;} /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
.glossymenu li a:visited, .glossymenu li a:active{ color: #2b3047;}
.glossymenu li a:hover{ background-color:#0B0199; text-decoration: underline; color: white;}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

.glossymenu ol{
list-style-type: none;
width: auto; /*WIDTH OF SUB SUB MENU ITEMS*/
padding: 20px;
}
.glossymenu ol a:hover{
background-color:#0B0199;
text-decoration: underline;
color: white;

}
.glossymenu ul{
position: relative;
}

.noborder {
border:none;
}

#shoppingcart {
	position: absolute;
	top: 50px;
	left: 50px;
	height: 100px;
	width: 500px;
	background: #eee;
	border: 1px solid #444;
}

#shoppingcart p {
	margin: 0 1em 1em;
}

#booklist, #contents {
	position: absolute;
	top: 175px;
	left: 50px;
	width: 500px;
	background: #ddd;
	border: 1px solid #333;
}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	font-size: 90%;
	border-collapse: collapse;
}

#contents table td {
	border: 1px solid #999;
	width: 20%;
}

#contents p, #contents button {
	margin: 1em;
}


/* HOVER IMAGES START*/
.thumbnail{
position: relative;

z-index: 26;
}

.thumbnail:hover{
background-color: transparent;
z-index: 47;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F0F0F0;
padding: 2px;
left: -750px;
border: 1px dashed #e26b09;
visibility: hidden;
color: black;
text-decoration: none;
z-index:50;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -100px; /*position where enlarged image should offset horizontally */
/*box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
*/
}
/*HOVER IMAGES END*/



.imageenlarge {
	position:relative;
	float:left; /* optional */
}
.imageenlarge .textenlarge {
	z-index: 45;
	position:absolute;
	top:0px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:0px; /* optional, though better have one */
}


#modernbricksmenu{
padding:0px; 
width:auto;
background: transparent;
/*voice-family: "\"}\"";
voice-family: inherit;*/
}

#modernbricksmenu ul{
/*font: bold 11px Arial;*/
font-family: "Arial", Trebuchet ms, Tahoma, Verdana, Georgia, sans-serif;
/*font-family:Verdana, Arial, Georgia,sans-serif;*/
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 4px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: gray; /*Default menu color*/
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
font-family: "Arial", Trebuchet ms, Tahoma, Verdana, Georgia, sans-serif;
}

#modernbricksmenu #admin a{ /*currently selected tab*/
color: white;
background-color: red; /*Brown color theme*/ 
border-color: red; /*Brown color theme*/ 
}

#modernbricksmenu #admin a:hover{ /*currently selected tab*/

background-color: black; /*Brown color theme*/ 
}

#modernbricksmenu a:hover{
background-color: #cd202c; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
color: #666;
background-color: white;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-family:"Arial", Trebuchet ms, Tahoma, Verdana, Georgia, sans-serif;
text-shadow:1px 1px #ccc;
}


#modernbricksmenuline{
clear: both;
padding: 0;
width: 960px;
height: 0px;
line-height: 5px;
background-color: #fff;
}

.h50
{
	height:50px;
}
.h25
{
	height:25px;
	background-color:#ccc;
}
textarea {
	max-width:500px;
     /*resize: none;*/
}
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 150px;
font-size: 12px; 
line-height: 15px; 
color:#666666; 
font-family: Helvetica, Arial, San-Serif;
background-color:#F0F0F0;
border: 1px solid #666666;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
}


#addform .textinput{
width: 35px;
border: 1px solid gray;
background-color:#F0F0F0;
margin-top:3px;
}

#addform .textinput_sm{
width: 30px;
border: 1px solid gray;
background-color:#F0F0F0;
margin-top:3px;
}

#addform .textinput2{
width: 35px;
border: 1px solid gray;
background-color:#F0F0F0;
}

.textinput2{
width: 35px;
border: 1px solid gray;
background-color:#F0F0F0;
}
.textinput3{
width: 150px;
font-size: 11px;
padding:3px; 
line-height: 20px; 
color:#606060; 
font-family: Verdana, Arial, San-Serif;
background-color:#F0F0F0;
border: 1px solid #666666;
}

.textinput5{
width: 200px;
font-size: 14px; 
line-height: 20px; 
color:#606060; 
font-family: Helvetica, Arial, San-Serif;
background-color:#F0F0F0;
border: 1px solid #666666;
}
.textinput4{
width: 35px;
font-size: 14px; 
line-height: 20px; 
color:#606060; 
font-family: Helvetica, Arial, San-Serif;
border: 1px solid gray;
background-color:#F0F0F0;
}



/* BUTTONS */


.btn {
	padding:2px 8px 2px 8px;
	background-image:url(../images/bg-tab.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-position:top center;
	margin-top:8px;
	border:solid #666666 1px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
}
.btn:link {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	font-weight:normal;	
}
.btn:visited  {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	font-weight:normal;	

}
.btn:hover {
	background-image:url(../images/bg-tabovr.jpg);
	text-decoration:none;
	font-weight:normal;	
}





.btn_disabled {
	padding:2px 8px 2px 8px;
	background-image:url(../images/bg-tab-disabled.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-position:top center;
	margin-top:8px;
	border:solid #666666 1px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:normal;	
}

.btn_disabled:hover {
	background-image:url(../images/bg-tab-disabled.jpg);
	text-decoration:none;
	font-weight:normal;	
}























.btnx {
	padding:1px 8px 0px 8px;
	display:block;
	max-width:80px;
	background-image:url(../images/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	margin-top:8px;
	border:solid #666666 1px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}
.btnx:link {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;	
	font-weight:normal;	
}
.btnx:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;	
	font-weight:normal;	

}
.btnx:hover {
	background-image:url(../images/bg-tabovr.jpg);
	margin-top:8px;
	border:solid #666666 1px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;	

}

.special{
	background-color:#ff0000;
	padding:0px 10px 0px 10px;
	color:#fff;
}

#contingency_warn{
        position:relative;
        width: auto;
        color:#333;
        background-color:#fcf5d1;
        padding:16px 18px;
        border:1px solid #e2c822;
        margin:0 auto 17px;
        text-align:left;
}