﻿/*Cart*/

.documentTypeColumn
{
    text-align: left;
    border-style:none
    
}

.itemDetailHeader 
{
    font-size: 16px;
    text-align: left;
    border-style: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-left: 10px;
}

.itemDetailValue
{
    font-size: 16px;
    text-align: left;
    border-style: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.infoStyle
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.dataFormHeader
{
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2.0em;
    color: #000000; 
    padding: 0em 10px 0em 10px;
    display: block;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 25px;
    min-height: unset !important;
}

.emptyData {
    font-size: 1.2em !important;
    font-weight: bold !important;
    font-family:Roboto, Arial, Helvetica, sans-serif !important;
}

.cartGrid tr
{
    
    
}
    
.cartGrid th /*Document Type, Price Per Copy, No. of Copies & Document Cost*/
{
    border-style: none;
    font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
    padding-right: 5px;
	color: #000000;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

.cartGrid td
{
    text-align: center;   
    font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 45px;
	text-align: left;
	border-bottom: 1px dotted;
	border-style: none;
	padding: 10px 15px;
	color: #000000;
	border-top: 1px solid #e8edff;
	
}

.cartInfo {
    width: 45%; 
    font-size: 14px;
}

.TableFormat1
{
    width:35%;
    display:inline-block;
    font-size: 16px;
    padding-right: 10px;
}

.TableFormat2
{
    width:60%;
    display:inline-block;
    font-size: 16px;
}

.Checkbox
{
    display:inline-flex !important;
}

.ddlFormat
{
    margin-bottom: 0px !important;
}

td.docType
{
    text-align: left;
    border-bottom:1px dotted;
    border-bottom-color:red;
    width:35%; 
    
}

td.links
{
    text-align: left;
    border-bottom:1px dotted;
    border-bottom-color:red;
    width:5%; 
    
}

.cartText
{   
    color:#000000;
    font-family:Roboto, Arial, Helvetica, sans-serif;
}
    
.cartHeader
{
   background: #fff;
   border-bottom:1px dotted;
    
}
.cartFooter
{
    border-top: 2px solid;
    border-color: black;
    font-size: 1.2em;
    font-weight: bold;
 }

.checkoutBanner
{
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 1.3em;
    color: #000000; 
}

.checkoutBillingHeader
{
    font-weight: bold;
}

.response
{   color: #CC3300;
    font-size: 1.1em;
    }

/*Document Forms*/

#stylized, #stylized2{
    border:solid 0px #000000;
    background:#F5F0EA;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    width:90%
}

 #stylized input, #stylized2 input{
    float:left;
    font-size:16px;
    margin:0px !important;
}

.box {
    background:#fff;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-size:16px;
    padding:5px !important;
    margin:0px 0px 0px 3px;
    border-radius: 8px; /*IE*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fef1e; background: #F5F0EA url(../images/images/ui-bg_glass_95_fef1ec_1x400.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #fef1ec; background: #F5F0EA url(../images/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }

.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_469bdd_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_469bdd_256x240.png); }

.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }


/* Checkout Complete Styles
----------------------------------*/

#tblShipping {
  float:left;
  height:175px;
  width:49%;
  
}

#tblBilling {
  height:175px;
  float:left;
  width:50%;
  
  
}

td.formlabels{
     vertical-align:top;
}