/* Because media=all is used in the html, it has to be corrected in the CSS */
@media screen {
body { padding:0px; margin:0px; color:#000000; background:url(bg.png) top left repeat-x #F6F6FF; font-size:0.70em; line-height:1.3em; font-family:Verdana,Arial,Helvetica,Sans-serif; }
h1 { color:#06A29E; margin:0px 0px 0px; font:bold 1.6em "Helvetica Neue", Arial, Helvetica, sans-serif; }
h2 { color:#06A29E; font:bold 1.2em "Helvetica Neue", Arial, Helvetica, sans-serif; margin:0px 0px 10px; }
h3 { color:#06A29E; font-size:1em; margin-bottom:2px; margin-top:0px; }
form { margin:0; padding:0; }
input,textarea, select { font-family:Verdana,Arial,Helvetica,Sans-serif; font-size:1em; }
optgroup { font-style:normal; color:#999; margin-top:5px; }
option { color:#000; }
img { border-style:none; }
img.align-left { margin-right:10px; }
/* Link Classes */
a { color:#004AA5; text-decoration:none; }
a:hover { color:#004AA5; text-decoration:underline; }
a.checkout { color:#850371; font-weight:bold; }
/* Custom Classes */
.left { float:left; }
img.alignleft { float: left; margin:1px 10px 5px 0px; }
.right { float: right; }
.clear { clear:both; display:block; width:100%; height:10px; font-size:1px; background-color:#FFFFFF; }
.specialclear { clear:both; display:block; width:100%; height:0px; overflow:hidden; }
.block { min-height:18px; }
.footer_img { margin-top:1px; vertical-align:middle; }
.hr { border-top:1px solid #c6c6cc; font-size:1px; margin-top:2px; margin-bottom:3px; }
.top { margin-top:3px; }
.baskettop { vertical-align:middle; }
.boldgreen { color:#06A29E; font-weight:bold; }
.green { color:#06A29E; }
.center { text-align:center; display:block; }
.boldgray { color:#918F90; font-weight:bold; }
.borderbottom { border-bottom:1px dotted #d6d6dc; margin-bottom:10px; }
.photoMargins { float:right; margin-left:10px; margin-bottom:10px; margin-top:2px; border:0px; }
.photoMarginsHome { float:right; margin-left:10px; margin-right:3px; margin-top:2px; border:0px; }
.photoMarginsLeft { float:left; margin-right:10px; margin-bottom:8px; margin-top:2px; border:0px; }
.img_inline { float:left; margin-top:3px; margin-right:10px; }
.link_icon { float:left; width:105px; margin:4px; text-align:center; min-height:50px; }
.homeUL { margin:5px 0px 0px 17px; padding:0; }
.contentPanel { width:100%; display:block; margin-bottom:10px; }
.contentPanel div.left { width:49%; float:left; }
.contentPanel div.right { width:49%; float:right; }
.standard_form { display:block; float:left; width:100%; margin-bottom:10px; padding-top:0px; padding-bottom:5px; }
.standard_form h2 { padding-bottom:2px; margin-bottom:3px; border-bottom:1px solid #d6d6dc; margin-top:3px; }
.standard_form .header { float:left; color:#06A29E; margin-top:8px; margin-bottom:5px; }
.standard_form .column_50pc { float:left; width:49%; margin-top:5px; }
.standard_form .column_100pc { float:left; width:100%; margin-top:5px; }
.standard_form .row { float:left; width:99%; margin-bottom:5px; }
.standard_form .label { float:left; width:25%; margin-top:2px; }
.standard_form .field { float:left; width:75%; }
.standard_form .fieldwidth { width:280px; }
.standard_form .column_50pc .label { float:left; width:40%; margin-top:2px; }
.standard_form .column_50pc .field { float:left; width:59%; }
.standard_form .column_50pc .fieldwidth { width:150px; }
.standard_form .fieldwidthsmall { width:52px; }
.standard_form .column_50pc .checkbox_field { float:left; width:10%; min-width:25px; margin-bottom:2px; }
.standard_form .column_50pc .checkbox_label { float:left; width:88%; margin-top:2px; }
.standard_form a { font-weight:bold; }
.standard_form a.small { font-weight:normal; font-size:0.9em; }
.standard_form .checkbox_field { float:left; width:8%; min-width:25px; margin-bottom:2px; }
.standard_form .checkbox_label { float:left; width:90%; margin-top:2px; }
.standard_form .toolbar { float:left; width:98%; padding-top:2px; text-align:right; padding-bottom:2px; padding-left:1%; padding-right:1%; margin-top:3px; background:#f3f3f9; }
.standard_form .left { float:left; margin-right:8px; }
.standard_form .left_33pc { float:left; margin-right:5px; margin-bottom:3px; width:210px; }
.error { padding:5px; border:1px solid red; background-color:#fee; color:red; margin-bottom:5px; }
/* ID Classes */
#wrapper { width:1020px; margin:0px auto; }
#container { float:left; width:1000px; background-color:#fff; padding:0px 10px 10px; }
#header { position:relative; float:left; width:1000px; height:100px; margin:0; padding:0; }
#header div.logo { position:absolute; top:0px; left:0px; z-index:1; }
#header div.image { position:absolute; top:0px; left:390px; z-index:0; }
#header div.addthis { position:absolute; z-index:99; width:83px; top:72px; left:910px; }
#menu { float:left; clear:both; width:1000px; padding:0px; background:url(bg-menu.png) top left repeat-x #014DA2; color:#fff; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; }
#menu a { color:#fff; }
#menu div.basket a { float:left; padding:7px 0px 0px 31px; height:22px; width:119px; border-right:1px solid white; background:url(bg-menu-basket.png) top left no-repeat #780366; }
#menu div.basket a:hover { background-position: left -30px; }

#menu div.submenu { float:right; }
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; float:left; }
.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
.sf-menu a { border-top:1px solid #FFF; border-left:1px solid #FFF; padding:8px 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#13a; }
.sf-menu li li { background:#014DA2; font-size:0.9em; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#059490; outline:0; }
.sf-shadow ul { background:url('dropdown-shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; }
.sf-shadow ul.sf-shadow-off { background:transparent; }
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('dropdown-arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:.8em; background-position:0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; /* arrow hovers for modern browsers*/ }

#content { display:block; }
#left { float:left; width:150px; padding:0px; margin-top:10px; font-size:0.9em; }
#left .clear { clear:both; display:block; width:100%; height:7px; font-size:1px; background-color:#FFFFFF; }
#left .nav { float:left; width:150px; padding:0px; margin:0px 0px 10px 0px; }
#left .nav .row { float:left; clear:both; width:136px; margin:0px; border-top:1px dotted #F6F6FF; padding:5px 7px; }
#left .nav .noborder { border-top:0px; }
#left .nav .section-header { float:left; width:120px; margin:0px; padding:6px 0px 5px 30px; font:bold 1.3em "Helvetica Neue", Arial, Helvetica, sans-serif; }

#navsearch { background:url(bg-navsearch.png) no-repeat top left #059490; color:#fff; }
#navsearch a { color:#FFF; }
#navsearch .form-row { float:left; width:136px; margin:0px; clear:both; padding:1px 7px; }
#navsearch .left { float:left; }
#navsearch .left_text { float:left; margin-top:4px; line-height:100%; }
#navsearch .form_search { float:left; margin-top:5px; }
#navsearch .form_search_text { width:100px; padding:2px; border:0px; background-color:#EFE; }
#navsearch .form_search p { padding:0px; margin:0px; }
#navsearch .form_search_submit { margin-left:10px; vertical-align:text-bottom; }

#navbrowse { background:#CFDBEA url(bg-navbrowse.png) no-repeat left top; color:#004AA5; }
#navbrowse ul.submenu { list-style:none; padding:0; margin:0px; width:136px; }
#navbrowse ul.submenu li { margin:0px 0px 5px 10px; padding:0; width:126px; }
#navbrowse .title { font-weight:bold; }
#navbrowse p.expand { margin:2px 0px 3px 0px; padding:0px; background:url(navmiddle-expand.png) top right no-repeat; width:136px; cursor:pointer; }
#navbrowse .section-header { color:#004AA5; }

#footer { float:left; width:1000px; background-color:#E4E0E0; line-height:180%; }
#footer a { color:black; }
#footer div.copy { float:left; background-color:#C0BFBF; padding:2px 15px; text-align:center; width:120px; color:#333; }
#footer div.menu { float:left; padding:2px 20px; width:580px; }
#footer div.cards { float:right; width:80px; padding:0px; }

#hosting { float:left; width:1000px; text-align:right; clear:both; color:#888; margin:5px 0px; padding-bottom:20px; }
#hosting a { color:#07C; }

/* Print Classes */
#printOnly { display:none; }
#screenOnly {  }
/* Product Pages */
.highlight { color:#06A29E; font-weight:bold; }

#middle { float:right; width:840px; margin-top:10px; }

#information { float:left; width:620px; padding-right:10px; }
#information_wide { float:left; width:820px; }

#information div.inside_left { width:49%; float:left; }
#information div.inside_right { width:49%; float:right; }

#homepage-article { float:right; width:129px; display:block; padding:4px; background-color:#CFDBEA; }
#homepage-article .item { display:block; float:left; width:131px; font-size:1em; color:#969292; margin:4px 0px 4px 0px; }
#homepage-article .item a { font-weight:bold; }
#homepage-article .item_head { background-image:url(widget_blue_top.gif); padding-left:7px; padding-right:8px; padding-top:10px; background-position:top left; background-repeat:no-repeat; }
#homepage-article .item_foot { background-image:url(widget_blue_bottom.gif); padding-left:7px; padding-right:8px; padding-bottom:10px; background-position:bottom left; background-repeat:no-repeat; }

#basket_related .related_item { display:block; float:left; width:28%; margin-left:2%; margin-right:2%; font-size:0.9em; color:#969292; }
#basket_related .related_item a { font-weight:bold; }
#basket_related .related_item_head { height:75px; }
#basket_related .related_item_foot {  }

.detail-row { float:left; width:620px; border-bottom:1px dotted #CCD; padding:10px 0px; margin-bottom:10px; }

.image { float:left; width:200px; margin:0px 10px 10px; }
.image .more-images a { float:left; margin-top: 10px; padding:5px 10px 0px; height:23px; text-align: center; width:180px; background:url(bg-button.png) left 0px repeat-x #014DA2; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:white; }
.image .more-images a:hover { background-position: left -28px; }
.image .download { float:left; width:198px; border:1px solid #06A29E; background-color: #DFE; margin-top: 10px; }
.image .download h2 { color:white; text-align:center; padding-top:4px; height:24px; margin:0px 0px 5px; background:url(bg-button.png) left -28px repeat-x; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; }
.image .download .bullet { float:left; margin:0px 0px 5px 10px; font-weight:bold; padding:1px 0px 1px 20px; background: url(download.png) left 2px no-repeat; width:170px; }

.overview { float:right; width:380px; margin:0px 10px 10px 0px; }
.overview h2 { margin:0px; font-size:1.4em; line-height:120%; }
.overview h3 { font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; margin:0px 0px 1px; color:#06A29E; }
.overview h4 { font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; margin:0px; color:#06A29E; }
.overview p { margin:0px 0px 8px; }
.overview .bullet { float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 20px; background: url(bullet.png) left 2px no-repeat; width:350px; }

.overview .more { display: none; }
.overview .basket-add a { float:left; margin:5px 0px 0px; width:160px; padding:8px 0px 0px; height:28px; right 0px no-repeat #339; font:bold 1.4em "Helvetica Neue", Arial, Helvetica, sans-serif; color:white; }
.overview .basket-add-ebook a { float:left; margin:5px 0px 0px; width:160px; padding:8px 10px 0px; height:28px; }
.overview .basket-add a:hover { background-position:right -36px; }
.overview .voucher { float:left; color:#444; width:180px; margin-bottom:7px; }
.overview .basket-tos span { float:left; margin:10px 0px 5px; width:150px; padding:8px 10px 0px; height:28px; background:url(basket-add.png) right -72px no-repeat #AAA; font:bold 1.4em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#EEE; }

.bordertop { border-top:1px dotted #CCD; padding-top:10px; }

.breadcrumb { margin:0px 0px 10px 0px; }

.infobar { float:left; margin-bottom:10px; clear:both; width:620px; }

.book-price { float:left; width:210px; }
.book-price p { margin:0px 0px 5px; }
.book-price .row { float:left; width:210px; margin-top:5px; }
.book-price .label { float:left; width:65px; color:#06A29E; }
.book-price .value { float:left; width:145px; }

.book-detail { float:left; width:160px; margin-left:10px; }
.book-detail p { margin:0px 0px 5px; }
.book-detail .row { float:left; width:160px; margin-top:5px; }
.book-detail .label { float:left; width:70px; color:#06A29E; }
.book-detail .value { float:left; width:90px; }
.book-detail #more-detail { cursor:pointer; }
.book-detail .price {font:bold 1.2em;}

.basket-small-add a { float:left; margin:0px; width:70px; padding:3px 0px 0px; height:19px; overflow: hidden; background:url(basket-add-small.png) right 0px no-repeat; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#06A29E; }
.basket-small-add a:hover { background-position:right -22px; color:#790467; }
.basket-small-tos span { float:left; margin:0px; width:65px; padding:3px 0px 0px; height:19px; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#999; }


/* Email Product */
.email_row { float:left; width:200px; margin-top:5px; padding:0px 0px 0px 10px; color:#444; font-size:0.9em; }
.email_input { width:115px; }
.email_submit { width:65px; height:19px; vertical-align:top; margin-top:1px; }
.email_row form {  margin:5px 0px; }

/* TABS pure+more CSS! */
#tabs { width:600px; margin:10px 0px 0px 10px; padding:0px; float:left; background-color:#FCFCFC; }
#tabs ul { margin:0px; padding:0px; }
#tabs ul li { float:left; list-style:none; margin-top:3px; }
#tabs ul li a { display:block; height:21px; overflow:hidden; position:relative; background:url(bg-tab.png) right bottom; padding:4px 12px 0px 7px; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#444; }
#tabs ul li a.current { color:white; background-position:right 0px; }
#tab_content { float:left; margin-left:10px; padding:10px 10px 0px; border:1px solid #DDE; background-color:#FEFFFE; width:578px; }


/* Member area menu */
.membermenu { display:block; float:left; width:100%; background:#f6f6fC; margin:10px 0px 10px; border-bottom:1px solid #DDD; }
.membermenu a { float:left; padding:4px 15px 0px 10px; height:21px; background:url(bg-tab.png) right -25px no-repeat; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#444; }
.membermenu a:hover, .membermenu a.current { color:white; background-position: right 0px; }

/* Catalogue */
.catalogue_nav { display:block; float:left; width:100%; padding-top:5px; padding-bottom:5px; background:#f3f3f9; }
.catalogue_navcount { float:left; width:48%; margin-left:1%; }
.catalogue_navlinks { float:right; text-align:right; width:48%; margin-right:1%; }
.catalogue_navlinks a { font-weight:bold; }

.catalogue_item { display:block; float:left; width:620px; padding:10px 0px; border-bottom:1px dotted #d0d0d6; }
.catalogue_img { float:left; width:76px; }
.catalogue_title { float:left; width:458px; padding-top:2px; }
.catalogue_title h3 { font-size: 1.1em; }
.catalogue_buy { float:right; width:64px; height:88px; background-color:#FEFDFE; border:1px dotted #DDDBDD; padding:5px; }
.catalogue_buy img { margin-top:5px; }
.catalogue_buy .price { color:#9B318B; font-size: 1.1em; font-weight: bold; margin:1px 0px; text-align: center; }
.catalogue_buy .unavailable { color:#999; font-size:0.9em; line-height: 120%; margin:10px 0px; text-align: center; }

.article_item { display:block; float:left; width:100%; padding-top:10px; width:98%; padding-left:1%; padding-right:1%; }
.article_title { float:left; width:78%; font-weight:bold; }
.article_date { float:right; width:19%; vertical-align:top; text-align:right; color:#06A29E;  }
.article_description { display:block; float:left; width:98%; padding-bottom:10px; border-bottom:1px dotted #d6d6dc; padding-left:1%; padding-right:1%; }

.basket_head { display:block; float:left; width:100%; padding-top:3px; padding-bottom:3px; background:#f3f3f9; border-bottom:1px solid #d6d6dc; }
.basket_item { display:block; float:left; width:100%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #d6d6dc; }
.basket_desc { float:left; width:53%; margin-left:1%; vertical-align:bottom; }
.basket_desc a { font-weight:bold; }
.basket_unitPrice { float:left; width:12%; text-align:right; margin-right:1%; vertical-align:bottom; }
.basket_quantity { float:left; width:10%; text-align:right; margin-right:1%; }
.basket_quantity input { text-align:right; }
.basket_linePrice { float:left; width:14%; text-align:right; margin-right:1%; }
.basket_delete { float:right; width:6%; text-align:right; vertical-align:top; }
.basket_label { float:left; width:77%; margin-right:1%; text-align:right; vertical-align:top; }
/* Data Form */
.dataform {  }
.dataform label, .dataform div.input { display:block; width:190px; float:left; 
/*border:1px solid black;*/ }
.dataform label { text-align:right; width:100px; padding-right:10px; }
.dataform label.submit { width:100px; padding-right:10px; float:left; padding-top:10px; }
.dataform div.submit { display:block; float:left; padding-top:10px; }
.dataform input_tickbox { 
/*box-align;*/ float:right; }
/* FAQ */
#faq { padding:0px; margin:0px; margin-bottom:10px; list-style:none; }
#faq li.group { color:#06A29E; font-size:1.2em; font-weight:bold; }
#faq ul li { font-weight:normal; font-size:0.8em; margin-top:4px; }
.more_link { text-decoration:underline; }

/* homepage */

.hp-wide { float:left; width:600px; padding:0px 10px 10px; margin-bottom:10px; border-bottom:1px dotted #d6d6dc;  }
.hp-wide .product { float:left; padding-right:11px; width:136px; overflow:hidden; }
.hp-wide .button { float:left; }
.hp-subscribe { float:left; width:180px; margin:0px 4px 10px; }
.hp-subscribe .row { float:left; width:180px; margin-top:5px; }
.hp-subscribe .row .label { float:left; width:45px; padding-top:2px; font-weight:bold; color:#666; }
.hp-subscribe .row .field { float:left; text-align:right; width:135px; }
.hp-subscribe .row .field input.text { width:126px; padding:2px; margin:0; border:1px solid #666; }

#related { float:right; width:210px; }
.pod { float:left; border:1px solid #E6E6E6; background-color:#F6F6F6; width:188px; padding:10px 10px 0px; margin-bottom:10px; color:#444; }
.pod-row { padding:8px 0px 5px; border-top:1px dotted #CCC; margin:5px 0px; clear:both; }
.pod h2 { color:#666; margin:0px 0px 10px; }

a.button { float:left; background:url(button20.png) top left repeat-x #850371; padding:2px 10px 3px; margin:2px 0px; color:white; font:bold 1.1em "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* For @Media / DO NOT delete */
}