/* CSS Document */

html{
	width:100%;
	}

body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-size:64%;
	}
	
#header{
	position:absolute;
	left:0px;
	width:100%;
	height:40px;
	background-color:#0099CC;
	background:url('images/headerbg.jpg');
	border-bottom:1px solid #2C6B93;
	}
	
#menu{
	position:relative;
	float:left;
	top:60px;
	width:165px;
	height:100%;
	text-align:left;
	background-color:#FFFFFF;
	clear:left;
	}
	
#menutop{
	position:relative;
	top:20px;
	width:165px;
	height:20px;
	background-color:#FFFFFF;
	border-top:1px solid #2C6B93;
	border-right:1px solid #2C6B93;
	}
	
body p, body form{
	position:relative;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	margin:0 0 6px 0;
	}


/* Header Elements */
#header h1 {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	margin:8px 20px; 0 0;
	display:inline;
	}
	
	
/* Menu Elements */
#menu h1 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#185a78;
	padding:0px;
	margin:0px;
	margin-left:10px;
	display:inline;
	}

#menu h2 {
	position:relative;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#818181;
	padding:0px;
	margin:0px;
	margin-left:10px;
	width:155px;
	display:inline;
	}
	
#menu h3 {
	position:relative;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	color:#82a7cb;
	padding:0px;
	margin:8px 0 0 0;
	margin-left:10px;
	width:155px;
	display:inline;
	}
	
#menu p {
	position:relative;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding:0px;
	margin:0px;
	margin-left:10px;
	width:155px;
	display:inline;
	}

#search {
	padding:0;
	margin:0;
	width:150px;
	}

#search #textinput {
	width:130px;
	font-size:10px;
	color:#333333;
	margin:4px 0 4px 10px;
	}
	
#search #select{
	margin-left:10px;
	margin-top:4px;
	font-size:11px;
	_font-size:13px;
	}
	
#search #submit{
	margin-left:0px;
	}

.menudivider1 {
	position:relative;
	float:left;
	clear:left;
	left:0px;
	padding-top:16px;
	padding-bottom:4px;
	}

.menudivider {
	position:relative;
	float:left;
	clear:left;
	left:0px;
	padding-top:4px;
	padding-bottom:4px;
	}

#menu #padding {
	position:relative;
	float:left;
	width:164px;
	height:100px;
	clear:left;
	}
	
#container #padding {
	position:relative;
	float:left;
	width:100%;
	height:80px;
	}

#menuborder {
	position:relative;
	z-index:3;
	float:left;
	left:0px;
	width:1px;
	top:28px;
	height:500px;
	background:url(images/bdr_vertical.gif) repeat-y;
	}

a:link, a:visited {
	text-decoration:none;
	color:#000000;
	}
	
a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}
	
/* Cart Elements */

.cart{
	position:relative;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000F00;
	padding:0px;
	margin:0 0 0 10px;
	width:155px;
	display:inline;
	}
	
.cartthumb{
	position:relative;
	float:left;
	margin:10px;
	border:1px solid #999999;
	}
	
/* Content Elements */

#content{
	position:absolute;
	left:170px;
	width:800px;
	top:40px;
	margin:30px;
	}
	
.pages{
	position:relative;
	float:left;
	width:800px;
	height:20px;
	clear:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-top:10px;
	}
	
.pages img{
	vertical-align:bottom;
	}
	
.pages a:link{
	text-decoration:underline;
	color:#666666;
	}
	
.pages h2{
	position:relative;
	left:0px;
	margin:0;
	}
	
.border{
	position:relative;
	float:left;
	width:800px;
	height:1px;
	background:url(images/bdr.gif) repeat-x;
	clear:left;
	margin-bottom:20px;
	}

.nextprev{
	position:relative;
	padding:4px 0 0 0;
	float:left;
	font-family:arial, Helvetica, sans-serif;
	font-size:1.2em;
	}
	
.nextprev a{
	font-weight:bold;
	}

#spacer{
	position:relative;
	float:left;
	width:100%;
	height:1px;
	clear:left;
	background-color:#0099CC;
	}
	
#content h1{
	position:relative;
	float:left;
	font-size:2.4em;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	margin:0 0 10px 0;
	}
	
#content h2{
	position:relative;
	float:left;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	clear:both;
	font-weight:normal;
	}
	
.term, .term a:link{
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:underline;
	font-weight:normal;
	}
	
ul{
	float: left;
	list-style-type:none;
	position:relative;
	padding:0;
	margin:10px 0 10px 20px;
	font-family:arial, Helvetica, sans-serif;
	}
	
li{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	}

.details{
	position:relative;
	display:inline;
	float:left;
	margin:40px 0 0 10px;
	width:260px;
	}

.details h4{
	margin-bottom:20px;
	}

.extradetails{
	position:relative;
	float:left;
	width:260px;
	border:1px dotted #0861B4;
	background-color:#E3EBF3;
	padding:10px;
	width:240px;
	margin-bottom:20px;
	}

.extradetails h3{
	float:left;
	clear:left;
	color:#003366;
	margin:0 6px 0px 0;
	padding:0;
	}

.extradetails h4{
	color:#0861B4;
	float:left;
	padding:0;
	margin-bottom:0px;
	}

.extradetails ul{
	padding:0;
	margin:0;
	font-size:0.9em;
	line-height:2.4em;
	}

.details h6{
	position:relative;
	float:left;
	width:auto;
	}
	
/* Image Elements */

.images{
	position:relative;
	float:left;
	clear:left;
	width:100%;
	}

.images h4{
	padding-bottom:14px;
	width:185px;
	}

.image{
	position:relative;
	float:left;
	display:inline;
	height:190px;
	width:auto;
	}

.imageholder{
	position:relative;
	float:left;
	margin:40px 20px 10px 0;
	}
	
.imageholder h3{
	width:185px;
	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#5D5C5C;
	margin:0 0 4px 0;
	}
	
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#B2B2B2;
	font-weight:normal;
	margin:0;
	}
	
h6{
	position:relative;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#5D5C5C;
	margin:20px 0 4px 0;
	}

h7{
	position:relative;
	float:left;
	color:#0861B4;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	}

h8{
	position:relative;
	font-weight:bold;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#5D5C5C;
	margin:20px 6px 0 0;
	}

.h7{
	position:relative;
	float:left;
	color:#0861B4;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	}

.h8{
	position:relative;
	font-weight:bold;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#5D5C5C;
	margin:20px 6px 0 0;
	}
	
/* Drop Shadow Elements */
	
.wrap1, .wrap2, .wrap3 .wrap4{
  display:inline-table;
  /* \*/display:block;/**/
}

.wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}

.wrap2 {background:url(images/corner_bl.gif) -8px 100% no-repeat;}

.wrap3 {
	padding:0 8px 8px 0;
	background:url(images/corner_tr.gif) 100% -8px no-repeat;}
	
.wrap3 img, .wrap3 img a:link {
	display:block;
	border:1px solid #ccc;
	padding:4px;
	background-color:#FFFFFF;
}

.wrap4 {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}

#added{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-215px;
	width:430px;
	height:32px;
	border:1px solid #3c5181;
	display: none;
	}
#added2{
	position:absolute;
	top:0px;
	left:0px;
	width:428px;
	height:30px;
	border:1px solid #3671a7;
	}
#added_inner{
	position:absolute;
	top:0px;
	left:0px;
	width:426px;
	height:28px;
	border:1px solid #3c5181;
	background-color:#A6A6A6;
	display:inline;
	vertical-align:middle;
	line-height:28px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
}
#thepicturedesk{
	position:absolute;
	top:0px;
	right:0px;
	width:378px;
	height:96px;
	background:url('images/thepicturedesk.jpg');
	}
#home{
	position:absolute;
	z-index:10;
	left:170px;
	top:0px;
	width:23px;
	height:18px;
	}
	
#contact{
	position:absolute;
	z-index:10;
	left:199px;
	top:0px;
	width:24px;
	height:18px;
	}
	
#support{
	position:absolute;
	z-index:10;
	left:227px;
	top:0px;
	width:23px;
	height:18px;
	}
	
#iwrefer a:hover{
	font-weight: normal; 
}