/**
 *
 * AES Site wide styles
 *
 */

* {
        margin: 0;
        padding: 0;
}


body {
        margin: 0px;
        padding: 0;
        top: 0;
        background: #0677b3;
        background-image: url(../images/layout/bg_tile.gif);
        background-repeat: repeat-x;
        color: black;
        font: 8pt verdana;
}

p {
        font: 8pt verdana;
}

.whitelink {
        text-decoration: none;
        color: #ffffff;
}

.navigation_list {
        list-style: none;
        margin: 0px;
        padding: 0px;
}

.subnavigation_list {
        list-style: none;
        margin-left: 12px;
        padding: 0px;
}

.navigation_list li {
        margin-top: 2px;
        margin-bottom: 2px;
}

.navigation_list a {
        text-decoration: none;
        color: #000000;
        font: 8pt verdana;
}

a {
        text-decoration: none;
	color: #000000; 
}

a:hover {
        text-decoration: underline;
	color: #0677b3;
}

a:link {}

/** Note <h> tags used in reverse order. **/

/**Product Catagory**/

h1 {
        color: #999999;
        font: 8pt verdana;
        font-weight: 900;
        margin: 0px 0px 5px 0px;
        padding: 0px;
}

/**Product Title**/
h2 {
        font: 14pt verdana;
        margin: 0px;
        padding: 0px;
}

/**Page Heading**/
h3 {
        color: #0677b3;
        font: 18pt verdana;
        font-weight: 900;
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

/**Navigation Heading**/
h4 {
        color: #0677b3;
        font: 10pt arial;
        font-weight: bolder;
        margin-bottom: 5px;
        margin-top: -2px;
        padding: 0px;
}

img {
        border: none;
        margin: 0px;
}

form {
        margin: 0px;
        padding: 0px;
}


#maincontainer {
        width: 763px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
}


.under_construction {
        margin: 10px;
        padding: 10px;
        color: white;
        background-color: black;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
}


#subcontainer {
        margin: 0px;
        padding: 0px;
        width: 100%;
        background-color: #ffffff;
}

#mainbar_top {
}

#mainbar_header {
        padding-left: 20px;
        padding-right: 20px;
        background-color: #ffffff;
        color: #000000;
        height: 170px;
        margin-top: -2px;
}

/*
#navbar {
        clear: both;
        background-color: #ffffff;
        text-align: center;
}
*/

#navbar {
        margin-left: 20px;
        margin-right: 20px;
        padding: 0px;
        height: 30px;
        border-top: 1px solid black;
        background-image: url(../images/layout/navbar_bg.gif);
        background-repeat: repeat-x;
        color: white;
        font-size: 8.5pt;
        font-weight: bold;
}

#navbar div {
        float: right;
        margin: 0px;
        margin-top: 7px;
        margin-right: 10px;
        padding: 0px;
}

#navbar ul {
        margin: 0px;
        margin-top: 7px;
        margin-left: 10px;
        padding: 0px;
        color: white;
}

#navbar li {
        display: inline;
        margin: 0px;
        margin-right: 20px;
        padding: 0px;
}

#navbar a {
        margin: 0px;
        padding: 0px;
        color: white;
        text-decoration: none;
}

#navbar a:hover {
        color: white;
        text-decoration: underline;
}

.sidebar {
        width: 132px;
        /*height: 380px;*/
        background-color: #e8e8e8;
        margin-top: -2px;
        padding-bottom: 10px;
}

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

#left {
        margin: 0px;
        padding: 0px;
}

#right {
        margin: 0px;
        padding: 0px;
}

#centre {
        width: 700px;
        background-color: #ffffff;
        padding: 10px;
}


#footer {}

#footer p {
        color: white;
}



.left_margin {
        background-color: #ffffff;
        padding-left: 20px;
        padding-top: 10px;
}

.right_margin {
        background-color: #ffffff;
        padding-right: 20px;
        padding-top: 10px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	padding: 0px;
	margin: 0;
	float: right;
	clear: both;
}

img.alignleft {
	padding: 4px;
	margin: 0px 7px 2px 0px;
	display: inline;
	float: left;
	border: 1px solid #999999;
}

.alignright {
	float: right;
}
	
.alignleft {
        float: left;
}

.logoalignleft {
        float: left;
}

/* End Images */


#toolbar {
        color: black;
}

#toolbar a {
        color: black;
}

/* News Ticker Formatting */

#newsticker {
        background-color: #e8e8e8;
        font: 8pt verdana;
        font-weight: 900;
        height: 25px;
}

#newstitle {
        margin: 10px;
        color: #0677b3;
}

#news {
        margin: 10px;
}

/* Product Broswer Formatting */

.featurebox {
        width: 100%;
        border: 1px solid #999999;
}

.productsummary {
        width: 410px;
}


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

.searchbox fieldset {
        margin: 0px;
        padding: 0px;
        border: none;
}

.search_box_label {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
}

.search_box_field {
        width: 115px;
        margin-left: 0px;
        padding-left: 0px;
        border: 1px solid black;
}

.search_button {
        float: right;
        margin-right: 5px;
        background-image: url(../images/site/buttons/buttons_11.gif);
}


.breadcrumb {
        color: #999999;
        font-weight: normal;
}

.breadcrumb a {
        color: #999999;
        font-weight: bold;
}




#registration_form {
        ;
}

.form_label_cell {
        width: 150px;
        color: black;
        font-weight: bold;
}

.form_field_cell {
        ;
}

.form_field {
        border: 1px solid black;
}

.optional_field {
        color: #cccccc;
        font-weight: normal;
}

.forgotpassword {
        float: right;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #0677b3;
        font-weight: bold;
        
}

.forgotpassword a {
        color: #0677b3;
}

.register {
        clear: both;
        margin-top: 60px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #black;
        
}

.register a {
        color: #0677b3;
}


.basket {
        width: 100%;
        text-align: center;
}

.basket tr {
        background-color: #e8e8e8;
}

.basket th {
        padding: 3px;
        color: black;
}

.basket td {
        padding: 3px;
        color: #0677b3;
}

.item_code_field {
        width: 80px;
        color: #0677b3;
}

.item_code_field a {
        color: #0677b3;
}

.product_field {
        color: #0677b3;
        text-align: left;
}

.product_field a {
        color: #0677b3;
}

.quantity_field {
        width: 60px;
        color: #0677b3;
}

/*
.quantity_field a {
        color: #0677b3;
}
*/

.quantity_field input {
        width: 3em;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid black;
}

.line_total_field {
        width: 60px;
        color: black;
        font-weight: bold;
}


.basket_totals {
        float: right;
        color: black;
        font-weight: bold;
        text-align: left;
}

.basket_totals tr {
        background-color: #e8e8e8;
}

.basket_totals td {
        padding: 3px;
}

.basket_subtotal_label {
        width: 60px;
        ;
}

.basket_subtotal_cell {
        width: 60px;
        text-align: center;
}

.basket_pandp_label {
        width: 60px;
        ;
}

.basket_pandp_cell {
        width: 60px;
        text-align: center;
}

.basket_vat_label {
        width: 60px;
        ;
}

.basket_vat_cell {
        width: 60px;
        text-align: center;
}

.basket_total_label {
        width: 60px;
        ;
}

.basket_total_cell {
        width: 60px;
        text-align: center;
}



.technical_specs {
        ;
}

.technical_specs ul {
        margin-left: 15px;
        padding-left: 0px;
}

.technical_specs li {
        margin-left: 0px;
        padding-left: 0px;
}





.boldtext {
        font-weight: bold;
}



.productlisting {
        padding-bottom:35px;
}

.productlisting img {
/*
        width: 100px;
        height: 100px;*/
        float: left;
        margin-right: 10px;
}

.productlisting h2 a {
        color: black;
        text-decoration: none;
}

.priceExVat{
        display: inline;
        font-size: 10pt;
        font-weight: bold;
}

.priceIncVat {
        display: inline;
        margin-left: 20px;
}


.proddescription {
        margin-top: 10px;
}



.listingcontrols {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: right;
}

.listingcontrols * {
        display: inline;
}




.page_title {
        margin-bottom: 10px;
        border-bottom: 2px solid #999999;
}

.page_title h3 {
        margin-top: 5px;
        margin-bottom: 5px;
}

.page_title p {
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #999999;
}


.product {
        margin-top: 10px;
        margin-bottom: 10px;
}


.product h2 {
        ;
}


.product .product_image {
        float: left;
        height: 200px;
        width: 200px;
        margin-top: 10px;
        border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
}


.product .pricing1 {
        float: left;
        text-align: right;
        width: 200px;
        margin-top: 10px;
        margin-left: 
}

.product .pricing1 .priceExVAT {
        font-size: 9pt;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
}


.product .pricing1 .priceIncVAT {
        margin-top: 5px;
        margin-bottom: 5px;
        color: black;
}


.product .pricing1 img {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px;
}


.product .description {
        clear: both; 
        margin-bottom: 15px;
        padding-top: 10px;
}


.product .pricing2 {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: right;
        /*border: 1px solid black;*/
}


.product .pricing2 .priceExVAT {
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 9pt;
        font-weight: bold;
        /*border: 1px solid black;*/
        vertical-align: top;
}


.product .pricing2 .priceIncVAT {
        display: inline;
        margin-top: 3px;
        margin-left: 10px;
        margin-right: 10px;
        color: black;
        /*border: 1px solid black;*/
        vertical-align: top;
}


.product .pricing2 img {
        display: inline;
        margin: 0px;
        padding: 0px;
        width: auto;
        height: auto;
}


.product .features {
        margin-top: 10px;
        margin-bottom: 10px;
}


.product .features .feature_group {
        margin-top: 10px;
        margin-bottom: 10px;
}


.product .features .feature_group h4 {
        font-size: 9pt;
        font-weight: bold;
        color: black;
}


.product .features table {
        ;
}


.product .features table th {
        text-align: left;
        color: #999999;
}


.product .features table  td {
        text-align: left;
}


.product .features .feature_group .feature_heading {
        width: 150px;
}


.product .features .feature_group .feature_value_heading {
        ;
}


.product .features .feature_group .feature {
        ;
}


.product .features .feature_group .feature_value {
        ;
}



.listingcontrols {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
}

.listingcontrols * {
}

.productlistingprice {
       padding-right:50px;
       font-size:15px;
}

.pagingcontrols {
       
}

.previouspage , .nextpage {
        font-weight:bold;
        font-size:14px;
        color:#000000; 
}

.previouspage {
        float:left;
}

.nextpage {
        float:right;
}

.listingcontrols .priceIncVAT {
        font-weight:bold;
        font-size:14px;
        margin-right:24px;
}

#subproducts {
	width: 400px;
	padding: 0px;
	margin: auto;
}

#subproductstr {
	background: #ffffff;
	color: #000000;
}

#subproductstr:hover, #subproductstralt:hover {
	background: #e8e8e8;
	color: #000000;
}

#subproductstralt {
	background: #d9ecfe;
	color: #000000;
}

#subproducts td {
	width: 100px;
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
	vertical-align: middle;
}

#footerimg {
    background-color: #0677b3;
    background-image: url('http://www.ashleysjewellery.co.uk/images/layout/mainbar_bottom.gif');
    background-repeat: no-repeat;
    height: 27px;
    width: 763px;
    margin-bottom: 1px;
}

#footerimg table {
    margin: auto;
}