﻿body
{

min-width:1003px;
}


.background
{
    
    background-repeat: repeat-x;
    margin:0px;
}

h1.title {

    background-color: Green;
    padding: 7px 5px;
    color: white;
    margin: 0px;
    text-align: center;
    font-family: sans-serif;
    font-size:30px;
}

#top-header h3
{

margin-top:0px;
color:white;
text-shadow:none;
font-size:30px;
}

#top-header p
{
color:rgb(217, 191, 191);
font-size:19px;
font-family:sans-serif;
}

#top-header h3 em
{

margin-top:0px;
color:#DED86A;
text-shadow:none;
}

#top-header p
{

margin-bottom:0px;
}

#top-header
{

padding:20px 100px;
background-color:rgb(157, 0, 83)
}








.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1
}

.noimage-background
{
    
    
    margin:0px;
}


#nav-menu
{
    border-color: #000000;
    width: 100%;
    
    background-image:url('images/mymovingimage.gif');
background-size:100%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    
}


#logo
{
    margin-top:25px;
    margin-bottom:25px;
    font-family: 'Segoe Print';
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: 8%;

    padding: 2px;
    width:300px;
    float:left;
    background-color: rgba(255, 255, 255, 0.63);
}

#menu-option
{
    float:right;
    width:initial;
    margin-top:25px;
    margin-right:5px;
    
    
}

ul.horizontal{
margin:5px;
padding:0;

}

ul.horizontal li
{
   display: block;
float: left;
padding: 0 10px;
background-color: rgba(147, 2, 137, 0.63);
border-right: silver;
border-right-width: 2px;
border-right-style: solid;
width: 90px;
text-align: center;
}

ul.horizontal li:hover
{
  background-color: rgb(238, 77, 105);  
  
}

.linkDecoration
{
    text-decoration: none;
font-family: Shruti;

color: #FFFFFF;
font-size: 25px;
}

ul.sub-menu
{
position:absolute;


}



ul.sub-menu li
{



}


/*setting styles for Slider*/

#sliderArea
{
    height:300px;

    padding-top:2px;
    background-color:Yellow;
background-image:url('images/header1.jpg');
background-size:100% auto;
    
}

/*setting styles for inner container*/
#inner-container
{
    
    margin-left:10%;
    margin-right:10%;
    margin-top:10px;
    
    
}
#item-container
{
    margin-left:3%;
    display:block;
}

.image-adjust
{
    margin-top:4px;
    margin-bottom:10px;
    max-height: 114px;
}

.items
{
   
margin-right: 10px;
margin-left: 10px;
height: 200px;

background-color: #B8DDFC;
margin-bottom: 30px;
border-width: 2px;
border-color: orange;
border-style: solid;
-webkit-border-radius: 10px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(187, 183, 183, 0.75);
    
}
.item-name
{
    
    font-size:large;
    color:Red;
    font-weight:bold;
    margin-top:5px;
    
}

h3
{
    font: normal 175% Arial, Helvetica, sans-serif;
color: #1162CB;
text-shadow: 0px 1px 0px #CCC;
letter-spacing: -1px;
margin: 0 0 10px 0;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
display:block;
}
h3 em {
color: #eb562d;
font: normal 100% Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 0px #CCC;
letter-spacing: -1px;
margin: 0 0 10px 0;
}

.link-products
{
     background: transparent url(images/menu-back.png);


}


.link-products:hover 
{
     background: transparent url(images/menu-back-onhover.png);

}

.link-to-product:hover
{
     
color:black;
}

.link-to-product
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 25px;
    font-family: Raavi;
}

.stuck
{

float: right;
width: 152px;
shape-outside: url('images/rita-hayworth-mask.png');
shape-margin: 2em;
margin-top:-10px;
}

#intro-text {
font-family: Calibri;
color: #FAF7F7;
font-size: larger;
padding: 5px;
padding-left: 10px;
margin-top:20px;
text-align: justify;
background-color: rgb(42, 156, 105);
position: relative;
-webkit-box-shadow: 10px 10px 5px 0px rgba(187, 183, 183, 0.75);
}

#footer
{
    margin-left: auto;
margin-right: auto;
margin-top: 100px;
height: 150px;
padding-top: 20px;
text-align: center;
background: transparent;
background-color: black;
color: #FFF;
text-shadow: 0px 1px 0px #000;
    
    
    
}

#footer a, #footer a:hover {
color: #FFF;
text-shadow: 0px 1px 0px #000;
text-decoration: none;
padding-bottom: 20px;
font: normal 85% Arial, Helvetica, sans-serif;
font-weight: bold;
}

#container
{
    
    background-color:white;
    
    
    
   
    
    
}




.imageplace
{
    margin-left: 7%;
margin-right: 10%;
width: 960px;
height: 70px;
z-index: initial;
position: absolute;
left: 100px;
top: 450px;
}

/*About us page design*/
#about-us-container
{
     border: 2px outset grey;

margin-left: 10%;
margin-right: 10%;
margin-top: 5%;
margin-bottom: 10%;
-webkit-border-radius: 10px;
padding:4%;
background-color:white;
 
 margin-bottom:5%;
    
    
    
}

#about-us-container h3
{
    
    font:normal bold normal 1.5em/1.4 tahoma,sans-serif;
  color:#369;
  margin-left:0px;
}

#about-us-container p
{
    font:normal  normal 1em/1.4 tahoma,sans-serif;
  color:rgb(38, 80, 64);
    
    
}
em
{
    color:#369;
    
    font-style:normal;
}

#intro-text em {
color: black;
/* text-shadow: 1px 1px rgb(213, 180, 180); */
/* font-weight: bold; */
font-style: normal;
font-size: 19px;
}

#header-container h3
{


font: normal 175% Arial, Helvetica, sans-serif;
color: #1162CB;
text-shadow: 0px 1px 0px #CCC;
letter-spacing: -1px;
margin: 0 0 10px 0;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
display:block;




}

.products
{
    height:350px;
    border-bottom:2px solid grey;
    padding:5%;
}




.product-image
{
    
    
    height:300px;
    width:40%;
    
    padding:2%;
    border-right:1px solid grey;
    float:left;
    
    
    
}

ul.list-dialog
{

list-style-image:url('images/tick.png');

}

ul.list-dialog li
{

margin-bottom:20px;

}

.image
{
    border:1px solid black;
    -webkit-border-radius: 10px;
}
    

.product-description
{
    width:50%;
   height:286px;
    background-color:rgb(207, 226, 247);
-webkit-border-radius:30px;
    padding:2%;
    padding-top:10px;
    float: right;
    
  
    
    
}



/*contact us page*/


.grey-background
{
    background-color:#f5f7f0;
    background-repeat: repeat-x;
    margin:0px;
    height:inherit;
}

#contact-container
{
    
   border-color: #eef0e9;
border-width: 2px;
border-style: solid;
margin-right: 20%;
margin-left: 17%;
margin-top: 5%;
margin-bottom: 15%;
background-color: #767676;
padding: 2%;
display: block;
    
    
}
h2 {
font: normal 116% Arial, Helvetica, sans-serif;
color: #E0C74A;

letter-spacing: -1px;
margin: 0 0 10px 0;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
display: block;
}

#contact-container h2
{
    font-size: 25px;
color: #7EB3D5;
margin-top: 0px;
    
    
}

#right-column
{
    width: 25%;
    background-image: url('images/background-coloumn.jpg');
    background-repeat: repeat-y;
    
    float:right;
    padding:2%;
}

#left-column
{
    float:left;
    width:70%;
}

#left-column p
{
   font: normal normal 1em tahoma,sans-serif;
color: white;
}



#name-box
{
    float:left;
    width:48%;
    margin-right:2%;
    
    margin-top:30px;
}
#mobile-box
{
    float:left;
    width:48%;
    margin-left:2%;
    margin-top:30px;
    
}
#message-box
{
    float:left;
    width:100%;
    margin-top:20px;
}

.labeltext
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.input-normal
{
     background-color:#dfe0da;
     width:100%;
     -webkit-border-radius:3px;
     border:none;
     height:30px;
}

#Message
{
    
    background-color:#dfe0da;
     width:100%;
     -webkit-border-radius:3px;
     border:none;
     height:150px;
     
}

#send
{
    float:right;
     
     width:20%;
     margin-right:3%;
     
     margin-top:20px;
     
}
#submit-button
{
    background-color:#e6564e;
     width:100%;
     
     -webkit-border-radius:2px;
     
     height:35px;
    font-size:large;
    color:White;
    font-family:Arial Sans-Serif;
    border:none;
}
#submit-button:hover
{
    border:2px outset #e6565f;
}

.labeltext em
{
    color:Red;
}

.details
{
    margin-top:20px;
    
}

.detail-name
{
    
    width:100%;
    color:#e86f68;
    font-weight:bold;
    font-size:15px;
    font-family:  Comic Sans MS;
    
}
.social
{
    float:left;
    
    width:45%;
}
.detail-value
{
   
    width:100%;
    color:#3d677d;
    
}

.details em
{
    font-size:12px;
    color: #369;


}

table
{

border:1px solid yellow;
width:100%;
}

tr
{

border:1px solid black;
}


#item-container td
{
border: none;
width:345px;
height:200px;
	
}

#item-container table
{
border: none;

	
}

td
{
border:1px solid green;

}


.nivoSlider {
    position: relative;
}

.horizontal li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

.horizontal li:hover ul {
	left: auto;
border:2px solid grey;
background-color:white;
-webkit-padding-start: 3px;
border-top:none;




}

.horizontal li:hover ul li{
	left:auto;
background-color:white;
border-bottom:1px dotted grey;
width:80%;
-webkit-border-radius:0px;
border-right:none;





}

.fadein
{

background-image:url('images/header1.jpg');
background-size:100% 100%;

background-repeat-x:none;
min-width:960px;



}

.product-container table td
{

border:0px solid black;
}

.product-container table
{

border:0px solid black;
}


.sub-menu
{

position: absolute;
margin-left: -13px;
margin-top: 1px;
display:none;


}

ul li ul li
{

display:block;
background-color: rgba(147, 2, 137, 0.63) !important;





}

ul li ul li:hover
{


background-color: rgb(238, 77, 105) !important;





}

ul li ul li a
{

color:white;
text-decoration:none;
font-family: Shruti;





}

ul li ul
{

padding-left:0px;
border:none !important;
background-color:transparent !important;
font-size:20px;





}

ul li:hover .sub-menu
{

display:block;

}

.active
{
background-color:rgb(247, 64, 163);

}

.spec
{
background-color:white;
padding:10px;


}

.shadow
{
background-image:url('images/shadow.png');
background-size:100%;
background-repeat:no-repeat;
width:100%;
height:50px;
}

h4
{
background-color: Green;
padding: 7px 5px;
color: white;

margin: 0px;
margin-top:5px;
text-align: center;
font-family: sans-serif;
}

table.specification tr td
{


}

table.specification tr td:nth-child(2)
{
border-right:2px solid green;

}



table.specification tr td:nth-child(1),table.specification tr td:nth-child(3)
{
color:rgb(240, 40, 75);
font-weight:bold;



}

table
{

font-family:sans-serif;
font-weight:bold;

}

table.specification
{



}

table.prod-container td {
    border: 1px solid #DADADA;
    border-radius: 3px;
    padding: 5px;
    margin: 10px;
}

    table.prod-container img {
    
    width:100%;
    max-width:300px;
    max-height:250px;
    }

div.prod-names {

    color:white;
    line-height:40px;
    font-family: sans-serif;
    font-size:19px;

}

    div.prod-names span {
    
    padding:7px 10px;
    margin:5px;
    }

.purple {
background-color:purple;
}

.green {
background-color:green;
}

div.prod-names ul li {
    display:inline-block;
}

.orange {

    background-color:orange;
}

.brown {

    background-color:brown;
}


h2.prod-header {
    font-size:25px;
    color:#4A7FE0 !important;
}

        
