/*
Updated For CMYK

Color Definitions:

*/

body {

	_text-align: center;
	cursor: default;
	margin-top:0;
  margin-bottom:0;
  background-color:#E1E1E2;
}

/* ============== Page Containers ================================= */

/*  set standard width for parent divs  */
div.page, div.header, div.linkbar, div.content, div.footer{
	width: 1060px;
	*width: 1063px;
}
.pagewrapper {
	width:1100px;
	margin: 0 auto;
	background: #fff url(/Portals/_default/Skins/cmykonline2/images/footer.gif) repeat-x left bottom;
}
.page {
	margin: 0 auto;
	_text-align: left;
	text-align:left;
	padding-top: 202px;
	position: relative;
}

.left, .header, .linkbar, .footer {
	font-size:13px;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	font-weight: normal;

}

/* ============== Standard HTML Tags ================================= */

/*
h1, h2, h3 {
  	color:#111;
}
*/


div.textContent, div.MainArea, div#dnn_ctr478_ModuleContent, div#dnn_ctr412_ViewEComm_ShoppingCart_pnlShoppingCart, div#dnn_ctr416_ModuleContent {
/*background:transparent url(/Portals/_default/Skins/cmykonline2/images/cmyk.gif) no-repeat;*/
padding:0;
}
/*
.MainBorder {
background:transparent url(/Portals/_default/Skins/cmykonline2/images/bottom-border.gif) repeat-x;
}
*/
.middle h2 {
font-family:verdana;
color:#fff;
/*margin-left:31px;*/
padding:0px 10px 0px 40px;
background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-moz.gif) no-repeat left top;
*background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie7.gif) no-repeat left top;
_background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie6.gif) no-repeat left top;
font-size:18px;
margin-bottom:3px;
margin-top:0;
line-height:37px;
height:49px;
}

.no_right .middle h2 {
background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-moz-no-right.gif) no-repeat left top;
*background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie7-no-right.gif) no-repeat left top;
_background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie6-no-right.gif) no-repeat left top;
}

.no_columns .middle h2 {
background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-moz-no-columns.gif) no-repeat left top;
*background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie7-no-columns.gif) no-repeat left top;
_background:#fff url(/Portals/_default/Skins/cmykonline2/images/h2-bkg-ie6-no-columns.gif) no-repeat left top;
}

h2 > span {
  float:left;
}

h2 > span + span   {
  float:right;
  padding-top:5px;
}


.left h3 {
  color: #222;
  font-size: 18px;
  font-weight:normal;
  font-family:Trebuchet,Arial,Helvetica,sans-serif;
  margin:25px 0 0 35px;
}

.middle h3 {
  color:#006DC6;
  font-size:20px;
  font-family:"trebuchet ms",arial,helvetica,sans-serif;
  margin:20px 0;
}

.right h4 {
  font-size: 112%;
  font-weight:bold;
  color:#000;
  clear: both;
  margin: 1.5em 0 1em 2em;
}



/*
.actionlinks {
  text-align:right;
  white-space:nowrap;
}

.actionlinks a{
  border-left:1px solid #eee;
  padding:0 5px;
}

ol {
  list-style-type:decimal;
  margin: 0 0 0 0em;
	padding: 10px 0 0 3em;
}

*/

/* ============== Tables and Form Elements ================================= */


table {
  width: 100%;
  margin-bottom:10px;
  border: 1px solid #eee;
  border-width: 0 1px 2px 1px;
}

.plain {
  border:0;
}

.money_column {
  text-align:right;
  padding-right:5px;
}

.addpaymentmethod table, .addshippingaddress table, .accountsettings table {
  width:60%;
}

table.billingTable {
  border:0;
}

.table_wrapper td, table.billingTable td {
  padding-right:10px;
}

table.payment_information thead th {
  line-height:16px;
}

.nestedtable table {
  border:0;
  width:100%;
}

.nestedtable .labeltext {
  color:#444;
  font-weight:bold;
}

.nestedtable td {
  border:0;
}
/*
.middle table {
  margin:10px 0 20px;
}

div.iframe {
  font-size:1.2em;
  z-index:1000;
}

.iframe table {
  line-height:2em;
  margin-top:20px;
  width: 100%;
  text-align:left;
  font-size:12px;
}

.iframe label {
  display:block;
}


.design table, .design div {
  float:left;
}
@-moz-document url-prefix()
{
.design table div {margin-top:20px;}
}

@-moz-document url-prefix()
{

}

caption{
  color:#FFF;
  padding-left:10px;
  margin-top:20px;
  font-size:1.2em;
  line-height:2em;
  font-weight:bold;
  background-image: url(/Portals/_default/Skins/cmykonline2/images/caption.gif);
  background-repeat: no-repeat;
  border-bottom:2px solid #790005;
}  

*/

.addlink {
  margin:0 0 20px 0;
  font-size:12px;
}

caption {
	background: #399dc7 url(/Portals/_default/Skins/cmykonline2/images/corner-nw-h3.gif) no-repeat left top;
  color:#fff;	
  padding-left:10px;
  margin-top:10px;
  line-height:24px;

}

caption div {
	background: transparent url(/Portals/_default/Skins/cmykonline2/images/corner-ne-h3.gif) no-repeat right top;
}

thead th {
	background-color: #333;
	color: White;
	border:0;
	white-space:nowrap;
	padding:5px 5px 5px 10px;
}

tbody th, tbody td {
/*line-height:24px;*/
font-size:12px;
padding-left:10px;
}

/*tbody th {
  white-space:nowrap;
  width:180px;
}*/


tfoot {
  text-align: center;
}

tfoot .buttonrow td {
  border:none;
}


th {
  padding-left:10px;
  vertical-align:top;
  font-weight:bold;

}

td  {
  vertical-align:top;
}

th, td {

}


.linkbar th, .linkbar td, .linkbar table {
  border:0;

}

address {
  line-height:1.2em;
  margin:10px 5px;
  white-space:nowrap;
}


input[type="text"], input[type="password"], textarea, select {
  padding-left: 5px;
  margin:3px 0;
  font-family:arial, verdana, sans-serif;
  font-size:12px;

}

input[type="text"], input[type="password"]{
  width:192px;
}

select {
  height:20px;
}

.cc_expiration select, .cc_code input {
  width:70px;
}

.cc_code {
  position:relative; 
}

.cc_code div {
  position:absolute;
  top:0;
  left:85px;
}

/*
textarea {
  margin-top:6px;
}

.cart input[type="text"], .cart textarea, .inputdefault {
  width:245px;
}

.checkboxphrase label{
  float:right;
  width:94%;
  line-height:1.5em;
}

.checkboxtable td, .noborder {
  border:0;
}

.radiobuttons li {
  line-height: 15px
  Font: 1em;
  margin:5px 0;
}

.radiobuttons img {
  vertical-align: middle;
}

option {
border-bottom: 1px solid #BBB;
}

.button {
  margin:5px 5px 5px 0;
  padding:0;
}

.iframe .button {
}
*/
.right .buttonrow td, .right div.buttonrow, .right div.buttonbox {
  text-align:center;
  padding-top:15px;
}


/* --------------- Table Variations ---------------------------------*/

/*
table.titlerowtable {
  
}

input.zip {
  width:100px;
  float:left;
  margin: 2px 5px 2px 0;
  
}
*/

/* ============== Miscellaneous ================================= */

/*
p.Wrap img {
  float: right;
  margin-left: 5px;
}

.optional {
  font-style:italic;
}
*/

/* ============== Optimization Content ================================= */

/*
div.toptext {
	height: 2em;
	position: absolute;
	top: 100%;
	display:none;
}

.toptext {
  font-size: 1.2em;
  color: #BBBBBB;  
  line-height: 15px;
  display:none;
}
.toptext div{
  text-align: center;
	width: 1060px;
	*width: 1063px;
}

.toptext a.hide, .toptext a.hide:hover{
  color: #BBBBBB;
  cursor:text;
  font-weight:normal;
}

* html .toptext{
  margin-top:12px;
}

.toptext h1 {
  display: inline;
  font-weight: normal;
  margin-top: 5px;
  color: #BBBBBB;
}

.toptext p {
  display: inline;

}
.toptext a {
  color: #999;
}
*/
/* ============== Header ================================= */

.header {
  height: 90px;
	position: absolute;
	top: 5px;

}

.cps {
	height: 120px;
	width: 228px;
	position: relative;
	top:25px;
	right:25px;
	float: right;
	background:transparent url(/Portals/_default/Skins/cmykonline2/images/cps.gif) no-repeat;
}

.logolink {
	height: 79px;
	width: 573px;
	position: relative;
	top:44px;
	left:5px;
	float: left;
	background:transparent url(/Portals/_default/Skins/cmykonline2/images/logo.gif) no-repeat;
}


/* ============== Contains Horizontal Menu ================================= */

.linkbar {
  height:31px;
  position:absolute;
  top:171px;   
  z-index: 200; 
/*  border-bottom:9px solid #DFE1E3;*/
}

.linkbar div.account_menu {
  float:right;
  background: transparent url(/Portals/_default/Skins/cmykonline2/images/linkbar-bkg-account2.gif) no-repeat right top;
  /*width: 284px;*/
	height: 29px;
}



.linkbar li {
	float: left;
	position: relative;
	padding:0;
	list-style-type:none;
  
}

.linkbar div.account_menu li.log_out_link {
	  background: transparent url(/Portals/_default/Skins/cmykonline2/images/linkbar-bkg-account-logout.gif) no-repeat left top;
	  width:82px;

}


/* style the links for the top level */
.linkbar a, .linkbar a:link, .linkbar a:visited, .linkbar a:active {
	display: block;
	text-decoration: none;
	color: #fff;
	height: 29px;
	line-height: 29px;
	text-align:center;
	margin-right:4px;
	margin-left:0px;
	white-space:nowrap;
	font-weight:bold;
}

.linkbar .account_menu a, .linkbar .account_menu a:link, .linkbar .account_menu a:visited, .linkbar .account_menu a:active {
	margin-right:0px;
	margin-left:3px;
	color:#fff;
}

.linkbar .home_link a {
  width: 69px;  
}
.linkbar .buyer_link a {
  width: 88px; 
}
.linkbar .faq_link a.tab {
  width: 160px;
  color:#000;
}
.linkbar .services_link a.tab  {
  width: 105px;
}

.linkbar .contact_link a {
  width: 122px;
} 

.linkbar .quotes_link a {
  width: 135px;
  color:#000;
}

.linkbar .account_link a {
  width: 94px;
}

.linkbar .basket_link a {
  width: 116px;
}

.linkbar .checkout_link a {
  width: 84px;
} 

.linkbar .account_menu a:hover {
  color:#fff;
  text-decoration:none;
}

/* ============== Content ================================= */
/* Adjust #Page padding to modify placement*/
.content {
	border-top:9px solid #DFE1E3;
	padding-top:9px;
	padding-bottom:10px;
}

.homepage_images {
  position:relative;
  height:550px;
}


.homepage_images .green_power {
 position:absolute;
 top:324px;
 left:15px;
}
.homepage_images .sample_pack {
 position:absolute;
 top:324px;
 left:400px;
}
.homepage_images .keyboard {
 position:absolute;
 /*top:210px;*/
 left:15px;
}
.homepage_images .steps {
 position:absolute;
 /*top:210px;*/
 left:207px;
}
.homepage_images .all_prices {
 position:absolute;
 /*top:210px;*/
 left:401px;
}
.homepage_images .australian_owned {
 position:absolute;
 top:164px;
 left:207px;
}
.homepage_images .design_templates{
 position:absolute;
 top:164px;
 left:401px;
}
/* ============== Left Content ================================= */

.left {
  width:280px;
  float:left;
  margin-right:10px;
  position:relative;
}

.left h3 {
  color: #fff;
  font-size: 140%;
  line-height:25px;
  text-align:center;
  background: transparent url(/Portals/_default/Skins/cmykonline2/images/heading-bkg-cyan.gif) no-repeat;
  width:280px;
  height:35px;
  margin:0;
  padding:5px 0 0 0;
  border-bottom:9px solid #DFE1E3;
  
}

.left h3 a, .left h3 a:visited, .left h3 a:hover {
  color:#fff;
}

.left ul.bullets {
  margin:20px 5px 30px 5px;


}

.left .bullets li.imagebullet {
	margin: 0 0 .25em .5em;
	font-size: 14px;
	padding: 0 0 0 1.5em;
	background-position: 0 6px; /* left top	*/
	background-image: url(/Portals/_default/Skins/cmykonline2/images/bullet.gif);
	background-repeat: no-repeat; 
	list-style-type:none;
	line-height:1.4em;
	_height: 1.8em;
}

.left .bullets li  a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  font-family: Arial, sans-serif;
	font-weight:normal;
	line-height:1.4em;
	display:block;
}

.left .bullets li a:hover {
  color: #D5118A;
}

.left ul.bullets {
  margin:10px 5px 30px 0px;
}

/* ============== Middle Content ================================= */


.middle {
  font-family:Verdana,Arial,Helvetica,sans-serif
  margin:0 0 10px;
  width: 600px;
  *width: 603px;
  _width:594px;
  float:left;
  z-index:0;
  position:relative;
}

.no_right .middle {
  width: 770px;
  *width: 773px;
  _width:773px;
  z-index:0;
}

.no_columns .middle {
  width: 1060px;
	*width: 1063px;
	z-index:0;	
}


.middle p {
  margin: 1.25em 0 .5em;
  /*line-height:1.8em;*/
  font-size:12px;
}


.middle a, .middle a:link, .middle a:visited, .middle a:active  {
  color:#D5118A;
  text-decoration:underline;
  font-size:12px;
  line-height:14px;
}



/*

.middle strong {
  font-weight:bold;
}

.titlebox h2, .titlebox h1 {
  font-size:250%;
  font-weight:normal;
}

.middle .titlebox {
  line-height:2.5em;
  text-align:left;
  padding:35px 20px 0px;
  text-align:center;
  color:#fff;
  color:#CCC;
  display:block;
  clear:both;
}

.middle .titlebox p {
  font-size:1.6em;
}
*/


/* ============== Right Content ================================= */

.right {
  width:160px;
  float:right;
}

.right h3 {
  color: #fff;
  font-size: 13px;
  font-weight:bold;
  font-family: Trebuchet,Arial,Helvetica,sans-serif;
  line-height:25px;
  text-align:center;
  background: transparent url(/Portals/_default/Skins/cmykonline2/images/heading-bkg-magenta.gif) no-repeat;
  width:160px;
  height:35px;
  margin:0 0 10px 0;
  padding:5px 0 0 0;
  border-bottom:9px solid #DFE1E3;
  
}

.right h4 {
  color: #fff;
  font-size: 100%;
  font-weight:normal;
  line-height:18px;
  text-align:center;
  background: transparent url(/Portals/_default/Skins/cmykonline2/images/heading-bkg-black.gif) no-repeat;
  width:160px;
  height:22px;
  margin:0 0 10px 0;
  padding:2px 0 0 0;
  border-bottom:9px solid #DFE1E3;
  
}

.right .login, .right .email {
  margin-bottom:15px;
}
.right .login table {
  margin:0 10px 10px;
  border:0;
}
.right th, .right td {
  font-weight:bold;
}

.right .login input[type="text"], .right .login input[type="password"] {
  padding-left: 5px;
  width:100px;
  margin:3px 0;
  font-family:arial, verdana, sans-serif;
  font-size:12px;
}


.right .login .buttonrow td {
  padding-left:80px;
}

.right a {
  color:#D50E89;
  text-decoration:underline;
}

.right .login a {
  display:block;
}

.right div.forms_of_payment {
  background:transparent url(/Portals/_default/Skins/cmykonline2/images/forms-of-payment.gif) no-repeat 20px 35px;
  line-height:35px;
  height:80px;
  width:160px;
}
.right div.like_us {
  
  line-height:35px;
  height:160px;
  width:160px;
}

/* ============== Footer ================================= */

.footer {
  clear: both;
  margin-top: 10px;  
}

div.footer {  
  color: #fff;
  text-align: center;
  height:36px;
  padding: 5px;
  background-color:#187EC2;
  font-size:12px;
}

.footer a {
  color: #999999;
}

.footer p {
  line-height:1.2em;
  background-color:transparent;
  line-height:16px; 
  color:#fff; 
  font-family:verdana;
  margin:0;
}

.footer div.copyright {
  float:left;
  text-align:left;
}

.footer div.copyright a{
  color:#fff;
}

.footer div.links {
  float:right;
}

.footer .links li {
  float:left;
  border-right:1px solid #fff;
  height:16px;
  padding:0 4px 4px;
}

.footer .links li.last_link {
  border:0
}

.footer .links a{
  line-height:12px;
  color:#fff;
}

@-moz-document url-prefix()
{
.class { }
}


/*
.captiontitle {
  float: left; 
}

div.title {
 
  color:#FFF;
  padding-left:10px;
  font-size:1.6em;
  line-height:1.8em;
  font-weight:normal;
  background-color: transparent;
}

table.titlerowtable {
  margin-top:20px;
}

.titlerow {
  vertical-align:top;
}

.titlerow td {
  background-image: url(/Portals/_default/Skins/cmykonline2/images/title.gif); 
  background-repeat:no-repeat;
  background-position: left top;
  background-color:transparent;
}

em {
  font-size:1.2em;
  font-style:normal;
  margin: 1.25em 2em .5em;
}
*/

/* ============== Content Pages ================================= */


.registration .table_wrapper th {
  width:333px;
}


/*
.aboutus p {
  width:45%;
  margin-right:2em;
  float:left;
  margin-bottom:1.25em;
}

.registration .buttonbox {
  width:50%;
}



.templates ol {
  width:35%;
  float:left;
}

.templates li, .helpdesk ol li {
  padding-bottom:1em;
}
.templates img {
  float:left;
  margin:10px;
}
.templates table {
  clear:both;
}

*/
/* ============== Misc ================================= */

/*
a.savedaddresslink {
  margin:10px;
  padding-bottom:20px;
}
*/
tbody.shade {
  background-color: #D9D9D9;
}

.highlight {
  background-color: #FFFFE0;
}

.terms {
  width:735px;
  text-align:left
}

.terms p{
  text-align:left;
  border:1px solid red;
}


.terms h2, .terms h3 {
  padding:0;
  margin:0;
  color: #000;
}


.terms .emphasize {
  color:blue;
}
.terms b {
  color:#000;
}
.terms u {
 font-weight:bold;
}
.terms em {
  color:red;
  font-family:arial;
  font-size:12px;
}

.moduleColor1 {
 line-height:16px;
}

/* ============== Sign In ================================= */

.myaccount {

}

@-moz-document url-prefix()
{
.myaccount { }
}

.choices {
/*  width:775px;*/
  margin:0 auto;
  position:relative;
  top:0px;
}

div.signin, div.password, div.signup {
  float:left;
  width:234px;
  height:275px;
  margin:0 0 25px 10px;
}

div.signin, div.password {
  border-right:1px solid #188AB5;
}


.myaccount table {
  width:234px;
  margin:0;
}

.myaccount td, .myaccount th {
  background-color:#fff;
}

.myaccount caption, .myaccount caption div {
  background-color:transparent;
  background-image:none;
  text-align:left;
  font-weight:bold;
  color:#188AB5;
  margin-top:0;
  border:0;
}

.myaccount th {
  white-space:nowrap;
  padding-left:20px;

}

.myaccount p {
  margin:10px;  
}

/* IE 6 doesn't support this method
.myaccount input[type="text"], .myaccount input[type="password"] {
  margin-left:10px;
}
*/
.choices {
  margin-top:20px;
}

.choices table, .choices th, .choices td {
  border:0;
}

.choices input {
margin-left:10px;

}

.alignbuttons{
  position:relative;
  top:-75px;  
  /*width:775px;*/
  margin:0 auto;
  height:50px;
  clear:both;
}

.alignbuttons div.signinbutton {
  margin-left:80px;
  display:inline;
}

.alignbuttons div.passwordbutton {
  margin-left:125px;
  display:inline;
}

.alignbuttons div.signupbutton {
  margin-left:105px;
  display:inline;
}

.myaccount tbody input {
  _-width:180px;
}

/* ============== Required ================================= */

.requiredphrase {

}

.requiredinfo {
	COLOR: #444;
	font-style:italic;
}

.required {
	color: #D5118A;
}

em 
{
    font-style:italic;
  /*font-size:1.3em;
  font-family:Georgia, Arial;
  font-style:normal;*/
}

/* ============== Product groups ================================= */

.groups {

}

div.groupbox {
  width:600px;
  background-repeat:no-repeat;
  background-position:left top;
}

div.groupbox h4 {
  margin:0;
  color:#336699;
  clear:both;
}
.groupbox ul {
  border:1px solid green;
  clear:both;
}

.groupbox li {
  height:155px;
  width:137px;
  float:left;
  border:1px solid red;
}
.groups a{
  font-weight:normal;
}

/* ============== Sign In ================================= */