/* ---------------------------------------------------- *
 	Style for the Telos
 	Aug 2006 
 * ---------------------------------------------------- */

* {/* removes all default padding/margins */
padding:0px;  
margin:0px;
}

img{  /* no default border for image links */
border:none;
}

a{ /* no default decoration on links */
text-decoration:none;
}

/* ----------------- style for template objects and divisions ----------------*/

body {
text-align:center;

}

#wrapper {
width:750px;
padding-top:10px;
margin-right:auto;
margin-left:auto;
}

#header {
text-align:center;
}

#image-wrapper {
background: white url(images/site-images/rotate.php) no-repeat top left;
background-position: 20px 0px;
margin-top:120px;
margin-right:auto;
margin-left:auto;
}

#strip{
float:left;
margin-left:20px;
}

#menu{
width:600px;
margin-left:150px;

/*width:450px;
margin-right:auto;
margin-left:auto;
text-align:center;*/
}

#content-wrapper{ 
float:left;
width:575px;
padding:10px;
padding-left:150px;
text-align:left;
}

div.content{ 
text-align:left;
}

#footer {
clear:both;
height:50px;
padding-top:5px;
padding-bottom:5px;
}

#footer-menu{
clear:both;
padding-top:5px;
padding-bottom:5px;
height:30px;
}

/*------------ template style ---------------*/

img.logo{
float: left;
margin-right:25px;
}

h1.comp-name{
font-family: arial, verdana, san-serif;
font-size:18pt;
margin-top:20px;
}

p.footer-text{
text-align:right;
font-family: arial, verdana, san-serif;
font-size:8pt;
color: #7F7F7F;
}


/*----------link and menu style-------------------------------*/

a{
font-family:arial,san-serif,times;
font-size:10pt;
font-weight:bold;
color:#9c9c9c;
}

a:hover{
color:black;
}

a.main-menu{
font-family:arial,san-serif,times;
font-size:10pt;
font-weight:bold;
color:#9c9c9c;
}

a.main-menu:hover{
color:black;
}

div.menublock{
background: white url(images/resources/grey-button.gif) no-repeat;
float:left;
vertical-align: middle;
padding-top:28px;
text-align:center;
height:80px;
width:70px;
}

div.basic-menublock{
float:left;
vertical-align: middle;
padding-top:28px;
text-align:center;
height:80px;
width:40px;
}

div.menu-spacer{
float:left;
width:30px;
}

#shop-linkBG{ /*hack to re-align two line menu links*/
padding-top:20px;
}

#footer-menu a{
font-family:arial,san-serif,times;
font-size:10pt;
font-weight:bold;
color:#7F7F7F;
}

#footer-menu a:hover{
color:#013B64;
}
 
p a{
color:#9ACDFF;
}

.blue{color:#9ACDFF;}

.centre{text-align:center}
/* ----------------- general style ----------------*/

div.left{
float:left;
width: 350px;
}

p{
text-align: justify;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: #7F7F7F;
}

li{
text-align: justify;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: #7F7F7F;
}


h1{
font-family: arial, verdana, san-serif;
font-size:14pt;
color: #7F7F7F;
}

h2{
font-family: arial, verdana, san-serif;
font-size:13pt;
color: #7F7F7F;
}

h3{
font-family: arial, verdana, san-serif;
font-size:12pt;
color: #7F7F7F;
}

h4{
font-family: arial, verdana, san-serif;
font-size:11pt;
color: #7F7F7F;
}


img.left{
float: left;
margin-right: 10px;
border:2px solid #999;
}

img.right{
float: right;
margin-left: 10px;
border:2px solid #999;
}

img.big{
border:1px solid #999;
padding-right: 25px;
padding-left: 25px;
}

img.extraPic{
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
padding:1px;
border:1px solid #DFDFDF;
}

div.clear_spacer{
clear:both;
}

div.clear_right{
height:10px;
clear:right;
}

div.spacer{
clear:both;
height:30px;
}

div.tiny_spacer{
clear:both;
height:10px;
}

div.small_spacer{
clear:both;
height:20px;
}

div.big_spacer{
clear:both;
height:60px;
}

hr{
height: 1px;
color:#7F7F7F;
}

div.row{
position: relative;
clear: both;
padding-top: 3px;
}

div.row span.label{
position: relative;
float: left;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: #7F7F7F;
width: 200px;
text-align: left;
}

div.row span.conf{
position: relative;
float: left;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: #7F7F7F;
width: 300px;
text-align: left;
}

div.row span.input{
position: relative;
float: left;
width: 180px;;
text-align: left;
}

/* --------------- catalogues and book style  --------- */

img.book{
float:left;
height:142px;
width: 122px;
}

img.offer{
float: left;
margin:10px;
margin-top:-8px;
}

div.book-info{
width:350px;
float:right;
}

div.dot{
float:left;
}

div.catalogue-info{
margin-top:-30px;
width:500px;
float:right;
}

div.catalogue-info a{
color:#9ACDFF;
font-size:12pt;
font-weight:bold;
}

span.price{
font-family:arial,san-serif,times;
font-size:12pt;
font-weight:bold;
color:#9c9c9c;
}

span.quote{
font-family:arial,san-serif,times;
font-style: italic;
font-size:10pt;
color:#9c9c9c;
}

form.book:hover a{
color:#9c9c9c;
}

/* --------------- shoping cart and checkout style --------- */
p.page-cart-text{
font-size:9pt;
}

p.page-cart-text a{
font-size:9pt;
}

div.page-cart{
float:right;
margin-top:10px;
width: 170px;
}

span.column_title{
font-size:10pt;
font-weight:bold;
color:#7F7F7F;
}

span.column_entry{
font-size:9pt;
color:#7F7F7F;
}

form.book a{
font-family:arial,san-serif,times;
font-size:12pt;
font-weight:bold;
color:black;
}

p.empty_message{
margin-top:5px;
text-align:center;
font-size:12pt;
font-weight:bold;
color:#7F7F7F;
}

table.shopping_cart{
table-layout:fixed;
border-collapse:collapse;
width:90%;
}

td.column_title{
text-align:center;
border:1px solid #7F7F7F;
width:20%;
padding:3px;
}

td.column_entry{
text-align: center;
border:1px solid #7F7F7F;
width:20%;
padding:3px;
}

td.column_title_thin{
text-align:center;
border:1px solid #7F7F7F;
width:10%;
padding:3px;
}

td.column_entry_thin{
text-align: center;
border:1px solid #7F7F7F;
width:10%;
padding:3px;
}

tr.empty{
width: 100%;
height: 20px;
}

div.optionsRow{
position:relative;
clear:both;
}

div.optionsRow span.label{
position:relative;
float:left;
width: 100px;
}

div.optionsRow span.image{
position:relative;
float:left;
width: 70px;
}

p.org_text{
font-family:verdana,sans-serif,times;
font-size:9pt;
font-weight: bold;
color: #e9e9e9;
text-align: center;
margin-right:15px;
margin-left:15px;
}

a.org_link{
display:block;
clear:both;
font-family:verdana,sans-serif,times;
text-align:center;
font-size:12pt;
font-weight:bold;
color: #7F7F7F;
}

a.org_link:hover{
color: black;
}

a.internal_link_big{
font-family:verdana,sans-serif,times;
font-size:11pt;
font-weight:bold;
color: #7F7F7F;
}

img.cart_option{
float:right;
margin:10px;
margin-right:15px;
}

div.customer_details{
padding: 10px;
margin-left:15px;
}

span.quantity{
text-align: justify;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: #7F7F7F;
}

/*---------- home page ---------*/
div#seconds{
	float:right;
	margin:0 0 15px 15px;
	border:1px solid #7F7F7F;
	width:270px;
	padding:5px;
}
div#seconds p{
	text-align:center;
}

div#seconds p a{
	font-size:14px;
	margin-bottom:3px;
}