@charset "utf-8";
/* CSS Document */

*, h1, h2, p {
	margin: 0px;
	padding: 0px;
}
a:link {
	color:blue;
	text-decoration:underline;
}
a:active {
	color:red
}
a:visited {
	color:purple
}
body {
	color:#333333;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*background-image: url(../images/silk2.jpg);*/
	background: #222;
	font-family: Tahoma, Verdana, Arial;
}
#medical-id-tags-display {
	height: 413px;

}
#container #medical-id-tag-content #medical-id-tags-display #col1 {
	padding-top: 35px;
	padding-left: 45px;
	float: left;
	width: 40%;
}
#container #medical-id-tag-content #medical-id-tags-display #col1-wide {
	padding-top: 35px;
	padding-left: 45px;
	padding-right: 45px;
	width: 89%;
	height: 158px;
}
#container #medical-id-tag-content #medical-id-tags-display #col2 {
	float: right;
	height: 400px;
	width: 53%;
}
#container #medical-id-tag-content #medical-id-tags-display #col2-wide {
	height: 210px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}

#container #medical-id-tag-content #medical-id-tags-display #col2 #medical-id-tag-name {
	width: 92%;
	font-size: 15px;
	font-family: Tahoma, Verdana, Arial;
	padding-top: 35px;
	padding-right: 35px;
}
#container #medical-id-tag-content #medical-id-tags-display #col2 #medical-id-tag-name h1 {
	margin: 0px;
	font-size: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;

}
#container #medical-id-tag-content #medical-id-tags-display #col2 #medical-id-tag-description {
	width: 92%;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	line-height: 1.25;
	padding-top: 20px;
	padding-right: 35px;
}
#container #medical-id-tag-content #medical-id-tags-display #col2 #medical-id-tag-description h2 {
	margin: 0px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#container #medical-id-tag-content #medical-id-tags-display #col2 #medical-id-tag-description h3 {
	margin: 0px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#copyright a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
}


#col2 #medical-id-tag-description h2{
	padding-top: 20px;
}
#col2 h1, #col2 h2, #col2 p{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
}


.Footer {
	background-color:#231f20;
	width:761px;
	height:125px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.OfferBox {
	width:172px;
	height:119px;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}
.MainLogo {
	width:221px;
	height:114px;
	float: left;
	padding-top: 20px;
	padding-left: 0px;
}
.Anibox {
	width:195px;
	height:93px;
	float: left;
	padding-top: 16px;
	padding-left: 20px;
	background-color: #231f20;
}
.FastBox {
	width:755px;
	height:36px;
	clear: both;
	margin-top: 15px;
}
#medical-id-tag-content {
	height: 575px;
	width: 765px;
}
.Header {
	width:733px;
	height:121px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.Freebox {
	width:145px;
	height:82px;
	padding-left: 30px;
	float: left;
}
.Savebox {
	width:471px;
	height:61px;
	float: left;
	clear: left;
	padding-left: 290px;
}
.Callbox {
	text-align:center;
	width:203px;
	height:184px;
	float: left;
	padding-left: 90px;
	margin-top: 60px;
}
.box11 {
	width:398px;
	height:28px;
	float: left;
	margin-right: 50px;
	clear: both;
	padding-left: 300px;
}
.Keybox {
	left:462px;
	top:146px;
	width:278px;
	height:236px;
	float: right;
	margin-top: 5px;
}
.Menu {
	width:220px;
	height:115px;
	float: left;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 10px;
}
.Menu ul {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	font-style: normal;
	line-height: 1.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-variant: normal;

}
.Menu li {
	list-style-type: square;
	color: #FFFFFF;

}
.Menu li.selected {
	list-style-type: square;
	color: #000000;

}
.Menu li.selected a{
	color: green;

}
.Menu a {
	color: #FFFFFF;
	text-decoration: none;

}
.Menu a:hover {
	color: #999999;

}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 765px;
	background-attachment: fixed;
}
#Main-Ani {
	height: 430px;
	width: 401px;
	padding-top: 98px;
	padding-left: 362px;
}
div#medical-id-tags-display {
	background-attachment: scroll;
	background-image: url(../images/medical-id-tags-display.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 413px;
}

/* ----------------------  scroller */
#medical-id-tags-scroller-container {
	background-repeat:no-repeat;
	height:162px;
	width:761px;
	background-image: url(../images/container.png);
	background-color: #231F20;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-position: center;
	clear: both;
}
.medical-id-tag {}
div.medical-id-tag-menu {
	height:153px;
	left:36px;
	overflow:hidden;
	position:relative;
	width:687px;
	top: 4px;
}
.medical-id-tag-menu ul {
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

ul#medical-id-tag-list-standard {
	/* width = (img width + padding + li width + padding) multiplied by the number of li's plus right */
	/* padding currently this is (((150 + 4 + 4) + ( 0 + 4 + 4)) * 6) + 14 = 1010 */
	width:1010px;
}
ul#medical-id-tag-list-stirling {
	/* width = (img width + padding + li width + padding) multiplied by the number of li's plus right */
	/* padding currently this is (((150 + 4 + 4) + ( 0 + 4 + 4)) * 12) + 14 = 2006 */
	width:2006px;
}
ul#medical-id-tag-list-gold {
	/* width = (img width + padding + li width + padding) multiplied by the number of li's plus right */
	/* padding currently this is (((150 + 4 + 4) + ( 0 + 4 + 4)) * 10) + 14 = 1674 */
	width:1674px;
}
ul#medical-id-tag-list-index {
	/* width = (img width + padding + li width + padding) multiplied by the number of li's plus right */
	/* padding currently this is (((200 + 4 + 4) + ( 0 + 4 + 4)) * 3) + 14 = 662 */
	width:662px;
	padding-left:20px;
}
.medical-id-tag-menu li {
	display:block;
	float:left;
	padding-left:4px;
	padding-right:4px;
}
.medical-id-tag-menu a, a:visited {
	border-style:none;
	/* display:block; */
	text-decoration:none;
}
.medical-id-tag-menu h2 {
	color:#FFFFFF;
	display:none;
	margin-top:117px;
	text-align:center;
	font-size: 10px;
}
.medical-id-tag-menu a:hover h2 {
	display:block;
}
.medical-id-tag-menu img {
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	border:4px solid #2ba065;
	display:block;
	filter:alpha(opacity=80);
	opacity:0.8;
	
}
.medical-id-tag-menu a:hover img {
	filter:alpha(opacity=100);
	opacity:1;
	border:4px solid #35C47C;
}

#engraving {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	padding-right: 25px;
	width: 92%;
}
#membership  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	padding-right: 35px;
	width: 92%;
}
#order-now {
	width: 99%;


}
#order-now .small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	float: left;
	width: 45%;
}

#order-now #price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	float: right;
	padding-right: 30px;
	text-align: center;
	width: 45%;
}
#container #medical-id-tag-content #medical-id-tags-display #col1 #order-now button {
	margin-left: 56%;
}

#order-now #price form button {
	margin-top: 10px;
	margin-left: 50%;
}
