body {
font-size: 70%;
font-family: arial, verdana, times, courier;
color: #070707;
}

img {
border: none;
}

p {
margin-top: 5px;
margin-bottom: 10px;
}

p.Home_ShowAll
{
float:right;
border: 0px solid #ff0000;
display:block;
padding-right:25px;
}



h1 {
font-size: 180%;
font-family: arial, verdana, times, courier;
color: #065796;
font-weight: normal;
margin: 0px;
margin-bottom: 20px;

}

h2 {
font-size: 140%;
font-family: arial, verdana, times, courier;
color: #065796;
margin: 0px;
margin-top: 15px;
margin-bottom: 6px;
}

h3 {
font-size: 105%;
font-family: arial, verdana, times, courier;
color: #000000;
font-weight: bold;
margin: 0px;
margin-top: 6px;
margin-bottom: 2px;
}

h4 {
font-size: 100%;
font-family: arial, verdana, times, courier;
color: #000000;
font-weight: bold;
margin: 0px;
margin-top: 6px;
margin-bottom: 2px;
}

#content_area a {
color: #7374A5;
}

  

#content_area  a:hover {
text-decoration: none;
color: #84CDC0;
}



div.spacer {
clear: both;
}


/* generic form styles begin now */

form.generic {
margin-bottom: 0px;

background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}

form.generic fieldset {
padding: 0px;
width: 100%; 
border:  none;
border: 0px solid #ff0000;
}

form.generic label.standard {
width: 135px;
margin-top: 5px;
display: block;
float: left;
/*border: 1px solid #000;*/
}

form.generic select {
display: block;
float: left;
width: 210px;
margin-top: 5px;
border: 1px solid #CCCAD5;
font-family: verdana, arial, courier, times, sans-serif;
font-size: 100%;
}

form.generic select.selShort {
display: block;
float: left;
width: 60px;
margin-top: 5px;
border: 1px solid #CCCAD5;
font-family: verdana, arial, courier, times, sans-serif;
font-size: 100%;
/*border: 1px solid #000;*/
}

form.generic input.standard {
/*display: block;*/
width: 210px;
margin-top: 5px;
border: 1px solid #CCCAD5;
font-family: verdana, arial, courier, times, sans-serif;
font-size: 100%;
}

form.generic input.attn {
background-color:#BFE0DA;
}

form.generic textarea.standard {
/*display: block;*/
width: 300px;
height: 100px;
margin-top: 5px;
border: 1px solid #CCCAD5;
font-family: verdana, arial, courier, times, sans-serif;
font-size: 100%;
}


form.generic .p_label {
padding-top: 10px;
width: 370px;
clear: both;
margin-bottom: 0px;
padding-bottom: 5px;
/*border: 1px solid #000;*/
}

form.generic div.check_column {
width: 175px;
float: left;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
padding-top: 0px;
/*border: 1px solid #000;*/
}

form  label.check 
{
    /*
    border: 1px solid #000;
    padding-bottom:4px;
    margin-top:0px;
*/
}

form.jbox_form input.check {
margin-right: 0px;
margin-left: 0px;
margin-bottom: -2px;
/*margin-top: 5px;
border: 1px solid #000;*/
}

form.generic input.check {
margin-right: 0px;
margin-left: 0px;
margin-top: 5px;
}


form.generic fieldset.buttons {
margin-top: 0px;
margin-bottom: 0px;
clear: both;
width: 100%; 
}

form.generic fieldset.buttons input 
{
    float: right;
}
form.generic fieldset.buttons a
{
}


form.generic input.button {
background-color: #ffffff;
border: 1px solid #D9D9D9;
color:  #aaaaaa;
font-weight: bold;
font-size: 100%;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 0px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
height: 25px;
}
html>body form.generic input.button {
min-height: 25px;
}

form.generic input.button_workflow {
background-color: #ffffff;
border: 1px solid #026a77;
color: #026a77;
font-weight: bold;
font-size: 100%;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 0px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
height: 25px;
}
html>body form.generic input.button_workflow {
min-height: 25px;
}

input.button {
background-color: #ffffff;
/*border: 1px solid #D9D9D9;*/
border: 1px solid #ff0000;
color:  #aaaaaa;
font-weight: bold;
font-size: 100%;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
height: 25px;

}

input.button_workflow {
background-color: #ffffff;
border: 1px solid #026a77;
color:  #026a77;
font-weight: bold;
font-size: 100%;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
height: 25px;
}


p.button
{  
display: block;
float: left;
background-color: #ffffff;
border: 1px solid #D9D9D9;
font-weight: bold;
font-size: 100%;
padding: 0px;
padding-left: 9px;
padding-right: 9px;
height: 25px; 

/*
padding-top: 1px;
padding-bottom: 2px;
*/
}

p.button_workflow
{  
display: block;
float: right;
background-color: #ffffff;
border: 1px solid #026a77;
font-weight: bold;
font-size: 100%;
padding: 0px;
padding-left: 9px;
padding-right: 9px;
height: 25px; 
margin-bottom:2px;
margin-top: 4px;

/*
padding-top: 1px;
padding-bottom: 2px;
*/
}


p.button a span.button {
display: block;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;

border: 0px solid #ff0000;
text-align: center;
background-color: #ffffff;
text-decoration: none;  
color:  #aaaaaa;
}

p.button_workflow a span.button_workflow {
display: block;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;

border: 0px solid #ff0000;
text-align: center;
background-color: #ffffff;
text-decoration: none;  
color: #026a77;
}

p.button a:hover span.button, p.button_workflow a:hover span.button_workflow
{
/*text-decoration: underline;*/
color: #84CDC0;
}


.help
{
margin-top: 7px;
padding-left: 0px;  
margin-left: 5px;
padding-bottom: 0px; 
}

h3 .help a img
{
    border:0px solid green;
    margin-top: 7px;
    margin-bottom: -5px;    
}

span.help a
{
border:0px solid green;
}

span.help img
{
    margin-bottom: 0px;
    border: 0px solid #000;
}




/* label styling is used for homepage RHS - gemvalue label  */
label.help_left {
width: 55px;
margin-bottom: 2px;
margin-top: 5px;
margin-left: 0px;
padding-left: 0px;
float: left;
border: 0px solid #ff0000;
}
/* label styling is used for browse--search filter - gemvalue label  */
#product_filter span.help_left
{
width: 25px;
padding-left: 0px;  
margin-top: 0px;
margin-left: 0px;
padding-bottom: 0px; 
border:0px solid purple;
float: left;
}


.help_left
{
width: 25px;
padding-left: 0px;  
margin-top: 8px;
margin-left: 5px;
padding-bottom: 0px; 
border:0px solid #000;
display: block;
float: left;
}

span.help_left a
{
border:0px solid green;
float: left;
}

span.help_left a img
{
    margin: 0px;
    padding: 0px;
    border: 0px solid #ff0000;
}
span.help_left img
{
    margin-bottom: 0px;
    border: 0px solid #000;
}
/*
span.help_left
{
padding-left: 0px;  
margin-top: 7px;
margin-left: 5px;
padding-bottom: 0px; 
border:0px solid pink;
float: left;
}
*/



.help_right
{
padding-left: 0px;  
margin-top: 8px;
margin-left: 5px;
padding-bottom: 0px; 
border:0px solid #000;
display: block;
float: right;
}

span.help_right a 
{
border:0px solid green;
}
span.help_right img
{
    margin-bottom: 0px;
    border: 0px solid #000;
}



.error {
color: #ff0000;
font-weight: bold;
font-size: 100%;
padding-bottom: 0px;
background-image: url(/images/blocks/BB_JewelleryBox_icon_warn_g.jpg);
background-position: left top;
background-repeat: no-repeat;
padding-top: 20px; 
/*padding-left: 25px;    */
margin-top: 5px; 
display: block;
}


.red_text {
color: #ff0000;
font-size: 100%;
}
.red_text a, table tr td .red_text a
{
    color: #ff0000;  
}
.red_text a:hover, table tr td .red_text a:hover {
    text-decoration: none;
    color: #ff0000; 
}


span.form_highlight {
color: #026a77;
font-weight: bold;
font-size: 100%;
padding-top:15px;
}

span.form_highlight_float {
color: #026a77;
font-weight: bold;
font-size: 100%;
padding-top:8px;
float: left;
/*border:1px solid #000;*/
display: block;
clear:right;
}

div.clear {
	width:100%;
	float:left;
	clear:both;
	height: 15px;
}

.info
{
background-image: url(/images/blocks/BB_JewelleryBox_icon_info.jpg);
background-position: left top;
background-repeat: no-repeat;
/*padding-left: 25px;    
padding-top: 2px; 
padding-bottom: 2px; */
padding-left: 25px;    
margin-bottom: 0px; 
padding-top: 0px; 
padding-bottom: 5px;
}