/****
	
	Author: Sami Chamoun
	Date: 16/11/2016

	This CSS file should not be branched. Previously styles.css was shared across some portals, however with the number of new skins and branched CSS files, this has been created in an attempt to create a common
	base of styles.

	If a class should be overridden, include a separate CSS file in the template after referencing this file, with overriding styles.
	
****/

.product-bootstrap{

}

.product-bootstrap hr{
	border-color: #bbb;
}

.product-bootstrap .product-images{

}

.product-bootstrap .brochure-button{
	background: #2c2e2e;
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:20px 0;
}

.product-bootstrap .binary-button{
	background: #2c2e2e;
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:20px 0;
}

.product-bootstrap .product-code{
	font-size:16px;
}

.product-bootstrap .product-price{
	font-size:24px;
	font-weight:bold;
}

.product-bootstrap .product-rrp{
	/*text-decoration:line-through;*/
	font-size:12px;
	color:#808080;

}

.product-bootstrap .product-pricebreaks{
	font-size:18px;
}
.product-bootstrap .product-pricebreaks span{
	font-size:22px;
	font-weight:bold;
}

.product-bootstrap .product-stock{
	font-size:18px;

}

.product-bootstrap .product-stock span{
	font-size:22px;
	font-weight:bold;
}

.product-bootstrap .product-overview{

}

.product-bootstrap .product-overview span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-details{

}

.product-bootstrap .product-details span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-bundle{
	font-size:13px;
}

.product-bootstrap .product-bundle span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-bundle .product-bundle-heading{
	font-size:18px;
	font-weight:bold;
	padding-top:20px;
}

.product-bootstrap .product-bundle .image{
	vertical-align:top;
}

.product-bootstrap .product-bundle .detail{
	vertical-align:top;
}

.product-bootstrap .product-bundle .detail .price {
	vertical-align: top;
	font-weight:bold;
	font-size:13px;
}

.product-bootstrap .product-bundle .qty{
	vertical-align:top;
}

.product-bootstrap .product-buttons{
	width:100%;
	height:50px;
	margin-bottom:3px;
	white-space:normal;
}

.product-bootstrap .product-buttons:hover{
	background-color:grey!important;
	color:white!important;
}

.product-bootstrap .number{
	font-size:22px;
	width:100%;
	height:50px;
	margin-bottom:3px;
}

.product-bootstrap .product-extended > span{
	font-size:30px;
	font-weight:bold;
}





table.TableCRM_Sub {
    width:100%;
	border: 1px solid #aaa;
}
table.TableCRM_Sub th {
    background-color:#ddd;
    padding:0px;
    border-bottom:1px solid #aaa;
    text-align:left;
    padding-left:6px;
	font-weight:bold;
	color:#414141;
	height:16px;
}
table.TableCRM_Sub td.row0 {
    background-color:#fff;
}
table.TableCRM_Sub td.row1 {
    background:#f6f6f6;
    border-style:solid;
    border-width:1px 0px 1px 0px;
    border-color:#ddd;
}
table.TableCRM_Sub td a:hover {
	color:#c00;	
	text-decoration:underline;
}
table.TableCRM_Sub td {
    padding:2px 2px 2px 6px;
}

table.TableCRM_Sub td.Money {
   text-align:right;
   width:13%;
}

table.TableCRM {
    width:100%;
}
table.TableCRM th a:link,
table.TableCRM th a:active,
table.TableCRM th a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
table.TableCRM th a:hover {
	color:#eee;
	font-weight:bold;
	text-decoration:none;
}
table.TableCRM th {
	font-weight:bold;
	color: #fff;
	text-align:left;
    padding:2px 8px 2px 8px;
    background-image: url('../images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#4e515d;
    height:20px;
}
table.TableCRM td {
    padding:2px 8px 2px 8px;
}
table.TableCRM td.row0 {
	background-color:#f7f7f7;
}
table.TableCRM td.row1 {
	background-color:#fff;
}
table.TableCRM td.SidePanel {
	font-weight:bold;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	background-color:#eee;
	text-align:right;
	width:130px;
}
table.TableCRM .status {
    color:#c00;
    font-weight:bold;
    font-size:10pt;
    padding:0px 0px 0px 5px;
}
table.TableCRM .date {
    width:90px;
    text-align:right;
    padding:0px 5px 0px 0px;
}
table.TableCRM td.header_sub {
	padding-left:10px;
	color:#c00;
    font-weight:bold;
    background:#eee;
    border-bottom:solid 1px #aaa;
}
table.TableCRM td.header_top {
	text-align:center;
	color:black;
    font-weight:bold;
}
table.TableCRM_Inline {
	width:100%;
	border-collapse:collapse;
}
table.TableCRM_Inline th.Header {
	background-image: url('../Images/file_header.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#555;
	font-weight:bold;
	color: #fff;
	text-align:center;
    padding:0px 5px 0px 5px;
    height:18px;
	border:1px solid #666;
}
table.TableCRM_Inline td {
	padding: 2px 5px 2px 5px;
	border:1px solid #666;
}


table.TableNormal td.CRMTableRow0 {
	background-color:#fff;
	border: 1px solid #666;
}
table.TableNormal td.CRMTableRow1 {
	background-color:#f3f3f3;
	border: 1px solid #666;
}
table.TableNormal td.row0 {
	background-color:#f1f1f1;
}
table.TableNormal td.row1 {
	background-color:white;
}


table.TableNormal {
	width:100%;
	border: 1px solid #666;
	border-collapse:separate;
	color:black;
}
table.TableNormal th  {
	font-weight:bold;
	border-bottom: 1px solid #666;
	background-image: url('../Images/titleheader.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f0f0f0;
	text-align:left;
	padding:2px 8px;
}
table.TableNormal td {
	border-top: 1px solid #ddd;
	vertical-align:middle;
	padding:2px 8px;
}
table.TableNormal img {

}

table.TableNormal td.Available {
	color:#0c0;
	font-weight:bold;
	text-align:center;
}
table.TableNormal td.NotAvailable {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .checked {
	color:#c00;
	font-weight:bold;
	text-align:center;
}

table.TableNormal .status {
	font-weight:bold;
	color:#c00;
	text-align:center;
}

table.TableNormal .date {
	text-align:center;
}

table.TableNormal .name {
	text-align:center;
}

table.TableNormal .highlight td {
	background-position:center center;
	background-repeat:repeat-x;
	background-image:url("../Images/hightlight.gif");
	height:21px;
}

div.OrderItems {
	padding:5px 12px 10px 12px;
	display:none;
}


table.InputForm {
	background-color:#fff;
	width:100%;
	border-collapse:collapse;
	border-bottom: 2px solid #666;
	margin:0 auto;
}
table.InputForm th {
	font-weight:bold;
	color:#000;
	padding: 2px 8px 2px 8px;
	border-bottom: 2px solid #666;
}
table.InputForm td {
	padding: 7px 8px 2px 8px;
    background:#fafafa;
}
table.InputForm td.Headers {
    padding: 6px 8px 2px 8px;
	font-weight:bold;
	color:#111;
	border-left:1px solid #666;
	vertical-align:top;
	text-align:right;
}
table.InputForm td.Details {
    padding: 2px 8px 2px 8px;
	border-right:1px solid #666;
}
table.InputForm td.Required {
	font-weight:bold;
	color:#a00;
}
table.InputForm td.Div {
    padding:0px;
    width:5px;
}

td.Label {
	font-weight:bold;
	text-align:right;
	padding-right:4px;
}
td.LabelRequired {
	text-align:right;
	font-weight:bold;
	color:#a00;
	padding-right:4px;
}


.loginSignUpSeparator {
	border-top: 1px solid #cbd2d6;
	position: relative;
	margin-top: 4.72%;
	height: 15px;
	text-align: center;
	font-size: 83.34%;
}

	.loginSignUpSeparator .textInSeparator {
		background-color: #fff;
		padding: 0 0.5em;
		position: relative;
		color: #6c7378;
		top: -0.7em;
	}