html, body { background-color: #CCCCCC; padding: 0px; border: 0px; margin: 1px;font-family:verdana,arial;}
table { background-color: #FFFFFF; border: 0px solid red; padding: 0px; margin: 0px }
.shippingtablerow td { background-color: #EEEEEE; padding: 4px !important; margin: 0px }
.shippingtablerowheader td { background-color: blue; color: white; padding: 4px !important; margin: 0px; }

#returnform p {font: 12px verdana, arial;  }
#returnform div { margin:10px !important;} 
#returnform h1 { text-align: center; color: #FF6600; font: bold 12pt verdana, arial; padding:3px; } 
#returnform LABEL {border: none; color: black; background-color: white; width: 12em; font: 12px Verdana,Arial;}
#returnform select {font-size: 12px; height:1.7em;}
#returnform a {font:13px verdana, arial;}
#returnform legend {font-style: normal; margin:5px;}
#returnform fieldset {padding-bottom:0px;}




#links a span {display: none;}
#links a:hover span {display: block;}


.guarantee-box-head {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006699 none repeat scroll 0 0;
border:1px solid #006699;
color: white;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
padding:5px;
width:250px;
margin-bottom: 0px !important;
}
.guarantee-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #006699;
color: black;
padding:5px;
width:250px;
margin-top: 0px !important;
}
td { border: 0px solid #000}
form {margin: 0px; position:relative;top:0px;}
hr {color: #CCCCCC; background-color: #CCCCCC; border: 0px solid #CCCCCC; height: 1px; padding: 0px;}

div.tdlogo {text-align: left; width: 920px; margin-left: auto; margin-right: auto; background-color: white; padding: 0px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}
#canvas-wrapper {text-align: center}



.shhh {display:none;} 

.toolbar {width: 920px; margin-left: auto; margin-right: auto; background-color: #006699; border-top: 0px solid #006699; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; text-align: center}
.toprow {width: 920px; height: 25px; margin-left: auto; margin-right: auto; background-color: #006699; border-top: 0px solid #006699; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; text-align: left}
span.returnPolicy {height:31px; width:47px; display: block; float: left; margin; 6px 0 0 0;}
p.returnPolicy {float: left; width: 150px; color:#879631; font-size:10px; text-align:left; padding:0; border-style:solid; font-family: Verdana,Arial,sans-serif;}
.search {width: 920px; margin-left: auto; margin-right: auto; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; text-align: left}

#toolbar {padding: 3px;margin: 0;border:0; font: 9pt Verdana, sans-serif}
#toolbar li {list-style: none;margin: 0;display: inline}
#toolbar li a {padding: 3px;margin: 0px;background: #006699;text-decoration: none;}
#toolbar li a:visited, #toolbar li a:link, #toolbar li a:active {color:#FFFFFF;border-right: 1px solid #006699;border-left: 1px solid #006699;}
#toolbar li a:hover {color:#000;background: #cccccc;border-right: 1px solid #999999;border-left: 1px solid #999999;}

/*------------SHOPPING CART STYLES-------------------*/

.leftcol {width:170px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}
#leftcol {background-color: #F1F1F1; padding: 0px;margin: 0;border:0; font: 9pt Verdana, sans-serif}
#leftcol li {list-style: none;margin: 0; display: inline}
#leftcol li a {display: block; padding:1px 1px 1px 30px; margin: 0px;background: #CCCCCC;border: 1px solid #CCCCCC}
#leftcol li a:link, #leftcol li a:visited  {color:#CCCCCC;border: 1px solid #CCCCCC}
#leftcol li a:hover {color:#CCCCCC;background: #CCCCCC;border: 1px solid #CCCCCC}
#leftcol img { width:155px; height:28px; padding-left: 1px}

#leftcolins {background-color: #F1F1F1; padding: 0px;margin: 0;border:0; font: 8pt Verdana, sans-serif}
#leftcolins li {list-style: none;margin: 0; display: inline}
#leftcolins div {font: bold 12pt verdana, arial; padding: 2px 2px 2px 20px; margin: 0px; background: #CCCCCC;border: 1px solid #CCCCCC; text-decoration: underline;}
#leftcolins li a {display: block; padding: 2px 2px 2px 20px; margin: 0px; background: #F1F1F1;border: 1px solid #CCCCCC; text-decoration: underline;}
#leftcolins li a:link, #leftcolins li a:visited {color:#003399;border: 1px solid #F1F1F1; text-decoration: underline;}
#leftcolins li a:hover {color:blue;background: #CCCCCC;border: 1px solid #CCCCCC; text-decoration: underline;}
#leftcolins img { width:155px; height:28px; padding-left: 1px}


#leftcontainer span { padding: 4px 3px 4px 6px; } 

#search { padding: 2px 2px 2px 2px; color: blue; background-color: #CCCCFF; border-bottom: 1px solid #CCCCFF; font: 13px verdana, arial } 
#search input { padding: 1px;  font: 9pt verdana, arial } 

.rightcol {width:250px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}

.content {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}
#right-box { font: 9pt verdana, arial; color: #FFCC33; text-decoration: none; background-color:#F1F1F1; }
#right-box div.inner-box {height:140px;width:190px; }
#right-box div.inner-box-large {height:195px;width:190px; }
#right-box p {padding:20px; color: #0A6CCE; margin: 0px; text-decoration: none; line-height:1.5em;}
#right-box div.inner-box-small {height:95px;width:190px;}
#right-box div.inner-box-smaller {height:75px;width:190px; padding-top:20px;}
#right-box img {width:90px; height: 92px;border:none;display:block;margin:auto;}
#right-box img.satisfied {width:135px; height: 37px;border:none;display:block;margin:auto;}
#right-box a.satisfied {color: #999999;text-decoration: none;}
#right-box a.satisfiedbold {color: #999999;text-decoration: none;font-weight: bold; font-size:1.5em; line-height: 1.7em;}
#right-box img.godaddy {width:132px; height: 31px;border:none;display:block;margin:auto;}
#right-box img.shipping-box {width:161px; height: 81px;display:block;margin:auto;}
#right-box img.shipping-box-au {width:152px; height: 62px;display:block;margin:auto;}
#right-box img.lowest-price-box-au {width:100px; height: 100px;display:block;margin:auto;}
#right-box img.mactalk-box {width:160px; height: 78px;display:block;margin:auto;}
#right-box span.shipping-box {text-align:right; line-height:2em; text-decoration:none;}
#right-box span.satisfied {font-weight: bold; color: #999999;margin-top:20px;}
#right-box a { color: #0A6CCE; text-decoration: underline;}

#content img {width:50px; height: 71px}
#content { padding: 3px; font: 9pt verdana, arial; }
#content div, h1 { padding: 5px 7px 5px 7px; text-align: left; font: 9pt verdana, arial; } 
#content td { padding: 3px; font: 8pt verdana, arial; } 
#content div.title { text-align: center; color: #CC6600; font: bold 12pt verdana, arial; } 
#content div.title2 { text-align: center; color: #CC6600; font: bold 10pt verdana, arial; } 
#content div.hometitle { text-align: left; color: #CC6600; font: bold 12pt verdana, arial; } 
#content div.bluetitle { text-align: left; color: #000066; font: bold 12pt verdana, arial; } 
#content div.content { padding: 0px 1px 0px 2px; text-align: left; font: 9pt verdana, arial; }
#content div.feedback { text-align: left; font: 8	pt verdana, arial; }
#content ul {margin: 16px; text-align: left}
#content li {list-style-type: square; margin: 1px; text-align: left;}
.contact { font: 8pt verdana, arial; }  
.contactholiday { color:red; font-weight:bold; }
.holidaycontainer { padding-left: 10px; }  
.holidayheader { width: 205px; border: red 1px solid; padding: 2px; font-weight: bold; color: white; text-align: left; background-color: red; }  
.holidaybody { width: 205px; border: green 1px solid; padding: 2px; text-align: left; }  
#content a:link, #content a:visited, #content a:active { text-align: left; color: #0A6CCE; text-decoration: underline}
#content a:hover { color: #FFCC33; text-decoration: underline }
#content a.feedback:hover { color: #FFCC33; text-decoration: underline }
#content a.flyout:hover { color: #FFCC33; text-decoration: none;}

#content img.returns { width:148px; height: 71px; border:none; }
#front {font-family: verdana,arial; font-size:9pt; margin:0px; padding: 0px;}
#front img { width:57px; height: 40px; margin:0; float:none; border:none; }
#front dd { padding-top:0px; padding-bottom:0px; margin-bottom: 0px; border: none; align: middle;}
#front img.arrow { width:61px; height: 41px; border:none; align:middle;}
#front h1.arrow, h2.arrow { color:#CC6600;; line-height:1.2em; margin-bottom:0.4em;font-size:1.4em; margin-top:0px;padding:0px}
#front div.homeBlockTop {border:1px solid #CCCCCC; padding:5px;}
#front div.homeBlockTop img.arrow {float:left; margin-left:35px; margin-right:15px;}
#front span.guarantee {padding-left:109px;}
#front div.chooseSystem {margin-bottom:10px; margin-top:10px;padding-left:40px;}
#front div.homeBlockBottom { border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:5px;}
#front div.needHelp {padding-left:40px;}
#front p.clear {clear:both;}
#front a {text-align:center;}


#front div.home-box {float:left;height:75px;width:121px; font-family: verdana,arial; font-size:9pt;text-align:center;}


.faqborder { border:1px solid #848484; height:1%; }
.faqborder h5 { border-bottom:1px solid #848484; font:normal bold 9pt/14pt Arial; color:#666; padding:2px 4px; text-decoration:none; background:#d8d7d8; }
.faqborder .arrow { float:left; margin:2px 5px; }
.faqborder h4 { border-bottom:1px solid #ccc; font:normal bold 8pt/12pt Arial; color:#ccc; padding:0px 8px; text-decoration:none; background:#848484; clear:right; }
.faqborder h4.arrow { float:left; margin:0px 5px; }
.row td { background-color: #006699; color: white; font: bold 12px Arial, Helvetica, sans-serif; padding-left: 3px; }
.row2 td { background-color: #EEEEEE; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px; }
.row3 td { padding: 1px 3px 1px 5px; }
.row4 td { background-color: #EEEEEE; font: 12px Arial, Helvetica, sans-serif; padding: 5px; }



.content2 {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; position:relative;top:0px }
#content2 { padding: 11px; font: 9pt verdana, arial; }
#content2 span.right { display: block; text-align: right; padding-right: 20px; padding-bottom: 10px;}
#content2 span.testimonial { display: block; padding-top: 20px; font-style:italic; }
#logos span { padding: 0px; }
#logos img { padding-left: 8px; }
#content2 div { margin: 2px; padding: 5px 7px 5px 7px; text-align: left; font: 9pt verdana, arial; line-height:1.5em; } 
#content2 td { padding: 3px; font: 8pt verdana, arial; } 
#content2 div.title { text-align: center; color: #FF6600; font: bold 12pt verdana, arial; } 
#content2 div.title2 { padding: 5px 9px 5px 9px; text-align: left; color: black; font: bold 10pt verdana, arial; } 
#content2 div.title3 { text-align: left; color: #FF6600; font: bold 12pt verdana, arial; } 
#content2 div.bluetitle { text-align: left; color: #000066; font: bold 12pt verdana, arial; } 
#content2 div.content { padding: 0px 1px 0px 2px; text-align: left; font: 9pt verdana, arial; }
#content2 div.feedback { text-align: left; font: 8pt verdana, arial; }
#content2 ul {margin: 0px;list-style-type: numbered; text-align: left}
#content2 ol {margin: 16px; list-style-type: numbered; text-align: left}
#content2 li { line-height: 1.4em; list-style-type: numbered; padding: 3px; margin: 0px; text-align: left;}
.contact2 { font: 8pt verdana, arial; }  
#content2 a:link, #content2 a:visited, #content2 a:active { text-align: left; text-decoration: underline; color: #0A6CCE;}
#content2 a:hover { color: #FFCC33; text-decoration: underline }
#content2 a.feedback:hover { color: #FFCC33; text-decoration: underline }
#content2 input, select { font: 8pt Verdana, Arial; color: #3D447A; background-color: #ffff99; border-top:1px solid #797979; border-bottom:1px solid #797979; border-right:1px solid #797979; border-left:1px solid #797979; height:17px;}

#content3 { padding: 3px; font: 9pt verdana, arial; }
#content3 div { padding: 3px 3px 3px 3px; text-align: left; font: 8pt verdana, arial; } 
#content3 a:link, #content3 a:visited, #content3 a:active { text-align: left; text-decoration: underline; color: #0A6CCE;}
#content3 a:hover { color: #FFCC33; text-decoration: underline }

span.content { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; text-align: center; font: 8pt verdana, arial; } 
span.contentdel { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; color: red; text-align: center; font: 9pt verdana, arial; } 
span.contentimg { background-color: #FFFFFF; border: 1px solid #FFFFFF;  padding: 0px 20px 0px 20px; text-align: center; font: 8pt verdana, arial } 
.content a:hover { color: #FFCC33; text-decoration: underline }

#picture img { width:250px; height:166px}


.products {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; position:relative; vertical-align:top; }
#products div.breadcrumbs { padding: 5px 9px 5px 9px; text-align: left; color: #000; font: 7pt verdana, arial; } 
#products div.title { padding: 0px 9px 0px 9px; text-align: center; color: #CC6600; font: bold 10pt verdana, arial; } 
#products h1.title { padding: 10px; border:0px; margin: 0; text-align: left; color: black; font: bold 10pt verdana, arial; } 
#products img.brand {height: 27px; width: 25px; vertical-align: middle; padding-right: 10px}
#products img.model {width: 60px; height: 62px }
#products td.stockshipping { width: 345px; padding: 5px 1px 5px 2px; text-align: left; font: 8pt verdana, arial;} 
#products span.modelsalepricelabel { color:#990000 } 
#products span.modelpricelabel { color:#990000 } 
#products span.modelregpricelabel { color: black;} 
#products span.modelregprice { color: black; text-decoration:line-through;} 
#products span.modelprice {color:#990000; font-weight:bold; font-size:1.3em;} 
#products td.model2 { text-align: left; font: 8pt verdana, arial; } 
#products td.modelheader { padding-bottom:10px; text-align: left; font: 8pt verdana, arial; font-weight:bold; } 
#products td.price { float: right; position: static; padding: 7px 6px 7px 6px;; font: 8pt verdana, arial; } 
#products span.price { font: bold 10pt verdana, arial; float:right; padding-right: 7px; color:#000;} 
#products span.black { font-size: 1.2em; color:black;}
#products td.blacksmall { vertical-align: top; padding-bottom:7px; text-align: left; font: 8pt verdana, arial; font-size: 0.7em; color:black;}
#products span.blacksmall { text-align:right; color:black;}
#products span.red { padding-bottom: 5px; font-size: 1.2em; color:#990000; font-weight:bold;}
#products img.tick { margin: 0px; padding: 0px; position: relative; bottom: -3px; }
#products td.left { text-align: left; font: 8pt verdana, arial; padding-left: 10px; vertical-align:middle;}
#products div.modeldata { border-bottom: 1px solid #999999; padding: 2px 1px 1px 2px; text-align: left; font: 8pt verdana, arial; } 
#products div.modeldatahead { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 2px 1px 1px 2px; background-color: #F1F1F1; color: #000; text-align: left; font: bold 8pt verdana, arial; } 
#products div.model { padding: 7px 9px 7px 9px; text-align: left; font: 8pt verdana, arial; } 

#products td.modellabel { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 1px 1px 2px; text-align: right; font: 8pt verdana, arial; } 
#products td.model { padding: 0px 1px 0px 2px; text-align: left; font: 8pt verdana, arial; } 
#products td.modeldatahead { white-space:nowrap; padding: 0px 0px 0px 2px; text-align: left; font: 8pt verdana, arial; } 
#products td.modulelabel { width: 182px; border-top: 1px solid #999999; text-align: right; font: 8pt verdana, arial; } 
#products td.moduledata { width: 315px; border-top: 1px solid #999999; border-left: 1px solid #999999; padding: 2px 1px 1px 2px; text-align: left; font: 8pt verdana, arial; } 
#products td.moduledatanw { white-space:nowrap; border-top: 1px solid #999999; border-left: 1px solid #999999; padding: 2px 1px 1px 2px; text-align: left; font: 8pt verdana, arial; } 
#products td.moduledata4 { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 2px 1px 1px 2px; background-color: #F1F1F1; color: #000; text-align: left; font: bold 8pt verdana, arial; } 
#products td.moduledata2 { border: 0; padding: 0px 0px 0px 0px; text-align: top; font: 7pt verdana, arial; } 
#products td.moduledata3 { border-top: 1px solid #999999; padding: 4px 1px 1px 4px; text-align: left; font: 8pt verdana, arial; } 
#products span { color: #0A6CCE; } 

#products div { border: solid 0px; font: 8pt verdana, arial; }
#products a.productnotes { font-size: 0.8em; font-weight: bold; }
#products div.productpage { width: 330px; padding: 5px;margin: 0px auto; }
#products div.topalign {}
#products div.modelcontainer {width:498px; padding: 0px; }
#products table.model {border-collapse: collapse; margin: 0px; border-bottom: solid 0px #CCCCCC; padding: 0px; background-color: #F5F5F5;}
#products table.model2 {border-collapse: collapse; margin: 0; border-bottom: solid 0px #CCCCCC; padding: 0px; background-color: white;}
#products div.row {clear: both;}
#products div.row span.label {float: left;padding-right: 15px;width: 125px;color: black;text-align: left;}
#products div.row span.formw { float: left; width: 170px; color: black; text-align: left;} 
#products div.row span.price { float: left; width: 170px; color: black; text-align: left; font: bold 10pt verdana, arial;} 
#products div.row dd.price { font: bold 12pt verdana, arial;padding: 2px;} 
#products div.row dd.details { font: 8pt verdana, arial;padding: 2px;} 


#products div.family { padding: 7px 9px 7px 9px; text-align: center; font: 8pt verdana, arial; } 
#products a:link, #products a:visited, #products a:active { color: #0A6CCE; text-decoration: underline }
#products a:hover { color: #FFCC33; text-decoration: underline }

#newsletter { padding: 5px 0px 5px 5px; color: white; background-color: #0A6CCE; font: 8pt verdana, arial } 
#newsletter input { padding: 0px;  font: 8pt verdana, arial } 

.footer {background-color: #CCCCCC}
.footer span { background-color: #CCCCCC; border:0px; padding: 5px; color: #003399;; font: 8pt bold verdana, arial} 
.footer a:link { text-decoration: none; color: #003399;}
.footer a:visited { text-decoration: none; color: #003399;}
.footer a:active { text-decoration: none; color: #003399;}
.footer a:hover { color: #003399; text-decoration: underline }

/*------------SHOPPING CART STYLES-------------------*/


.nopcart {font: 9pt Veranda, Arial}
.nopheader { color: #000; background-color: #F1F1F1; border:1px solid #CCCCCC; margin: 0px; text-align: center; font-weight: bold}
.noptest { color: red;font: 8pt Verdana, Arial }
.nopentry { padding-left: 6px}
.noptotaltitle{ text-align:right; padding-right: 6px}
.noptotal{ padding-left: 6px}

#nopcartmini table {}
#nopcartmini td.head { text-align: left; color: #000; background-color: #F1F1F1; border:1px solid #CCCCCC; font: bold 8pt Verdana,Arial}
#nopcartmini td { text-align: left; color: #000; padding-left: 5px; font: bold 8pt Verdana,Arial;}
#nopcartmini td.prod { text-align: left; color: #000; background-color: #FFFFFF; padding-left: 5px; border:0px; font: 8pt Verdana,Arial}
#nopcartmini td.total { text-align: left; color: #000; background-color: #FFFFFF;  border:0px; font: 9pt bold Verdana,Arial;}

.nopentrymini{}


.textbox, .combobox { font: 8pt Verdana, Arial; color: #000; background-color: #ffff99;/*#F6F4F4;*/ border: 1px groove #FFFFFF;  height:17px; border-color : #FFFFFF; }
.buttonface, .nopbutton { font: 8pt Verdana, Arial; }  


.qtytextbox { font: 8pt Verdana, Arial} 
.qtytextbox2 { font: 6.5pt Verdana, Arial} 


LABEL {border: 1px solid #0099cc; color: #006699; height: 12px; background-color: #f0ffff; font: 10px Verdana,Arial}
tblSideBar {border: 1px solid #0099cc; font: 10px Verdana,Arial; background-color: #f0ffff}
.checkout { color: #006699; border: 0px; padding-left: 3px; font: bold 29px Verdana, Arial}
.contentbar1 { background-color: #DDDDDD; color: #000; padding-right: 3px; font: 11px Verdana, Arial }
.contentbar3 { background-color: #DDDDDD; color: red; padding-right: 3px; font: 11px Verdana, Arial }
.contentbar2 { background-color: #BBBBBB; color: #000; font: 11px Verdana, Arial }

.btn_orange {
-moz-border-radius-bottomleft:0.3em;
-moz-border-radius-bottomright:0.3em;
-moz-border-radius-topleft:0.3em;
-moz-border-radius-topright:0.3em;
background:#DF9C27 url(/images/button_bg_orange.gif) repeat-x scroll left top;
border:1px solid #C56611;
color:#FFFFFF !important;
cursor:pointer;
margin:3px 1px !important;
padding:3px 5px !important;
vertical-align:right;
white-space:nowrap;
}


.btn_orange:hover {
background:#C56511 url(/images/button_bg_orange_hover.gif) repeat-x scroll left top;
text-decoration:none !important;

}
input.btn_orange {
padding:3px 5px !important;
}

input.buyButton {
font-size:1.2em ;
font-weight:bold;
margin-bottom:10px !important;
margin-top:10px !important;
padding:3px 5px !important;
}