p {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066}
body {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; background-image: url(../gifs/grid.gif); background-repeat: repeat}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000066;

}
pre {  background-image: url(../jpegs/subhead.jpeg)}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #000066; line-height: 10pt}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; font-weight: 300; clip:  rect(   )}
tr {  }
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: 700; color: #000066; font-variant: normal}
h2 {  font-family: "Courier New", Courier, mono; font-size: 24pt; font-weight: 900; color: #000066}
h5 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 600; color: #660066; line-height: normal; clip:  rect(   )}
.results {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #FFFFFF}
.tablelabels {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000066; top: 10px; clip:  rect(   )}
a:link {  font-weight: bold; color: #660066; text-decoration: none}
a:visited {  font-weight: bold; color: #000066; text-decoration: none}

a:active {  font-weight: bold; color: #CCCC33}
a:hover {  font-weight: bold; color: #FFCC00; text-decoration: none}
.celllabel { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000066}
.hlink {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 600; color: #000066; text-decoration: none}
.logo {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; line-height: normal; font-weight: bold; text-decoration: none; color: #003366}
h6 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000066}
.accessories {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(../gifs/gridsm.gif)}

#contentwrapper
{
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}
#columnwrapper th {
    text-align: left;
}

#columnwrapper

{
    height: 700px;
    width: 760px;
    border: 1pt solid #C0C0C0;
    background-color: #FFFFFF;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
}
#c1, #c2 {
	float: left;
}
#c1 {
	width: 380px;
}
#c2 {
	width: 380px;
	
}
#cartDetail
{
    width: 680px;
    margin-right: auto;
    margin-left: auto;
}
#cartDetail table
{
    width: 100%;
    background-color: #003366;
}
#cartDetail table th
{
    background-color: #fef1c7;font-size:16px;
}
#cartDetail table th,#cartDetail table td
{
    padding:8px;
}
#cartDetail table td
{
    background-color: #FFFFFF;
}
#cartDetail table th:nth-child(3)
{
    width: 100px;
}


/* Loading Overlay */
#overlay {
    background: #EAF3C6 url(/content/images/ajax-loader.gif) no-repeat 50% 50%; 
    display: none; 
    position:absolute;
    text-align: center;         
    z-index:1;     
    border:1px dashed #CBE488;
    width:250px;
    height:100px;
    width:600px;
}
   
#overlayBS {
    background: #EAF3C6 url(/content/images/sm-ajax-loader.gif) no-repeat 50% 50%; 
    display: none; 
    position: absolute; 
    text-align: center;         
    z-index:1;     
    border:1px dashed #CBE488;
}

/*--------------------------------------------Message box start-----------------------------*/
.info, .success, .warning, .errorMsg, .validation {
 border: 1px solid;
 margin: 10px 0px;
 padding: 15px 10px 15px 50px;
 background-repeat: no-repeat;
 background-position: 10px center;
 font-size:12px;
}

.info {
 color: #00529B;
 background-color: #BDE5F8;
 background-image: url('/content/images/info.png');
}

.success {
 color: #4F8A10;
 background-color: #DFF2BF;
 background-image: url('/content/images/success.png');
}

.warning {
 color: #9F6000;
 background-color: #FEEFB3;
 background-image: url('/content/images/warning.png');
}

.errorMsg {
 color: #D8000C;
 background-color: #FFBABA;
 background-image: url('/content/images/error.png');
}

.active_True
{
    background:url(/content/images/true.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;display:block;
    cursor:pointer;
}

.active_Flase
{
    background:url(/content/images/flase.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;display:block;
    cursor:pointer;
}

/*--------------------------------------------Message box end-----------------------------*/

/* SPB image boxes*/

.rightbox
{
    float: right;
    width: 490px; /* includes padding and border  */
    padding: 0px 0px 15px 0px;
    }
.leftbox
{
    /* */
    border: medium #FF0000;
    margin: 0 500px 10px 0;
    padding: 0px;
    background-color: #FFFFFF;
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


table.addressPayment td
{
    border: 1px none #FFFFFF;
    padding:2px;
}
table.addressPayment td input[type=text]
{
    border: 1px solid #CCCCCC;width:200px;
}

.error
{
    color:Red;
}

.button
{
    font-size: 1.2em;
    text-align: right;
    margin-right: 45px;
}

  #orderDetailsDisplay, h2, h1 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        width: 100%;
        border-collapse: collapse;
    }

        #orderDetailsDisplay td, #customers th {
            font-size: 1.2em;
            border: 1px solid #CCCCCC;
            padding: 5px;
        }

        #orderDetailsDisplay th {
            font-size: 1.4em;
            text-align: left;
            padding-top: 5px;
            padding-bottom: 4px;
            background-color: #CCCCCC;
            color: #000;
        }

        #orderDetailsDisplay tr.alt td {
            color: #000;
            background-color: #EAF2D3;
        }