﻿ 
   
  
  
 .footer
{
   width:100%;
    background-color: #173660;
    box-shadow: inset 0 3px 7px rgba(0,0,0,0.2);
    color: #FFFFFF;
    text-align:center;
    
    bottom:0px;
}
.newsMarquee_blue
{
    font-weight: bold;
    height: 30px;
    width:95%;
    text-align:center;
}
.content
{
    -moz-box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 4px solid #34495E;
    background-color: #DDF1FF;
    overflow: hidden;
    font-size: 20px;
    color: Black;
    padding-left: 10%;
    padding-right: 10%;
    margin-left: 5%;
    margin-right: 5%;
    
}
.btnfloat_left
{
    right:0;
    top:50%;
    position:fixed;
    font-weight:bold;
    padding: 2px 20px 2px 2px;
    border-width: 0px;
    font-weight: bold;
 
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: #E9EDEF url("../images/bg.jpg") ;
    color: #FFF;
    cursor: pointer;
}
	
.btnfloat_left2
{
    right:0;
    top:53%;
    position:fixed;
    font-weight:bold;
    padding: 2px 20px 2px 2px;
    border-width: 0px;
    font-weight: bold;
 
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    background-color: #F29200;
    border-color: #D58000;
    color: #FFF;
    cursor: pointer;
    
}
.contactusButton

{
 right:0; bottom:0; position:fixed; color:White; font-weight:bold;
    
    background-color: rgba(219,87,5,1);
   
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
   
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;   
}
/* tables*/
.table a,
.table a:link,
.table a:visited {
	border:none;
	
	}							
	
.table img {
	border:0;
	margin-top:.5em;
	}	
.table {
	
	width:90%;
	
	margin:1em auto;
		border-collapse:collapse;
		 direction:rtl;
		 font-weight:bold;
		 font-size:16px;
		 
	}
.table caption
{
    padding: 0;
    caption-side: top;
    text-align: center;
    background-color: #0066CC;
    color: #FFFFFF;
    padding: 4px 50px 4px 4px;
    text-align: center;
    border-width: 0px;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 15px;
    height: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-decoration: underline;
}	
.table tr.odd td	{
	background:#f7fbff;
	 text-align:right;
	  padding:1px;
	 font-weight:bold;
		 font-size:16px;
	
	}
.table tr.odd .column1	{
	background:#f4f9fe;
	 text-align:right;
	  padding-left:2px;
	 
	}	
.table .column1	{
	background:#f9fcfe;
	 text-align:right;
	  padding:1px;
	
	}
.table td
{
    color: #1B1B1B;
  
     font-weight:bold;
		 font-size:16px;
    text-align: right;
    padding:1px;
}				
.table th {
	font-weight:normal;

	 text-align:right;
	 padding:1px;
	}							
.table thead th {
	background:#f4f9fe;
	 text-align:right;
	  padding-left:2px;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	
	}	
.table tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
.table tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;

		}		
.table tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

/**/


/**/
.gridViewHeader
{
  
    color:White;
    font-weight:bold;
    padding: 4px 50px 4px 4px;
    text-align:center;
    border-width: 0px;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 20px;
    height:20px;
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: #E9EDEF url("../images/bg.jpg") repeat-x;color: White;font: 12px/25px Arial, Helvetica, sans-serif;
}


/* gried view*/

.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding:0;
    color: #717171;
    background-color: #E8E8E8;
    font-weight: bold;
}
.mGrid th
{
   background: #333; 
		color: white; 
		font-weight: bold; 
padding:8px 5px 8px 5px;
}
.mGrid .alt
{
    background: #fcfcfc url(grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
    background: #4467B0 url(grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 3px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 5px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}
/**/

/* Buttons */

.btn,
.btn-icon,
.btn-mini
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	*padding: 0 7px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
}

	/* Active/Click state */
	.btn:active, .btn-icon:active, .btn-mini:active { top: 1px; }


/* Sizes */
.btn, .btn-icon { background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px; }
.btn.btn-small, .btn-icon.btn-small { background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px; }
.btn.btn-large, .btn-icon.btn-large { background-position: 0 -160px; font-size: 15px; height: 42px; line-height: 40px; }

	/* Sizes - Line height for A buttons need to be different */
	a.btn, a.btn-icon { height: 32px; line-height: 32px; padding-bottom: 0; }
	a.btn.btn-small, a.btn-icon.btn-small { line-height: 26px; padding-bottom: 0; }
	a.btn.btn-large, a.btn-icon.btn-large { line-height: 42px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }



/* Set default button colors */
.btn, .btn-icon, .btn-mini,
.btn:visited, .btn-icon:visited, .btn-mini:visited {  background-image: url(../img/bg-lite.png); background-color: #F90; border-color: #D58000; color: #FFF; }

.btn:hover, .btn-icon:hover, .btn-mini:hover { background-color: #D58000; color: #FFF; }


/* Colors */	
.btn-pink,
.btn-pink:visited { background-color: #FF0066; border-color: #DA0C59; }
.btn-pink:hover { background-color: #DA0C59; }

.btn-blue,
.btn-blue:visited { background-color: #066ECD; border-color: #0561B4; }
.btn-blue:hover { background-color: #0561B4; }

.btn-red,
.btn-red:visited { background-color: #E40001; border-color: #CC0000; }
.btn-red:hover { background-color: #CC0000; }

.btn-green,
.btn-green:visited { background-color: #77B32F; border-color: #689C29; }
.btn-green:hover { background-color: #689C29; }

.btn-black,
.btn-black:visited { background-color: #111; border-color: #000; }
.btn-black:hover { background-color: #000; }

.btn-purple,
.btn-purple:visited { background-color: #7B0F75; border-color: #6A0D66; }
.btn-purple:hover { background-color: #6A0D66; }

.btn-navy,
.btn-navy:visited { background-color: #002142; border-color: #00172F; }
.btn-navy:hover { background-color: #00172F; }

.btn-maroon,
.btn-maroon:visited { background-color: #750000; border-color: #530000; }
.btn-maroon:hover { background-color: #530000; }

.btn-yellow,
.btn-yellow:visited { background-color: #FFCC00; border-color: #D9AD01; }
.btn-yellow:hover { background-color: #D9AD01; }

.btn-teal,
.btn-teal:visited { background-color: #39A7B6; border-color: #2E8794; }
.btn-teal:hover { background-color: #2E8794; }

.btn-orange, .btn-orange
{
    background-color: #F29200;
    border-color: #D58000;
    color: #FFF;
    cursor: pointer;
    font-weight:bold;
}

.btn-orange:visited { background-color: #F90; border-color: #D58000; color: #FFF; }
.btn-orange:hover{ background-color: #D58000; color: #FFF; }

.btn-grey,
.btn-grey:visited  { background-color: #999; border-color: #888; color: #FFF; }
.btn-grey:hover{ background-color: #888; color: #FFF; }


/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-blue,
.btn-black,
.btn-purple,
.btn-navy,
.btn-maroon,
.btn-teal,
.btn-grey { background-image: url(../img/bg-dark.png) !important; }


/* 65% opacity for lighter colors */
.btn-red,
.btn-orange,
.btn-green,
.btn-yellow,
.btn-pink { background-image: url(../img/bg-lite.png) !important; }



/* Icon Button Styles */
.btn-icon { padding-left: 32px !important; }
*+html .btn-icon { padding-left: 20px !important; padding-right: 5px !important; }

.btn-icon span
{
	background-image: url(../img/btn-icons.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 16px; 
	height: 16px; 
	position: absolute; 
	left: 6px; 
	top: 6px;
}

	.btn-icon.btn-small span { top: 4px; }
	.btn-icon.btn-large span { top: 12px; }
	@-moz-document url-prefix() { .btn-icon span { left: -24px; top: 0px; } .btn-icon.btn-small span { top: -1px; } .btn-icon.btn-large span { top: 4px; } } 


/* Mini Buttons */
.btn-mini 
{ 
	background-position: 0 0; 
	width: 32px; 
	height: 26px !important; 
	line-height: 500px !important; 
	overflow: hidden;
	padding: 0; 
}

	.btn-mini span 
	{ 
		background-image: url(../img/btn-icons.png); 
		background-repeat: no-repeat; 
		display: block;
		width: 16px; 
		height: 16px;
		line-height: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -8px;
		margin-top: -8px;
	}
	
	
/* Icon Classes */
.btn-arrow-down span { background-position: -48px 0; }
.btn-arrow-up span { background-position: -32px 0; }
.btn-arrow-right span { background-position: -16px 0; }
.btn-arrow-left span { background-position: 0 0; }
.btn-comment span { background-position: -112px 0; }
.btn-heart span { background-position: -96px 0; }
.btn-star span { background-position: -80px 0; }
.btn-cart span { background-position: -64px 0; }
.btn-print span { background-position: -128px 0; }
.btn-rss span { background-position: -144px 0; }
.btn-person span { background-position: 0 -16px; }
.btn-check span { background-position: -16px -16px; }
.btn-dollar span { background-position: -32px -16px; }
.btn-refresh span { background-position: -48px -16px; }
.btn-home span { background-position: -64px -16px; }
.btn-plus span { background-position: -80px -16px; }
.btn-minus span { background-position: -96px -16px; }
.btn-cross span { background-position: -112px -16px; }
	
	
/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover { background-image: url(../img/bg-lite.png); background-color: transparent; filter: none; border-color: transparent\0/; border-color: rgba(0,0,0,.4) !important; margin: 0 1em 0 0; }
*+html .btn-transparent { border: none; }

 /*end pop up*/
	        
.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        width: 500px;
        border: 3px solid #0DA9D0;
        border-radius: 12px;
        padding:0
      
    }
    .modalPopup .header
    {
        background: #E9EDEF url("../images/bg.jpg") repeat-x;color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;
        height: 40px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
         font-size:15px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .footer
    {
        padding: 6px;
    }
    .modalPopup .yes, .modalPopup .no
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }
    .modalPopup .yes
{
    background-color: #C9C9C9;
    border: 1px solid #0DA9D0;
}
    .modalPopup .no
    {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }
    
    
/* ----- PROFILES ----- */
#profile-navigation a {padding: 2px; color: #3584ae; font-size: 17px; line-height: 1.5em; margin: 1.3px; text-decoration: none;}
#profile-navigation a:hover {background-color: #3584ae; color: #FFF;}
#profile-navigation span.current {background-color: #3584ae; padding: 2px; color: #FFF; font-size: 17px; line-height: 1.5em; margin-left: 1.3px;}
.profile {background-color: #f4f4f4; border: 1px solid #e1e1e1; -moz-box-shadow: 0 0 0 1px white inset; -webkit-box-shadow: 0 0 0 1px white inset; box-shadow: 0 0 0 3px white inset; width: 562px; height: 155px; margin-bottom: 10px; padding: 3px;}
.profile-pic {background-color: #ebebeb; padding: 17px; border-right: 1px solid #FFF; width: 96px; height: 121px; float: left;}
.profile-info {width: 396px; height: 123px; float: left; padding: 7px 17px;}
.profile-info span.meta-left {float: left; width: 122px; line-height: 1.7em}
.profile-info span.meta-right {float: left; width: 267px; line-height: 1.7em}
/* ----- PROFILES ----- */

/*boxes of products*/

.boxAbove
{
    border-style: double none none none;
    border-width: 1px;
    border-color: #F5FCFE;
    background-color: #F2F2F2;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    -moz-border-radius: 8px;
    border-radius: 8px;
}



.boxFloat
{
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    background-color: #F29200;
    border-color: #D58000;
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height:10%;
}


/**/
/* text box clear*/
.textbox
{border: 2px solid #999999;padding: 8px 10px;width:250px; text-align:right;}
.checkboxOne {
	width: 40px;
	height: 10px;
	background: #555;
	margin: 20px 80px;
	position: relative;
	border-radius: 3px;
	vertical-align:middle;
}
  
input[type="text"]
{
    /*  padding: 0;
    position: relative;
    left: 0;
    height: 25px;
    outline: none;
    border: 2px solid #3366CC;
    background-color: #CC3300;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(42,42,42,.72);
    color: #FFFFFF;
    font-weight: bolder;*/
    background-color: #CCCCCC;
    border: 1px solid #CC3300;
    color: #333333;
    font-weight: bolder;
}   
 select
{
    padding: 0;
    position: relative;
    left: 0;
    outline: none;
    
    background-color: #FFFFFF;
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
}


   label
{
    color: #1B1B1B;
    font-weight: bolder;
    font-variant: normal;
    font-size: 16px;
    cursor: default;
}
/*input[readonly]
{
    padding: 0;
    position: relative;
    left: 0;
    outline: none;
    border: 2px solid #FF0000;
    background-color: #CC3300;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bolder;
} */
 
  .chkbox INPUT
{
 COLOR: black;
 border-style: none;
 font-family: Tahoma;
 font-size: 11px;
 margin-right: 5px
}

 /*table blue*/
  
.rwd-table {
  margin: 1em 0;
  min-width: 99%;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
   
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}
 


h1 {
     
    text-align: center;
    background-color: #34495E;
    color: #FFFFFF;
    padding: 4px 50px 4px 4px;
    text-align: center;
    border-width: 0px;
    font-weight: bold;
    font-size: 15px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
     width: 90%;
}

.rwd-table {
  background: #34495E;
  color: #fff;
  border-radius: .4em;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #46627f;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
}
.rwd-table th, .rwd-table td:before {
  color: #dd5;
}

 /*table blue*/
 
.error_msg
{
    padding: 0;
    
    position: relative;
     
    border: 2px solid #FF0000;
    background-color: #CC3300;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bolder;
     
}