@charset "UTF-8";
/* CSS Document */

/**********************************
*             Css Reset             *
**********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/**********************************
*            Generic            *
**********************************/


body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1d1d1d; background:#FFFFFF;}
textarea, input{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.cb{ clear:both;}
h1{ font-size:32px; color:#111;}
h2{ font-size:20px;}
h2{ color:#1f325f; border-bottom:solid #1f325f 1px; padding-bottom:10px; margin:30px 0px 30px 0px;}
h3{ font-size:16px;}
h1,h2,h3,h4,h5,h6{ line-height:1.3;}

p{ margin:12px 0 0 0; line-height:1.2;}

a{ color:#0f2668;}

.error{ color:#990000;}
textarea{ font:Arial, Helvetica, sans-serif;}
#admin input[type^=text], input[type^=password]{ width:850px;}
.txtinput, .submit{ width:300px;border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;}
.submit{ color:#FFFFFF;}
.submit{ background:url(../images/header-bg.jpg) repeat-x center center; cursor:pointer;}
#tblContactInfo td {padding:10px 10px 10px 0px}

/**********************************
*            Main Style      div, ul, li{ border:dashed 1px #999999;}      *
**********************************/


/**** CONTAINER ****/

#container{   margin:0px auto; }

/**** HEADER ****/

#header{ height:104px;  background:#f9f9f9 url(../images/header-bg.jpg);}
#header #logo{ font-size:36px; float:left; margin:0px 0 0 0px;}
#header #logo a{ text-decoration:none; color:#000000; font-weight:bold;}
#header #flagCell{ position:absolute; margin:38px 0px 0px 430px;}



/**** MENU ****/

#menu{ float:left; height:100px; margin:0px 0px 0 10px;  color:#FFFFFF;  }
#menu ul{ }
#menu ul li{ float:left;}
#menu ul li a{  display:block; height:100px; line-height:100px; padding:0px 20px;  color:#2c2c2c; text-decoration:none;  font-size:13px; font-weight:bold;}
#menu ul li a.selected{ background:#faa81a url(../images/menu-selected.png) repeat-x ; color:#FFFFFF;}
#menu ul li a:hover{ background:#faa81a url(../images/menu-hover.png) repeat-x  top right; color:#FFFFFF;}
#menu ul li a.hover{ background:#eeeeee; color:#b30100;  background:#faa81a url(../images/menu-hover.png) repeat-x top right;}
#menu ul li a.selected:hover{background:#faa81a url(../images/menu-selected.png) repeat-x; color:#FFFFFF;}
#menu ul li ul{ position:absolute; margin-top:0px; background:#FFFFFF url(../images/menu-drop-bg.png) center top repeat-x; display:none; z-index:1000; border:solid 1px #eeeeee; border-top:none;}
#menu ul li ul li{ display:block; margin:0; padding:0; float:none; height:25px; line-height:25px;}
#menu ul li ul li a{  color:#1d1d1d; font-size:12px; padding-left:10px; height:25px; line-height:25px;}
#menu ul li ul li a:hover{ color:#b30100;}

#menu #productsmenu{ width:300px;}

#menu #regionmenu{ margin-left:-67.5px; width:150px;}
#menu #regionmenu a{ background-repeat:no-repeat; background-position:center left; padding-left:30px;}


#menu #regionmenu a#co-australia{ background-image:url(../images/flags/australia_small.gif);}
#menu #regionmenu a#co-newzealand{ background-image:url(../images/flags/newzealand_small.gif);}


#prodMenu{ float:right;  height:100px; width:200px;}
#prodMenu ul{ margin:10px 0px 0px 0px;background:#faa81a url(../images/menu-hover.png) repeat-x top right; border-left:solid 1px #bdbdbd; }
#prodMenu ul li{ display:block; float:left; width:80px;}
#prodMenu ul li a{ text-decoration:none; display:block; padding:8px 10px; color:#2c2c2c; width:80px; height:100px;}
#prodMenu ul li a:hover{ background:#2c2c2c; color:#FFFFFF;}

#prodMenu #prod-gdoc-creator{ background:url(../images/productImages/headliner/gdoc-creator.png) no-repeat;}
#prodMenu #prod-gdoc-creator:hover{background:url(../images/productImages/headliner/gdoc-creator-colour.png) no-repeat;}


#prodMenu #prod-gdoc-fusion{background:url(../images/productImages/headliner/gdoc-fusion.png) no-repeat;}
#prodMenu #prod-gdoc-fusion:hover{background:url(../images/productImages/headliner/gdoc-fusion-colour.png) no-repeat;}



/**** OTHER ****/

.content{ width:940px; margin:auto;}
.contentWhite{ background:#FFFFFF; width:940px; margin:auto;}

#header .content{ background:none;}
.inner{ padding:10px;}
.main{}
.main .right{ width:313px; float:right;}
.main .rightLarge{ width:626px; float:right;}

.main .left{width:580px;  float:left;}
.main .mid{ width:313px; float:left;}

.main .left h2{ color:#111; border-bottom:solid #111 1px; padding-bottom:5px; margin:30px 0px 30px 0px;}
.main h3{ margin:0px 0px 20px 0px;}
.main .left p { line-height:1.4;}
.main .left p img{ float:left; margin-right:20px;}
.main .inner{ padding:15px;}

#main{ background:url(../images/main-grad.png) repeat-x; margin-top:20px; }

.text ul{ list-style:disc; margin:20px 0px 0px 0px}
.text ul li{ margin-left:13px; margin:3px 0px 0px 13px;}
.text p{}

/**********************************
*            Home Page            *
**********************************/
#home{}
#home .left, #productSelector .left{ width:626px;}


#home #mainPromo{ height:280px; background:url(../images/featured/featured-bg.jpg) no-repeat right 0px;}
#home #mainPromo #permaText{ float:left; width:219px;  color:#1d1d1d; padding-top:26px;}
#home #mainPromo #permaText h2{color:#1D1D1D; margin:0; border:none;}
#home #mainPromo #featured{ float:left; width:699px; height:300px; border-left:solid 1px #FFFFFF; cursor:pointer;}
#home #mainPromo #featuredText{ color:#1d1d1d; margin:20px 0px 0px 30px; line-height:1.3;}
#home #mainPromo #featured h1{ text-indent:-999px; height:37px; width:400px; background:url(../images/featured/mfPromoH1.png) no-repeat; color:#d0002a}
#home #mainPromo #featured h2{ font-weight:normal; text-indent:-999px; font-size:20px; height:24px; width:400px; background:url(../images/featured/mfPromoH2.png) no-repeat;  border:none; color:#d0002a; margin:10px 0 0 0;}
#home #mainPromo #featured ul{ list-style:disc; width:400px; margin-top:10px;}
#home #mainPromo #featured ul li{ margin:3px 3px 3px 0px; float:left; display:block; width:180px; list-style:disc; background:url(../images/bullet.png) no-repeat left -1px; padding-left:16px;}

#pane-options{ clear:left; height:280px; margin:0px; overflow:hidden; position:relative; width:940px; }
#mainPromo .inner{ padding:20px;}
#mainPromo .text{ float:left; width:400px;}
#mainPromo .text h1{ margin-bottom:13px; font-size:20px;}
#mainPromo .text p{ line-height:1.3; font-size:14px;}
#mainPromo .image{ float:left; margin-left:500px; width:380px; margin-top:33px; position:absolute;}
#mainPromo .image img{ float:right; margin-right:30px;}
#mainPromo .image ul{ margin-top:30px; margin-left:209px;}
#mainPromo .image  ul li{ margin-left:20px; list-style:disc; margin-bottom:5px; font-size:14px;}
#pane-options ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#pane-options ul li.section{float:left;  background-color:#FFFFFF; height:300px; padding:0; position:relative;  width:940px;}
#pane-options ul li.section a{ height:100px; display:block;}

#home #otherProducts{ background:#E3E3E3; margin-bottom:50px;-moz-border-radius: 5px;-webkit-border-radius: 5px; padding-top:20px; margin-top:0px; width:880px;}
#home #otherProducts .image{ float:left;}
#home #otherProducts .text{ float:left; width:450px; margin-left:20px;}

/*
#home .main{ background:#FFFFFF;}
#home .main #productsTable{}
#home .main #productsTable .product{ float:left; width:335px; margin:10px 0px; height:110px;}
#home .main #productsTable .product .image{ width:80px; float:left;}
#home .main #productsTable .product .text{ float:left; width:250px; padding:0 5px;}
#home .main #productsTable .product .text h3{ margin-top:5px; margin-bottom:10px;}
#home .main #productsTable .product .text h3 a{ text-decoration:none; color:#1d1d1d; line-height:1.3;}
#home .main #productsTable .product .text p{ margin-top:8px;}
#home .main #productsTable .product .text a.prodPageLink{ display:block; margin-top:5px;}
*/

#home .date{ font-style:oblique; color:#666666; font-size:10px; margin-top:5px;}

#home .grad{ background:url(../images/menu-drop-bg.png) repeat-x;}
#home #nonstatic{ margin:0px 0px;}
#home #nonstatic .left{ float:left; width:450px; }
#home #nonstatic .right{ float:right; width:450px; }
#home #awards{}
#home #awards .image{ float:left; width:100px;}
#home #awards .text{ margin-left:85px;}
#home #awards .text p{line-height:1.4;}
#home #awards h3{ margin-bottom:10px;}



#home .sideText{}
#home .sideText img{ float:left;}
#home .sideText h3{ margin-bottom:0;}



#accordion{ background:#fee7e9;}
#accordion h3{ margin:0; }
#accordion h3 a{ text-decoration:none; display:block; padding:2px 10px; color:#FFFFFF; background:#5aab26 url(../images/accordion-hilghted.jpg) repeat-x; font-weight:normal; font-size:14px;}
#accordion div{ padding:5px 0px;}
#accordion div ul{ list-style:none;}
#accordion div ul li{}
#accordion div ul li a{ display:block; height:25px; line-height:25px; padding-left:20px;}

#sidepoints{ margin-top:15px; background:url(../images/menu-drop-bg.png) repeat-x; border:solid 1px #e6e6e6;}
#sidepoints ul li{ margin:1px 0px 1px 0px; }
#sidepoints ul li a{ display:block; padding:9px 0px 9px 13px; text-decoration:none; font-weight:bold; color:#1d366f;}
#sidepoints ul li a:hover{ background:#d5d5d5;}
#sidepoints.right{ width:238px;}

#page{}
#page #headliner{ background:url(../images/headliner/headLiner-bg.jpg) no-repeat; height:100px;}
#page #headliner h1{ color:#1d1d1d; float:left; color:f9f9f9; padding:30px 0px 0px 40px; font-size:30px; width:440px; line-height:1.3; }
#page #headliner #prods{ float:right; margin:0px 20px 0px 0px; height:150px;}
#page #headliner #prods .prod{ float:left; width:120px; text-align:center; padding:25px 0px;}
#page #headliner #prods .prod.selected{ background:url(../images/productSelected.png) center center no-repeat;}
#page .main{ margin-top:20px;}
#page #headliner #prods a{ text-decoration:none; color:#1d1d1d; font-weight:bold;}


#support li, #privacy li{ margin-bottom:20px; line-height:1.3;}
#support h3, #privacy h3{ margin-bottom:5px;}

#sitemap ul{ list-style:disc;}
#sitemap ul li{ margin:7px 13px;}


#product{ font-size:12px;}
#product #productSummary{}
#product #productSummary .image{ float:left; width:280px; float:left;}
#product #productSummary .text{ float:left; width:250px; padding-left:20px; padding-top:20px;}
#product #productSummary .text li{ margin:8px 0px 0px 13px;} 

#product .sideBarItem{ margin-botton:15px; background:url(../images/menu-drop-bg.png) repeat-x; border:solid 1px #e6e6e6;}
#product .sideBarItem ul li{ margin:1px 0px 1px 0px; }
#product .sideBarItem ul li a{ display:block; padding:9px 0px 9px 13px; text-decoration:none; font-weight:bold; color:#1d366f;}
#product .sideBarItem ul li a:hover{ background:#d5d5d5;}
#product .sideBarItem.right{ width:238px;}
#product #otherLinks{ margin-top:30px;}

#product div.screen{ margin:20px 0px;}


#product #priceBox #spanPrice{ text-align:center; font-size:16px; margin-bottom:20px;}
#product #priceBox #priceList{ margin:20px 0px;}
#product #priceBox #priceList ul{}
#product #priceBox #priceList ul li{ margin:5px 0px; padding:5px 0px 5px 30px;}
#product #priceBox #priceList ul li .radioButton{  float:left; margin:-1px 10px 0px 0px;}

#product #desc{ line-height:1.3; padding-right:30px;}
#product #desc h2{ color:#111; border-bottom:solid #1f325f 1px; padding-bottom:10px; margin:30px 0px 30px 0px;}
#product #desc ul{ list-style:disc; margin-bottom:10px;}
#product #desc ul li{ margin:8px 0px 0px 20px;}

#product #prodPageList{}
#product #prodPageList li{ display:block; margin:15px 0px;}
#product #prodPageList li h3{ margin:10px 0px 10px 0px;}
#product #prodPageList li h3 a{ color:#1d1d1d;}
#product #prodPageList .image{ display:block; width:100px; float:left;}
#product #prodPageList .text{  margin-left:15px; float:left;}
#product #prodPageList .learnMore{ padding-top:10px; display:block;}

table#contactTable{ margin-top:30px;}
table#contactTable td{ vertical-align:middle; padding:4px 0; font-weight:bold;}
table#contactTable div{ padding-right:10px; line-height:1.3;}

#news #sidepoints{}
#news #sidepoints ul li{ padding-left:20px; padding:9px 0 9px 13px; font-weight:bold;}
#news #sidepoints ul li ul li{ padding:0;}

#news .newsReadMore{}
#news .newsReadMore a{}

#news div{ width:280px;}


#productSelector{}
#productSelector #products{}
#productSelector #products .product{}

#productSelectorCheckboxes{}
#productSelectorCheckboxes li{ display:block; height:25px; line-height:25px; font-size:14px; border-bottom:1px solid #FFFFFF;}
#productSelectorCheckboxes li .checkbox{ float:left; margin-right:10px;}
#productSelectorCheckboxes li label{ display:block;}



#admin { line-height:1.4;}
#admin a{ text-decoration:none;}

table#compareChart{ }
table#compareChart td{ padding:10px 5px; text-align:center; width:84px;}
table#compareChart td.firstCol{ text-align:right; width:330px; padding:10px 5px; font-weight:bold;}
table#compareChart thead td{}
table#compareChart thead td a{ line-height:1.3; text-decoration:none; font-weight:bold;}

table#compareChart tbody td{padding:10px 0px; border:solid 1px #e3e3e3;background:url(../images/menu-drop-bg.png) repeat-x;}
table#compareChart tbody td.firstCol{ border:none; background:none;}
table#compareChart tbody td.firstCol span{ float:right; padding:3px 0px 0px 10px;}
table#compareChart tbody td.firstCol a{ float:right;}

#compare #tipcontainer{ display:none;}

#cart{ border:solid 1px #e5e5e5;}

#rssLink{ background:url(../images/rss.png) no-repeat left center;padding-left:40px; display:block; line-height:40px; font-size:16px; font-weight:bold; text-decoration:none; color:#1d1d1d;}
#rssLink:hover{ text-decoration:underline;}

/**********************************
*            Footer            *
**********************************/

a.awesome {
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer; 
}



#footer{  margin-bottom:50px; height:15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#footer a{ color:#111; display:block; float:right; height:15px; line-height:15px; padding-right:10px; border-left:solid 1px #999999; padding-left:10px; text-decoration:none; color:#111;}
#footer a:hover{ text-decoration:underline;}
#footer .left a{ text-decoration:none; border:none; padding:0; float:right;}
#footer .right{ width:600px; float:right;}
#footer .left{ float:left; text-align:left; margin-left:10px; width:100px;}