/**********************************************
CSS FILE FOR PHOSPHOR WHITESITE - LAYOUT STYLES
DEVELOPED BY PHOSPHOR ESSENCE
COPYRIGHT 2007
www.phosphor.co.nz
**********************************************/
html, body{ height:100%; margin:0 0 1px 0;}
body{
    background-color:#000;
    color:#fff;
    font-family:Arial, Tahoma, sans-serif;
    font-size: 70%;
}


p{padding: 7px 0 7px 0; font-size:12px;}

a{font-size:12px; text-decoration:none;}
a:hover{text-decoration:none !important;}
a:active{outline:none !important; border:none !important;}
a:visited{}

h1, h2, h3, h4, h5{}

h1{color:#fff;}
h2{text-transform:uppercase;}
h3{}
h4{color:#7282AA; font-size:12px; margin:5px 0 5px 20px; }
h5{color:#7282AA; font-size:11px;margin:10px 0 5px 20px; }

h3 a{color:#7282aa;}

object{outline:none;}

#mainContainer{background:url(../userfiles/images/main_bg.jpg) repeat-y 0 4px; margin:0 auto; padding:0; width:933px; min-height:600px;}
#bgWrap{background:url(../userfiles/images/wrap_bg.jpg) no-repeat; min-height:382px;}
#logo{width:271px; height:182px; float:left;}
#logo img{margin:25px 0 0 50px;}

#nav{float:left; width:660px; height:110px;}
#nav ul{list-style: none; margin:40px 0 0 -5px;}
#nav ul li{float:left; margin:0 15px 0 0;}
#nav ul li a{background:url(../userfiles/images/nav_bullet.jpg) no-repeat; color:#000; display:block; padding:0 0 5px 20px;}
#nav ul li a:hover{background:url(../userfiles/images/nav_bullet_f2.jpg) no-repeat; text-decoration:none;}
#nav ul li a img{margin-top:3px; margin-left:3px;}


.selected .rollOff{display:none;}
.selected .rollOn{display:inline;}

.selected a{color:#fff !important;}


.selected ul.subItems a{color:#aaa !important;}
.selected ul.subItems .selected a{color:#fff !important;}

a .rollOff{display:inline;}
a:hover .rollOff{display:none;}
a .rollOn {display:none;}
a:hover .rollOn {display:inline;}


#subnav{float:left; margin:15px 0 10px 31px; width:240px; }

#subnav h1 {
    background:url(../userfiles/images/heading_bullet.png) no-repeat center left;
    font-size:1.2em;
    padding:0 0 0 30px;
}

#subnav ul{list-style:none; margin:7px 0 0 0;}
#subnav ul li{margin:0 0 2px 0;}
#subnav ul li a{background:url(../userfiles/images/subnav_bullet.png) no-repeat 0 5px; color:#aaa; font-size:12px; padding:0px 0 0 32px;}
#subnav ul li a:hover{background:url(../userfiles/images/subnav_bullet_f2.png) no-repeat 0 5px;color:#fff; text-decoration:none;}
#subnav .subItems{margin:3px 0 0 20px}

#subnav a{font-family:arial; font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase !important; }


#content{float:left; margin:-83px 0 0 0; padding:0 0 0 0; width:653px; position:relative;}
#tour{
    margin:50px 0 -12px 131px;
}
.noFlashImage{margin:0 0 0 -44px;}

.seeItFly{margin:95px 0 0 0; position:absolute;}

#content a{color:#7282aa; font-weight:bold;}
#content a:hover{color:#fff;}

#content .box .bottom{background:url(../userfiles/images/box/box_btm.png) no-repeat; width:100%; height:15px;}
#content .box .textBlock{background:url(../userfiles/images/box/box_bg.png); clear:both; margin:-8px 0 0 0 !important; padding:5px 0 0 0;}

#content .box {
    background: url(../userfiles/images/box/box_top.png) no-repeat;
    padding:7px 0 0 0;
    width:639px;
}

#content h2 {
    background:url(../userfiles/images/jetpack_icon.png) no-repeat center left;
    display:block;
    line-height:3em;
    font-size:1.1em;
    margin:0 0 12px 20px;
    padding:0 0 0 36px;
    color:#f8f8f8;
    position:relative;
}

#content h3{margin:10px 20px 0 20px;}
#content p{color:#fff; margin:0 20px 0 20px;}

#content .frontpage .textBlock{}
#content .frontpage h3 { margin-bottom:8px; }
#content .frontpage p { padding:0; margin-bottom:8px; }
#content .frontpage .bottom { margin-top:-8px; }



.sidePanel{
    position:absolute;
    top: 321px;
    margin: 0 0 0 -245px;
}



#content .news {
    background:url(../userfiles/images/box/box_top_sml.png) no-repeat;
    line-height:12px;
    width: 251px;
}

#content .news .bottom {
    background: url(../userfiles/images/box/box_btm_sml.png) no-repeat;
    width:100%;
    height: 12px;
    margin-top: -15px;
}
#content .news .textBlock{
    background: url(../userfiles/images/box/box_bg_sml.png);
    margin: 8px 0 0 0;
}

#content ol{ margin:0 0 0 8px; }
#content ol li{ margin:0 0 5px 40px; }


#content .news h2 {
    /* background: url(/userfiles/images/rss_icon.jpg) no-repeat center left; */
    background: none !important;
    margin: 0 0 12px 26px;
    /* padding: 0 0 0 28px; */
    padding: 0 !important;
}
#content .news h2 a {
    color: #f8f8f8;
    background: none;
}

#content .news .rssIcon {
    display: block;
    float: left;
    width: 15px;
    height: 16px;
    padding: 0;
    line-height: 0;
    margin: 10px 10px 0 0;
}
/* #content .news .rssIcon{float:left; margin:-7px 0 0 20px;} */

#content .news h3 a{font-size:12px;}
#content .news .newsDate {
    font-weight:bold;
    color:#adadad;
    padding:0;
    font-size:11px;
    margin-bottom:-6px;
}
#content .news a{ color:#7282aa; }
#content .news .newsText{margin:15px 5px; line-height:16px;}

#content #pressReleases{margin:-5px 0 0 0;}
#content #pressReleases li{background:#292929; width:575px; height:30px; margin:10px 0 0 20px; padding:3px 0 0 20px;}
#content #pressReleases li.doc{background:url(../userfiles/images/doc_icon.jpg) no-repeat 5px 8px  #292929; }
#content #pressReleases li.pdf{background:url(../userfiles/images/pdf_icon.jpg) no-repeat 7px 5px  #292929;}
#content #pressReleases li h3{margin-top:5px;}
#content #pressReleases li .downloadLink{background:url(../userfiles/images/download_button.jpg) no-repeat; width:88px; height:17px; margin:-8px 0 0 0;}
#content #pressReleases li a:hover{}


#content .video {}
#content .video h2{}
#content .video ul{width:600px; list-style:none; margin:0 0 0 20px;}
#content .video ul li{background:#292929 !important; width:196px; float:left; margin:0 4px 18px 0; padding:0px}
#content .video ul li a.byline{margin:5px;}

#content .images .textBlock{}
#content .images h2{}
#images{list-style:none; margin:0 0 0 20px;}
#images li{margin:0 7px 7px 0px; padding:0; float:left; width:79px;}

.downloadInstructions {float:left; width:200px;}
.downloadInstructions strong{color:#7282aa;}


#content ul.history{margin:10px 0 0 27px; list-style:none;}
#content ul.history li{background:url(../userfiles/images/li_bg.jpg) no-repeat; width:590px; height:57px; margin:0 0 13px 0; padding:0px 15px 0 0px;}
#content ul.history li img{float:left; margin-top:2px;}

#content table{border:solid #232323; border-collapse:collapse; border-width:1px 0 0 1px; margin:10px 0 0 20px; width:600px;}
#content table tr{}
#content table tr td{border:solid #232323; border-width:0px 1px 1px 0px; padding:8px; }

#content ul.howdoibuy{list-style:none; margin:20px auto 20px auto; width:480px;}
#content ul.howdoibuy li{margin:0 0 20px 0;}
#content ul.howdoibuy img{float:left;}
#content ul.howdoibuy .howText{float:left; width:400px; background:#161616; margin:0 0 0 10px; padding:5px;}

#content .youTubeVideo{margin:30px auto; width:425px;}




#gallery{margin:-5px 0 0 10px}

#content .physicalDetails{background:#191919; float:left; padding:10px 15px 15px 0; margin:10px 0 0 20px;}
#content .physicalDetails .device{color:#7282aa;}

#content .emailForm{float:left; width:350px; margin:-30px 0 0 10px;}

#pressReleases{list-style:none; margin:10px 0 0 0;}
#pressReleases li{margin-bottom:10px;}
#pressReleases a{color:#7282aa; font-size:12px !important;}
#pressReleases a .releaseDate{color:#fff;}

#peopleList{list-style:none;margin:8px 0 0 0;}
#peopleList li{ background:#161616; width:595px; margin:0 auto 13px auto; padding:0 0 10px 0;}
#peopleList .peoplePhoto{float:left; margin:10px 0 0 10px;}
#peopleList .peopleText{float:left; width:450px; margin:5px 0 0 0;}
.landscape #peopleList .peopleText{width:300px;}

#peopleList .peopleText p {
    margin:0 0 0 10px;
    padding:2px 7px;

}
#peopleList .peopleText .name{color:#7482a7; font-size:13px; font-weight:bold;}
#peopleList .peopleText .title{font-weight:bold; color:#adadad;}
#peopleList .noImage{width:126px; height:168px; background:#000; float:left; margin:10px 0 0 10px;}

#partnersList{list-style:none;margin:0px 0 0 0;}
#partnersList li{background:#161616; width:595px; margin:0 auto 14px auto; padding:0 0 0px 0;}
#partnersList .peoplePhoto{float:left; margin:10px 0 0 10px;}
#partnersList .partnersText{float:left; width:375px; margin:5px 0 0 0;}
#partnersList .partnersText p{margin:0 0 0 10px; min-height:20px;}
#partnersList .partnersText .name{color:#adadad; font-size:13px; font-weight:bold;}
#partnersList .partnersText .link {float:right;}
#partnersList .partnersText .link a{font-size:12px; font-weight:bold; color:#7482a7; text-transform:lowercase;}
#partnersList .noImage{width:126px; height:168px; background:#000; float:left; margin:10px 0 0 10px;}

#content .accordion{margin:10px 0 0px 0;}
#content .accordion h3{cursor:pointer; background:url(/userfiles/images/faqs_arrow.jpg) no-repeat 10px 11px #292929; padding:8px 8px 8px 30px;}
#content .accordion div.section{background:#191919; padding:0 0 10px 0px; margin:0 0 0 20px; width:599px;}
#content .accordion p{margin:10px 20px 10px 20px;}

#historyBlock{}
#historyBlock .historyItem{display:none;}
#historyBlock .first{display:block;}

.shop_breadcrumbs{list-style:none; margin:0 0 10px 20px; }
.shop_breadcrumbs li{float:left; margin:0 10px 10px 0; }
.shop_breadcrumbs li span{color:#7282AA; font-size:12px; font-weight:bold; margin:0 0 0 10px; }

#products{list-style:none; margin:20px 0 0 20px;}
#products li{float:left; margin:0 13px 0 0;}
#products li img{height:218px}
#products li h3{border:solid; border-width:0 0 1px 0; margin:10px 0 0 0; padding:0 0 5px 5px; }
#products li h3 a{font-size:13px;} 
#products .price{color:#fff; font-size:14px; line-height:20px; margin:10px 5px 0; text-align:right; }


#productInfo{margin:0 20px; }
#productInfo .gallery{float:left; margin:15px auto; }
#productInfo .gallery #thumbnails{list-style:none; width:188px;}
#productInfo .gallery #thumbnails li{float:left; margin:0; }
#productInfo .gallery #thumbnails img{width:94px;} 

#productInfo .info{float:left; width:60%; } 


#productInfo .info h3{border:solid #aaa; border-width:0 0 1px 0; font-size:26px; margin:0 0 5px 0; padding:0 0 5px 0; width:320px; } 
#productInfo .info p{color:#aaa; font-size:12px; font-weight:bold; line-height:1.4em; margin:10px 0; padding:0; width:320px; }

#productInfo .catalogDetail{background:none; width:auto;}
#productInfo input{margin: 0 0 10px; width:40px; }
#productInfo select{margin:0 20px 0 5px; }
#productInfo table{margin:10px 0 20px !important; }

#productInfo .addproduct{margin:20px 0 0 0; }



#basket{
    background:url(/userfiles/images/box/box_top_sml.png) no-repeat;
    line-height:12px;
    margin:0;
    width:251px;
}

#basket .bottom {
    background: url(/userfiles/images/box/box_btm_sml.png) no-repeat;
    width:100%;
    height: 12px;
    margin-top: -5px;
}
#basket .textBlock{
    background: url(/userfiles/images/box/box_bg_sml.png);
    margin: 8px 0 0 0;
}

#basket h2{color:#f8f8f8; display:block; font-size:1.1em; line-height:3em; padding:8px 0 0 25px; }
#basket h3{margin:0 0 0 20px;}

#basket dl{border:dotted #aaa; border-width:0 0 1px; clear:both; float:left; margin:5px 20px 10px; }
#basket dt{clear:both; float:left; margin:0; }
#basket dd{float:right; margin:0 140px 5px 10px; }
#basket dd.price{margin-right:0px; text-align:right; }
#basket dd.price br{}

p.total{float:right; font-size:11px; margin:10px 20px 20px 0; padding:5px 0 0; text-align:right; }

#basket a{display:block; float:right; margin:0 20px 0 0; }

#convert{margin:0 0 0 5px; }

#currency_select{margin:0 0 0 18px;}

#footer{background:url(../userfiles/images/footer_bg.jpg) no-repeat; height:67px; margin:0px auto 0 auto; overflow:hidden; width:933px; }
#footer .footleft{float:left; height:30px; margin:5px 0 0 20px; width:420px;}
#footer .footright{float:left; height:30px; margin:5px 0 0 20px; width:420px;}

#footer ul#utils{list-style:none; float:right; margin-right: 20px;}
#footer ul#utils li{float:left;}

.foot{color:#333; font-size:10px; margin:0 auto; width:230px;}
.foot a{color:#333; font-size:10px !important; text-decoration:none;}
.foot a:hover{text-decoration:none; color:#999;}