
/*****************************************************
 *  site.css
 *  Site wide settings
 *
 *****************************************************/

html, body, form { 
    padding:0px; 
    margin:0px; 
}
body { 
    font-size: .85em; 
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323; 
    background-color: #fff; 
}
#cart-content img { 
    border:none; 
}

table { 
    width:100%; border-collapse:collapse;  
}
#cart-content table, #cart-content tr, #cart-content th, #cart-content td {
    border-width:1px; 
    border-style:solid; 
    padding:6px; 
    border-color:#CAD4E0; 
}
    
.rt { text-align:right; }
.ct { text-align:center; }

#cart-content h2 a, #cart-content h2 a:link, #cart-content h2 a:visited,
#cart-header h2 a, #cart-header h2 a:link, #cart-header h2 a:visited
 {
    color: #2A0000;
}

#cart-content h2 {
    margin-bottom:10px;
}

/* Loading Dialog */
.loading-dialog { 
    width:120px; height:120px; 
    text-align:center; 
    position:relative;
 	background-color:white; 
    position: absolute; 
    left: 50%; top: 50%;
 	margin-top: -60px; 
    margin-left: -60px; 
    text-align: center; 
 	-moz-box-shadow: 0 0 5px #888; 
    -webkit-box-shadow: 0 0 5px #888; 
    box-shadow: 0 0 5px #888; 
}
.loading-dialog.show { display:block; z-index:9999; }
.loading-dialog.hide { display:none; }
.loading-dialog div { padding:10px; }

/* Forms */
.section { margin: 10px 0px 18px 0px;  }
.section .editor-label { margin: 6px 0px 3px 0px;}
.section .editor-field {}
.section .column { float:left; width:49%; display:block; }


/*.order-status { font-weight:bold; }
.order-status-code-7 { color:darkred; }
.order-status-code-8 { color:darkgreen; }*/

#cart-header a:link, #cart-header a:visited {
    color: #232323; text-decoration:none;
}
#cart-header a:hover {
    text-decoration:underline;
}



/*
    Customer Section       
 */
ul.feature-list { list-style-type:none; padding-top:15px; }
ul.feature-list li { list-style-type:none; margin:0px; position:relative; }
ul.feature-list li a { position:relative; font-size:large; }
ul.feature-list li a img { margin:0px; border:none;}
ul.feature-list li a span { margin-left:10px; margin-top:0px; }
ul.feature-list li p { margin-top:4px; margin-bottom:28px; }
ul.feature-list li a,
ul.feature-list li a:link { text-decoration:none; }

/* 
    Shopping Cart   
 */
#cart-content { margin-bottom:20px; padding-bottom:20px; min-height:300px; }

#nbni-cart,
#nbni-cart #cart-promotion { position:relative; }
#nbni-cart #cart-promotion button,
#nbni-cart #cart-promotion span.a-left { float:left; }
#nbni-cart #cart-navigation { margin:18px 0px; }
#nbni-cart #cart-notices { height:100px; margin-top:15px; }

#nbni-cart .ident { /*display:block;*/}
#nbni-cart #cart-notices { text-align:right; }
#nbni-cart #cart-details p { text-align:right; }

/** Tables, summary, cart contents **/
#nbni-cart table { width:100%; border-collapse:collapse;  }
#nbni-cart table, #nbni-cart tr, #nbni-cart th, 
#nbni-cart td {border-width:1px; border-style:solid; padding:3px; }

#nbni-cart table.clear-table, #nbni-cart table.clear-table tr,
#nbni-cart table.clear-table th,
#nbni-cart table.clear-table td { border:none; }

.basket-row td img.thumbnail {
    vertical-align:middle;margin-right:3px; margin-bottom:2px; height:70px;
}

/** Addresses **/
ul#address_list { list-style-type: none; padding:0px; }
ul#address_list li { list-style-type: none; margin:3px 0px; }
ul#address_list li ul.details { padding:10px; width:400px; position:relative; list-style-type: none; }
ul#address_list li ul.details li { list-style-type: none; padding:0px; margin:1px; width:400px; }
ul#address_list li ul.details button { position:absolute; top:10px; right:10px; }
ul#address_list li ul.details a {}

ul.details {
    list-style-type: none; padding:0px;
}
    ul.details li {
        list-style-type: none;
    }

/*****************************************************
 * Buttons/links (see browser css for padding)
 *****************************************************/
button.link-button { cursor:pointer; max-width:200px; }
a.link-button, 
button.link-button {
    display:block; 
    float:left; margin:0 7px 0 0;
    font-size:100%; 
    line-height:130%;
    text-decoration:none; 
    cursor:pointer;
    font-size:14px; /* Needs to be this size */
}
button.link-button-centre { cursor:pointer; max-width:200px; }
a.link-button-centre, 
button.link-button-centre {
    margin:0 7px 0 0; padding:2px;
    font-size:100%; line-height:130%;
    text-decoration:none; cursor:pointer;
    font-size:14px; /* Needs to be this size */
}

a.link-button.sml, button.link-button.sml { padding:1px; }


.basket-row td img.thumbnail {
    margin-right:8px; height:70px;
}

span.choice {
    margin:10px;
    font-size:1.3em;    
    display:inline-block;
}

    span.choice a,
    span.choice a:link,
    span.choice a:visited {
        border-radius: 15px;
        border:1px solid #DADEE5;
        text-decoration:none;
        padding:20px;
        box-shadow: 0 0 1px #CCCCCC;
        color:black;
    }
    span.choice a:hover {
        background-color:#F4F4F4;
    }

.non-supplied-lines{
    color: #7A1111;
}


.nbn-landing {

}

.nbn-landing h2 a {
    text-decoration:none;
}

/* address widths */
.block-address #Name,
.block-address #AddressLine1,
.block-address #AddressLine2,
.block-address #AddressLine3,
.block-address #Telephone,
#register-user #UserName,
#login-form #UserName,
#register-user #Password,
#login-form #Password,
#register-user #ConfirmPassword {
    width:200px;
}
.block-address #Email,
.block-address #Email2,
#register-user #Email {
    width:300px;
}

