body
{
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
body { /* fallback */ /* Can't specify a percentage size? Laaaaaame. */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#EFE3F6)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #fff, #EFE3F6); /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #fff, #EFE3F6); /* IE 10 */ background: -ms-radial-gradient(circle, #fff, #EFE3F6); /* Opera cannot do radial gradients yet */ }
h1
{
font-size:16px;
font-weight:bold;
color:#000000;
text-transform:uppercase;
border-bottom:1px #6C4095 solid;

}

.layout
{
width:960px;
height:auto;
padding:5px;
}
.matop
{
width:950px;
height:98px;
}
.galbridaltitle
{
width:543px;
height:95px;
background:url(images/title.png) no-repeat left center;
float:left;
}
.galbridaltitleright
{
width:220px;
height:95px;
float:right;
}
.toplinks
{
height:41px;
width:950px;

}
.galbridalslider
{
width:950px;
height:350px;
margin-top:8px;
}
.slider
{
width:950px; height:350px;
float:left;
margin:0 0px 0 0;
}

/*
7. Slider styling
*/
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width: 950px;
	height: 350px;
	overflow: hidden;
	background: url(img/preloader.gif) no-repeat 50% 50%;
	left: 0;
	top: 0;
	float:left;
}
.nivoSlider img {position:absolute; top:0px; left:0px; display: none;}

/* Nivo Slider small*/

.nivoSlider-small {position:relative; width: 460px; height: 300px; overflow: hidden;
			 	   background: url(img/preloader.gif) no-repeat 50% 50%;}
.nivoSlider-small img {position:absolute; top:0px; left:0px; display: none;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink, .nivoSlider-small a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box {display:block; position:absolute; z-index:5; }
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:10px;
	bottom:30px;
	
	color:#eee;
	opacity:0.8; /* Overridden by captionOpacity setting */
	max-width:80%;
	z-index:8;
}
.nivo-caption p {padding:10px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav, .nivo-nextNav, .nivo-controlNav a, .nivo-controlNav a.active {background: url(img/slider-controls-sprite.png) no-repeat;}

.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav {left: 10px; background-position: -73px 0; width: 40px; height: 40px;}
.nivo-prevNav:hover {left: 10px; background-position: -73px -40px; width: 40px; height: 40px;}
.nivo-nextNav {right: 10px;background-position: -163px 0; width: 40px; height: 40px;}
.nivo-nextNav:hover {right: 10px;background-position: -163px -40px; width: 40px; height: 40px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position: absolute; left: 10px; bottom: 10px;}
.nivo-controlNav a {
	background-position: -13px 0;
	width:10px;
	height:10px;
	display:block;
	text-indent:-9999px;
	margin-right:5px;
	float:left;
	position:relative;
	z-index:99;
	cursor:pointer;}
.nivo-controlNav a.active {background-position: 0 0;}
.categorylinks
{
margin-top:10px;
width:180px;
height:auto;
display:inline-block;
float:left;
margin-right:10px;
color:#FFFFFF;
}
.galbridallayout
{
width:950px;
height:auto;
display:inline-block;
margin:10px 0px 0px 0px;


}
.galwelcome
{
width:460px;
height:auto;
display:inline-block;
float:left;
text-align:left;
font-size:13px;
padding:5px;
}
.facebook
{
width:230px;
float:right;
margin-left:10px;
height:auto;
display:inline-block;
}
.galbridalservices
{
margin-top:5px;
width:950px;
height:50px;
border-top:2px #6C4095 solid;
background:#EBD7FF;
float:left;
}
.bottom
{
width:950px;
height:40px;
margin-top:13px;
text-align:right;
font-size:11px;
line-height:13px;
border-top:1px solid #9854C5;
padding-top:5px;
}
.myproducts
{
width:310px;
height:280px;
float:left;
text-transform:uppercase;
background:#EEAFEF; border-radius:5px;
}
.myproductsinside
{
width:60px;
height:30px;
text-align:left;
font-weight:bold;
text-transform:uppercase;
font-size:12px;
padding:10px 70px 10px 10px;
text-shadow: 0px 1px 1px #000;
color:#fff;
}
.servicelinks
{
width:180px; height:22px;padding-left:20px; padding-top:3px;font-weight:bold;background:url(images/galbridal-bullets.png) no-repeat left center;font-size:12px; font-weight:bold; text-align:left;line-height:15px; height:auto; display:inline-block; margin-bottom:5px; border-bottom:dotted 1px #CCCCCC;
}

.servicelinks a
{
color:#FFFFFF;
text-decoration:none;

}
.servicelinks a:hover
{
text-decoration:underline;
}
.categorytitle
{
width:200px;
height:21px;
padding-top:3px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
text-align:left;
border-bottom:solid #EEEEEE 1px;
}
.productscat
{
width:200px;
height:auto;
display:inline-block;
}
.middlecontent
{
width:460px;
height:170px;
float:left;
text-align:left;
font-size:13px;
padding:5px;
margin-left:15px;
}
.macontainer
{
width:470px;
height:auto;
display:inline-block;
font-size:13px;
text-align:left;
margin:5px 0 0 10px;
line-height:20px;
}
.macontainer li
{
list-style-image:url(images/bullets.png);
margin-left:20px;
font-size:13px;

}
.paginate {
font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		
		font-weight: bold;
		background-color: #999;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}
	
	li{
		
		margin-bottom:3px;
		
		list-style:none;}
		
	ul{margin:2px;
	padding:0px;}
.featured
{
width:135px;
height:150px;
float:left;
margin:5px;
padding:5px;
border-right:1px #DDDDDD dotted;
border-bottom:1px #DDDDDD dotted;
border-radius:0px 0px 5px 0px;
}
.featured1
{
width:100px;
height:140px;
float:left;
margin:5px;
padding:5px;
border-right:1px #DDDDDD dotted;
border-bottom:1px #DDDDDD dotted;
border-radius:0px 0px 5px 0px;
}
.featuredimg
{
width:122px;
height:130px;
margin:0 0 5px 0;
font-size:12px;

}
.img
{
width:auto;
height:auto;
max-width:108px;
max-height:130px;
}
.featuredtitle
{
width:130px;
height:20px;
margin:0 0 5px 0;
font-size:12px;
}
.featuredtitle a
{
color:#000000;
text-decoration:none;
}
.featuredtitle a:hover
{
color:#000000;
text-decoration:underline;
}
.text
{
font-size:13px;
text-align:left;
}
.link
{
width:210px;
height:40px;
font-size:12px;
font-weight:bold;
}
.link a
{
color:#fff;
width:auto;
height:auto;
padding:2px 4px 2px 4px;
background:#414185;
border-radius:6px;
text-decoration:none;
}
.link a:hover
{
color:#fff;
text-decoration:underline;
}
.productimg
{
width:200px;
height:150px;
padding:5px;
margin:10px 0 0 0;
float:left;
border:1px #414185 solid;
}
.quickest
{
width:230px;
height:auto;
display:inline-block;
margin-top:3px;
color:#FFFFFF;
background:#BF80FF;
font-size:12px;
border-radius:5px;
}
.containerinter
{
width:200px;
height:auto;
padding:5px;
display:inline-block;
background:#BF80FF;
border-radius:5px;
margin-top:5px;
}
/** Forms */
#form {
	font: 12px verdana,arial,sans-serif;
	border:0px #b7ddf2 solid;
	font-weight:normal;
	padding:5px;
	margin-left:0px;
	
}

#form label { 
	display: block;
	float: left; 
	width: 200px; 
	padding: 0 0 0 0; 
	margin: 9px 0 0;
	text-align: right; 
}

#form input {
	width: 180px;
	margin: 0px 0 4px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 2px;
	float:left;
	
}
.myinput {
	width: 380px;
	margin: 0px 0 4px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 2px;
	float:left;
	
}
#form radio {
	width: auto;
	margin: 5px 0 0 10px;
	border: 1px solid #FFCD5A;
	padding: 4px;
	float:left;
	
	
}
#form select {
	width: 250px;
	margin: 5px 0 0 10px;
	border: 1px solid #C15C20;
	padding: 4px;
	float:left;
}

#form textarea, form select {
	width: 190px;
	margin: 0px 0 0px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 0px;
	float:left;
}
.mytextarea{
	width: 450px;
	margin: 0px 0 0px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 0px;
	float:left;
}
#form input input:required, #form input textarea:required {
	background: #fff url(../images/red_asterisk.png) no-repeat 58% center;
}
#form input input:required:valid, #form input textarea:required:valid {
	background: #fff url(../images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
#form input input:focus:invalid, #form input textarea:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #9A35FF;
}
#form input[type=submit]{cursor:pointer; background:#9854C5; color:#fff; width:90px;}
#form input[type=submit]:hover {
	cursor: pointer;
	background:#9854C5;
}
#form input[type=reset]{cursor:pointer; background:#9854C5; color:#F9F9F9; width:90px;}
#form input[type=reset]:hover {
	cursor: pointer;
	background: #9854C5;
}


#form br {clear: left;}



#form2 {
	font: 12px verdana,arial,sans-serif;
	border:0px #b7ddf2 solid;
	font-weight:normal;
	padding:5px;
	margin-left:0px;
	
}

#form2 label { 
	display: block;
	float: left; 
	width: 200px; 
	padding: 0 0 0 0; 
	margin: 9px 0 0;
	text-align: right; 
}

#form2 input {
	width: 380px;
	margin: 0px 0 4px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 2px;
	float:left;
	
}
#form2 radio {
	width: auto;
	margin: 5px 0 0 10px;
	border: 1px solid #FFCD5A;
	padding: 4px;
	float:left;
	
	
}
#form2 select {
	width: 250px;
	margin: 5px 0 0 10px;
	border: 1px solid #C15C20;
	padding: 4px;
	float:left;
}

#form2 textarea, form select {
	width: 420px;
	margin: 0px 0 0px 0px;
	border: 1px solid #6B0008;
	border-radius:8px;
	padding: 0px;
	float:left;
}
#form2 input input:required, #form input textarea:required {
	background: #fff url(../images/red_asterisk.png) no-repeat 58% center;
}
#form2 input input:required:valid, #form input textarea:required:valid {
	background: #fff url(../images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
#form2 input input:focus:invalid, #form input textarea:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #9A35FF;
}
#form2 input[type=submit]{cursor:pointer; background:#9854C5; color:#fff; width:90px;}
#form2 input[type=submit]:hover {
	cursor: pointer;
	background:#9854C5;
}
#form2 input[type=reset]{cursor:pointer; background:#9854C5; color:#F9F9F9; width:90px;}
#form2 input[type=reset]:hover {
	cursor: pointer;
	background: #9854C5;
}


#form2 br {clear: left;}

.container {
		  width: 100%;
		  line-height:20px;
		  overflow-y: scroll; /* showing scrollbars */
		  height:500px;
		  text-align:left;
	}
	
	p {
		margin: 0 0 2em 0;
	}
	
	::-webkit-scrollbar {
	width:5px;
		 
	} /* this targets the default scrollbar (compulsory) */
	
	::-webkit-scrollbar-track {
		  background-color: #5E00BB;
	} /* the new scrollbar will have a flat appearance with the set background color */

	::-webkit-scrollbar-thumb {
		  background-color: rgba(5, 6, 6, 0.2); 
	} /* this will style the thumb, ignoring the track */

	::-webkit-scrollbar-button {
		  background-color:#E2C6FF;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

	::-webkit-scrollbar-corner {
		  background-color: black;
	} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */	
.hidden-container maimgs
{
width:auto;
height:auto;
max-height:520px;
max-width:400px;

}