/* Window settings */

body {
	/*background: url(../images/pagegrad.jpg) top repeat-x; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 0px 10px 0px; 
	}
.pagewrapper {	
	width: 950px;
	margin: 0px auto;
	}
form {
	margin: 0;
	padding: 0; border: 
}
	
/* Logo settings */

.logo { width: 950px; /*height:90px;*/ background:url(../images_xyz/bg.gif) repeat-x; padding:0px; height:122px;}
.xyzdigital	{ padding:16px 0;}

.topcontainer {	background: #FFF /*url(../images/top_bg.jpg)*/ no-repeat top right; }
	
/* Navigation settings */

#upperstrip { background:#5aa5b5;   font-weight:normal;
	padding: 0px 10px;
	font-size: 120%;
	}
#uppernav {  font-weight:normal;
	text-align: left;
	padding: 3px 0;
	margin-bottom:3px;
	}

/* modified from here	*/
#uppernav ul {font-weight:normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#uppernav li {font-weight:normal;
	padding: 0px 0px;
	float: left;
	}
#uppernav li a { color:#FFFFFF; padding: 0px 15px; font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:normal;
	}
#uppernav li a.navcurrent { 
	color: #fff; font-weight:normal;
	background:#5db8d5;
	text-decoration: none;}
#uppernav li a:hover {
	color: #333333; font-weight:normal;
	background:#5db8d5;}


/* to here	*/	
	
.left {
	padding: 25px 20px 0 0;
	width: 175px;
	float: left;
	border-right: 1px solid #CCCCCC;
/*	border:1px solid black;*/
	} 

#lowernav {
	margin: 0px 0px;
	background: #E8EAE9;
	text-align: left;
	font-size: 70%;
	border-bottom: 1px solid #FFF;
	}
#lowernav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#lowernav li {
	padding: 0;
	margin: 0;
	padding: 1px 5px 4px 15px;
	font-weight: bold;
	border-top: #FFF solid 1px;
	}
#lowernav a{
	text-decoration: none;
	color: #207A8D;
	}
#lowernav li a:hover, #lowernav li a.navcurrent {
	color: #176576;
	text-decoration: none;
}
	
	
/* Box settings */

.right {
	float: right;  
	text-align: center;
	}
.rightbox {
	width: 140px;
	background: #c3d3d7 url(../images/roundbottom.gif) no-repeat bottom right ;
	margin-left: 10px;
	}
.rightboxhead {
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	border: #FFF solid;
	border-width: 0px 0px 1px 0px;
	background: #176576  url(../images/roundtop.gif) no-repeat top left ;
	font-size: 90%;
	}
.rightboxtext {
	padding: 5px;
	font-size: 90%;
	}
.rightbox p {
	padding-left: 0px;
	}
	
#lblLoginPrompt {
	border: #2457BD 1px solid;
	color: #000;
	font-weight: bold;
	background: #CADAFF url(../images/loginback.gif) repeat-x;
	padding: 5px;
	text-align: center;
	}
	
	
/* Body Settings */

.body, .frontbody { 
	padding: 25px 20px 10px 20px;
	font-size: 75%;
	margin: 0px 0px 0px 190px;
	/*border-left: 1px solid #CCCCCC;*/
	}
.frontbody { 
	margin-right: 235px;
	}
.formbody { 
	margin: 10px;
	font-size: 80%;
	}
	
	
/* Image Settings */

.body img {
	border: 0px solid #CCC;
	margin: 0px 0px 0px 15px;
	}

.prodImage {
	border: 1px solid #CCC;
	float: right;
	}
.body .rightbox img {
	margin: 0;
	}
	
	
/* Footer Settings */

.footer { background:#666; /*height:250px;*/ color:#FFFFFF;
	font-size: 70%;
	clear: both;
	}
.footer h2 { color:#FFFFFF; padding:0; margin:0; margin-bottom:-10px;}
.footer a { padding:0; margin:0; border:0; padding-left:10px; color:#a7b5bf; font-weight:normal;}
.footer a:hover { color:#60a7b7;}
.footer p { font-size:1.2em; line-height:1.2em;}
.footer img { padding-top:20px; padding-right:20px;}
.footerhead {
	font-weight: bold;
	border: #CCC solid;
	border-width: 0px 0px 1px 0px;
	padding: 20px 10px 2px 20px;
	}
.footerbody {
	padding: 2px 10px 10px 20px;
	}
.footerimage {
	padding: 3px 10px 10px 10px;
	float: right;
	text-align: right;
	color: #536094;
	}
.footer_left		{ float:left; width:45%; padding-left:25px;margin-top:20px; border-right: 2px solid #fff; padding-right: 10px;}
.footer_right		{ float:right; width:50%; border-left:2px solid #fff; margin-top:20px;}
.tel				{ color:#aedcea; line-height:1.8em; font-size:1.2em;}
.footer_bottom		{ text-align:center; margin-top:10px; margin-bottom:-10px}
.no_border 		{border-width:0;}
	
/* Search Settings */

#uppersearch {
	margin: 0px 5px 5px; 
	}
#uppersearch #searchbox {
	border: #666 solid 1px;
	color: #000;
	font-size: 80%;
	padding: 0px 1px;
	background: #E6F7FE;
	width: 140px;
	}
#uppersearch .searchsub {
	border: #FFF solid 0px;
	font-weight: bold;
	color: #000;
	background: #FFF;
	cursor: pointer;
	width: 10px;
	}
	
	
	
/* Paragraph Settings */

a {
	color: #207A8D; font-weight: bold; text-decoration: none;
	}
h1, .h1 {
	font-size: 160%;
	font-style: italic;
	color: #207A8D;
	margin-top: 0px;
	}
h2, .h2 {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	margin-top: 0px;
	color: #000000;
	}
h3, .h2 {
	font-size: 110%;
	margin-bottom: 0px;
	}
p {
	font-size: .9em;
	margin: 0px 0px 10px 0px;
	line-height: 150%;
	}
p, td {
	font-family: Verdana, Arial, Sans-Serif;
	}
li {
	line-height: 150%;
	font-family: Verdana, Arial, Sans-Serif;
	}
.error {
	color: #C00;
	}
.success {
	color: #000099;
	font-weight: bold;
	}
.StrongProd {
	font-weight: bold;
	}
.standardinput {
	width: 200px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #000099;
	}
.TextBox, .FileBox, .Button, .TextBoxSmall {
	font-family: Arial, Sans-Serif;
	border: 1px solid #999999;
	}
.Button {
	cursor: pointer;
	}
.TextBox {
	width: 275px;
	}
.TextBoxSmall {
	width: 175px;
	}
.txt {
	width: 300px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #000099;
	}
.txttiny {
	width: 30px;
	font-family: Arial, Sans-Serif;
	border: 1px solid #999;
	text-align: right;
	}
.logoutimg {
	float: right;
	border: 0px solid #FFF;
	margin: 5px;
	}
.fieldtitle {
	color: #666;
	}
.strongprod {
	color: #000;
	}
	
.bluebold {
	color: #0854a8; font-weight: bold; text-decoration: none;
	}

.locbutton {
	width: 100px;
	border: 1px #333399 solid;
	font-size: 80%;
	margin: 5px 20px;
	padding: 2px;
	color: #333;
	background-color: #FFF;
	background-image: url(../images/navback1.gif); 
	text-align: center;
	float: left;
	}
.back {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	}
.quote {
	margin-bottom: 0px;
	padding: 0px 4px;
	}
.quoter {
	text-align: right;
	font-style: italic;
	padding: 0px 4px;
	}
.recommendation {
	padding: 0px 4px;
	font-weight: bold;
	}
.searchblurb {
	font-size: 0.7em;
	color: #EEE;
	text-align: center;
	padding: 5px 5px 0px 5px;
	}
.catimgs {
	margin: 2px 2px 10px 2px;
	text-align: right;
	}
.categoryimg {
	float: left;
	text-align: center;
	margin: 8px;
	font-weight: bold;
	color: #207A8D;
	border: 1px solid #207A8D;
	}
.categoryimghead {
	border-bottom: 1px solid #FFF;
	background: #207A8D;
	padding: 1px 0;
	}
.categoryimghead a {
	color: #FFF;
	}
.categoryimg img {
	margin: 0px;
	}
.categories {
	margin: 0px;
	float: left;
	text-align: center;
	}
.categories a {
	text-decoration: none;
	}
.prodImages {
	float: right;
	width: 310px;
	text-align: center;
	/*border: 1px solid #CCC;*/
	}
.prodImages img {
	padding: 0 0 10px 0; 
	/*border: 1px solid #CCC;*/
	}	

.products {
	float: left;
	height: 165px;
	width: 225px;
	border: 1px solid #033363;
	margin: 6px;
	padding: 3px;
	}
.products img {
	float: right;
	margin: 0px 5px 5px 0px;
	}
.topdash {
	border-top: 1px dashed #999;
	}
.bottomdash {
	border-bottom: 1px dashed #999;
	}	
.imagepicker {
	width: 200px;
	padding: 5px;
	margin: 5px;
	text-align: center;
	float: right;
	border: #CCC 1px solid;
	}	
.images {
	width: 160px;
	padding: 5px 5px 0px 5px;
	margin: 5px;
	border: 1px solid #999;
	text-align: center;
	}	
.images img {
	border: 0px;
	}	
.images .imageName {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	}	
.images .deleteImage {
	margin: 5px 0px;
	font-weight: bold;
	}
.bold {
	font-weight: bold;
	}
.faint {
	color: #666;
	background: #EEE;
	}
.basket, .deliverydetails, .customerdetails, .deliveryaddressdetails {
	width: 95%;
	margin: 20px 0px;
	padding: 10px;
	border: 1px solid #CCC;
	}
	
#uppersearchtext 		{font-size: .8em; }
.smalltext 				{font-size: .7em; font-weight:500;}
.clear					{ clear:both;}

/*Animation settings*/
#animation					{ margin:10px 0px 10px 0px; float:right;}

/*Datalist settings*/
.sub_categories			{ border:1px solid #eee; text-align:center; padding:20px 0}

.globes_home			{ width: 725px; background: #C1DFFD url(../images/roundbottom1.gif) no-repeat bottom right ;	text-align:left; margin:10px 0px 10px 0px; float:left;}
.globes_home p 			{ margin: 13px 15px  15px 20px; text-align:justify; }

/*Settings for search option on home page*/
.searchcontainer 			{ width: 400px; height:205px;	background: #E8EAE9 url(../images/roundbottom1.gif) no-repeat bottom right ;	text-align:center; margin:10px 0px 10px 0px; float:left;}
.searchcontainerhead 		{ color: #FFF;	padding: 5px;	font-weight: bold;	border: #FFF solid;	border-width: 0px 0px 1px 0px; background: #5aa5b5  url(../images/roundtop1.gif) no-repeat top left ;	font-size: 90%;	text-align:left;}
.searchcontainertext 		{ padding: 0px 0 12px 0; margin:0px 0; /*font-size: 90%;*/ color:#333; }
.searchcontainertext .lblSearch		{ color:#333333; margin:10px 0px 15px 0px }
.searchcontainer p 			{ margin: 10px 15px  15px 15px; text-align:justify; }
.SearchBox					{ width:350px; font-size:1.4em;}
.searchsub					{ position:relative; top: 15px; }

/*Christmas Ideas*/
.christmas 				{ color: #333;  background:#f7cbcb;}
.christmas .searchcontainerhead { background-color:#f00404;}


.threeDPayment			{background:#f7f7f7; margin:10px 0; padding:10px;}

#theTeam				{ float:left; }

.member					{ background:#f7f7f7; padding:5px 10px 25px; margin:10px 0; clear:both; }
.member	h4				{ margin: 15px 0 15px 0;}
.member	img				{ float:right; margin:-10px 0 0px 0; }
.member	p				{ display:block; width:82%; }

	
@media print { 

.body { 
	padding: 0px 10px 10px 25px;
	font-size: 80%;
	margin: 0px 25px 0px 25px;
	}
.frontbody { 
	padding: 0px 10px 10px 25px;
	font-size: 80%;
	margin: 0px 235px 0px 25px;
	}
.lowernav, .searchblurb {
	display: none
	}
	
}

/* DSo: 11/2/2009 - add styling for ISBN */
h2.isbn {
	font-style: italic;
	color: #207A8D;
	font-weight: normal;
}

